@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--bg:#f8f1e8;--surface:#fafcfb;--surface-warm:#fbfaf7;--ink:var(--black);--muted:#6f625b;--line:#e7d9c7;--brand:#ed0010;--brand-hover:#ff1d2b;--brand-pressed:#b8000c;--brand-dark:#120909;--black:#030303;--black-panel:#030303f0;--gold:#c8a45b;--gold-soft:#c8a45b61;--brand-gold:var(--gold);--brand-gold-soft:#c8a45b47;--cream:#fff7eb;--cream-strong:#fffaf2;--cream-warm:#f7ead8;--white:#fff;--field-border:#cfc4ba;--field-hover:#bcae9e;--nav-hover:#fff8ee1a;--black-wash:#0000005c;--black-clear:#0000;--night-red:#22030a;--brand-wash:#ed001021;--brand-wash-soft:#ed001017;--brand-clear:#ed001000;--gold-wash:#c8a45b21;--gold-reflect:#c8a45b38;--gold-clear:#c8a45b00;--gold-border:#c8a45b4d;--danger:#7d1724;--danger-hover:#991c2c;--success-border:#7ab879;--success-bg:#eff9ef;--error-border:#d47777;--error-bg:#fff0f0;--shadow-soft:0 12px 28px #12090917;--shadow-hover:0 18px 36px #12090924;--shadow-panel:0 22px 58px #12090933;--shadow-auth-form:0 46px 120px #03030375, 0 24px 58px #03030357, 0 12px 30px #c8a45b3d, 0 0 0 1px #ffffff6b inset;--shadow-auth-visual:0 50px 130px #03030385, 0 26px 68px #03030361, 0 16px 34px #c8a45b3d, 0 0 0 1px #ffffff24 inset;--shadow-card-depth:0 10px 24px #03030329, 0 3px 8px #0303031f;--shadow-card-depth-hover:0 10px 24px #03030329, 0 3px 8px #0303031f;--shadow-tab:0 8px 18px #12090914;--shadow-brand:0 10px 22px #da552d3d;--shadow-brand-pressed:0 5px 12px #ed00102e;--shadow-light:0 10px 22px #1209091a;--text-on-dark:#ffffffdb;--focus-ring:0 0 0 3px #ed00102e;--footer-line:#ffffff14;--accent-strip-size:4px;--app-header-height:104px;--app-hero-width:1160px;--app-hero-height:182px;--app-hero-top:70px;--app-black-zone-height:180px;--auth-visual-bg:url(/images/hero-product-eau-blinger.webp);--ease:.18s ease;--nav-ease:.22s ease}*{box-sizing:border-box}html,body{height:100%;min-height:100%}body{background:var(--black);color:var(--ink);flex-direction:column;min-height:100vh;margin:0;font-family:Poppins,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;display:flex}a{color:var(--brand);transition:color var(--ease)}a:hover{color:var(--brand-hover)}.topbar{height:var(--app-header-height);min-height:var(--app-header-height);background:var(--black);border-bottom:1px solid var(--brand-gold-soft);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 max(28px,50vw - 765px);display:flex}.brand{color:var(--cream);transition:opacity var(--ease);flex-direction:column;align-items:flex-start;gap:7px;padding:16px 0 14px;text-decoration:none;display:inline-flex}.brand:hover{opacity:.88}.brand-logo{filter:brightness(0)invert();opacity:1;width:clamp(190px,18vw,300px);height:auto;display:block}.brand-tagline{color:var(--gold);font-size:11px;font-weight:700;line-height:1}.topbar nav{align-items:center;gap:16px;display:flex}.topbar nav a{color:var(--cream);transition:background-color var(--nav-ease), color var(--nav-ease), box-shadow var(--nav-ease), transform var(--nav-ease), border-color var(--nav-ease);border-radius:6px;padding:9px 11px;font-weight:700;text-decoration:none}.topbar nav a:hover{background:var(--nav-hover);color:var(--gold);transform:translateY(-1px)}.topbar nav .nav-action{background:var(--cream);color:var(--brand-dark);box-shadow:0 0 0 1px #0000}.topbar nav .nav-action:hover{background:var(--brand);color:var(--white);box-shadow:0 0 0 1px var(--brand-hover), var(--shadow-brand)}.topbar nav .cart-link+.nav-action{margin-left:22px}.cart-link{align-items:center;gap:8px;display:inline-flex}.cart-icon-wrap{color:currentColor;width:28px;height:28px;transition:color var(--nav-ease);place-items:center;display:inline-grid;position:relative}.cart-icon{width:22px;height:22px;transition:color var(--nav-ease), stroke var(--nav-ease), fill var(--nav-ease);display:block}.cart-badge{background:var(--brand);min-width:18px;height:18px;color:var(--white);border:1px solid var(--gold);transition:background-color var(--nav-ease), border-color var(--nav-ease), color var(--nav-ease), transform var(--nav-ease);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-5px;right:-7px;box-shadow:0 6px 14px #ed00103d}.cart-link span,.cart-link svg,.cart-link path,.cart-link circle{transition:color var(--nav-ease), stroke var(--nav-ease), fill var(--nav-ease)}.cart-link:hover .cart-badge{background:var(--brand-hover);border-color:var(--gold);transform:translateY(-1px)}.topbar nav a:focus-visible{box-shadow:0 0 0 2px var(--brand-gold-soft);outline:0}.page{width:100%;max-width:none;padding:var(--app-hero-top) max(28px, calc((100vw - var(--app-hero-width)) / 2)) 36px;isolation:isolate;background:linear-gradient(180deg, var(--black) 0, var(--black) var(--app-black-zone-height), var(--brand) var(--app-black-zone-height), var(--brand) 100%);flex:1 0 auto;margin:0;position:relative;overflow:hidden}.page:before{content:"";z-index:-1;background:radial-gradient(ellipse at 50% 0, var(--gold-wash) 0, var(--gold-clear) 58%);opacity:.7;position:absolute;inset:220px -18vw 0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 14% 86%,#0000 100%)}.hero{width:100%;height:var(--app-hero-height);background:var(--black-panel);border:1px solid var(--brand-gold-soft);border-top-color:var(--gold);color:var(--white);border-radius:8px;justify-content:space-between;align-items:center;gap:24px;margin:0 auto 22px;padding:28px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #03030347,0 8px 18px #0303032e}.hero:before{content:none}.hero>*{position:relative}.hero>div:first-child{min-width:0}.hero>.btn,.hero-actions{flex:none}.hero h1,.auth-heading h1{color:var(--brand);margin:0;font-size:36px;font-weight:800;line-height:1.08}.hero h1{color:var(--white)}.auth-heading h1{font-size:38px}.hero p,.auth-heading p,.auth-note,.meta{color:var(--muted)}.hero p:not(.eyebrow){color:var(--text-on-dark);margin:12px 0 0}.hero-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:0;margin:0 0 8px;font-size:13px;font-weight:800}.auth-panel .eyebrow{color:var(--gold);opacity:1}.auth-panel{background:linear-gradient(var(--surface), var(--surface)) padding-box, linear-gradient(180deg, var(--brand) 0 50%, var(--gold) 50% 100%) border-box;max-width:470px;box-shadow:var(--shadow-auth-form);color:var(--black);border:4px solid #0000;border-radius:8px;margin:42px auto;padding:34px 38px 32px;position:relative;overflow:hidden}.auth-panel:before,.auth-panel:after{content:none}.auth-panel>*{z-index:1;position:relative}.auth-panel.wide{max-width:720px}.login-screen .topbar{display:none}.login-screen .page{isolation:isolate;background:radial-gradient(ellipse at 50% 22%, var(--brand-wash) 0, var(--brand-clear) 42%), radial-gradient(ellipse at 50% 68%, var(--gold-wash) 0, var(--gold-clear) 56%), linear-gradient(180deg, var(--black) 0, var(--black) 50%, var(--brand) 50%, var(--brand) 100%);place-items:center;padding-top:52px;padding-bottom:52px;display:grid;position:relative;overflow:hidden}.login-screen .page:before{content:none}.auth-layout{grid-template-columns:minmax(0,470px) minmax(430px,470px);align-items:center;gap:70px;width:min(100%,980px);display:grid}.auth-layout-wide{grid-template-columns:minmax(0,460px) minmax(600px,700px);gap:54px;width:min(100%,1120px)}.auth-brand-block{color:var(--white);background:linear-gradient(180deg, #03030385 0, #0303032e 42%, #030303c7 100%), var(--auth-visual-bg) center / cover no-repeat;border:1px solid var(--brand-gold-soft);border-top-color:var(--gold);max-width:470px;min-height:430px;box-shadow:var(--shadow-auth-visual);border-radius:8px;flex-direction:column;justify-content:flex-end;align-self:center;padding:30px;display:flex;position:relative;overflow:hidden}.auth-brand-block:before{content:"";height:var(--accent-strip-size);background:linear-gradient(90deg, var(--brand), var(--brand-gold) 58%, var(--gold));z-index:2;display:block;position:absolute;top:0;left:0;right:0}.auth-brand-block:after{content:"";z-index:0;pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff29,inset 0 -28px 54px #03030352}.auth-brand-block>*{z-index:1;position:relative}.auth-brand-logo{filter:brightness(0)invert()drop-shadow(0 8px 18px #00000057);width:min(100%,300px);height:auto;margin-bottom:auto;display:block}.auth-brand-tagline{color:var(--gold);margin:22px 0 8px;font-size:17px;font-weight:800;line-height:1.3}.auth-brand-block p:last-child{color:var(--text-on-dark);margin:0;font-size:15px;font-weight:500}.auth-layout .auth-panel{margin:0}.auth-heading{margin-bottom:24px}.auth-heading p:last-child{margin:11px 0 0;font-size:16px;line-height:1.55}.flash{width:min(100%, var(--app-hero-width));border:1px solid var(--gold-border);color:var(--black);box-shadow:var(--shadow-card-depth);background:#fafcfbf5;border-radius:8px;margin:0 auto 18px;padding:13px 16px;font-size:14px;font-weight:700}.auth-panel .flash{width:100%;margin:0 0 18px}.flash.success{border-color:var(--gold);color:var(--black);background:linear-gradient(135deg,#fafcfbfa,#c8a45b29)}.flash.error{border-color:var(--brand);color:var(--danger);background:linear-gradient(135deg,#fff0f0fa,#ed00101a)}.form-stack{gap:15px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.address-grid{grid-template-columns:1fr 160px}.field label{margin-bottom:7px;font-size:15px;font-weight:700;display:block}.field input{border:1px solid var(--field-border);background:var(--surface);width:100%;min-height:48px;color:var(--ink);font:inherit;transition:border-color var(--ease), box-shadow var(--ease), background-color var(--ease), transform var(--ease);border-radius:6px;padding:12px 14px;box-shadow:0 0 #ed001000,inset 0 1px #ffffffb3}.field input:hover,.qty:hover{border-color:var(--gold);background:var(--white);box-shadow:0 0 0 3px #c8a45b1f,inset 0 1px #fffc}.field input:focus,.qty:focus{border-color:var(--brand);background:var(--white);outline:0;transform:translateY(-1px);box-shadow:0 0 0 3px #ed001029,0 0 0 6px #c8a45b1f,inset 0 1px #ffffffd9}.auth-note{text-align:center;margin:14px 0 0;font-size:14px}.auth-note.compact{margin-top:8px}.auth-note a{color:var(--brand);transition:color var(--ease), text-shadow var(--ease), transform var(--ease);font-weight:600;text-decoration:none}.auth-note a:hover{color:var(--gold);text-shadow:0 7px 18px #c8a45b38;transform:translateY(-1px)}.auth-note a:focus-visible{color:var(--gold);box-shadow:0 0 0 3px var(--brand-gold-soft);border-radius:4px;outline:0}.tabs{gap:10px;margin:20px 0;padding-bottom:4px;display:flex;overflow-x:auto}.tab{background:var(--cream-strong);border:1px solid var(--brand-gold-soft);color:var(--ink);white-space:nowrap;transition:background-color var(--ease), color var(--ease), border-color var(--ease), box-shadow var(--ease), transform var(--ease);border-radius:8px;padding:12px 18px;font-weight:700;text-decoration:none}.tab:hover{border-color:var(--brand-gold);box-shadow:var(--shadow-tab);transform:translateY(-1px)}.tab.active{background:var(--black);color:var(--white);border-color:var(--brand-gold)}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:var(--surface-warm);border:1px solid var(--brand-gold-soft);border-top-color:var(--gold);box-shadow:var(--shadow-card-depth);transition:border-color var(--ease), transform var(--ease);border-radius:8px;padding:20px}.grid .card:hover{border-color:var(--brand-gold);box-shadow:var(--shadow-card-depth);transform:translateY(-1px)}.card h2{margin:0 0 8px;font-size:21px;line-height:1.2}.product-media{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--gold-border);border-radius:8px;margin-bottom:14px;overflow:hidden}.product-media img{object-fit:cover;width:100%;height:100%;display:block}.meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;font-size:14px;display:flex}.price{color:var(--brand);margin-top:4px;font-size:24px;font-weight:900}.actions{align-items:center;gap:10px;margin-top:14px;display:flex}.qty{border:1px solid var(--field-border);width:74px;font:inherit;transition:border-color var(--ease), box-shadow var(--ease), background-color var(--ease), transform var(--ease);border-radius:6px;padding:11px}.btn,button{font:inherit;background:linear-gradient(135deg, var(--brand) 0%, var(--brand) 31%, var(--gold) 53%, var(--brand-pressed) 74%, var(--brand) 100%);color:var(--white);cursor:pointer;transition:background-position .32s ease, border-color var(--ease), color var(--ease), box-shadow var(--ease), transform var(--ease), filter var(--ease);background-position:12%;background-size:220% 220%;border:0;border-radius:6px;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-block}.auth-panel .btn.full,.auth-panel button.full{min-height:46px;padding:11px 15px;font-size:15px}.btn:hover,button:hover{color:var(--white);box-shadow:var(--shadow-brand);filter:saturate(1.06);background-position:100%;transform:translateY(-1px)}.btn:active,button:active{box-shadow:var(--shadow-brand-pressed);filter:saturate();background-position:50%;transform:translateY(0)}.btn:focus-visible,button:focus-visible{box-shadow:0 0 0 3px #ed00102e, 0 0 0 6px #c8a45b24, var(--shadow-brand);outline:0}.btn.secondary{background:var(--black);border:1px solid var(--brand-gold-soft)}.btn.secondary:hover{background:var(--brand-dark);border-color:var(--brand-gold)}.btn.light{background:var(--surface);color:var(--ink);border:1px solid var(--brand-gold-soft)}.btn.light:hover{background:var(--cream-strong);color:var(--brand);border-color:var(--brand-gold);box-shadow:var(--shadow-light)}.hero .btn,.hero .btn.light,.hero .btn.secondary{background:var(--black);color:var(--white);border:1px solid var(--brand-gold-soft);box-shadow:none;filter:none;transition:background-color var(--ease), border-color var(--ease), color var(--ease), transform var(--ease)}.hero .btn:hover,.hero .btn.light:hover,.hero .btn.secondary:hover{background:var(--brand-dark);color:var(--white);border-color:var(--brand-gold);box-shadow:none;filter:none;transform:translateY(-1px)}.hero .btn:focus-visible,.hero .btn.light:focus-visible,.hero .btn.secondary:focus-visible{box-shadow:0 0 0 3px var(--brand-gold-soft), var(--shadow-light);outline:0}.btn.danger{background:var(--danger)}.btn.danger:hover{background:var(--danger-hover)}.btn.full,button.full{width:100%}.cart-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 110px 150px 130px 48px;align-items:center;gap:14px;padding:16px 0;display:grid}.cart-row form{gap:8px;display:flex}.cart-remove-form{justify-content:flex-end}.icon-button{border:1px solid var(--brand-gold-soft);background:var(--black);width:42px;height:42px;color:var(--white);box-shadow:none;transition:background-color var(--ease), border-color var(--ease), color var(--ease), box-shadow var(--ease), transform var(--ease);background-size:100% 100%;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform var(--ease)}.icon-button.danger:hover{background:var(--brand);border-color:var(--gold);color:var(--white);filter:none;box-shadow:0 10px 24px #ed00103d,0 0 0 3px #c8a45b1f}.icon-button.danger:hover svg{transform:scale(1.06)}.cart-total{text-align:right;margin:20px 0;font-size:24px;font-weight:900}.flash{background:var(--surface);border:1px solid var(--line);border-radius:6px;margin-bottom:14px;padding:12px 14px}.flash.success{border-color:var(--success-border);background:var(--success-bg)}.flash.error{border-color:var(--error-border);background:var(--error-bg)}.empty{background:var(--surface-warm);border:1px dashed var(--brand-gold-soft);text-align:center;border-radius:8px;padding:24px}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.metric-card{background:var(--surface-warm);border:1px solid var(--brand-gold-soft);border-top-color:var(--gold);box-shadow:var(--shadow-card-depth);border-radius:8px;padding:22px}.metric-card span{color:var(--muted);margin-bottom:8px;font-weight:800;display:block}.metric-card strong{color:var(--brand);font-size:32px}.price-tax{color:var(--brand);vertical-align:.28em;margin-left:4px;font-size:.42em;font-weight:900}.metric-card small{color:var(--muted);margin-top:8px;font-size:13px;font-weight:600;display:block}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.section-title h2{color:var(--ink);margin:0}.admin-table{gap:8px;display:grid}.admin-row{border-bottom:1px solid var(--line);grid-template-columns:1.4fr 160px 160px;align-items:center;gap:14px;padding:14px 0;display:grid}.admin-table.full .admin-row{grid-template-columns:1.4fr 1.4fr 120px 140px 120px}.admin-row.header{color:var(--muted);text-transform:uppercase;border-bottom-color:var(--brand-gold-soft);font-size:13px;font-weight:700}.admin-row strong,.admin-row span{display:block}.admin-row span{color:var(--muted);margin-top:3px;font-size:14px}.row-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.orders-table .admin-row{grid-template-columns:1.05fr 1.45fr 150px 120px 110px}.clients-table .admin-row{grid-template-columns:1.25fr 1.35fr 110px 130px 190px}.client-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.client-detail-grid>div{border:1px solid var(--brand-gold-soft);border-top-color:var(--gold);background:var(--surface);border-radius:8px;padding:16px}.client-detail-grid span{color:var(--muted);margin-bottom:6px;font-size:13px;font-weight:800;display:block}.client-detail-grid strong{color:var(--ink);display:block}.order-metrics .metric-card strong{font-size:24px;line-height:1.2}.order-ref{color:var(--muted);font-weight:800}.order-lines{gap:0;display:grid}.order-line{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 100px 120px 120px 120px;align-items:center;gap:16px;padding:15px 0;display:grid}.order-line.header{color:var(--muted);text-transform:uppercase;border-bottom-color:var(--brand-gold-soft);font-size:13px;font-weight:800}.order-line strong,.order-line span{display:block}.order-line span{color:var(--muted);margin-top:3px;font-size:14px}.footer{background:var(--black);width:100%;min-height:52px;color:var(--white);border-top:1px solid var(--footer-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;margin:0;padding:0 max(28px,50vw - 765px);font-size:14px;font-weight:400;line-height:1;display:flex}.footer span{font-weight:400}.footer strong{font-weight:600}.footer span,.footer strong{white-space:nowrap;align-items:center;display:inline-flex}ul{color:var(--brand);margin:6px 0 0;padding-left:18px}@media (width<=850px){.topbar{align-items:flex-start;gap:14px;padding:18px}.brand-logo{width:170px}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.page{background:linear-gradient(180deg, var(--brand-wash) 0, var(--brand-clear) 125px), linear-gradient(180deg, transparent 0, transparent 112px, var(--brand) 112px, var(--brand) 100%);padding:28px 18px}.login-screen .page{isolation:isolate;background:radial-gradient(ellipse at 50% 18%, var(--brand-wash) 0, var(--brand-clear) 42%), radial-gradient(ellipse at 50% 68%, var(--gold-wash) 0, var(--gold-clear) 58%), linear-gradient(180deg, var(--black) 0, var(--black) 45%, var(--brand) 45%, var(--brand) 100%);padding:30px 18px;display:block;position:relative;overflow:hidden}.login-screen .page:before{content:none}.auth-layout{grid-template-columns:1fr;gap:28px;display:grid}.auth-layout-wide{grid-template-columns:1fr;width:min(100%,680px)}.auth-brand-block{text-align:center;min-height:310px}.auth-brand-logo{width:min(100%,260px);margin:0 auto}.auth-brand-tagline{font-size:14px}.footer{flex-direction:column;justify-content:center;align-items:flex-start;padding:16px 18px}.footer span,.footer strong{white-space:normal}.hero{height:auto;min-height:var(--app-hero-height);display:block}.grid,.admin-grid,.form-grid,.address-grid,.cart-row,.admin-row,.admin-table.full .admin-row{grid-template-columns:1fr}.hero-actions{justify-content:flex-start;margin-top:18px}.clients-table .admin-row,.orders-table .admin-row,.order-line,.client-detail-grid{grid-template-columns:1fr}}@media (width<=1180px){:root{--app-hero-width:min(100vw - 48px, 980px);--app-hero-height:auto;--app-hero-top:48px;--app-black-zone-height:172px}.topbar{padding-inline:24px}.topbar nav{gap:10px}.page{padding-inline:24px}.hero{align-items:flex-start;min-height:172px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-layout,.auth-layout-wide{grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:36px;width:min(100%,920px)}.auth-layout-wide{grid-template-columns:minmax(0,1fr) minmax(500px,1.15fr)}.auth-brand-block{min-height:390px}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-table .admin-row,.orders-table .admin-row,.admin-table.full .admin-row{grid-template-columns:minmax(0,1.2fr) minmax(0,1.2fr) minmax(95px,auto)}.clients-table .admin-row>:nth-child(4),.clients-table .admin-row>:nth-child(5),.orders-table .admin-row>:nth-child(4),.orders-table .admin-row>:nth-child(5),.admin-table.full .admin-row>:nth-child(n+4){grid-column:auto}.cart-row{grid-template-columns:minmax(0,1fr) 92px 140px 110px 44px}}@media (width<=760px){:root{--app-header-height:auto;--app-hero-top:28px;--app-black-zone-height:132px}body{min-width:320px}.topbar{flex-direction:column;align-items:stretch;height:auto;min-height:0;padding:14px 16px 16px}.brand{text-align:center;align-items:center;padding:0}.brand-logo{width:min(72vw,230px);margin:0 auto}.brand-tagline{font-size:10px}.topbar nav{justify-content:center;gap:8px;width:100%}.topbar nav a{padding:8px 9px;font-size:14px}.topbar nav .cart-link+.nav-action{margin-left:0}.page{padding:var(--app-hero-top) 16px 30px;overflow-x:hidden}.hero{gap:16px;min-height:0;padding:22px}.hero h1,.auth-heading h1{font-size:30px;line-height:1.12}.hero p:not(.eyebrow),.auth-heading p:last-child{font-size:14px;line-height:1.5}.hero-actions,.hero>.btn{width:100%}.hero .btn,.hero>.btn{text-align:center}.tabs{scroll-snap-type:x proximity;gap:8px;margin:16px -16px 18px;padding:0 16px 6px}.tab{scroll-snap-align:start;padding:11px 15px}.grid{grid-template-columns:1fr;gap:16px}.card{padding:16px}.card h2{font-size:20px}.product-media{aspect-ratio:16/11}.actions,.cart-row form{align-items:stretch}.actions{grid-template-columns:84px minmax(0,1fr);display:grid}.qty{width:100%}.auth-layout,.auth-layout-wide{grid-template-columns:1fr;gap:22px;width:100%}.auth-brand-block{max-width:none;min-height:280px;padding:24px}.auth-panel,.auth-panel.wide{width:100%;max-width:none;padding:28px 24px 26px}.form-grid,.address-grid{grid-template-columns:1fr}.cart-row{grid-template-columns:1fr;gap:10px;padding:18px 0}.cart-row>div:nth-child(2),.cart-row>div:nth-child(4),.cart-total{text-align:left}.cart-row form,.cart-remove-form{justify-content:flex-start}.cart-total{font-size:22px}.admin-grid,.client-detail-grid{grid-template-columns:1fr}.section-title{flex-direction:column;align-items:flex-start}.admin-row,.clients-table .admin-row,.orders-table .admin-row,.admin-table.full .admin-row,.order-line{grid-template-columns:1fr;gap:8px}.admin-row.header,.order-line.header{display:none}.row-actions{justify-content:flex-start}.order-line{padding:14px 0}.footer{text-align:left;gap:8px;min-height:0;padding:16px}}@media (width<=430px){.page{padding-inline:12px}.hero,.card,.auth-panel,.metric-card,.client-detail-grid>div,.empty{border-radius:7px}.auth-panel,.auth-brand-block{padding-inline:20px}.topbar nav{justify-content:space-between}.topbar nav a{font-size:13px}.price{font-size:22px}.btn,button{text-align:center;width:100%}.icon-button,.cart-remove-form .icon-button{width:44px}}@media (width<=760px){.topbar{z-index:5;border-bottom-color:var(--brand-gold-soft);gap:12px;position:relative}.topbar nav{border:1px solid var(--brand-gold-soft);scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#030303b8;border-radius:8px;flex-wrap:nowrap;justify-content:flex-start;margin-top:2px;padding:8px;overflow:auto hidden}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{background:#fafcfb0f;border:1px solid #0000;flex:none}.topbar nav a:hover,.topbar nav a:focus-visible{border-color:var(--gold)}.topbar nav .nav-action{background:var(--cream)}.page{z-index:1;padding-top:24px;position:relative}.hero{margin-top:0}}@media (width<=430px){.topbar nav{justify-content:flex-start;gap:7px}.topbar nav a{white-space:nowrap;justify-content:center;align-items:center;width:auto;min-height:38px;display:inline-flex}.topbar nav .cart-link{gap:6px}.topbar nav .cart-icon-wrap{width:24px;height:24px}.topbar nav .cart-icon{width:19px;height:19px}}@media (width<=760px){.topbar{background:var(--black);padding:14px 16px 18px;box-shadow:0 12px 24px #0000003d}.topbar nav{background:0 0;border:0;border-radius:0;flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-top:4px;padding:0;display:flex;overflow:visible}.topbar nav a{white-space:nowrap;background:#fafcfb12;border:1px solid #c8a45b2e;flex:none;justify-content:center;align-items:center;min-height:38px;padding:8px 10px;display:inline-flex}.topbar nav .cart-link{gap:7px}.topbar nav .nav-action{background:var(--cream);border-color:#0000}.page{padding-top:20px}.hero{clear:both;margin-top:0}}@media (width<=430px){.topbar{padding-inline:12px}.topbar nav{justify-content:center;gap:7px}.topbar nav a{width:auto;max-width:100%;padding-inline:9px;font-size:13px}.topbar nav .nav-action{flex-basis:auto}}@media (width>=761px) and (width<=850px){.topbar{height:auto;min-height:0}.login-screen .page{place-items:center;padding:30px 18px;display:grid}.login-screen .auth-layout,.login-screen .auth-layout-wide{grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:center;gap:36px;width:min(100%,784px)}.login-screen .auth-brand-block{min-height:390px}}
