@font-face{font-family:Klaxon;src:url('../fonts/Klaxon-Smooth.otf') format('opentype');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#eaecf5;--bg-2:#f3f2f6;--surface:rgba(255,255,255,.72);--surface-solid:#fbfbfd;--ink:#18181f;--muted:#686a75;--line:rgba(255,255,255,.82);--dark:#202027;--accent:#d6d5cf;--good:#216f54;--bad:#a83f45;--radius-sm:12px;--radius-md:21px;--radius-lg:30px;--shadow-sm:0 10px 28px rgba(30,31,48,.07);--shadow-md:0 22px 60px rgba(34,35,52,.12);--page:1240px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 87% 42%,rgba(255,220,198,.38),transparent 34rem),linear-gradient(135deg,#f1f2f8 0%,#e8eaf4 56%,#edebf1 100%);min-height:100vh;font-size:15px;line-height:1.55}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 18%,rgba(255,255,255,.68),transparent 32rem)}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-color:#4a4a54}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{line-height:1.03;letter-spacing:-.045em}h1,h2{font-family:Klaxon,Inter,system-ui,sans-serif;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.announcement{height:34px;display:grid;place-items:center;background:#292930;color:#f7f6f8;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;text-align:center;padding:0 12px}.site-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(255,255,255,.64);background:rgba(246,247,252,.76);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.nav-shell{max-width:var(--page);height:76px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{width:112px;height:58px;display:flex;align-items:center;flex:0 0 auto}.brand img{width:92px;height:54px;object-fit:contain}.primary-nav{display:flex;align-items:center;gap:28px;flex:1;justify-content:flex-end}.primary-nav>a{font-size:14px;font-weight:650;color:#555660;transition:color .2s}.primary-nav>a:hover,.primary-nav>a.active{color:var(--ink)}.nav-tools{display:flex;align-items:center;gap:17px;margin-left:9px}.language-link{font-size:12px;font-weight:800;letter-spacing:.08em}.icon-link,.icon-button{display:grid;place-items:center;width:34px;height:34px;border:0;background:transparent;font-size:20px}.inline-form{display:inline-flex}.nav-user{font-size:12px;color:var(--muted)}.mobile-nav-toggle{display:none}.cart-popover{position:relative}.cart-popover summary{list-style:none;cursor:pointer;position:relative;display:flex;align-items:center;font-size:20px;padding:5px}.cart-popover summary::-webkit-details-marker{display:none}.cart-count{position:absolute;top:-2px;right:-4px;background:var(--dark);color:white;font-size:9px;line-height:16px;width:16px;height:16px;text-align:center;border-radius:50%}.cart-popover-panel{position:absolute;right:0;top:40px;width:260px;padding:18px;background:rgba(255,255,255,.96);border:1px solid white;border-radius:20px;box-shadow:var(--shadow-md);display:grid;gap:10px}.cart-popover-panel>a{display:flex;justify-content:space-between;padding:10px 12px;border-radius:11px;background:#f0f1f6;font-weight:700;font-size:13px}.cart-popover-panel small{font-size:11px;color:var(--muted)}.site-main{max-width:var(--page);min-height:55vh;margin:0 auto;padding:0 30px}.site-footer{max-width:var(--page);margin:80px auto 0;padding:48px 30px 18px;border-top:1px solid rgba(255,255,255,.85)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:38px}.brand-footer{width:170px;height:46px}.brand-footer img{width:130px;height:45px}.footer-brand p{margin-top:16px;color:var(--muted);font-size:13px}.footer-grid h2{font:800 12px/1.2 Inter,system-ui,sans-serif;text-transform:uppercase;letter-spacing:.12em;margin:7px 0 14px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px}.footer-grid a:not(.brand){color:var(--muted);font-size:13px}.footer-grid a:hover{color:var(--ink)}.footer-bottom{margin-top:34px;padding-top:16px;border-top:1px solid rgba(255,255,255,.72);display:flex;justify-content:space-between;color:#81838e;font-size:11px}.notice{margin:17px 0;padding:12px 16px;background:rgba(255,255,255,.83);border:1px solid white;border-radius:14px;box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.notice-success{color:var(--good)}.notice-error{color:var(--bad)}.notice button{background:none;border:0;font-size:20px;color:var(--muted)}
.page-hero{padding:58px 0 32px}.eyebrow,.section-label{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.18em;font-weight:850;text-transform:uppercase;color:#555763}.eyebrow:before,.section-label:before{content:"";height:1px;width:28px;background:#70717d}.page-hero h1{font-size:clamp(45px,7vw,88px);text-transform:uppercase;max-width:850px;margin:12px 0 4px;letter-spacing:-.04em}.page-hero p{color:var(--muted);max-width:600px;margin-bottom:0;font-size:16px}.hero-row{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.hero-visual{position:relative;overflow:hidden;min-height:350px;border-radius:var(--radius-lg);margin:26px 0 66px;background:#d9dce7;box-shadow:var(--shadow-sm)}.hero-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-copy{position:relative;z-index:1;width:min(54%,600px);padding:52px 0 50px 52px}.hero-copy h1{font-size:clamp(48px,6vw,78px);margin:14px 0}.hero-copy p{max-width:420px;color:#585a65}.hero-copy .button-row{margin-top:24px}.hero-caption{position:absolute;z-index:2;right:22px;bottom:20px;color:#55565e;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.section-block{padding:22px 0 48px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-head h2{font-size:clamp(28px,4vw,48px);margin:7px 0 0}.section-head p{margin:0;color:var(--muted)}.button,.button:visited{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:0 23px;border-radius:999px;border:1px solid transparent;background:var(--dark);color:#fff;font-weight:800;font-size:13px;transition:transform .2s var(--ease),background .2s;cursor:pointer}.button:hover{transform:translateY(-2px);background:#09090d;color:#fff}.button-secondary{background:rgba(255,255,255,.78);border-color:rgba(255,255,255,.9);color:var(--ink)}.button-secondary:hover{background:#fff;color:var(--ink)}.button-light{background:#fff;color:var(--ink)}.button-small{min-height:36px;padding:0 15px;font-size:12px}.button-danger{background:#983d42}.text-link{font-weight:750;text-decoration:underline;text-underline-offset:4px}.button-row{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.chip-row{display:flex;gap:9px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border-radius:999px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.78);color:#636570;font-size:12px;font-weight:800}.chip.active,.chip:hover{background:var(--dark);color:white}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0 20px}.search-form{display:flex;gap:8px;max-width:340px;width:100%}.search-form input{min-width:0;flex:1}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{overflow:hidden;border:1px solid rgba(255,255,255,.92);border-radius:22px;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .25s var(--ease),box-shadow .25s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.product-image{position:relative;aspect-ratio:4/4.6;overflow:hidden;background:linear-gradient(145deg,#f6f5f2,#d8dae4)}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.product-card:hover .product-image img{transform:scale(1.035)}.product-badge{position:absolute;top:12px;left:12px;background:rgba(255,255,255,.92);padding:6px 10px;border-radius:99px;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.product-info{padding:17px 17px 15px}.product-category{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#72737d;font-weight:850}.product-title{font-size:16px;line-height:1.25;margin:7px 0 14px;letter-spacing:-.02em}.product-title a:hover{text-decoration:underline}.product-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.product-price{font-size:16px;font-weight:850}.round-add{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--dark);color:#fff;font-size:23px}.round-add:hover{transform:rotate(90deg)}.stock-note{font-size:11px;color:var(--muted)}
.glass-card{background:var(--surface);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.content-card{padding:25px}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:22px}.global-intro{padding:33px 0 22px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 16px;margin:0 0 26px;border:1px solid rgba(255,255,255,.86);background:rgba(255,255,255,.42);border-radius:18px}.step{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800}.step-number{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:10px}.step.active .step-number{background:var(--dark);color:white}.step small{display:block;color:var(--muted);font-size:10px;font-weight:500}.marketplace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.market-card{padding:16px 16px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.63);display:flex;flex-direction:column;align-items:flex-start;min-height:172px}.market-symbol{width:34px;height:34px;display:grid;place-items:center;background:var(--dark);color:#fff;border-radius:12px;font-size:11px;font-weight:900}.market-card h3{font-size:16px;letter-spacing:-.02em;margin:13px 0 5px}.market-card p{font-size:12px;color:var(--muted);margin-bottom:13px}.market-card .button{margin-top:auto;min-height:34px;padding:0 13px;font-size:10px}.how-panel{background:#28282f;color:white;padding:24px;border-radius:22px;box-shadow:var(--shadow-sm)}.how-panel h2{font-size:31px;letter-spacing:-.03em;margin:12px 0 22px}.how-panel .section-label{color:#d3d3db}.how-step{display:grid;grid-template-columns:32px 1fr;gap:11px;padding:13px 0;border-top:1px solid rgba(255,255,255,.16)}.how-step b{font-size:12px;color:#d9d9e0}.how-step strong{display:block;font-size:12px}.how-step p{font-size:11px;color:#d0d0d6;margin:4px 0 0}.form-stack{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-weight:750;font-size:12px}.field small,.helper-text{color:var(--muted);font-size:11px}.field input,.field select,.field textarea,.search-form input,.inline-select{width:100%;min-height:45px;border:1px solid rgba(52,54,70,.08);background:rgba(255,255,255,.78);border-radius:12px;padding:11px 13px;color:var(--ink)}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.search-form input:focus{border-color:#a7a8b3;box-shadow:0 0 0 3px rgba(70,70,90,.08)}.field input[type=file]{padding:9px}.form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form-error{font-size:12px;color:var(--bad)}.inline-form{margin:0}.checkbox-row{display:flex;align-items:center;gap:8px;font-size:12px}.notice-box{padding:13px 16px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.9);border-radius:14px;color:var(--muted);font-size:12px}.table-wrap{overflow:auto;border-radius:17px;border:1px solid rgba(255,255,255,.92);background:rgba(255,255,255,.56)}table{width:100%;border-collapse:collapse;min-width:680px;font-size:12px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid rgba(52,54,70,.07);vertical-align:middle}th{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6b6c75}tr:last-child td{border-bottom:0}.status-badge{display:inline-flex;padding:6px 10px;border-radius:99px;background:#eeedf2;font-size:10px;font-weight:800;white-space:nowrap}.status-paid,.status-delivered{background:#e4f0e8;color:#276448}.status-cancelled{background:#f5e5e5;color:#98474b}.empty-state{text-align:center;padding:45px 20px}.empty-state h2{font-size:31px;margin-bottom:8px}.empty-state p{color:var(--muted);max-width:470px;margin:0 auto 20px}.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(275px,.7fr);gap:20px;align-items:start}.cart-item{display:grid;grid-template-columns:98px 1fr auto;align-items:center;gap:15px;padding:16px;border-bottom:1px solid rgba(52,54,70,.08)}.cart-item:last-child{border-bottom:0}.cart-thumb{width:98px;height:112px;object-fit:cover;background:#e2e3eb;border-radius:13px}.cart-item h3{font:700 15px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.02em;margin:4px 0}.cart-item-meta{font-size:11px;color:var(--muted)}.cart-qty{display:flex;align-items:center;gap:8px}.cart-qty input{width:64px;min-height:36px;text-align:center;border:1px solid #e3e3e9;border-radius:9px}.summary-card{padding:22px;position:sticky;top:130px}.summary-card h2{font-size:25px}.summary-line{display:flex;justify-content:space-between;gap:14px;padding:9px 0;color:var(--muted);font-size:13px}.summary-line.total{border-top:1px solid rgba(52,54,70,.12);padding-top:15px;margin-top:8px;color:var(--ink);font-size:16px;font-weight:850}.summary-card .button{width:100%;margin-top:15px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:35px 0}.product-detail-image{width:100%;aspect-ratio:4/4.7;object-fit:cover;border-radius:25px;background:#e0e1e9}.product-detail-copy{padding:12px 0}.product-detail-copy h1{font-size:clamp(38px,5vw,64px);margin:8px 0 15px}.product-detail-copy .product-price{font-size:24px}.product-description{color:var(--muted);max-width:560px;margin:18px 0}.account-header,.admin-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:35px 0 22px}.account-header h1,.admin-head h1{font-size:clamp(34px,5vw,55px);margin:8px 0}.account-grid{display:grid;grid-template-columns:260px 1fr;gap:20px}.account-menu{padding:18px;display:flex;flex-direction:column;gap:6px}.account-menu a{padding:11px 12px;border-radius:11px;color:var(--muted);font-size:13px;font-weight:700}.account-menu a.active,.account-menu a:hover{background:rgba(255,255,255,.78);color:var(--ink)}.timeline{margin:18px 0;border-left:1px solid rgba(30,30,40,.18);padding-left:18px}.timeline-item{position:relative;padding:0 0 18px}.timeline-item:before{content:"";position:absolute;left:-23px;top:5px;width:9px;height:9px;border:2px solid white;border-radius:50%;background:#292930}.timeline-item small{color:var(--muted)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}.mission-card{padding:26px;border-radius:21px;background:var(--surface);border:1px solid white}.mission-card.dark{background:#292930;color:white}.mission-card h2{font-size:29px;margin:8px 0}.mission-card p{color:var(--muted);margin:0}.mission-card.dark p{color:#d7d7dd}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:27px;border-radius:23px;background:rgba(255,255,255,.72);border:1px solid white;margin:28px 0}.admin-layout{display:grid;grid-template-columns:205px 1fr;gap:20px;margin:20px 0 50px}.admin-sidebar{align-self:start;position:sticky;top:125px;padding:14px;display:grid;gap:4px}.admin-sidebar a{font-size:12px;font-weight:700;color:var(--muted);padding:10px 12px;border-radius:10px}.admin-sidebar a:hover,.admin-sidebar a.active{background:#fff;color:var(--ink)}.admin-content{min-width:0}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0}.stat-card{padding:20px;border-radius:19px;background:var(--surface);border:1px solid white;box-shadow:var(--shadow-sm)}.stat-card span{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.stat-card strong{display:block;font-size:28px;letter-spacing:-.04em;margin-top:8px}.admin-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-card{padding:20px}.admin-card h2{font-size:22px;margin-bottom:16px}.order-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.order-meta div{padding:13px;border-radius:13px;background:rgba(255,255,255,.6)}.order-meta small{display:block;color:var(--muted);font-size:10px}.order-meta strong{font-size:13px}.global-form-card{padding:25px}.market-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:rgba(255,255,255,.72);border-radius:13px;font-size:12px;color:var(--muted)}
@media(max-width:1000px){.nav-shell{padding:0 22px}.site-main{padding:0 22px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-nav{gap:17px}.stat-grid{grid-template-columns:repeat(2,1fr)}.marketplace-grid{grid-template-columns:repeat(3,1fr)}.admin-layout{grid-template-columns:175px 1fr}}
@media(max-width:760px){.announcement{height:auto;min-height:32px;font-size:8px;letter-spacing:.09em}.nav-shell{height:68px;padding:0 17px}.brand{width:89px}.brand img{width:78px;height:52px}.mobile-nav-toggle{display:flex;width:38px;height:38px;flex-direction:column;justify-content:center;gap:5px;background:transparent;border:0;margin-left:auto}.mobile-nav-toggle span:not(.sr-only){height:2px;width:20px;background:var(--ink);display:block}.primary-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:16px 20px 22px;background:rgba(248,248,252,.98);border-bottom:1px solid white;box-shadow:var(--shadow-sm);align-items:stretch;flex-direction:column;gap:3px}.primary-nav.open{display:flex}.primary-nav>a{padding:11px;border-radius:10px}.nav-tools{margin:12px 0 0;padding-top:12px;border-top:1px solid #e6e6eb;justify-content:flex-start}.cart-popover-panel{right:-12px}.site-main{padding:0 17px}.page-hero{padding:39px 0 25px}.page-hero h1{font-size:clamp(42px,12vw,65px)}.hero-row{align-items:flex-start;flex-direction:column}.hero-visual{min-height:420px;margin:15px 0 48px}.hero-visual>img{object-position:58% center}.hero-copy{width:100%;padding:30px 23px 125px}.hero-copy h1{font-size:clamp(42px,11vw,62px);max-width:470px}.hero-copy p{max-width:330px}.hero-caption{left:23px;right:auto}.section-head{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-info{padding:13px}.product-title{font-size:14px}.product-price{font-size:14px}.round-add{width:34px;height:34px}.filter-bar{align-items:flex-start;flex-direction:column}.search-form{max-width:none}.split,.cart-layout,.checkout-layout,.product-detail,.account-grid,.contact-card,.admin-panels{grid-template-columns:1fr}.marketplace-grid{grid-template-columns:1fr 1fr}.market-card{min-height:164px}.steps{grid-template-columns:1fr;gap:8px}.step{font-size:11px}.global-intro{padding-top:30px}.content-card,.global-form-card{padding:18px}.mission-grid{grid-template-columns:1fr}.account-header,.admin-head{align-items:flex-start;flex-direction:column}.admin-layout{grid-template-columns:1fr}.admin-sidebar{position:static;display:flex;flex-wrap:wrap;overflow:auto}.admin-sidebar a{white-space:nowrap}.summary-card{position:static}.order-meta{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-brand{grid-column:1/-1}.site-footer{margin-top:56px;padding:35px 17px 18px}.footer-bottom{font-size:10px}.cart-item{grid-template-columns:74px 1fr;align-items:start}.cart-thumb{width:74px;height:86px}.cart-item>.cart-item-end{grid-column:2;display:flex;justify-content:space-between}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:430px){.product-grid{gap:10px}.product-info{padding:12px 10px}.product-image{aspect-ratio:4/4.8}.product-title{min-height:35px}.product-card{border-radius:17px}.marketplace-grid{grid-template-columns:1fr}.market-card{min-height:0}.market-card .button{margin-top:4px}.hero-visual{min-height:370px}.hero-copy{padding:27px 19px 112px}.steps{padding:10px}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Storefront refinements: local-first assets, legible forms, and responsive catalog actions. */
.muted,.helper-text{color:var(--muted,#666978)}
.product-card{position:relative}
.product-card .quick-add,.product-card .quick-add-link{position:absolute;right:14px;top:calc(34px + min(23vw, 260px));z-index:3}
.quick-add{margin:0}
.quick-add .round-add,.quick-add-link{box-shadow:0 8px 22px rgba(30,28,50,.16)}
.cart-item-meta{display:block;color:var(--muted,#666978);font-size:.85rem;margin-top:4px}
.cart-layout,.checkout-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:20px;align-items:start;margin:0 0 70px}
.summary-card{position:sticky;top:24px}
.summary-card .button{width:100%;justify-content:center;margin-top:18px}
.summary-line{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid rgba(48,46,67,.12)}
.summary-line.total{font-size:1.1rem;font-weight:700;border-bottom:0}
.cart-item{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid rgba(48,46,67,.12)}
.cart-thumb{width:84px;height:84px;object-fit:cover;border-radius:16px;background:#eef0f8}
.cart-item-end{display:grid;justify-items:end;gap:8px}
.cart-qty,.form-actions,.button-row,.button-row form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.cart-qty input[type=number]{width:78px}
.cart-qty .button{margin:0}
.notice-box{padding:14px 16px;border-radius:14px;background:#f0eff8;color:#403b63}
.account-grid,.admin-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px;margin-bottom:60px}
.account-menu,.admin-sidebar{display:grid;align-content:start;gap:5px;padding:14px;height:max-content}
.account-menu a,.admin-sidebar a{padding:11px 13px;border-radius:11px;text-decoration:none;color:inherit}
.account-menu a.active,.admin-sidebar a.active,.admin-sidebar a:hover,.account-menu a:hover{background:#e9e7f5;color:#333059}
.content-card,.admin-card{padding:24px}
.admin-content{min-width:0}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.stat-card{padding:18px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(48,46,67,.1);display:grid;gap:7px}
.stat-card strong{font-size:1.55rem}
.admin-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.table-wrap{width:100%;overflow-x:auto}
.table-wrap table{width:100%;border-collapse:collapse;min-width:680px}
.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;padding:12px 10px;border-bottom:1px solid rgba(48,46,67,.1)}
.table-wrap th{font-size:.77rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#666978)}
.form-stack{display:grid;gap:14px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-grid .full{grid-column:1/-1}
.field{display:grid;gap:7px}
.field input,.field select,.field textarea,.cart-qty input,.inline-select,.search-form input{max-width:100%;padding:11px 12px;border:1px solid #d6d5df;border-radius:10px;background:#fff;color:#1e1d27;font:inherit}
.field textarea{min-height:120px;resize:vertical}
.checkbox-row{display:flex;align-items:flex-start;gap:9px;line-height:1.5}
.checkbox-row input{margin-top:4px}
.search-form{display:flex;gap:8px;flex:1}
.filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#efedf6;color:#504b65;font-size:.78rem;font-weight:650;white-space:nowrap}
.status-paid,.status-delivered,.status-verified{background:#e5f4ea;color:#23633c}
.status-cancelled,.status-rejected{background:#f8e7e8;color:#8b3039}
.status-payment_pending,.status-pending_review,.status-awaiting_customer_confirmation{background:#fff0d9;color:#805316}
.timeline{margin-top:20px}
.timeline-item{position:relative;padding:10px 12px 10px 20px;border-left:2px solid #dcd9ed;margin-left:5px}
.timeline-item:before{content:"";position:absolute;left:-6px;top:15px;width:10px;height:10px;border-radius:50%;background:#817ca9}
.order-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 18px}
.order-meta>div{display:grid;gap:5px;padding:14px;border-radius:14px;background:rgba(255,255,255,.64)}
.order-meta small{color:var(--muted,#666978)}
.admin-head,.account-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:26px 0}
.inline-form{display:inline}
.inline-form button{border:0;background:none;padding:0;font:inherit;cursor:pointer}
.empty-state{padding:28px;text-align:center}
@media(max-width:900px){.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary-card{position:static}.account-grid,.admin-layout{grid-template-columns:1fr}.account-menu,.admin-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panels{grid-template-columns:1fr}}
@media(max-width:600px){.cart-item{grid-template-columns:64px minmax(0,1fr)}.cart-thumb{width:64px;height:64px}.cart-item-end{grid-column:2;justify-items:start}.cart-qty{align-items:center}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.filter-bar{align-items:stretch;flex-direction:column}.search-form input{min-width:0;flex:1}.order-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-head,.account-header{align-items:flex-start;flex-direction:column}}
/* Accessible multi-photo catalog gallery. */
.product-gallery{min-width:0}
.product-gallery-main{width:100%}
.product-gallery-thumbs{display:flex;flex-wrap:wrap;gap:9px;margin-top:11px}
.product-gallery-thumbs button{padding:3px;border:1px solid transparent;background:rgba(255,255,255,.65);border-radius:12px;cursor:pointer}
.product-gallery-thumbs button[aria-pressed=true],.product-gallery-thumbs button:focus-visible{border-color:#292930;outline:2px solid #292930;outline-offset:2px}
.product-gallery-thumbs img{width:64px;height:72px;object-fit:cover;border-radius:9px}
.current-product-images{margin:8px 0 18px}
.current-product-images>img{width:64px;height:72px;object-fit:cover;border-radius:9px}


/* Hodan Store UI repair — archive-led refinement layer. */
:where(a,button,input,select,textarea,summary):focus-visible{outline:3px solid rgba(62,67,103,.72);outline-offset:3px}
button:disabled,.button:disabled{opacity:.52;cursor:not-allowed;transform:none}
.site-main,.site-footer{min-width:0}
.site-main>*{min-width:0}
.brand{width:150px}
.brand img{width:126px;height:60px}
.primary-nav>a{white-space:nowrap}
.hero-visual:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(246,246,249,.97) 0%,rgba(246,246,249,.88) 31%,rgba(246,246,249,.38) 60%,rgba(246,246,249,.04) 100%)}
.hero-copy{z-index:1}
.hero-caption{z-index:2}
.hero-copy .eyebrow{max-width:100%}
.hero-copy h1{overflow-wrap:anywhere}
.hero-copy p{line-height:1.75}
.back-link{display:inline-flex;align-items:center;gap:9px;margin:26px 0 8px;color:var(--muted);font-size:13px;font-weight:750}
.back-link:hover{color:var(--ink)}
.breadcrumbs{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;margin-bottom:8px;min-width:0}
.breadcrumbs>*:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-gallery-stage{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:#e2e3eb;touch-action:pan-y;outline-offset:5px}
.product-gallery-stage:focus-visible{outline:3px solid rgba(62,67,103,.72)}
.product-gallery-stage .product-detail-image{transition:opacity .18s ease,transform .3s var(--ease);user-select:none;-webkit-user-drag:none}
.product-gallery-stage .product-detail-image.is-changing{opacity:.68;transform:scale(.99)}
.product-gallery-stage .product-detail-image{object-fit:contain;background:#e2e3eb}
.gallery-arrow{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:46px;height:46px;transform:translateY(-50%);border:1px solid rgba(255,255,255,.86);border-radius:50%;background:rgba(255,255,255,.88);color:#202027;box-shadow:0 8px 26px rgba(20,20,30,.14);font-size:32px;line-height:1;transition:background .18s ease,transform .18s ease}
.gallery-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.05)}
.gallery-arrow-previous{left:16px}
.gallery-arrow-next{right:16px}
.gallery-position{position:absolute;right:15px;bottom:15px;z-index:2;padding:6px 10px;border-radius:999px;background:rgba(32,32,39,.76);color:#fff;font-size:11px;font-variant-numeric:tabular-nums}
.gallery-indicators{display:flex;justify-content:center;align-items:center;gap:8px;padding:14px 0 1px}
.gallery-indicators button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#c6c5cf;transition:width .18s ease,background .18s ease}
.gallery-indicators button[aria-current=true]{width:23px;border-radius:999px;background:var(--dark)}
.product-gallery-thumbs{justify-content:center}
.product-gallery-thumbs button{transition:transform .18s ease,border-color .18s ease}
.product-gallery-thumbs button:hover{transform:translateY(-2px)}
.product-gallery-thumbs img{width:68px;height:78px}
.product-detail-copy{min-width:0}
.product-detail-copy h1,.product-description{overflow-wrap:anywhere}
.stock-note{padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.52);width:max-content;max-width:100%}
.impact-section{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,1.8fr);align-items:center;gap:32px;margin:20px 0 54px;padding:30px;border:1px solid rgba(255,255,255,.85);border-radius:var(--radius-lg);background:linear-gradient(125deg,rgba(255,255,255,.72),rgba(255,255,255,.32));box-shadow:var(--shadow-sm)}
.impact-intro h2{max-width:360px;margin:9px 0 11px;font-size:clamp(28px,3vw,41px)}
.impact-intro p{margin:0;max-width:320px;font-size:13px}
.impact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.impact-card{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:154px;padding:20px 18px;background:rgba(255,255,255,.78);border-radius:19px}
.impact-card-label{min-height:34px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.09em;line-height:1.45;text-transform:uppercase}
.impact-count{display:block;overflow-wrap:anywhere;margin:10px 0 1px;font-size:clamp(25px,3.1vw,40px);font-variant-numeric:tabular-nums;letter-spacing:-.055em;line-height:1.04}
.impact-card-caption{color:var(--muted);font-size:11px}
.footer-social{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.footer-social>a{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:7px 11px;border:1px solid rgba(255,255,255,.86);border-radius:999px;background:rgba(255,255,255,.55);color:var(--ink)!important;font-size:11px!important;font-weight:750;transition:background .18s ease,transform .18s ease}
.footer-social>a:hover{background:#fff;transform:translateY(-2px)}
.footer-social svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.footer-social svg path{fill:none}
.footer-social>a:nth-child(2) svg path{fill:currentColor;stroke:none}
.footer-social svg .social-icon-dot{fill:currentColor;stroke:none}
.account-grid,.admin-layout,.account-content,.admin-content{min-width:0}
.account-content,.admin-card{overflow:hidden}
.account-menu{min-width:0}
.account-menu a{overflow-wrap:anywhere}
.account-menu form{margin:0}
.account-menu form button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:11px;background:transparent;color:var(--muted);text-align:left;font-size:13px;font-weight:750}
.account-menu form button:hover{background:rgba(255,255,255,.78);color:var(--ink)}
.account-profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 28px}
.account-profile-grid>div{min-width:0}
.account-profile-grid strong{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.account-recent-heading{margin-top:28px}
.account-orders-wrap{min-width:0}
.account-order-table{min-width:680px}
.account-order-table td{overflow-wrap:anywhere}
.account-all-orders{margin:14px 0 0}
.account-empty-state{padding:30px 16px}
.order-summary-meta>div{min-width:0;overflow-wrap:anywhere}
.order-summary-meta strong{overflow-wrap:anywhere}
.order-lines{min-width:0}
.order-line{grid-template-columns:84px minmax(0,1fr) auto}
.order-line-copy{min-width:0}
.order-line-copy h3{overflow-wrap:anywhere;line-height:1.35}
.order-line-copy p{margin:7px 0 0;overflow-wrap:anywhere}
.order-line .cart-thumb{width:84px;height:94px}
.order-cost-summary{margin-top:12px;padding-top:8px;border-top:1px solid rgba(52,54,70,.1)}
.order-customer-note,.customer-order-update{margin-top:14px}
.order-customer-note p,.customer-order-update p{margin:5px 0}
.payment-instruction-card,.payment-receipt-card{margin-top:12px;overflow-wrap:anywhere}
.order-cancel-form{margin-top:18px}
.order-all-orders-link{margin-top:16px}
.delivery-location-section{margin-top:28px;padding-top:23px;border-top:1px solid rgba(52,54,70,.09)}
.checkout-section-heading h2{margin:7px 0 6px;font-size:clamp(22px,3vw,31px)}
.checkout-section-heading p{margin:0}
.delivery-location-fields{margin-top:16px}
.delivery-location-fields .field select:disabled{background:#efeff2;color:#81828c;cursor:not-allowed}
.delivery-location-fields .field select:invalid{color:#757681}
.delivery-location-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:18px 22px}
.delivery-location-summary{display:flex;align-items:center;gap:12px}
.delivery-pin{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:#292930;color:#fff;font-size:21px}
.delivery-location-summary>div{display:grid;gap:1px}
.delivery-location-summary strong{font-size:15px}
.delivery-location-summary span:not(.delivery-pin){color:var(--muted);font-size:12px}
.admin-delivery-location{margin:0 0 16px}
.checkout-contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 8px}
.checkout-contact-grid>div{display:grid;gap:5px;min-width:0;padding:13px;border-radius:13px;background:rgba(255,255,255,.61)}
.checkout-contact-grid small{color:var(--muted);font-size:10px}
.checkout-contact-grid strong{overflow-wrap:anywhere;font-size:12px}
.checkout-customer-section{margin:25px 0;padding:22px 0;border-top:1px solid rgba(52,54,70,.09);border-bottom:1px solid rgba(52,54,70,.09)}
.checkout-customer-section .checkout-section-heading h2{font-size:24px}
.checkout-note-field{margin-top:20px}
.checkout-confirm{align-items:flex-start;line-height:1.6;margin:17px 0}
.checkout-confirm input{flex:0 0 auto;margin-top:4px}
.checkout-summary{min-width:0}
.checkout-summary>.button{margin-top:18px}
.checkout-back-link{margin:16px 0 0;text-align:center}
.admin-product-list{margin-top:18px}
.admin-photo-section{margin:6px 0 10px;padding:20px;border:1px solid rgba(52,54,70,.1);border-radius:18px;background:rgba(247,247,250,.68)}
.photo-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}
.photo-section-heading h3{margin:7px 0;font-size:23px}
.photo-section-heading p{max-width:700px;margin:0;font-size:12px;line-height:1.6}
.photo-count-badge{flex:0 0 auto;padding:8px 12px;border-radius:999px;background:#fff;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}
.current-product-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:16px 0}
.admin-current-photo{min-width:0;overflow:hidden;border:1px solid rgba(52,54,70,.11);border-radius:14px;background:#fff}
.admin-current-photo>img{width:100%;height:158px;object-fit:cover;background:#e5e5eb}
.admin-current-photo-meta{display:grid;gap:7px;padding:10px 11px}
.admin-current-photo-meta>strong{font-size:11px}
.photo-remove-control{display:flex;align-items:flex-start;gap:8px;color:#6d3840;font-size:11px;line-height:1.4}
.photo-remove-control input{flex:0 0 auto;margin-top:2px}
.photo-empty-note{margin:12px 0}
.product-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:13px}
.image-upload-slot{display:flex;gap:10px;align-items:flex-start;min-width:0;padding:12px;border:1px solid rgba(52,54,70,.1);border-radius:14px;background:rgba(255,255,255,.78)}
.image-slot-number{display:grid;flex:0 0 auto;place-items:center;width:30px;height:30px;border-radius:10px;background:#292930;color:#fff;font-size:10px;font-weight:850;letter-spacing:.08em}
.image-upload-slot .field{min-width:0;flex:1}
.image-upload-slot .field input[type=file]{font-size:11px;min-width:0;padding:8px}
.file-preview{display:grid;grid-template-columns:55px minmax(0,1fr);align-items:center;gap:8px;margin-top:9px;padding:7px;border-radius:10px;background:#f2f2f6;min-width:0}
.file-preview[hidden]{display:none}
.file-preview img{grid-row:span 2;width:55px;height:52px;border-radius:7px;object-fit:cover;background:#dddde4}
.file-preview span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.clear-upload-button{justify-self:start;padding:0;border:0;background:transparent;font-size:10px}
.photo-capacity-message{margin:13px 0 0}
.photo-capacity-message.is-warning{color:#93444b;font-weight:750}
.admin-brand-settings .impact-admin-section{margin-top:25px;padding-top:23px;border-top:1px solid rgba(52,54,70,.1)}
.impact-admin-section h3{margin:7px 0;font-size:22px}
.impact-admin-grid{margin-top:15px}
.content-language-tag{display:inline-flex;align-items:center;margin-left:5px;padding:4px 7px;border-radius:999px;background:#efeff4;color:var(--muted);font:800 9px/1 Inter,system-ui,sans-serif;letter-spacing:.1em;vertical-align:middle}
.admin-content-copy{margin-top:28px}
.delivery-city-admin{margin-top:18px;scroll-margin-top:110px}
.delivery-city-admin>.section-head{margin-bottom:14px}
.delivery-city-admin>.section-head p{max-width:700px;margin-top:8px;line-height:1.55}
.delivery-city-create-form{padding:16px;border:1px solid rgba(52,54,70,.1);border-radius:16px;background:rgba(247,247,250,.72)}
.delivery-city-fields{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(170px,1fr) minmax(100px,.55fr) auto;gap:11px;align-items:end}
.delivery-city-fields>.button{white-space:nowrap}
.delivery-city-list{display:grid;gap:9px;margin-top:16px}
.delivery-city-row-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 14px;border:1px solid rgba(52,54,70,.09);border-radius:14px;background:rgba(255,255,255,.68)}
.delivery-city-row-wrap.is-inactive{opacity:.7;background:rgba(245,245,247,.64)}
.delivery-city-edit-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1.2fr) minmax(80px,.4fr) auto;gap:10px;align-items:end;min-width:0}
.delivery-city-edit-form .field label{font-size:10px}
.delivery-city-edit-form .field input,.delivery-city-edit-form .field select{min-height:40px;padding:8px 10px;font-size:12px}
.delivery-city-row-state{display:grid;justify-items:end;gap:8px}
.delivery-city-row-state form{margin:0}
.delivery-city-row-state .text-link{padding:0;border:0;background:none;font-size:10px}
.admin-settings-card,.delivery-city-admin,.admin-card{min-width:0}
.admin-order-layout .admin-content{display:grid;gap:16px}
.admin-order-layout .admin-order-meta{margin:0}
.admin-order-meta>div{min-width:0}
.admin-order-meta strong{overflow-wrap:anywhere}
.admin-order-lines-card,.admin-form-card{padding:22px}
.admin-order-lines-card .cart-item{padding:15px 0}
.admin-order-line-icon{display:grid;place-items:center;width:72px;height:82px;border-radius:13px;background:#efeff4;color:#53536a;font-size:24px;font-weight:800}
.admin-order-line h3{overflow-wrap:anywhere;line-height:1.3}
.admin-quote-card,.admin-form-card{margin:0}
.admin-form-card h2,.admin-order-lines-card h2{font-size:24px;margin:8px 0 17px}
.admin-note{margin-bottom:9px}
.admin-note p{margin:6px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.is-internal-note{border-left:3px solid #9b7760}
.is-customer-visible{border-left:3px solid #4d8866}
.admin-back-link{margin:0}
.account-orders-wrap .status-badge{max-width:100%;white-space:normal}
@media(max-width:1000px){
  .impact-section{grid-template-columns:1fr;gap:19px}
  .impact-intro h2{max-width:620px}
  .impact-card{min-height:136px}
  .current-product-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:760px){
  .brand{width:126px}
  .brand img{width:112px;height:56px}
  .nav-shell{position:relative;gap:10px}
  .mobile-nav-toggle{width:44px;height:44px;border:1px solid rgba(52,54,70,.12);border-radius:13px;background:rgba(255,255,255,.68)}
  .mobile-nav-toggle:focus-visible{outline-offset:1px}
  .primary-nav{top:calc(100% + 7px);left:10px;right:10px;max-height:min(76vh,560px);overflow:auto;border:1px solid rgba(255,255,255,.92);border-radius:18px;background:rgba(250,250,253,.98);box-shadow:var(--shadow-md);padding:11px}
  .primary-nav>a{white-space:normal;padding:11px 12px}
  .nav-tools{gap:14px;padding:11px 9px 2px}
  .impact-section{padding:21px;margin:8px 0 40px}
  .impact-grid{gap:8px}
  .impact-card{min-height:126px;padding:15px 12px;border-radius:15px}
  .impact-card-label{font-size:9px;letter-spacing:.065em}
  .impact-count{font-size:clamp(23px,5vw,34px)}
  .site-footer{padding-left:17px;padding-right:17px}
  .delivery-city-fields{grid-template-columns:1fr 1fr}
  .delivery-city-fields>.button{grid-column:1/-1;justify-self:start}
  .delivery-city-row-wrap{grid-template-columns:1fr;align-items:start}
  .delivery-city-edit-form{grid-template-columns:1fr 1fr}
  .delivery-city-edit-form .field:nth-child(2){grid-column:1/-1;grid-row:2}
  .delivery-city-edit-form .button{grid-column:1/-1;justify-self:start}
  .delivery-city-row-state{display:flex;align-items:center;justify-content:space-between}
  .product-detail{gap:20px}
  .checkout-contact-grid{grid-template-columns:1fr 1fr}
  .order-line{grid-template-columns:70px minmax(0,1fr)}
  .order-line .cart-thumb{width:70px;height:78px}
  .order-line .cart-item-end{grid-column:2;display:flex;align-items:center;justify-content:space-between;width:100%;gap:8px}
  .admin-order-line-icon{width:62px;height:70px}
  .photo-section-heading{flex-direction:column;gap:10px}
  .admin-photo-section{padding:15px}
}
@media(max-width:600px){
  .site-main{padding-left:15px;padding-right:15px}
  .page-hero{padding-top:32px}
  .announcement{min-height:34px;padding:6px 14px;line-height:1.35}
  .hero-visual:after{background:linear-gradient(180deg,rgba(246,246,249,.96) 0%,rgba(246,246,249,.84) 52%,rgba(246,246,249,.23) 100%)}
  .hero-copy{padding:26px 19px 104px}
  .hero-copy h1{max-width:420px}
  .hero-copy p{max-width:390px}
  .hero-caption{bottom:15px;left:19px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .product-card .quick-add,.product-card .quick-add-link{right:10px;top:calc(34px + min(36vw, 225px))}
  .product-card .product-title{min-height:2.55em}
  .product-card .product-info{padding:12px 10px}
  .account-grid,.admin-layout{gap:12px}
  .account-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px}
  .account-menu form{min-width:0}
  .account-menu a,.account-menu form button{min-height:42px;padding:10px 9px;font-size:11px;line-height:1.3}
  .account-content,.content-card,.admin-card{padding:17px}
  .account-profile-grid{grid-template-columns:1fr 1fr;gap:8px}
  .account-profile-grid>div{padding:11px 10px}
  .account-profile-grid strong{font-size:12px;line-height:1.4}
  .account-orders-wrap{overflow:visible;border:0;background:transparent}
  .account-order-table{display:block;min-width:0;border:0;background:transparent}
  .account-order-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .account-order-table tbody{display:grid;gap:10px}
  .account-order-table tbody tr{display:grid;gap:0;padding:7px 13px;border:1px solid rgba(255,255,255,.92);border-radius:15px;background:rgba(255,255,255,.66);box-shadow:0 6px 18px rgba(30,31,48,.04)}
  .account-order-table tbody td{display:grid;grid-template-columns:minmax(95px,.8fr) minmax(0,1.2fr);gap:12px;align-items:start;padding:9px 0;border-bottom:1px solid rgba(52,54,70,.07);font-size:11px}
  .account-order-table tbody td:last-child{border-bottom:0}
  .account-order-table tbody td::before{content:attr(data-label);color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
  .account-order-table td>*{min-width:0}
  .account-order-table .text-link{justify-self:start}
  .account-all-orders{font-size:12px}
  .cart-item{grid-template-columns:62px minmax(0,1fr);gap:11px;padding:14px 12px;align-items:start}
  .cart-thumb{width:62px;height:70px;border-radius:11px}
  .cart-item>div:nth-child(2){min-width:0}
  .cart-item h3{overflow-wrap:anywhere;line-height:1.3;font-size:13px}
  .cart-item-meta{overflow-wrap:anywhere;line-height:1.45}
  .cart-item-end,.cart-item>.cart-item-end{grid-column:2;justify-items:stretch;align-items:center;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}
  .cart-qty{width:100%;flex-wrap:wrap;gap:6px}
  .cart-qty input{width:60px}
  .cart-qty .button{min-height:33px;padding:0 10px;font-size:10px}
  .summary-card{padding:18px}
  .summary-line{gap:9px;font-size:12px}
  .summary-line strong{text-align:right;overflow-wrap:anywhere}
  .delivery-location-card{align-items:flex-start;flex-direction:column;padding:15px}
  .delivery-location-fields,.checkout-contact-grid{grid-template-columns:1fr}
  .checkout-section-heading p{font-size:12px}
  .checkout-main{padding:16px}
  .checkout-note-field{margin-top:16px}
  .order-summary-meta{grid-template-columns:1fr 1fr;gap:8px}
  .order-summary-meta>div{padding:11px}
  .order-summary-meta strong{font-size:11px}
  .order-layout{gap:12px}
  .order-details-card{padding:15px}
  .order-line .cart-item-end{justify-content:space-between}
  .order-line .cart-item-end strong{font-size:12px}
  .order-timeline{margin-top:20px}
  .product-detail{grid-template-columns:minmax(0,1fr);padding:12px 0 28px}
  .product-gallery-stage{border-radius:20px}
  .product-detail-image{aspect-ratio:1/1.05;border-radius:20px}
  .gallery-arrow{width:39px;height:39px;font-size:27px}
  .gallery-arrow-previous{left:10px}
  .gallery-arrow-next{right:10px}
  .product-gallery-thumbs{gap:7px}
  .product-gallery-thumbs img{width:54px;height:62px}
  .product-detail-copy{padding:8px 0}
  .product-detail-copy h1{font-size:clamp(35px,10vw,52px)}
  .current-product-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .admin-current-photo>img{height:126px}
  .product-upload-grid{grid-template-columns:1fr;gap:8px}
  .image-upload-slot{padding:10px}
  .admin-photo-section{padding:13px}
  .photo-count-badge{font-size:10px}
  .delivery-city-fields,.delivery-city-edit-form{grid-template-columns:1fr}
  .delivery-city-edit-form .field:nth-child(2){grid-column:auto;grid-row:auto}
  .delivery-city-create-form{padding:12px}
  .delivery-city-row-wrap{padding:10px}
  .impact-section{gap:15px;padding:17px 13px;border-radius:21px}
  .impact-grid{grid-template-columns:1fr}
  .impact-card{min-height:100px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 12px;padding:15px}
  .impact-card-label{min-height:0;align-self:end;max-width:210px;font-size:9px}
  .impact-count{grid-column:2;grid-row:1/3;align-self:center;margin:0;font-size:32px}
  .impact-card-caption{font-size:10px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:21px 15px}
  .footer-brand{grid-column:1/-1}
  .footer-bottom{align-items:flex-start;flex-direction:column;gap:5px}
}
@media(max-width:360px){
  .site-main{padding-left:12px;padding-right:12px}
  .nav-shell{padding:0 12px}
  .brand{width:110px}
  .brand img{width:100px}
  .primary-nav{left:7px;right:7px}
  .account-profile-grid{grid-template-columns:1fr}
  .account-order-table tbody td{grid-template-columns:88px minmax(0,1fr);gap:8px}
  .cart-item{grid-template-columns:54px minmax(0,1fr);gap:9px;padding:12px 9px}
  .cart-thumb{width:54px;height:62px}
  .cart-qty .button{padding:0 8px;font-size:9px}
  .impact-card{grid-template-columns:minmax(0,1fr) auto}
}
@media(prefers-reduced-motion:reduce){
  .gallery-arrow,.product-gallery-thumbs button,.impact-count,.footer-social>a{transition:none!important;scroll-behavior:auto!important}
}


/* Wordmark sizing and narrow-screen catalog filter repair. */
.brand{width:162px}
.brand img{width:140px;height:59px;max-height:59px;object-fit:contain;object-position:left center}
.brand.brand-footer{width:156px;height:auto;min-height:48px}
.brand.brand-footer img{width:132px;height:auto;max-height:56px;object-fit:contain}
@media(max-width:760px){
  .brand{width:136px}
  .brand img{width:122px;height:52px;max-height:52px}
}
@media(max-width:600px){
  .search-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:9px;width:100%;max-width:none}
  .search-form input[type=search]{grid-column:1/-1;width:100%;min-width:0;min-height:46px}
  .search-form .inline-select{grid-column:1;min-width:0;width:100%}
  .search-form button{grid-column:2;min-width:84px}
}
@media(max-width:360px){
  .brand{width:116px}
  .brand img{width:106px;height:45px;max-height:45px}
}
@media(min-width:761px) and (max-width:900px){
  .nav-shell{gap:14px;padding-left:18px;padding-right:18px}
  .brand{width:126px}
  .brand img{width:112px;height:52px;max-height:52px}
  .primary-nav{gap:clamp(12px,1.4vw,16px)}
  .primary-nav>a{font-size:12px}
  .nav-tools{gap:10px;margin-left:4px}
  .nav-user{max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}


/* Follow-up release: consistent search, promotions, fulfilment, responsive accounts and image review. */
.search-bar{width:100%;max-width:720px;min-width:0;display:flex;align-items:center;gap:10px}
.search-control{position:relative;display:flex;align-items:center;flex:1 1 360px;min-width:0;max-width:720px}
.search-control svg{position:absolute;left:14px;width:19px;height:19px;fill:none;stroke:#777985;stroke-width:1.8;pointer-events:none;z-index:1}
.search-control input{width:100%;min-width:0;min-height:48px;padding:10px 14px 10px 43px;border:1px solid #d6d5df;border-radius:14px;background:rgba(255,255,255,.92);color:var(--ink);box-shadow:0 5px 18px rgba(30,31,48,.04)}
.search-control input:focus{outline:3px solid rgba(32,32,39,.18);border-color:#555660}
.product-search-bar{flex:1 1 640px;max-width:720px}
.admin-search-bar{max-width:760px;flex-wrap:wrap}
.admin-search-bar .search-control{flex-basis:320px}
.discount-badge{position:absolute;z-index:2;right:12px;top:12px;display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:34px;padding:5px 10px;border-radius:999px;background:#202027;color:#fff;font-size:12px;font-weight:850;letter-spacing:.01em;box-shadow:0 4px 14px rgba(0,0,0,.16)}
.old-price{margin-left:7px;color:#777985;font-size:.76em;font-weight:550;text-decoration:line-through;white-space:nowrap}
.detail-discount-badge{position:static;margin-left:10px;vertical-align:middle}
.savings-note{display:block;margin-top:6px;color:var(--good);font-size:13px;font-weight:700}
.discount-preview{display:block;min-height:1.5em;margin-top:5px}
.fulfillment-section{margin:22px 0;padding-top:20px;border-top:1px solid rgba(52,54,70,.09)}
.fulfillment-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;padding:0;border:0}
.fulfillment-option{display:flex;gap:12px;align-items:flex-start;min-height:72px;padding:15px;border:1px solid rgba(52,54,70,.12);border-radius:16px;background:rgba(255,255,255,.62);cursor:pointer}
.fulfillment-option:has(input:checked){border-color:#292930;box-shadow:0 0 0 2px rgba(32,32,39,.12);background:#fff}
.fulfillment-option input{margin-top:4px;accent-color:#202027}
.fulfillment-option span{display:grid;gap:2px}.fulfillment-option small{color:var(--muted)}
.fulfillment-delivery-fields{display:grid;grid-template-columns:1fr;gap:14px}
.fulfillment-delivery-fields[hidden],.pickup-info[hidden]{display:none!important}
.pickup-info{margin-top:14px}.pickup-info p:last-child{margin-bottom:0}
.delivery-area-list,.delivery-area-row{display:grid;gap:14px}.delivery-area-row{padding:15px;border:1px solid rgba(52,54,70,.1);border-radius:16px;background:rgba(255,255,255,.55)}
.delivery-area-edit-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) minmax(120px,.4fr) auto;gap:12px;align-items:end}
.delivery-area-status-form{display:flex;align-items:center;gap:14px}
.request-image-thumb{display:inline-flex;width:56px;height:56px;overflow:hidden;border-radius:10px;background:#f2f2f4}
.request-image-thumb img{width:100%;height:100%;object-fit:cover}
.request-image-detail{display:inline-grid;justify-items:start;gap:6px;margin-top:8px}
.request-image-detail img{width:min(200px,100%);max-height:200px;object-fit:cover;border-radius:12px;border:1px solid rgba(0,0,0,.08)}
.image-lightbox{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:5vh 5vw;background:rgba(15,15,20,.88)}
.image-lightbox img{max-width:min(1100px,90vw);max-height:85vh;object-fit:contain;border-radius:12px}
.image-lightbox-close{position:absolute;right:20px;top:16px;width:46px;height:46px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#fff;color:#18181f;font-size:30px;line-height:1}
.icon-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:4px;width:44px;height:44px;flex:0 0 44px;border:1px solid transparent;border-radius:50%;color:var(--ink);background:transparent;transition:background .18s,border-color .18s,transform .18s}
.icon-action svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-action:hover{background:rgba(255,255,255,.82);border-color:rgba(32,32,39,.08)}
.icon-action:focus-visible{outline:3px solid rgba(32,32,39,.35);outline-offset:2px}
.language-action{width:auto;min-width:50px;padding:0 9px;border-radius:999px;font-size:10px;font-weight:850;letter-spacing:.06em}
.language-action svg{width:20px;height:20px}
.cart-action .cart-count{top:0;right:0;min-width:17px;width:auto;padding:0 4px;height:17px;line-height:17px}
.account-order-table{width:100%;min-width:0}
.account-orders-wrap{width:100%;overflow-x:auto}
@media(min-width:1024px) and (max-width:1536px){.search-bar{max-width:720px}.filter-bar{gap:18px}.product-search-bar{flex-basis:640px}}
@media(max-width:900px){.delivery-area-edit-form{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-area-edit-form button{min-height:42px}}
@media(max-width:768px){.account-orders-wrap{overflow:visible}.account-order-table{display:block;min-width:0;border:0;background:transparent}.account-order-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.account-order-table tbody{display:grid;gap:10px}.account-order-table tbody tr{display:grid;gap:0;padding:7px 13px;border:1px solid rgba(255,255,255,.92);border-radius:15px;background:rgba(255,255,255,.66);box-shadow:0 6px 18px rgba(30,31,48,.04)}.account-order-table tbody td{display:grid;grid-template-columns:minmax(90px,.8fr) minmax(0,1.2fr);gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid rgba(52,54,70,.07);font-size:12px;overflow-wrap:anywhere}.account-order-table tbody td:last-child{border-bottom:0}.account-order-table tbody td::before{content:attr(data-label);color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.account-order-table td>*{min-width:0}.account-order-table .text-link{justify-self:start;min-height:44px;display:inline-flex;align-items:center}.admin-search-bar{max-width:none}.search-control{max-width:none}}
@media(max-width:600px){.search-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;max-width:none}.product-search-bar .search-control{grid-column:1/-1}.product-search-bar .inline-select{grid-column:1;min-width:0;width:100%}.product-search-bar>button{grid-column:2;min-width:84px}.admin-search-bar .search-control{grid-column:1/-1}.admin-search-bar .inline-select{grid-column:1;min-width:0;width:100%}.admin-search-bar>button{grid-column:2}.fulfillment-options{grid-template-columns:1fr}.delivery-area-edit-form{grid-template-columns:1fr}.delivery-area-row{padding:12px}.nav-tools{gap:8px}.language-action{min-width:45px}.account-content,.account-grid,.account-header{min-width:0}.account-header h1{overflow-wrap:anywhere}}
@media(max-width:360px){.account-order-table tbody td{grid-template-columns:82px minmax(0,1fr);gap:8px}.search-bar{gap:6px}.search-control input{padding-left:39px}.delivery-area-status-form{flex-wrap:wrap}}

/* Local Market mobile cleanup and in-card quick add. */
.product-card-link{display:block;min-width:0}
.product-card .quick-add-panel{position:absolute;right:0;bottom:calc(100% + 9px);z-index:8;display:grid;gap:9px;width:min(250px,calc(100vw - 42px));padding:13px;border:1px solid rgba(255,255,255,.94);border-radius:15px;background:rgba(255,255,255,.98);box-shadow:0 14px 36px rgba(25,25,38,.2)}
.product-card .quick-add-panel[hidden]{display:none!important}
.quick-add-heading{font-size:11px;font-weight:850;letter-spacing:.04em}
.quick-add-panel select{width:100%;min-height:42px;padding:8px 10px;border:1px solid #d6d5df;border-radius:10px;background:#fff;color:var(--ink)}
.quick-add-panel .button{width:100%;min-height:40px}
.quick-add .round-add[aria-expanded=true]{background:#474751;transform:rotate(45deg)}
.quick-add-unavailable{opacity:.65;cursor:not-allowed}
.local-delivery-location-fields{margin-bottom:14px}
.local-delivery-location-fields select:disabled{background:#efeff2;color:#81828c;cursor:not-allowed}
@media(max-width:760px){.filter-bar{gap:11px;margin:10px 0 14px}.product-search-bar{flex:0 1 auto;min-height:0;max-width:none}.product-grid{margin-top:0}}
@media(max-width:600px){.product-card .quick-add,.product-card .quick-add-link{right:9px;top:calc(12px + min(36vw,225px))}.product-card .quick-add-panel{right:0;bottom:calc(100% + 8px)}}
@media(max-width:360px){.product-card .quick-add-panel{width:min(226px,calc(100vw - 32px))}}
/* Keep cart destinations at the top of the mobile navigation and open them as a compact popup. */
/* Cart popover — redesigned for desktop and mobile */
/* Cart Popover & Mobile Modal System */
.cart-popover{position:relative}
.cart-popover-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:300;width:min(320px,calc(100vw - 32px));background:#ffffff;border:1px solid rgba(0,0,0,.08);border-radius:20px;box-shadow:0 20px 50px rgba(18,18,30,.18);overflow:hidden;color:#18181f}
.cart-popover-panel[hidden]{display:none!important}
.cart-popover-inner{padding:18px}
.cart-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.cart-popover-header strong{font-size:14px;font-weight:850;letter-spacing:-.01em;color:#18181f}
.cart-popover-close{width:30px;height:30px;border:0;background:#f0f0f5;border-radius:50%;font-size:18px;line-height:1;display:grid;place-items:center;cursor:pointer;color:var(--muted);transition:background .15s,color .15s}
.cart-popover-close:hover{background:#18181f;color:#ffffff}

/* Mobile Fullscreen Viewport Modal Overlay (Appended directly to document.body) */
.cart-modal-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,16,24,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:cart-modal-fade .2s ease-out}
@keyframes cart-modal-fade{from{opacity:0}to{opacity:1}}

/* Modal Panel inside Mobile Overlay — Crisp, bright white card with zero blur inside */
.cart-modal-overlay .cart-popover-panel{position:relative;top:auto;right:auto;left:auto;transform:none;width:min(340px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow-y:auto;background:#ffffff!important;color:#18181f!important;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.9);animation:cart-modal-pop .22s cubic-bezier(.2,.7,.2,1)}
@keyframes cart-modal-pop{from{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
/* Trendyol market card accent */
.market-card[data-store="trendyol"] .market-symbol{background:linear-gradient(135deg,#F27A1A,#e05c00)}
.market-card[data-store="shein"] .market-symbol{background:linear-gradient(135deg,#1c1c1c,#444)}
.market-card[data-store="amazon"] .market-symbol{background:linear-gradient(135deg,#FF9900,#e47900);color:#111}
.market-store-badge{display:inline-flex;align-items:center;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.72);border:1px solid rgba(52,54,70,.1);font-size:9px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.market-card[data-store="trendyol"] .market-store-badge{background:rgba(242,122,26,.12);border-color:rgba(242,122,26,.2);color:#b85a0a}
.market-card[data-store="amazon"] .market-store-badge{background:rgba(255,153,0,.12);border-color:rgba(255,153,0,.2);color:#8a6000}

/* Premium Mobile Navigation Hamburger Toggle */
.mobile-nav-toggle {
  display: none;
}
@media(max-width: 760px) {
  .mobile-nav-toggle {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 42px;
    height: 42px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.85);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 4px 14px rgba(28, 29, 48, 0.08);
    margin-left: auto;
    cursor: pointer;
    transition: transform 0.2s cubic-bezier(0.2, 0.7, 0.2, 1), background 0.2s, box-shadow 0.2s;
  }
  .mobile-nav-toggle:active {
    transform: scale(0.94);
  }
  .mobile-nav-toggle .nav-bar {
    display: block;
    height: 2px;
    border-radius: 99px;
    background: var(--ink);
    transition: transform 0.25s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.2s, width 0.2s;
  }
  .mobile-nav-toggle .bar-top { width: 20px; }
  .mobile-nav-toggle .bar-mid { width: 14px; margin-right: 6px; }
  .mobile-nav-toggle .bar-bot { width: 20px; }

  .mobile-nav-toggle[aria-expanded="true"] {
    background: #ffffff;
    border-color: rgba(32, 32, 39, 0.18);
    box-shadow: 0 6px 20px rgba(28, 29, 48, 0.14);
  }
  .mobile-nav-toggle[aria-expanded="true"] .bar-top {
    transform: translateY(6px) rotate(45deg);
    width: 20px;
  }
  .mobile-nav-toggle[aria-expanded="true"] .bar-mid {
    opacity: 0;
    transform: translateX(-8px);
  }
  .mobile-nav-toggle[aria-expanded="true"] .bar-bot {
    transform: translateY(-6px) rotate(-45deg);
    width: 20px;
  }
  .nav-tools {
    margin-left: auto;
    margin-right: 6px;
    gap: 8px;
    border-top: 0;
    padding-top: 0;
  }
}

/* Premium Cart Popover with SVGs */
.cart-dest {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 13px 15px;
  border-radius: 16px;
  background: rgba(245, 245, 251, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.85);
  margin-bottom: 9px;
  text-decoration: none;
  color: var(--ink);
  transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
}
.cart-dest:last-of-type {
  margin-bottom: 0;
}
.cart-dest:hover {
  background: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(30, 31, 48, 0.09);
}
.cart-dest-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  flex: 0 0 42px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
}
.cart-dest-local .cart-dest-icon {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: #ffffff;
}
.cart-dest-global .cart-dest-icon {
  background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
  color: #ffffff;
}
.cart-dest-icon svg {
  width: 22px;
  height: 22px;
}

/* Premium Orders Page Glassmorphism */
.orders-page-content {
  min-width: 0;
}
.orders-count-pill {
  padding: 6px 14px;
  border-radius: 999px;
  background: rgba(32, 32, 39, 0.08);
  color: var(--dark);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.05em;
}
.orders-glass-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 16px;
  margin-top: 18px;
}
.order-glass-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.74);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 30px rgba(30, 31, 48, 0.06);
  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease), border-color 0.25s;
}
.order-glass-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 18px 48px rgba(30, 31, 48, 0.12);
  border-color: #ffffff;
}
.order-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(52, 54, 70, 0.08);
}
.order-card-id {
  display: flex;
  align-items: center;
  gap: 9px;
}
.order-num {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 15px;
  font-weight: 850;
  letter-spacing: -0.02em;
  color: var(--ink);
}
.order-market-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 10px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.order-market-badge svg {
  width: 13px;
  height: 13px;
}
.order-market-badge.market-local {
  background: rgba(16, 185, 129, 0.12);
  color: #047857;
}
.order-market-badge.market-global {
  background: rgba(99, 102, 241, 0.12);
  color: #4338ca;
}
.order-card-body {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 14px;
  padding: 16px 0;
  align-items: center;
}
.order-meta-item {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.order-meta-item .meta-label {
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--muted);
}
.order-meta-item .meta-value {
  font-size: 13px;
  color: var(--ink);
  font-weight: 600;
}
.order-meta-item.total-item {
  text-align: right;
}
.total-price {
  font-size: 17px !important;
  font-weight: 850 !important;
  color: var(--ink) !important;
}
.status-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  margin-right: 5px;
}
.order-card-footer {
  padding-top: 12px;
  border-top: 1px solid rgba(52, 54, 70, 0.06);
}
.order-view-btn {
  width: 100%;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 750;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.95);
  color: var(--ink);
  transition: background 0.2s, color 0.2s, transform 0.2s;
}
.order-view-btn:hover {
  background: var(--dark);
  color: #ffffff;
  border-color: var(--dark);
}
.empty-icon-wrap {
  font-size: 42px;
  margin-bottom: 12px;
}
@media(max-width: 600px) {
  .orders-glass-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .order-glass-card {
    padding: 16px;
    border-radius: 18px;
  }
}

/* Order detail view glassmorphic enhancements */
.order-summary-meta {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 18px 0;
}
.order-summary-meta > div {
  padding: 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.76);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.9);
  box-shadow: 0 4px 16px rgba(30, 31, 48, 0.04);
}
.order-summary-meta small {
  display: block;
  font-size: 10px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--muted);
  margin-bottom: 4px;
}
.order-summary-meta strong {
  font-size: 14px;
  color: var(--ink);
}
@media(max-width: 760px) {
  .order-summary-meta {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .order-page-heading {
    padding: 24px 0 16px;
  }
}

/* Order Detail Top Bar & Back Button */
.order-top-bar {
  margin: 20px 0 10px;
}
.back-to-orders-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.95);
  color: var(--ink);
  font-size: 13px;
  font-weight: 750;
  box-shadow: 0 4px 14px rgba(30, 31, 48, 0.05);
  transition: background 0.2s, transform 0.2s, color 0.2s;
}
.back-to-orders-btn:hover {
  background: var(--dark);
  color: #ffffff;
  transform: translateX(-3px);
}
.back-to-orders-btn svg {
  transition: transform 0.2s ease;
}
.back-to-orders-btn:hover svg {
  transform: translateX(-2px);
}

/* Premium Market Cards & Brand Logos */
.market-card-premium {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.74);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow: 0 10px 30px rgba(30, 31, 48, 0.06);
  min-height: 220px;
  transition: transform 0.25s var(--ease), box-shadow 0.25s var(--ease), border-color 0.25s;
}
.market-card-premium:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 48px rgba(30, 31, 48, 0.12);
  border-color: #ffffff;
}
.market-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 14px;
}
.market-logo-box {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  padding: 8px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  flex: 0 0 58px;
}
.market-logo-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.market-card-premium h3 {
  font-size: 19px;
  font-weight: 850;
  letter-spacing: -0.02em;
  margin: 4px 0 8px;
  color: var(--ink);
}
.market-card-premium p {
  font-size: 13px;
  line-height: 1.5;
  color: var(--muted);
  margin-bottom: 18px;
  flex: 1;
}
.market-browse-btn {
  width: 100%;
  justify-content: space-between;
  min-height: 44px;
  padding: 0 18px;
  border-radius: 13px;
  font-size: 12px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.95);
  color: var(--ink);
  transition: background 0.2s, color 0.2s, transform 0.2s;
  margin-top: auto;
}
.market-browse-btn:hover {
  background: var(--dark);
  color: #ffffff;
  border-color: var(--dark);
}
.market-tip-box {
  font-size: 13px;
  line-height: 1.55;
  color: var(--ink);
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid rgba(255, 255, 255, 0.92);
  border-radius: 16px;
  padding: 14px 18px;
}

@media(max-width: 900px) {
  .marketplace-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }
}
@media(max-width: 600px) {
  .marketplace-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .market-card-premium {
    padding: 18px;
    min-height: auto;
  }
  .market-logo-box {
    width: 50px;
    height: 50px;
    border-radius: 14px;
  }
  .order-top-bar {
    margin: 14px 0 5px;
  }
}


/* Google sign-in option on the existing authentication card. */
.google-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.13em}
.google-auth-divider:before,.google-auth-divider:after{content:"";height:1px;flex:1;background:rgba(24,24,31,.12)}
.google-auth-button{width:100%;min-height:46px;gap:12px;border-color:rgba(24,24,31,.12);box-shadow:0 5px 18px rgba(30,31,48,.05);transition:transform .2s,box-shadow .2s}
.google-auth-button:hover{transform:translateY(-1px);box-shadow:0 9px 24px rgba(30,31,48,.09)}
.google-auth-button svg{flex:0 0 auto}
.google-auth-button:focus-visible{outline:3px solid rgba(66,133,244,.35);outline-offset:2px}


/* Hodan Store branded full-page loader */
.hodan-page-loader{position:fixed;inset:0;z-index:80;display:none;place-items:center;overflow:hidden;overscroll-behavior:contain;touch-action:none;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:rgba(234,236,245,.82);-webkit-backdrop-filter:blur(10px) saturate(1.03);backdrop-filter:blur(10px) saturate(1.03);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .34s var(--ease),visibility 0s linear .34s}
html.hodan-loader-pending body>:not(.hodan-page-loader){visibility:hidden}
html.hodan-loader-pending .hodan-page-loader{display:grid}
html.hodan-loader-visible .hodan-page-loader{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.hodan-loader-card{position:relative;isolation:isolate;display:grid;place-items:center;width:min(340px,calc(100vw - 40px));min-height:174px;padding:34px 26px;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:rgba(255,255,255,.62);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px) saturate(1.06);backdrop-filter:blur(18px) saturate(1.06);opacity:0;transform:translateY(6px) scale(.975);transition:opacity .34s var(--ease),transform .42s var(--ease)}
.hodan-loader-card:before{content:"";position:absolute;inset:-35%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 52%,rgba(255,220,198,.34) 0%,rgba(214,213,207,.24) 36%,transparent 70%);filter:blur(14px)}
html.hodan-loader-visible .hodan-loader-card{opacity:1;transform:translateY(0) scale(1)}
.hodan-loader-logo{position:relative;z-index:1;display:block;width:min(176px,calc(100vw - 96px));max-width:100%;max-height:86px;height:auto;object-fit:contain}
html.hodan-loader-visible .hodan-loader-logo{animation:hodan-loader-breathe 3.6s ease-in-out infinite}
@keyframes hodan-loader-breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.018)}}
@media(max-width:600px){.hodan-loader-card{width:min(300px,calc(100vw - 32px));min-height:156px;padding:28px 20px;border-radius:24px}.hodan-loader-logo{width:min(136px,calc(100vw - 84px));max-height:66px}}
@media(max-width:360px){.hodan-loader-card{width:calc(100vw - 24px);min-height:144px;padding:22px 16px}.hodan-loader-logo{width:min(126px,calc(100vw - 72px));max-height:58px}}
@media(prefers-reduced-motion:reduce){.hodan-page-loader,.hodan-loader-card,.hodan-loader-logo{transition:none!important;animation:none!important}}
/* Account order history: keep every field readable on narrow screens. */
.account-order-cell-label{display:none}
@media(max-width:820px){
  .account-content,.account-orders-wrap,.account-order-table,.account-order-table tbody,.account-order-table tbody tr,.account-order-table tbody td{min-width:0}
  .account-orders-wrap{width:100%;max-width:100%;overflow:visible;border:0;background:transparent}
  .account-order-table{display:block;width:100%;min-width:0;table-layout:auto;border:0;background:transparent;border-collapse:separate}
  .account-orders-wrap table.account-order-table{width:100%;max-width:100%;min-width:0}
  .account-order-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .account-order-table tbody{display:grid;width:100%;grid-template-columns:minmax(0,1fr);gap:12px}
  .account-order-table tbody tr{display:flex;width:100%;flex-direction:column;gap:0;padding:15px;border:1px solid rgba(255,255,255,.94);border-radius:16px;background:rgba(255,255,255,.78);box-shadow:0 8px 22px rgba(30,31,48,.055)}
  .account-order-table tbody td{display:flex;min-width:0;width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(52,54,70,.07);font-size:12px;line-height:1.45;overflow-wrap:anywhere;word-break:normal}
  .account-order-table tbody td::before{content:none;display:none}
  .account-order-cell-label{display:block;flex:0 0 42%;max-width:120px;color:var(--muted);font-size:9px;line-height:1.25;font-weight:850;letter-spacing:.09em;text-transform:uppercase;overflow-wrap:anywhere}
  .account-order-table tbody td:first-child{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;padding-top:0;padding-bottom:12px;border-bottom:1px solid rgba(52,54,70,.1)}
  .account-order-table tbody td:first-child .account-order-cell-label{flex:none}
  .account-order-table tbody td:not(:first-child):not(:last-child)>:not(.account-order-cell-label){flex:1;min-width:0;text-align:right;overflow-wrap:anywhere}
  .account-order-number{display:block;flex:none;max-width:100%;font-size:14px;line-height:1.35;font-weight:800;text-align:left;overflow-wrap:anywhere;word-break:break-word}
  .account-order-table tbody td:last-child{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding:12px 0 0;border-bottom:0;border-top:1px solid rgba(52,54,70,.1)}
  .account-order-table tbody td:last-child .account-order-cell-label{flex:1}
  .account-order-action{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 12px;border:1px solid rgba(52,54,70,.1);border-radius:11px;background:rgba(255,255,255,.82);font-size:11px;font-weight:750;white-space:nowrap}
  .account-order-table td>*,.account-order-table .status-badge{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
}
@media(max-width:380px){
  .account-order-table tbody tr{padding:12px}
  .account-order-table tbody td{font-size:11px}
  .account-order-cell-label{font-size:8px}
  .account-order-number{font-size:13px}
  .account-order-action{padding:0 10px}
}


/* Order history and checkout contact/location refinements. */
.orders-glass-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
}
.order-glass-card,
.order-card-id,
.order-card-body,
.order-meta-item,
.order-number-group {
  min-width: 0;
}
.order-number-group {
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.order-num {
  overflow-wrap: anywhere;
  line-height: 1.25;
}
.order-card-header .status-badge {
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
}
.order-card-body {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}
.order-product-item {
  grid-column: 1 / -1;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(52, 54, 70, 0.06);
}
.order-product-name,
.order-meta-item .meta-value {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.order-more-items {
  color: var(--muted);
  font-size: 11px;
  font-weight: 650;
}
.admin-customer-contact {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-width: 0;
  margin-bottom: 16px;
  padding: 18px;
}
.admin-customer-contact > div {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
.admin-customer-contact strong,
.admin-delivery-location .delivery-location-summary > div > span {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.checkout-contact-grid {
  align-items: start;
  min-width: 0;
}
.checkout-contact-grid > div,
.checkout-whatsapp-field {
  min-width: 0;
}
.checkout-contact-grid > div > strong {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.checkout-whatsapp-field input {
  width: 100%;
}
.local-district-field {
  margin-top: 12px;
}
@media (max-width: 600px) {
  .orders-page-content {
    padding-right: 14px;
    padding-left: 14px;
  }
  .orders-glass-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .order-glass-card {
    padding: 15px;
    border-radius: 16px;
  }
  .order-card-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 9px;
  }
  .order-card-id {
    width: 100%;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 8px;
  }
  .order-number-group {
    flex: 1 1 150px;
  }
  .order-card-header .status-badge {
    align-self: flex-start;
  }
  .order-card-body {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 10px;
    padding: 13px 0;
  }
  .order-meta-item.total-item {
    text-align: left;
  }
  .order-meta-item .meta-value {
    font-size: 12px;
  }
  .order-meta-item .total-price {
    font-size: 15px !important;
  }
  .checkout-contact-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
  .admin-customer-contact {
    flex-direction: column;
    align-items: stretch;
    padding: 15px;
  }
  .admin-customer-contact .button {
    width: 100%;
    justify-content: center;
  }
}
@media (max-width: 360px) {
  .orders-page-content {
    padding-right: 11px;
    padding-left: 11px;
  }
  .order-card-body {
    grid-template-columns: minmax(0, 1fr);
  }
  .order-product-item {
    grid-column: auto;
  }
  .order-card-id .order-market-badge {
    max-width: 100%;
  }
}