*{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--bg:#f3f6fb;--surface:#ffffff;--text:#101828;--muted:#667085;--border:#e4e7ec;--shadow:0 14px 40px rgba(16,24,40,.08);--radius:24px;--radius-sm:16px}
body{font-family:Tahoma,Arial,sans-serif;margin:0;background:radial-gradient(circle at top right,#f8fbff 0,#f3f6fb 42%,#eef2f7 100%);color:var(--text)}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(1200px,calc(100% - 32px));margin:0 auto}
.page-space{padding:32px 0 16px}
.topbar{background:#0f172a;color:#fff;font-size:13px}
.topbar-inner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0}
.topbar-links{display:flex;gap:10px;flex-wrap:wrap}
.topbar-links a,.topbar-links span{opacity:.92}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,23,42,.08)}
.nav-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0}
.logo{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800;color:var(--primary);min-width:0}
.logo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.logo img{width:48px;height:48px;object-fit:cover;border-radius:14px;background:#fff;border:1px solid var(--border);box-shadow:0 10px 24px rgba(16,24,40,.08)}
.nav-toggle{display:none}
.nav-toggle-label{display:none}
.main-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.main-nav a{padding:11px 15px;border-radius:14px;font-weight:700;color:#0f172a;transition:.2s}
.main-nav a:hover,.main-nav a.active{background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.08);color:var(--primary)}
.card,.glass-card,.auth-box,.summary-panel{background:var(--surface);border:1px solid rgba(228,231,236,.95);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;margin-bottom:22px}
.page-card{padding:30px}
.page-card h1,.page-card h2{margin-top:0}
.hero-cover{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:18px;align-items:center;min-height:220px;border-radius:24px;padding:26px 34px;margin-bottom:24px;box-shadow:0 12px 32px rgba(15,23,42,.10)}
.hero-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(15,23,42,.72));background-size:cover;background-position:center}
.hero-cover>*{position:relative;z-index:1}
.hero-content{display:flex;flex-direction:column;justify-content:center;color:#fff;max-width:740px}
.hero-content h1{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.2;margin:10px 0 8px}
.hero-content p{font-size:15px;line-height:1.8;color:rgba(255,255,255,.86);margin:0 0 18px;max-width:780px}
.hero-panel{display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));backdrop-filter:blur(10px);min-height:150px;padding:20px;border-radius:20px}
.mini-kpi{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.mini-kpi strong{font-size:30px}
.badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);color:#047857;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:800;width:max-content;max-width:100%}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:16px 0 18px}
.section-head h2{margin:6px 0 0;font-size:31px;line-height:1.25}
.section-kicker{display:inline-block;color:var(--accent);font-weight:800;font-size:14px}
.grid{display:grid;gap:20px}
.feature-grid,.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.feature-card{padding:26px;position:relative;overflow:hidden}
.feature-card::after{content:"";position:absolute;inset:auto -20px -30px auto;width:110px;height:110px;border-radius:50%;background:rgba(16,185,129,.08)}
.feature-card h3{margin:0 0 12px;font-size:22px;position:relative;z-index:1}
.feature-card p,.small,.rich-text,.muted{color:var(--muted);line-height:1.9}
.product-card{padding:0;overflow:hidden;display:flex;flex-direction:column;height:100%}
.premium-card{transition:transform .25s ease,box-shadow .25s ease}
.premium-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(16,24,40,.12)}
.product-image-wrap{aspect-ratio:4/3;overflow:hidden;background:#eef2f7}
.product-card img,.product-main-image{width:100%;height:100%;object-fit:cover}
.product-card-body{padding:20px 20px 10px;display:grid;gap:10px;flex:1}
.product-card h3{margin:0;font-size:21px;line-height:1.45}
.product-card p{margin:0;min-height:56px}
.product-actions{padding:0 20px 20px;margin-top:auto}
.price{font-size:22px;font-weight:800;color:var(--accent)}
.big-price{font-size:32px}
.btn,button{display:inline-flex;justify-content:center;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:13px 18px;border-radius:14px;cursor:pointer;font-size:15px;font-weight:800;transition:.2s;min-height:48px}
.btn:hover,button:hover{transform:translateY(-1px);opacity:.98}
.btn-secondary{background:#eef2f6;color:#0f172a}
.btn-danger{background:#dc2626}
.inline-form{display:inline-grid}
form{display:grid;gap:14px}
input,textarea,select{width:100%;padding:14px 15px;border:1px solid #d6dce5;border-radius:14px;font-size:15px;background:#fff;color:#101828;outline:none;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(17,24,39,.07)}
textarea{min-height:130px;resize:vertical}
label{font-weight:800;display:block;margin-bottom:6px}
.table-wrap{overflow:auto;border-radius:18px;border:1px solid #eef2f7}
table{width:100%;border-collapse:collapse;background:#fff;min-width:720px}
th,td{padding:15px 14px;border-bottom:1px solid #eef2f7;text-align:right;vertical-align:top}
th{background:#f8fafc;white-space:nowrap}
.flash{padding:14px 16px;border-radius:14px;margin-bottom:18px;font-weight:700}
.flash-success{background:#d1fae5;color:#065f46}.flash-error{background:#fee2e2;color:#991b1b}
.flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.toolbar-between{justify-content:space-between}
.cart-layout,.checkout-layout,.dashboard-two-cols{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px}
.cart-row{display:grid;grid-template-columns:110px minmax(0,1fr) 210px;gap:16px;align-items:center}
.cart-row img{width:110px;height:110px;border-radius:18px;background:#f1f5f9;object-fit:cover}
.summary-panel{position:sticky;top:100px;height:fit-content}
.summary-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #edf2f7}
.summary-line.total{font-size:18px;font-weight:800}
.full-width{width:100%;margin-top:16px}
.product-page-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding:28px}
.product-gallery{min-height:520px;background:#f8fafc;border-radius:22px;overflow:hidden}
.product-main-image{height:100%}
.product-details{display:flex;flex-direction:column;justify-content:center}
.product-details h1{font-size:42px;line-height:1.25;margin:14px 0 12px}
.product-description{line-height:2;color:#475467;margin:0 0 20px}
.buy-box{max-width:460px}
.success-card{padding:54px 28px}
.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:24px;padding:40px 0 22px}
.site-footer{background:#0f172a;color:#fff;margin-top:38px}
.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.footer-links a{opacity:.92}
.footer-bottom{padding:18px 0;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.86)}
.admin-shell{display:grid;gap:22px}
.admin-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.admin-topbar h1{margin:0 0 10px;font-size:34px}
.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.stat-card{display:grid;gap:10px}
.stat-card span{display:block;color:var(--muted)}
.stat-card strong{font-size:30px;line-height:1.25}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}
.span-2{grid-column:span 2}
.empty-state{padding:46px 22px}
.contact-list{display:grid;gap:10px}
.narrow-card{max-width:760px;margin-right:auto;margin-left:auto}
.text-center{text-align:center}
.auth-box{max-width:460px;margin:50px auto}
hr.soft{border:none;height:1px;background:#eef2f7;margin:18px 0}
@media (max-width:1100px){
  .feature-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-cover{grid-template-columns:1fr;min-height:auto}
  .hero-panel{min-height:unset}
  .product-page-grid,.cart-layout,.checkout-layout,.dashboard-two-cols,.footer-grid,.stats-grid{grid-template-columns:1fr}
  .summary-panel{position:static}
}
@media (max-width:760px){
  .container{width:min(100% - 20px,1200px)}
  .page-space{padding-top:20px}
  .topbar-inner{flex-direction:column;align-items:flex-start}
  .nav-wrap{padding:12px 0;display:grid;grid-template-columns:1fr auto;align-items:center}
  .nav-toggle-label{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:#eef2f6;cursor:pointer;font-size:24px;font-weight:800}
  .main-nav{display:none;grid-column:1/-1;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--border);border-radius:20px;padding:10px;box-shadow:var(--shadow);margin-top:10px}
  .main-nav a{width:100%;padding:13px 14px}
  .nav-toggle:checked ~ .main-nav{display:flex}
  .hero-cover{padding:22px;border-radius:22px}
  .hero-content h1{font-size:28px}
  .hero-content p{font-size:15px;line-height:1.85}
  .section-head{align-items:flex-start;flex-direction:column}
  .section-head h2{font-size:25px}
  .feature-grid,.products-grid{grid-template-columns:1fr}
  .cart-row{grid-template-columns:1fr}
  .cart-row img{width:100%;height:220px}
  .product-page-grid{padding:18px}
  .product-gallery{min-height:320px}
  .product-details h1{font-size:31px}
  .footer-grid{padding-top:28px}
  .admin-topbar{flex-direction:column;align-items:stretch}
  .admin-form-grid{grid-template-columns:1fr}
  .span-2{grid-column:auto}
  table{min-width:620px}
  .btn,button{width:100%}
  .product-actions .btn,.product-actions form,.product-actions button,.buy-box .btn,.buy-box button,.checkout-layout .btn,.summary-panel .btn{width:100%}
}
@media (max-width:480px){
  .logo{font-size:20px;gap:10px}
  .logo img{width:42px;height:42px}
  .hero-content h1{font-size:24px}
  .badge{font-size:12px;padding:7px 12px}
  .card,.glass-card,.auth-box,.summary-panel,.page-card{padding:18px;border-radius:20px}
  .product-card-body,.product-actions{padding-left:16px;padding-right:16px}
  input,textarea,select{font-size:16px}
}


/* admin responsive refinements */
.admin-shell .card{overflow:hidden}
.admin-shell .table-wrap{width:100%;-webkit-overflow-scrolling:touch}
.admin-shell form .flex{align-items:flex-start}
.admin-shell .badge{white-space:normal}
@media (max-width:900px){
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .admin-shell{gap:16px}
  .admin-topbar h1{font-size:26px}
  .stats-grid{grid-template-columns:1fr}
  .admin-form-grid{gap:12px}
  .admin-shell .table-wrap{border-radius:14px}
  .admin-shell table{min-width:560px}
  .admin-shell .flex{flex-direction:column;align-items:stretch}
  .admin-shell .toolbar-between{gap:12px}
  .admin-shell .toolbar-between .badge{width:100%;justify-content:center}
  .admin-shell td .flex,.admin-shell td form{width:100%}
  .admin-shell td .btn,.admin-shell td button,.admin-shell td .inline-form{width:100%}
  .admin-shell td .inline-form button{width:100%}
}
@media (max-width:480px){
  .admin-shell table{min-width:520px}
  .admin-topbar .btn{width:100%}
}

/* Added in developed version */
.narrow-card{max-width:680px;margin:0 auto}
select{width:100%;min-height:48px;border:1px solid var(--border);border-radius:14px;padding:0 14px;background:#fff;font:inherit;color:var(--text)}
.admin-topbar .flex{gap:10px}

/* v11 enhancements */
.quick-links{flex-wrap:wrap}.category-pills{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.category-pills .active{background:var(--primary);color:#fff}.product-benefits{margin:18px 0;padding:0 22px;line-height:2;color:var(--muted)}del{color:#9ca3af;font-size:.75em;margin-inline-start:8px}.danger-btn{background:#dc2626}.success-card{text-align:center}.tracking-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.tracking-steps span{background:#f1f5f9;border:1px solid var(--border);border-radius:999px;padding:10px;text-align:center;font-weight:800}.tracking-steps span.active{background:var(--accent-soft);border-color:var(--accent);color:var(--primary)}button:disabled{opacity:.5;cursor:not-allowed}.enhanced-product .big-price{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-form-grid input[type="date"]{min-height:48px}
@media(max-width:640px){.tracking-steps{grid-template-columns:1fr 1fr}.quick-links .btn{width:100%}}


/* v12: smaller customer hero and hidden admin link from public nav */
@media (max-width:760px){
  .hero-cover{grid-template-columns:1fr;min-height:unset;padding:20px;margin-bottom:20px}
  .hero-panel{min-height:auto;padding:14px}
}

.auth-wrap{max-width:520px;margin:20px auto 50px}.auth-card form{display:grid;gap:12px}.auth-card input{width:100%}.text-center{text-align:center}.full-width{width:100%;display:block;text-align:center}

/* v17 Shein-like enhancements */
body{font-family:var(--body-font,Arial,sans-serif)} h1,h2,h3,.logo{font-family:var(--heading-font,var(--body-font,Arial,sans-serif))}.category-carousel{display:flex;gap:14px;overflow-x:auto;padding:12px 0 18px;scroll-snap-type:x mandatory}.category-tile{min-width:140px;scroll-snap-align:start;text-align:center;background:#fff;border:1px solid #eee;border-radius:18px;padding:10px;color:#111;text-decoration:none}.category-tile img{width:100%;height:90px;object-fit:cover;border-radius:14px}.shein-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.product-media-thumbs{display:flex;gap:10px;overflow:auto;margin-top:10px}.product-media-thumbs img,.product-media-thumbs video{width:86px;height:86px;object-fit:cover;border-radius:12px;border:1px solid #e5e7eb}.reviews-list{display:grid;gap:12px}.review-card{border:1px solid #eee;border-radius:16px;padding:14px;background:#fff}.review-media{display:flex;gap:8px;flex-wrap:wrap}.review-media img{width:74px;height:74px;object-fit:cover;border-radius:10px}.urgency-pop{position:fixed;left:20px;bottom:20px;background:#111827;color:#fff;padding:13px 16px;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.18);z-index:1000;font-size:14px;animation:fadein .4s}.landing-hero{min-height:260px;border-radius:28px;background:linear-gradient(135deg,var(--primary),#111);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px}.landing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px}.admin-nav-grid{display:flex;flex-wrap:wrap;gap:8px}.deposit-box{border:1px dashed var(--accent);border-radius:16px;padding:12px;margin:12px 0;background:var(--accent-soft)}@keyframes fadein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.category-tile{min-width:112px}.category-tile img{height:72px}.urgency-pop{left:10px;right:10px;text-align:center}}
/* v17.2 category carousel fix: horizontal compact slider */
.category-slider-section{margin:0 0 24px;padding:0;overflow:hidden}
.category-slider-section .shein-top{margin:0 0 10px}
.category-slider-wrap{position:relative;display:flex;align-items:center;gap:8px;max-width:100%}
.category-carousel{flex:1;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;gap:12px;overflow-x:auto !important;overflow-y:hidden !important;padding:8px 4px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.category-tile{flex:0 0 118px !important;width:118px !important;min-width:118px !important;max-width:118px !important;display:block;scroll-snap-align:start;text-align:center;background:#fff;border:1px solid #ececec;border-radius:14px;padding:8px;color:#111;text-decoration:none;box-shadow:0 8px 20px rgba(15,23,42,.05)}
.category-tile img{width:100% !important;height:74px !important;object-fit:cover;border-radius:11px;display:block;margin-bottom:6px}
.category-tile strong{display:block;font-size:13px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-tile.active{border-color:var(--primary);box-shadow:0 0 0 2px var(--accent-soft)}
.cat-arrow{flex:0 0 34px;width:34px;height:34px;border:0;border-radius:999px;background:var(--primary,#111827);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(15,23,42,.14)}
@media(max-width:720px){.category-slider-wrap{gap:4px}.cat-arrow{display:none}.category-carousel{padding-inline:2px;gap:9px}.category-tile{flex-basis:92px !important;width:92px !important;min-width:92px !important;max-width:92px !important;border-radius:12px;padding:6px}.category-tile img{height:58px !important;border-radius:9px}.category-tile strong{font-size:12px}}


/* HANA v18 Shein-like bilingual theme */
:root{--primary:#000;--accent:#FF2D55;--pink:#FF2D55;--pink-soft:#FFF0F3;--surface:#fff;--muted:#667085;--border:#eee;--radius:12px;--shadow:0 10px 28px rgba(0,0,0,.08)}
*{box-sizing:border-box}body.hana-body{margin:0;background:#fff;color:#000;font-family:var(--body-font);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(100% - 28px,1280px);margin:auto}.page-space{padding-top:22px}.hana-topbar{background:#000;overflow:hidden;height:38px;display:flex;align-items:center}.hana-topbar a{display:flex;gap:80px;color:#fff;font-weight:800;white-space:nowrap;animation:hana-marquee 22s linear infinite}.hana-topbar span{padding-inline:30px;color:#fff}.hana-topbar span::first-letter{color:var(--pink)}@keyframes hana-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}html[dir=rtl] .hana-topbar a{animation-direction:reverse}.hana-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.hana-header-inner{display:grid;grid-template-columns:auto minmax(260px,1fr) auto auto;gap:18px;align-items:center;min-height:74px}.hana-logo{font-family:Poppins,Montserrat,sans-serif;font-size:34px;font-weight:900;letter-spacing:.08em;color:#000}.hana-search{display:flex;border:1px solid #e5e7eb;border-radius:999px;overflow:hidden;background:#f7f7f7}.hana-search input{border:0;background:transparent;border-radius:0;min-height:46px}.hana-search button{border-radius:0;background:#000;color:#fff;min-height:46px;padding:0 18px}.hana-nav{display:flex;gap:18px;align-items:center;white-space:nowrap}.hana-nav a{font-weight:800;padding:25px 0 21px;border-bottom:3px solid transparent}.hana-nav a:hover,.hana-nav a.active{border-color:var(--pink);color:var(--pink)}.hana-icons{display:flex;gap:12px;align-items:center;font-weight:800}.cart-icon{position:relative}.cart-icon b{position:absolute;top:-12px;inset-inline-end:-12px;background:var(--pink);color:#fff;border-radius:999px;min-width:20px;height:20px;font-size:12px;display:grid;place-items:center}.nav-toggle,.nav-toggle-label{display:none}.hero-slider{position:relative;min-height:430px;border-radius:0;overflow:hidden;background:#f5f5f5;margin-bottom:28px}.hero-slide{min-height:430px;display:grid;align-items:center;background-size:cover;background-position:center;padding:50px}.hero-slide-content{max-width:520px;background:rgba(255,255,255,.72);padding:28px;border-radius:18px}.hero-slide h1{font-size:clamp(32px,5vw,62px);line-height:1;margin:0 0 14px;font-weight:900}.btn,button{background:#000;color:#fff;border:0;border-radius:8px;min-height:46px;padding:12px 18px;font-weight:900;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-pink,.product-actions button,.buy-box button,.checkout-submit{background:var(--pink)!important}.btn-secondary{background:#f2f2f2;color:#000}.mega-cats,.category-bubbles{display:flex;gap:18px;overflow:auto;padding:10px 2px 18px;scroll-snap-type:x mandatory}.mega-cats a{font-weight:900;position:relative;padding:8px 0}.mega-cats a:hover::after{content:"";position:absolute;inset-inline:0;bottom:0;height:3px;background:var(--pink)}.category-bubble{min-width:112px;text-align:center;scroll-snap-align:start}.category-bubble img{width:92px;height:92px;border-radius:50%;object-fit:cover;background:#f3f4f6;border:1px solid #eee}.category-bubble strong{display:block;margin-top:8px}.flash-sale{background:var(--pink-soft);border-radius:18px;padding:24px;margin:20px 0}.flash-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.countdown{font-weight:900;color:var(--pink);font-size:22px}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{border:0;box-shadow:none;border-radius:0;background:#fff;padding:0;position:relative}.product-image-wrap{aspect-ratio:3/4;background:#f7f7f7;position:relative;overflow:hidden}.product-image-wrap img{width:100%;height:100%;object-fit:cover;transition:.35s}.product-card:hover .product-image-wrap img{transform:scale(1.04)}.wishlist-heart{position:absolute;top:10px;inset-inline-end:10px;background:#fff;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.12);color:#000}.product-card-body{padding:12px 0;display:grid;gap:4px}.product-card h3{font-size:15px;margin:0;font-weight:700}.price{font-size:18px;color:#000;font-weight:900}.price del{color:#999;font-size:14px;margin-inline-start:6px}.sale-badge{position:absolute;top:10px;inset-inline-start:10px;background:var(--pink);color:#fff;border-radius:999px;padding:5px 10px;font-weight:900;font-size:12px}.quick-add{position:absolute;inset-inline:10px;bottom:10px;opacity:0;transform:translateY(8px);transition:.2s}.product-card:hover .quick-add{opacity:1;transform:none}.section-title{display:flex;justify-content:space-between;align-items:end;margin:28px 0 16px}.section-title h2{font-size:30px;margin:0}.product-page-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:start}.product-gallery{display:grid;gap:12px}.product-main-image{width:100%;aspect-ratio:3/4;object-fit:cover;background:#f7f7f7}.product-media-thumbs{display:flex;gap:10px;overflow:auto}.product-media-thumbs img,.product-media-thumbs video{width:82px;height:102px;object-fit:cover;border:1px solid #ddd;cursor:pointer}.product-details h1{font-size:34px;margin:0 0 8px}.color-dots{display:flex;gap:10px;flex-wrap:wrap}.color-dot{width:30px;height:30px;border-radius:50%;border:2px solid #111;display:inline-block}.tabs{margin-top:24px}.tabs details{border-top:1px solid #eee;padding:14px 0}.checkout-layout,.cart-layout,.dashboard-two-cols{display:grid;grid-template-columns:minmax(0,1.4fr) 360px;gap:24px}.payment-card{border:1px solid #e5e7eb;border-radius:14px;padding:16px;margin:10px 0}.payment-card:has(input:checked){border-color:var(--pink);background:var(--pink-soft)}.hana-footer{background:#000;color:#fff;margin-top:42px}.hana-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;padding:42px 0}.hana-footer h3{font-family:Poppins,sans-serif;font-size:34px;letter-spacing:.08em;margin:0 0 10px}.footer-links{list-style:none;padding:0;margin:0;display:grid;gap:9px}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;color:#ddd}.admin-mode .hana-header{position:static}.admin-mode .hana-header-inner{grid-template-columns:auto 1fr}.admin-mode .hana-search,.admin-mode .hana-icons{display:none}.admin-shell{display:grid;gap:18px}.admin-topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.summary-panel,.auth-box{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:var(--shadow);padding:22px;margin-bottom:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{border-bottom:1px solid #eee;padding:12px;text-align:start}input,textarea,select{width:100%;padding:13px;border:1px solid #ddd;border-radius:10px;background:#fff}label{font-weight:800;margin-bottom:6px;display:block}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:span 2}.flash{padding:12px 14px;border-radius:10px;margin-bottom:16px;font-weight:800}.flash-success{background:#e7f8ef;color:#047857}.flash-error{background:#fee2e2;color:#991b1b}.small,.muted{color:#667085}.flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid{display:grid;gap:18px}.review-card{border:1px solid #eee;border-radius:12px;padding:14px;margin:10px 0}.review-media img{max-width:120px;border-radius:10px}.order-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}.order-progress span{background:#f2f2f2;padding:10px;border-radius:999px;text-align:center;font-size:12px;font-weight:800}.order-progress span.done{background:var(--pink);color:#fff}@media(max-width:1050px){.products-grid{grid-template-columns:repeat(3,1fr)}.hana-header-inner{grid-template-columns:auto 1fr auto}.hana-nav{display:none}.nav-toggle-label{display:grid;place-items:center}.nav-toggle:checked~.hana-nav{display:flex;grid-column:1/-1;flex-direction:column;align-items:stretch;background:#fff;padding:10px;border:1px solid #eee;border-radius:14px}.nav-toggle-label{display:flex;font-size:28px}.product-page-grid,.checkout-layout,.cart-layout,.dashboard-two-cols,.hana-footer-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.container{width:min(100% - 18px,1280px)}.hana-header-inner{grid-template-columns:1fr auto;gap:10px}.hana-search{grid-column:1/-1;order:5}.hana-icons{grid-column:1/-1;justify-content:space-between}.hana-logo{font-size:30px}.products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.hero-slide{min-height:360px;padding:22px}.hero-slide-content{padding:18px}.admin-form-grid,.stats-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.btn,button{width:100%}.order-progress{grid-template-columns:1fr 1fr}.category-bubble{min-width:88px}.category-bubble img{width:76px;height:76px}}
/* HANA v19 admin and wishlist refinements */
.hana-admin-layout{min-height:100vh;display:flex;background:#f7f7f8}.hana-admin-sidebar{position:sticky;top:0;height:100vh;width:250px;background:#000;color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:22px;flex-shrink:0}.hana-admin-brand{font-size:32px;font-weight:900;letter-spacing:.08em;color:#fff;text-decoration:none}.hana-admin-sidebar nav{display:flex;flex-direction:column;gap:6px}.hana-admin-sidebar nav a{color:#fff;text-decoration:none;padding:12px 14px;border-radius:14px;font-weight:700;display:flex;gap:10px;align-items:center}.hana-admin-sidebar nav a span{color:#FF2D55}.hana-admin-sidebar nav a.active,.hana-admin-sidebar nav a:hover{background:#151515;color:#fff}.hana-admin-sidebar-bottom{margin-top:auto;color:#fff}.hana-admin-sidebar-bottom a{color:#fff}.hana-admin-main{flex:1;min-width:0}.admin-container{max-width:1280px;margin:0 auto;padding:28px}.admin-mode .hana-footer,.admin-mode .hana-header,.admin-mode .hana-topbar{display:none!important}.empty-state{text-align:center;padding:48px}.wishlist-heart form{display:inline}.wishlist-heart button{border:0;background:transparent;font-size:24px;cursor:pointer;color:#000}.wishlist-heart button:hover{color:#FF2D55}.product-card .flex form{margin:0}.payment-card input[type=file]{background:#fff}@media(max-width:860px){.hana-admin-layout{display:block}.hana-admin-sidebar{position:relative;width:auto;height:auto}.hana-admin-sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.admin-container{padding:16px}.hana-header-inner{gap:10px}.hana-search{order:3;width:100%}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* NEW: HANA v20 fashion system overrides */
:root{--hana-white:#FFFFFF;--hana-black:#000000;--hana-pink:#FF2D55;--hana-pink-soft:#FFF0F3;--bg:#fff;--surface:#fff;--text:#000;--muted:#666;--border:#eee;--primary:var(--hana-black);--accent:var(--hana-pink);--accent-soft:var(--hana-pink-soft);--radius:18px;--shadow:0 10px 30px rgba(0,0,0,.06)}
body.hana-body{font-family:var(--body-font),Arial,sans-serif;background:#fff;color:#000}html[dir="rtl"] body{font-family:var(--body-font),Cairo,Tajawal,Arial,sans-serif}.container{width:min(1280px,calc(100% - 28px))}.hana-topbar{background:#000;color:#fff;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:700}.hana-topbar a{display:flex;gap:70px;width:max-content;padding:9px 0;color:#fff;animation:hanaMarquee var(--topbar-speed,22s) linear infinite}.hana-topbar span{padding-inline:24px}.hana-topbar b,.hana-topbar strong{color:#FF2D55}@keyframes hanaMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}html[dir="rtl"] .hana-topbar a{animation-name:hanaMarqueeR}@keyframes hanaMarqueeR{from{transform:translateX(0)}to{transform:translateX(50%)}}
.hana-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #eee}.hana-header-inner{display:grid;grid-template-columns:180px minmax(220px,1fr) auto auto;gap:18px;align-items:center;padding:14px 0}.hana-logo{font-family:Poppins,Montserrat,Arial,sans-serif;font-size:34px;font-weight:900;letter-spacing:.08em;color:#000;text-transform:uppercase}.hana-search{display:flex;gap:0;margin:0}.hana-search input{height:46px;border:1px solid #ddd;border-radius:999px 0 0 999px;background:#fafafa;padding-inline:20px}.hana-search button{height:46px;min-height:46px;border-radius:0 999px 999px 0;background:#000;color:#fff}.hana-nav{display:flex;gap:4px;align-items:center;white-space:nowrap}.hana-nav a,.mega-cats a{position:relative;padding:10px 8px;font-weight:700;font-size:14px;color:#000}.hana-nav a:after,.mega-cats a:after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:#FF2D55;transform:scaleX(0);transition:.2s}.hana-nav a:hover:after,.hana-nav a.active:after,.mega-cats a:hover:after{transform:scaleX(1)}.hana-icons{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-weight:800}.cart-icon{position:relative;font-size:20px}.cart-icon b{position:absolute;top:-9px;inset-inline-end:-10px;min-width:18px;height:18px;border-radius:999px;background:#FF2D55;color:#fff;font-size:11px;display:grid;place-items:center}.nav-toggle,.nav-toggle-label{display:none}.mega-cats{display:flex;gap:14px;align-items:center;overflow-x:auto;padding:10px 0 18px;margin-top:-18px;scrollbar-width:none}.mega-cats::-webkit-scrollbar,.category-bubbles::-webkit-scrollbar{display:none}
.hana-hero{width:100%;margin:0 0 22px}.hero-slider{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:0;min-height:430px;background:#FFF0F3}.hero-slide{min-width:100%;scroll-snap-align:start;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;padding:52px min(6vw,70px);background:#FFF0F3}.hero-slide img{width:100%;height:390px;object-fit:cover;border-radius:0}.hero-slide h1{font-size:clamp(34px,6vw,76px);line-height:.95;margin:0 0 16px;font-weight:900;color:#000}.hero-slide p{font-size:18px;color:#333;line-height:1.8}.btn-pink,.checkout-submit{background:#FF2D55!important;color:#fff!important;border-radius:0;text-transform:uppercase;letter-spacing:.03em}.btn-outline{background:#fff!important;color:#000!important;border:1px solid #000!important}.section-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:28px 0 16px}.section-title h2{font-size:28px;margin:0;font-weight:900}.category-bubbles{display:flex;gap:18px;overflow-x:auto;padding:8px 2px 22px;scroll-snap-type:x mandatory}.category-bubble{min-width:96px;text-align:center;scroll-snap-align:start}.category-bubble img{width:86px;height:86px;border-radius:50%;object-fit:cover;margin:auto;border:2px solid #fff;box-shadow:0 0 0 1px #eee}.category-bubble strong{display:block;margin-top:9px;font-size:13px}.flash-sale{background:#FFF0F3;border:0;border-radius:0;padding:24px;margin:22px 0}.flash-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.countdown{background:#000;color:#fff;border-radius:999px;padding:9px 16px;font-weight:900;letter-spacing:.08em}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{position:relative;border:0;border-radius:0;box-shadow:none;background:#fff;overflow:hidden}.product-card:hover{transform:none;box-shadow:none}.product-image-wrap{position:relative;aspect-ratio:3/4;background:#f7f7f7;overflow:hidden}.product-image-wrap img{width:100%;height:100%;object-fit:cover;transition:opacity .25s,transform .35s}.product-image-wrap .hover-img{position:absolute;inset:0;opacity:0}.product-card:hover .hover-img{opacity:1}.product-card:hover .main-img{transform:scale(1.03)}.quick-add{position:absolute;left:10px;right:10px;bottom:10px;opacity:0;transform:translateY(10px);transition:.22s}.product-card:hover .quick-add{opacity:1;transform:none}.quick-add button{width:100%;border-radius:0;background:rgba(255,255,255,.88);color:#000;border:1px solid #000}.quick-add button:hover{background:#FF2D55;color:#fff;border-color:#FF2D55}.wishlist-heart{position:absolute;top:10px;inset-inline-end:10px;z-index:3}.wishlist-heart button{width:38px;height:38px;min-height:38px;border-radius:50%;background:#fff;color:#000;border:1px solid #eee;padding:0;font-size:22px}.sale-badge,.new-badge{position:absolute;top:10px;inset-inline-start:10px;z-index:2;background:#FF2D55;color:#fff;font-size:12px;font-weight:900;padding:6px 9px}.new-badge{background:#000}.product-card-body{padding:10px 0 4px;gap:6px}.product-card h3{font-size:15px;font-weight:600;line-height:1.5}.price{font-size:17px;font-weight:900;color:#000}.price del{color:#999;font-size:13px;margin-inline-start:8px}.price .sale-price{color:#FF2D55}.product-page-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:start}.gallery-grid{display:grid;grid-template-columns:86px 1fr;gap:14px}.thumbs{display:grid;gap:10px;align-content:start}.thumbs img,.thumbs video{height:98px;width:86px;object-fit:cover;border:1px solid #eee;cursor:pointer}.product-gallery-main{background:#f7f7f7;min-height:620px;display:grid;place-items:center}.product-gallery-main img,.product-gallery-main video{width:100%;height:100%;max-height:720px;object-fit:cover}.color-dots{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.color-dot{width:30px;height:30px;border-radius:50%;display:inline-block;border:2px solid #fff;box-shadow:0 0 0 1px #ccc;cursor:pointer}.tabs details{border-top:1px solid #eee;padding:16px 0}.tabs summary{font-weight:900;cursor:pointer}.payment-options{display:grid;gap:12px}.payment-card{display:block;border:1px solid #eee;background:#fff;padding:16px;border-radius:14px}.payment-card:has(input:checked){border-color:#FF2D55;box-shadow:0 0 0 3px #FFF0F3}.manual-payment-fields{display:none}.manual-payment-fields.is-visible{display:grid;gap:12px}.tracking-steps{display:flex;gap:8px;align-items:center;overflow:auto;padding:18px 0}.tracking-step{display:grid;place-items:center;text-align:center;min-width:120px;color:#999;position:relative}.tracking-step:before{content:"";width:34px;height:34px;border-radius:50%;background:#eee;margin-bottom:8px}.tracking-step.done{color:#000;font-weight:900}.tracking-step.done:before{background:#FF2D55}.hana-admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.hana-admin-sidebar{background:#000;color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh;overflow:auto}.hana-admin-brand{display:block;color:#fff;font-size:32px;font-weight:900;letter-spacing:.08em;margin-bottom:22px}.hana-admin-sidebar nav{display:grid;gap:5px}.hana-admin-sidebar a{color:#fff;border-radius:12px;padding:11px 12px}.hana-admin-sidebar nav a.active,.hana-admin-sidebar nav a:hover{background:#161616;color:#fff}.hana-admin-sidebar nav a span{color:#FF2D55;margin-inline-end:7px}.hana-admin-sidebar-bottom{margin-top:22px;border-top:1px solid #222;padding-top:16px}.hana-admin-main{min-width:0;background:#fff}.admin-container{width:min(1220px,calc(100% - 32px));margin:0 auto}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{border-radius:18px;border:1px solid #eee}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:span 2}.table-wrap table th{text-align:inherit}.danger-btn,.btn-danger{background:#dc2626!important;color:#fff!important}
html[dir="rtl"] .hana-search input{border-radius:0 999px 999px 0}html[dir="rtl"] .hana-search button{border-radius:999px 0 0 999px}html[dir="rtl"] th,html[dir="rtl"] td{text-align:right}html[dir="ltr"] th,html[dir="ltr"] td{text-align:left}
@media(max-width:980px){.hana-header-inner{grid-template-columns:1fr auto;gap:10px}.hana-search{grid-column:1/-1;order:3}.nav-toggle-label{display:grid;place-items:center;width:44px;height:44px;background:#000;color:#fff;border-radius:0}.hana-nav{display:none;grid-column:1/-1;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #eee;padding:10px}.nav-toggle:checked~.hana-nav{display:flex}.hana-icons{grid-column:1/-1;justify-content:space-between;order:4}.hero-slide{grid-template-columns:1fr;padding:32px 20px}.hero-slide img{height:300px;order:-1}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-page-grid,.gallery-grid,.cart-layout,.checkout-layout,.dashboard-two-cols,.footer-grid,.stats-grid,.admin-form-grid{grid-template-columns:1fr}.hana-admin-layout{grid-template-columns:1fr}.hana-admin-sidebar{position:relative;height:auto}.hana-admin-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:auto}.hero-slider{min-height:auto}.product-gallery-main{min-height:360px}}

/* NEW: HANA v21 stronger SHEIN-inspired mobile-first storefront and admin polish. */
body.store-mode{padding-bottom:72px}.hana-header{box-shadow:0 1px 0 rgba(0,0,0,.06)}.hana-logo{color:#000!important}.hana-icons a{position:relative}.wish-icon b{position:absolute;top:-8px;inset-inline-end:-10px;min-width:17px;height:17px;border-radius:999px;background:#FF2D55;color:#fff;font-size:10px;display:grid;place-items:center}.mobile-bottom-nav{display:none}.shein-page-block{padding-block:10px 34px}.shein-flat-card{border-radius:0!important;box-shadow:none!important;border:1px solid #eee!important}.shein-flash{border-radius:0!important;padding:18px 14px!important}.flash-strip{display:grid;grid-auto-flow:column;grid-auto-columns:120px;gap:10px;overflow-x:auto;padding:14px 0 2px;scroll-snap-type:x mandatory}.flash-mini-card{scroll-snap-align:start;background:#fff;color:#000;display:grid;gap:5px;padding-bottom:8px}.flash-mini-card img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#f6f6f6}.flash-mini-card b{color:#FF2D55;font-size:15px;padding-inline:6px}.flash-mini-card del{font-size:12px;color:#888;padding-inline:6px}.product-card,.product-image-wrap{border-radius:0!important}.product-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hana-admin-sidebar{box-shadow:8px 0 30px rgba(0,0,0,.08)}.admin-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.quick-links .btn{border-radius:999px}.stat-card strong{font-size:30px;color:#000}.stat-card span{color:#666;font-weight:800}.card{border:1px solid #eee;box-shadow:0 10px 30px rgba(0,0,0,.04)}
@media(max-width:760px){body.store-mode{padding-bottom:78px}.container{width:min(100% - 18px,1280px)}.hana-header-inner{padding:10px 0}.hana-logo{font-size:26px}.hana-icons{gap:8px;font-size:13px}.hana-icons a[title]{font-size:18px}.mega-cats{margin-top:0;padding:9px 0 12px;border-top:1px solid #f1f1f1}.mega-cats a{font-size:13px;padding:8px 4px}.hero-slide{padding:0;background:#fff}.hero-slide>div{padding:18px 12px}.hero-slide h1{font-size:32px}.hero-slide p{font-size:14px}.hero-slide img{height:360px}.category-bubble{min-width:76px}.category-bubble img{width:66px;height:66px}.category-bubble strong{font-size:12px}.section-title h2{font-size:21px}.products-grid{gap:10px}.product-card-body{padding:8px 0}.product-card h3{font-size:13px}.price{font-size:15px}.quick-add{opacity:1;transform:none;left:6px;right:6px;bottom:6px}.quick-add button{min-height:36px;height:36px;font-size:12px;padding:7px}.sale-badge,.new-badge{font-size:10px;padding:5px 7px}.wishlist-heart button{width:32px;height:32px;min-height:32px}.flash-strip{grid-auto-columns:106px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:120;background:#fff;border-top:1px solid #ddd;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(0,0,0,.08)}.mobile-bottom-nav a{display:grid;place-items:center;gap:2px;color:#000;font-size:11px;font-weight:800}.mobile-bottom-nav span{font-size:20px;line-height:1}.cart-layout,.checkout-layout{gap:12px}.summary-panel{position:static}.cart-row{grid-template-columns:82px 1fr;gap:10px}.cart-row>div:last-child{grid-column:1/-1}.cart-row img{width:82px;height:104px;border-radius:0}.hana-admin-sidebar nav{grid-template-columns:1fr}.admin-topbar{align-items:flex-start;flex-direction:column}.stats-grid{gap:10px}.stat-card strong{font-size:24px}}