:root{--black:#080808;--white:#fff;--green:#75b86b;--mint:#eaf8ea;--soft:#f7f7f4;--line:#e3e3de;--gold:#c99655;--text:#1f1f1f;--muted:#666;--radius:24px;--shadow:0 18px 50px rgba(0,0,0,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--soft);color:var(--text);line-height:1.65}.container{width:min(1160px,92%);margin:auto}.topbar{background:#000;color:#fff;font-size:.9rem;padding:.55rem 0}.topbar .container{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo{display:flex;gap:.75rem;align-items:center;text-decoration:none;color:#000;font-weight:900;letter-spacing:.06em}.mark{width:48px;height:48px;border-radius:50%;border:2px solid #222;display:grid;place-items:center;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.07)}.mark:before{content:'SMRK';font-size:.62rem;letter-spacing:.12em}.menu{display:flex;gap:1rem;align-items:center}.menu a{color:#111;text-decoration:none;font-weight:700;font-size:.94rem}.menu a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.9rem 1.25rem;background:#000;color:#fff;text-decoration:none;font-weight:900;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.14)}.btn.green{background:var(--green);color:#071006}.btn.ghost{background:#fff;color:#000;border:1px solid #111}.btn.small{padding:.55rem .9rem;font-size:.85rem}.hero{background:radial-gradient(circle at 80% 15%,rgba(117,184,107,.22),transparent 30%),linear-gradient(135deg,#fff,#f4f6f0);padding:5rem 0 4rem}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}.eyebrow{color:var(--green);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem}.hero h1{font-size:clamp(2.4rem,5vw,5rem);line-height:.98;margin:.5rem 0}.hero p{font-size:1.12rem;color:#444;max-width:660px}.hero-card{background:#fff;border:1px solid var(--line);border-radius:34px;padding:1.5rem;box-shadow:var(--shadow)}.circle-logo{aspect-ratio:1;border-radius:50%;background:#fff;border:14px solid #111;display:grid;place-items:center;position:relative;overflow:hidden}.circle-logo:after{content:'Premium Care. Visible Results.';position:absolute;bottom:20%;font-weight:800;color:var(--green);font-size:.9rem}.circle-logo span{font-size:3rem;font-family:Georgia,serif}.cta-row{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.7rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.stat{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.1rem;text-align:center}.stat strong{display:block;font-size:1.5rem}section{padding:4rem 0}.section-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.section-head h2{font-size:clamp(1.9rem,3vw,3rem);margin:0}.section-head p{max-width:640px;color:#666}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;box-shadow:0 10px 30px rgba(0,0,0,.05)}.card h3{margin-top:0}.range-badge{display:inline-block;padding:.3rem .7rem;border-radius:999px;font-size:.78rem;font-weight:900;color:#000;background:var(--mint);margin-bottom:.7rem}.product-card{overflow:hidden;padding:0}.product-img{height:180px;background:linear-gradient(145deg,#fff,#ecefe6);display:grid;place-items:center;position:relative}.bottle{width:62px;height:116px;border-radius:12px 12px 22px 22px;background:#fff;border:2px solid #222;box-shadow:0 18px 30px rgba(0,0,0,.14);position:relative}.bottle:before{content:'';position:absolute;top:-18px;left:17px;width:26px;height:18px;border:2px solid #222;background:#fff;border-bottom:0;border-radius:6px 6px 0 0}.product-body{padding:1.2rem}.price{color:#777;font-weight:800}.toolbar{display:flex;gap:.8rem;flex-wrap:wrap;margin-bottom:1.3rem}.input,select,textarea{width:100%;padding:.9rem 1rem;border:1px solid #d8d8d2;border-radius:14px;background:#fff;font:inherit}textarea{min-height:130px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.dark{background:#080808;color:#fff}.dark .card{background:#111;border-color:#222}.dark p,.dark li{color:#d6d6d6}.footer{background:#000;color:#fff;padding:3rem 0 1rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.footer a{color:#fff;text-decoration:none}.copy{border-top:1px solid #222;margin-top:2rem;padding-top:1rem;color:#aaa;font-size:.9rem}.notice{padding:1rem;border-left:5px solid var(--green);background:#fff;border-radius:14px}.admin-wrap{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{background:#090909;color:#fff;padding:1.4rem;position:sticky;top:0;height:100vh}.sidebar a{display:block;color:#fff;text-decoration:none;padding:.8rem;border-radius:12px;margin:.25rem 0}.sidebar a:hover,.sidebar a.active{background:var(--green);color:#041004}.admin-main{padding:2rem}.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.04)}.table th{background:#000;color:#fff;text-align:left}.table th,.table td{padding:.8rem;border-bottom:1px solid #eee}.pill{border-radius:999px;background:var(--mint);color:#1a5e21;font-weight:900;padding:.25rem .6rem;font-size:.8rem}.login{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#111,#26331f)}.login-card{background:#fff;border-radius:26px;padding:2rem;width:min(440px,92%);box-shadow:var(--shadow)}
@media(max-width:850px){.hero-grid,.grid,.footer-grid,.form-grid{grid-template-columns:1fr}.menu{display:none}.stats{grid-template-columns:repeat(2,1fr)}.admin-wrap{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.section-head{display:block}}
/* Phase 5-8 enhancements */
.product-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.9rem}.qty{width:82px}.mini{font-size:.88rem;color:var(--muted)}.cart-line{display:grid;grid-template-columns:1fr auto auto;gap:1rem;align-items:center;border-bottom:1px solid var(--line);padding:1rem 0}.summary-box{background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.4rem;box-shadow:var(--shadow)}.page-banner{background:#fff;border:1px solid var(--line);border-radius:30px;padding:2rem;margin-bottom:2rem}.legal p,.legal li{color:#444}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem}.kpi strong{font-size:1.5rem;display:block}.admin-actions{display:flex;gap:.5rem;flex-wrap:wrap}.status-new{background:#eaf8ea;color:#155f22}.status-processing{background:#fff7dd;color:#7b5200}.status-complete{background:#e8f0ff;color:#173d82}.alert{border-radius:16px;padding:1rem;background:#fff;border-left:6px solid var(--green);margin:1rem 0}.search-row{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.search-row input,.search-row select{max-width:280px}@media(max-width:850px){.cart-line{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}}


/* Admin Phase 13-16 Dashboard Polish */
:root{--admin-dark:#050605;--admin-panel:#111;--admin-green:#75b86b;--admin-green-dark:#2f743a;--admin-cream:#f7f7f4;--admin-line:#e7e7df;--admin-muted:#6d6d66;--admin-red:#b64242;--admin-orange:#c99655;--admin-blue:#3778c2}
.admin-wrap{min-height:100vh;display:grid;grid-template-columns:280px 1fr;background:linear-gradient(135deg,#f7f7f4,#eef7ec)}
.sidebar{background:#050605;color:#fff;padding:1.2rem;position:sticky;top:0;height:100vh;box-shadow:12px 0 30px rgba(0,0,0,.08);overflow:auto}.sidebar h2{font-size:1rem;letter-spacing:.1em;text-transform:uppercase;margin:.3rem 0 1rem}.sidebar .side-sub{color:#aaa;font-size:.78rem;text-transform:uppercase;letter-spacing:.15em;margin:1.15rem .7rem .4rem}.sidebar a{display:flex;align-items:center;gap:.55rem;color:#f6f6f0;text-decoration:none;padding:.74rem .85rem;border-radius:14px;margin:.16rem 0;font-weight:800}.sidebar a:hover,.sidebar a.active{background:var(--admin-green);color:#061106}.admin-main{padding:1.6rem 2rem 3rem;min-width:0}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.admin-top h1{margin:0;font-size:clamp(1.8rem,3vw,3rem);line-height:1}.admin-user{display:flex;gap:.5rem;align-items:center;background:#fff;border:1px solid var(--admin-line);border-radius:999px;padding:.5rem .8rem}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0 1.4rem}.kpi{background:#fff;border:1px solid var(--admin-line);border-radius:22px;padding:1rem 1.1rem;box-shadow:0 10px 30px rgba(0,0,0,.05)}.kpi span{display:block;color:var(--admin-muted);font-weight:800;font-size:.84rem}.kpi strong{display:block;font-size:2rem;line-height:1.1}.kpi small{color:var(--admin-green-dark);font-weight:900}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.admin-panel{background:#fff;border:1px solid var(--admin-line);border-radius:24px;padding:1.2rem;box-shadow:0 10px 30px rgba(0,0,0,.05);margin-bottom:1rem}.admin-panel h2,.admin-panel h3{margin-top:0}.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.04)}.table th{background:#050605;color:#fff;text-align:left;font-size:.86rem}.table th,.table td{padding:.82rem;border-bottom:1px solid #eee;vertical-align:top}.table tr:last-child td{border-bottom:0}.toolbar,.admin-actions{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.input,select,textarea{width:100%;padding:.9rem 1rem;border:1px solid #d8d8d2;border-radius:14px;background:#fff;font:inherit}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.btn.danger{background:var(--admin-red);color:#fff}.btn.orange{background:var(--admin-orange);color:#111}.btn.blue{background:var(--admin-blue);color:#fff}.pill{display:inline-block;border-radius:999px;background:#eaf8ea;color:#1a5e21;font-weight:900;padding:.25rem .6rem;font-size:.78rem}.pill.red{background:#ffecec;color:#912a2a}.pill.orange{background:#fff7e5;color:#6d4700}.pill.blue{background:#eaf2ff;color:#1a477f}.notice.success{border-left-color:var(--admin-green);background:#f0fff0}.notice.error{border-left-color:var(--admin-red);background:#fff0f0}.thumb{width:58px;height:58px;object-fit:cover;border-radius:14px;border:1px solid #ddd;background:#f7f7f4}.thumb-lg{width:140px;height:120px;object-fit:cover;border-radius:18px;border:1px solid #ddd;background:#f7f7f4}.muted{color:var(--admin-muted)}.mini{font-size:.86rem}.empty{padding:1.4rem;border:1px dashed #ccc;border-radius:18px;background:#fafafa;color:#777}.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.quick-links a{background:#f7f7f4;border:1px solid var(--admin-line);border-radius:16px;padding:.85rem;text-decoration:none;color:#111;font-weight:900}.quick-links a:hover{border-color:var(--admin-green);color:var(--admin-green-dark)}.phase-badge{display:inline-flex;border:1px solid var(--admin-line);background:#fff;border-radius:999px;padding:.45rem .7rem;font-weight:900;color:#111}.chart-bars{display:grid;gap:.6rem}.chart-line{display:grid;grid-template-columns:120px 1fr 54px;gap:.7rem;align-items:center}.bar{height:12px;background:#e9e9e2;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--admin-green)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.file-note{font-size:.82rem;color:#777;margin-top:.4rem}.admin-card-list{display:grid;gap:.7rem}.admin-card-row{border:1px solid var(--admin-line);border-radius:18px;padding:.85rem;background:#fff;display:flex;justify-content:space-between;gap:1rem}
@media(max-width:1000px){.admin-wrap{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.kpi-grid,.admin-grid,.form-grid.three,.two-col{grid-template-columns:1fr 1fr}.quick-links{grid-template-columns:1fr}.admin-top{display:block}}@media(max-width:650px){.kpi-grid,.form-grid,.admin-grid,.two-col{grid-template-columns:1fr}.admin-main{padding:1rem}.table{font-size:.9rem}}


/* Final Admin Polish - Buddy Development Studio */
:root{--admin-dark:#050606;--admin-green:#75b86b;--admin-green2:#4a9f51;--admin-cream:#f7f7f4;--admin-card:#ffffff;--admin-line:#e4e5de;--admin-text:#151515;--admin-muted:#6d7068;--admin-red:#b64242;--admin-orange:#c99655;--admin-blue:#3778c2;--admin-shadow:0 14px 40px rgba(0,0,0,.08)}
.admin-wrap{min-height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr);background:radial-gradient(circle at top right,rgba(117,184,107,.16),transparent 30%),linear-gradient(135deg,#f7f7f4,#eef7ec)}
.sidebar{background:linear-gradient(180deg,#050606,#111611);color:#fff;padding:1.15rem;position:sticky;top:0;height:100vh;overflow:auto;box-shadow:16px 0 40px rgba(0,0,0,.12)}
.admin-brand{display:flex;gap:.8rem;align-items:center;margin-bottom:.8rem}.admin-mark{width:44px;height:44px;border-radius:16px;background:var(--admin-green);display:grid;place-items:center;color:#061106;font-weight:1000;font-size:1.4rem}.sidebar h2{font-size:1rem;letter-spacing:.11em;text-transform:uppercase;margin:.1rem 0}.sidebar .side-sub{color:#aeb5aa;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;margin:1rem .7rem .35rem}.sidebar .first{margin:0;color:#75b86b}.sidebar nav{display:grid;gap:.12rem}.sidebar a{display:flex;align-items:center;gap:.55rem;color:#f6f6f0;text-decoration:none;padding:.68rem .78rem;border-radius:14px;margin:.05rem 0;font-weight:850;font-size:.93rem}.sidebar a:hover,.sidebar a.active{background:var(--admin-green);color:#041004;box-shadow:0 8px 20px rgba(117,184,107,.22)}
.admin-main{padding:1.45rem 1.8rem 2.5rem;min-width:0}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.admin-top h1{margin:.25rem 0 0;font-size:clamp(1.85rem,3vw,3.1rem);line-height:1}.admin-user{display:flex;gap:.6rem;align-items:center;background:#fff;border:1px solid var(--admin-line);border-radius:999px;padding:.45rem .75rem;box-shadow:0 8px 20px rgba(0,0,0,.04)}.avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#050606;color:#fff;font-weight:900}.phase-badge{display:inline-flex;border:1px solid var(--admin-line);background:#fff;border-radius:999px;padding:.42rem .7rem;font-weight:950;color:#111;font-size:.82rem;box-shadow:0 8px 20px rgba(0,0,0,.04)}
.admin-panel{background:#fff;border:1px solid var(--admin-line);border-radius:26px;padding:1.2rem;box-shadow:var(--admin-shadow);margin-bottom:1rem}.admin-panel h2,.admin-panel h3{margin-top:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin:1rem 0 1.4rem}.kpi{background:#fff;border:1px solid var(--admin-line);border-radius:23px;padding:1rem 1.1rem;box-shadow:var(--admin-shadow)}.kpi span{display:block;color:var(--admin-muted);font-weight:850;font-size:.82rem}.kpi strong{display:block;font-size:2rem;line-height:1.1}.kpi small{color:var(--admin-green2);font-weight:950}.admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem}.quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.quick-links a{background:#f7f7f4;border:1px solid var(--admin-line);border-radius:17px;padding:.9rem;text-decoration:none;color:#111;font-weight:950}.quick-links a:hover{border-color:var(--admin-green);color:#2f743a;background:#f0fbef}.table-wrap{overflow:auto;border-radius:20px;border:1px solid var(--admin-line)}.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:18px;overflow:hidden;box-shadow:none}.table th{background:#050606;color:#fff;text-align:left;font-size:.84rem;white-space:nowrap}.table th,.table td{padding:.82rem;border-bottom:1px solid #eee;vertical-align:top}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:#fcfcf8}.toolbar,.admin-actions,.search-row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center;margin:.75rem 0}.input,select,textarea,input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],input[type=date]{width:100%;padding:.9rem 1rem;border:1px solid #d8d8d2;border-radius:14px;background:#fff;font:inherit}textarea{min-height:120px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.btn{border:0;border-radius:999px;padding:.82rem 1.1rem;background:#050606;color:#fff;text-decoration:none;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.btn.green{background:var(--admin-green);color:#041004}.btn.ghost{background:#fff;color:#000;border:1px solid #111}.btn.danger{background:var(--admin-red);color:#fff}.btn.orange{background:var(--admin-orange);color:#111}.btn.blue{background:var(--admin-blue);color:#fff}.btn.small{padding:.5rem .8rem;font-size:.82rem}.pill{display:inline-block;border-radius:999px;background:#eaf8ea;color:#1a5e21;font-weight:950;padding:.25rem .6rem;font-size:.78rem}.pill.red{background:#ffecec;color:#912a2a}.pill.orange{background:#fff7e5;color:#6d4700}.pill.blue{background:#eaf2ff;color:#1a477f}.notice{padding:1rem;border-left:6px solid var(--admin-green);background:#fff;border-radius:16px;margin:1rem 0;box-shadow:0 8px 24px rgba(0,0,0,.04)}.notice.success{border-left-color:var(--admin-green);background:#f0fff0}.notice.error{border-left-color:var(--admin-red);background:#fff0f0}.notice.warning{border-left-color:var(--admin-orange);background:#fffaf0}.thumb{width:58px;height:58px;object-fit:cover;border-radius:14px;border:1px solid #ddd;background:#f7f7f4}.thumb-lg{width:150px;height:120px;object-fit:cover;border-radius:18px;border:1px solid #ddd;background:#f7f7f4}.muted{color:var(--admin-muted)}.mini{font-size:.86rem}.empty{padding:1.4rem;border:1px dashed #ccc;border-radius:18px;background:#fafafa;color:#777}.chart-bars{display:grid;gap:.65rem}.chart-line{display:grid;grid-template-columns:130px 1fr 54px;gap:.7rem;align-items:center}.bar{height:12px;background:#e9e9e2;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--admin-green)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.file-note{font-size:.82rem;color:#777;margin-top:.4rem}.admin-card-list{display:grid;gap:.75rem}.admin-card-row{border:1px solid var(--admin-line);border-radius:18px;padding:.9rem;background:#fff;display:flex;justify-content:space-between;gap:1rem}.admin-foot{margin-top:2rem;color:#777;font-size:.86rem;text-align:center}.wide-actions{display:flex;gap:.55rem;flex-wrap:wrap}.login-card input{width:100%;padding:.9rem 1rem;border:1px solid #d8d8d2;border-radius:14px;margin-bottom:.8rem}.big-number{font-size:2.4rem;font-weight:1000;line-height:1}.danger-zone{border-color:#ffc9c9;background:#fff9f9}.export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.export-card{padding:1rem;border:1px solid var(--admin-line);border-radius:20px;background:#fff}.export-card h3{margin:.2rem 0}.checklist{display:grid;gap:.55rem}.checkitem{display:flex;gap:.55rem;align-items:flex-start}.checkitem:before{content:'✓';width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--admin-green);color:#061106;font-weight:1000;flex:0 0 22px}
@media(max-width:1100px){.admin-wrap{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.kpi-grid,.admin-grid,.form-grid.three,.two-col,.export-grid{grid-template-columns:1fr 1fr}.quick-links{grid-template-columns:1fr}.admin-top{display:block}}@media(max-width:700px){.sidebar nav,.kpi-grid,.form-grid,.admin-grid,.two-col,.export-grid{grid-template-columns:1fr}.admin-main{padding:1rem}.table{font-size:.9rem}.chart-line{grid-template-columns:1fr}.admin-card-row{display:block}}

/* Client portal button polish */
.menu .account{background:#fff;color:#111;border:1px solid #111;box-shadow:none}
.menu .account:hover{background:#111;color:#fff}
@media(max-width:900px){.nav-inner{align-items:flex-start}.menu{flex-wrap:wrap;justify-content:flex-end;gap:.55rem}.menu a{font-size:.86rem}.menu .btn{padding:.48rem .72rem}}

.client-login-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:#0b0b0b;color:#fff!important;text-decoration:none;font-weight:800;border:1px solid rgba(47,107,79,.35)}.client-login-link:hover{background:#2f6b4f}

/* SMRK official logo, link preview and hero image update */
.logo .mark{display:none!important}
.brand-logo-img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:2px solid #111;background:#fff;box-shadow:0 8px 22px rgba(0,0,0,.12);flex:0 0 auto}
.footer .brand-logo-img{border-color:#fff;box-shadow:none}
.logo-hero-card{padding:0;overflow:hidden;background:linear-gradient(135deg,#fff,#f4f7f0);border-radius:34px}
.hero-logo-img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}
@media(max-width:900px){.brand-logo-img{width:44px;height:44px}.hero-logo-img{min-height:300px}.hero-card.logo-hero-card{max-width:520px;margin:auto}}

.inline-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.inline-form input{min-width:160px}

/* Live product images from admin uploads */
.product-real-img{width:100%;height:100%;object-fit:cover;display:block}
.product-actions{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}


/* SMRK PUBLIC PRODUCT DISPLAY POLISH - 2026-06-14
   Keeps admin-uploaded product images neat, square and responsive. */
html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}
.nav-inner{gap:1.25rem}.menu{flex-wrap:wrap;justify-content:flex-end}.section-head{align-items:flex-start}.toolbar{background:#fff;border:1px solid var(--line);border-radius:22px;padding:.85rem;box-shadow:0 10px 30px rgba(0,0,0,.035)}
.product-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(285px,1fr))!important;gap:1.45rem!important;align-items:stretch!important}.range-products{margin-top:1rem}.range-block{margin-bottom:1.4rem!important}.product-card{padding:0!important;overflow:hidden!important;border-radius:28px!important;background:#fff!important;display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;box-shadow:0 18px 45px rgba(0,0,0,.075)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 24px 60px rgba(0,0,0,.11)!important;border-color:rgba(117,184,107,.55)!important}.product-card .product-img{width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:1/1!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:linear-gradient(145deg,#ffffff,#f4f6f0)!important;border-bottom:1px solid var(--line);padding:0!important}.product-card .product-img .bottle{margin:auto}.product-real-img,.product-card .product-img img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;display:block!important;background:#fff!important;padding:12px!important;border:0!important}.product-body{padding:1.2rem!important;display:flex!important;flex-direction:column!important;gap:.55rem!important;flex:1!important}.product-body h3{margin:.1rem 0 0!important;line-height:1.18!important;font-size:1.16rem!important}.product-body p{margin:0!important}.product-body p:not(.mini):not(.price){color:#555;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.price{font-size:1.05rem;color:#111!important;font-weight:1000!important;margin-top:auto!important}.product-actions{margin-top:.55rem!important;display:flex!important;gap:.55rem!important;flex-wrap:wrap!important;align-items:center!important}.product-actions .btn{box-shadow:none!important}.range-badge{max-width:100%;white-space:normal}.empty{font-size:1rem;text-align:center}.page-banner,.range-block{box-shadow:0 14px 40px rgba(0,0,0,.05)}
@media(max-width:900px){.nav-inner{align-items:flex-start;flex-wrap:wrap}.logo span{font-size:.95rem}.menu{display:flex!important;width:100%;gap:.45rem;justify-content:flex-start;overflow-x:auto;padding-bottom:.25rem}.menu a{white-space:nowrap}.topbar .container{font-size:.8rem}.section-head{display:block}.product-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr))!important;gap:1rem!important}}
@media(max-width:560px){.container{width:min(100% - 28px,1160px)}section{padding:2.4rem 0}.product-grid{grid-template-columns:1fr!important}.product-card .product-img{aspect-ratio:1/1!important}.product-real-img,.product-card .product-img img{padding:10px!important}.toolbar{gap:.45rem}.toolbar .btn{font-size:.78rem;padding:.48rem .72rem}}

/* SMRK interactive public upgrade - 2026-06-17 */
.menu a.active{background:#111;color:#fff;border-radius:999px;padding:.5rem .75rem;text-decoration:none}.menu a{transition:background .18s ease,color .18s ease,transform .18s ease}.menu a:hover{transform:translateY(-1px)}.hero-slider{position:relative;width:100%;height:100%;min-height:420px;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,#fff,#f4f7f0)}.hero-slide{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:cover!important;opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 3.5s ease;display:block}.hero-slide.active{opacity:1;transform:scale(1)}.hero-slider-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:7px;background:rgba(255,255,255,.75);padding:8px 10px;border-radius:999px;backdrop-filter:blur(8px)}.hero-slider-dots span{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.28);display:block}.hero-slider-dots span.active{background:#111}.soft-section{background:linear-gradient(180deg,#fff,#f4f9f2)}.interactive-card,.stockist-card,.concern-card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.interactive-card:hover,.stockist-card:hover,.concern-card:hover{transform:translateY(-4px);box-shadow:0 20px 55px rgba(0,0,0,.11);border-color:rgba(117,184,107,.6)}.product-body h3 a{color:inherit;text-decoration:none}.product-body h3 a:hover{text-decoration:underline}.product-img{position:relative;text-decoration:none;color:inherit}.gallery-pill{position:absolute;right:12px;bottom:12px;background:rgba(0,0,0,.76);color:#fff;border-radius:999px;padding:.35rem .6rem;font-size:.76rem;font-weight:900;box-shadow:0 8px 18px rgba(0,0,0,.18)}.concern-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:1rem}.concern-card{display:flex;gap:1rem;align-items:flex-start;padding:1.05rem;border:1px solid var(--line);border-radius:24px;background:#fff;text-decoration:none;color:#111;min-height:142px}.concern-icon{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#eaf8ea,#fff7d7);font-size:1.8rem;flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04)}.concern-copy{display:grid;gap:.3rem}.concern-copy strong{font-size:1.05rem}.concern-copy small{color:#555;line-height:1.35}.concern-copy em{font-style:normal;font-size:.82rem;color:#777;line-height:1.35}.concern-hero{background:radial-gradient(circle at top left,rgba(117,184,107,.14),transparent 35%),#fff}.stockist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.2rem}.stockist-card{display:grid;gap:.45rem;padding:1.15rem;border:1px solid var(--line);border-radius:24px;background:#fff;text-decoration:none;color:#111}.stockist-card .stockist-icon{width:56px;height:56px;border-radius:19px;background:linear-gradient(135deg,#eaf8ea,#fff);display:grid;place-items:center;font-size:1.8rem}.stockist-card strong{font-size:1.05rem}.stockist-card small{color:#555;line-height:1.35}.enquiry-card{margin-top:1rem}.faq-list{display:grid;gap:.85rem}.faq-list details{border:1px solid var(--line);background:#fff;border-radius:22px;padding:1rem 1.1rem;box-shadow:0 12px 32px rgba(0,0,0,.045)}.faq-list summary{cursor:pointer;font-weight:1000;font-size:1.04rem;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:1.35rem;line-height:1}.faq-list details[open] summary:after{content:'–'}.faq-list p{margin:.75rem 0 0;color:#444;line-height:1.6}.product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:1.6rem;align-items:start}.gallery-panel,.product-info-panel{background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:0 18px 45px rgba(0,0,0,.07);padding:1rem}.gallery-main-wrap{position:relative;aspect-ratio:1/1;border-radius:24px;background:linear-gradient(145deg,#fff,#f3f7ef);overflow:hidden;display:grid;place-items:center}.gallery-main{width:100%;height:100%;object-fit:contain;padding:18px}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.86);font-size:2rem;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:2}.gallery-prev{left:12px}.gallery-next{right:12px}.gallery-thumbs{display:flex;gap:.65rem;overflow-x:auto;padding:.85rem .1rem .1rem}.gallery-thumb{width:82px;height:82px;border-radius:16px;border:2px solid transparent;background:#fff;padding:4px;cursor:pointer;flex:0 0 auto}.gallery-thumb.active{border-color:#111}.gallery-thumb img{width:100%;height:100%;object-fit:cover;border-radius:12px}.product-info-panel{padding:1.35rem}.product-info-panel h1{font-size:clamp(2rem,4vw,3.2rem);margin:.35rem 0}.detail-price{font-size:1.55rem!important;margin:.8rem 0!important}.detail-actions{margin-top:1.1rem!important}.checkout-grid{grid-template-columns:1.2fr .8fr}.product-toolbar a{text-decoration:none}.range-block{margin-bottom:1.4rem!important}.topbar .container{gap:1rem}
@media(max-width:900px){.hero-slider{min-height:300px}.product-detail,.checkout-grid{grid-template-columns:1fr}.gallery-main-wrap{aspect-ratio:1/1}.stockist-grid,.concern-grid{grid-template-columns:1fr}.menu a.active{padding:.45rem .65rem}}
@media(max-width:560px){.hero-slider{min-height:260px;border-radius:24px}.concern-card{min-height:0}.gallery-nav{width:36px;height:36px;font-size:1.6rem}.gallery-thumb{width:68px;height:68px}.product-info-panel h1{font-size:1.8rem}}

/* SMRK MOBILE VIEW REPAIR - 2026-06-17
   Final overrides loaded last to stop header, grids, buttons and gallery elements overflowing on phones. */
.menu-toggle{display:none;border:1px solid rgba(0,0,0,.12);background:#fff;border-radius:16px;width:46px;height:44px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;box-shadow:0 8px 20px rgba(0,0,0,.08);cursor:pointer;flex:0 0 auto}
.menu-toggle span{display:block;width:21px;height:2px;background:#111;border-radius:999px;transition:transform .18s ease,opacity .18s ease}
.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle.active span:nth-child(2){opacity:0}
.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.nav,.nav-inner,.menu,.hero,.hero-grid,.card,.product-card,.page-banner,.gallery-panel,.product-info-panel,.footer{min-width:0}
.menu a,.btn{max-width:100%}

@media(max-width:900px){
  .topbar{font-size:.78rem;line-height:1.35;padding:.45rem 0}
  .topbar .container{display:grid!important;grid-template-columns:1fr!important;gap:.2rem!important;text-align:center!important}
  .nav{position:sticky;top:0;z-index:1000}
  .nav-inner{position:relative;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.75rem!important;flex-wrap:wrap!important;padding:.72rem 0!important}
  .logo{min-width:0;max-width:calc(100% - 58px);gap:.55rem!important;letter-spacing:.035em!important}
  .logo span{font-size:.88rem!important;line-height:1.08!important;white-space:normal!important}
  .brand-logo-img{width:42px!important;height:42px!important}
  .menu-toggle{display:flex!important}
  .menu{display:none!important;width:100%!important;max-height:calc(100vh - 116px);overflow:auto!important;overscroll-behavior:contain;grid-template-columns:1fr 1fr!important;gap:.55rem!important;padding:.78rem 0 .3rem!important;justify-content:stretch!important;background:transparent!important;scrollbar-width:none}
  .menu::-webkit-scrollbar{display:none}
  .menu.open{display:grid!important}
  .menu a{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;min-height:42px!important;border:1px solid var(--line)!important;border-radius:16px!important;background:#fff!important;color:#111!important;padding:.58rem .62rem!important;white-space:normal!important;font-size:.84rem!important;line-height:1.15!important;box-shadow:none!important;transform:none!important}
  .menu a.active{background:#111!important;color:#fff!important;border-color:#111!important}
  .menu a.btn{border-radius:16px!important;border-color:#111!important;font-weight:900!important}
  .menu a.btn.green{background:var(--green)!important;color:#061106!important;border-color:var(--green)!important}
  .hero{padding:2rem 0 2.2rem!important}
  .hero-grid{grid-template-columns:1fr!important;gap:1.2rem!important}
  .hero h1{font-size:clamp(2rem,9vw,3rem)!important;line-height:1.03!important}
  .hero p{font-size:1rem!important;line-height:1.55!important}
  .hero-card{border-radius:26px!important;padding:.85rem!important}
  .logo-hero-card{padding:0!important}
  .hero-slider,.hero-logo-img{min-height:280px!important;border-radius:24px!important}
  .cta-row{display:grid!important;grid-template-columns:1fr!important;gap:.75rem!important;margin-top:1.1rem!important}
  .cta-row .btn{width:100%!important}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important;margin-top:1.1rem!important}
  .stat{padding:.85rem .55rem!important;border-radius:17px!important;font-size:.9rem!important}
  .stat strong{font-size:1.25rem!important}
  section{padding:2.6rem 0!important}
  .section-head{display:block!important;margin-bottom:1.25rem!important}
  .section-head h2{font-size:clamp(1.65rem,7vw,2.25rem)!important;line-height:1.1!important}
  .section-head p{font-size:.96rem!important;margin:.45rem 0 0!important}
  .grid{grid-template-columns:1fr!important;gap:1rem!important}
  .page-banner{padding:1.25rem!important;border-radius:24px!important;margin-bottom:1.2rem!important}
  .page-banner h1{font-size:clamp(1.8rem,8vw,2.4rem)!important;line-height:1.08!important;margin:.2rem 0 .5rem!important}
  .toolbar,.search-row{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important;padding:.75rem!important;border-radius:18px!important}
  .toolbar .btn,.toolbar a,.search-row .btn,.search-row input,.search-row select{width:100%!important;max-width:none!important;text-align:center!important}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.9rem!important}
  .product-card{border-radius:22px!important}
  .product-body{padding:1rem!important;gap:.45rem!important}
  .product-body h3{font-size:1rem!important;line-height:1.2!important}
  .product-body p:not(.mini):not(.price){-webkit-line-clamp:2!important;font-size:.9rem!important}
  .product-actions{display:grid!important;grid-template-columns:1fr!important;gap:.45rem!important;width:100%!important}
  .product-actions .btn,.product-actions button,.product-actions a{width:100%!important;text-align:center!important;min-height:40px!important;padding:.62rem .7rem!important}
  .concern-grid,.stockist-grid{grid-template-columns:1fr!important;gap:.8rem!important}
  .concern-card{padding:.9rem!important;border-radius:20px!important;gap:.75rem!important;min-height:0!important}
  .concern-icon,.stockist-card .stockist-icon{width:48px!important;height:48px!important;border-radius:16px!important;font-size:1.45rem!important}
  .concern-copy strong,.stockist-card strong{font-size:.98rem!important;line-height:1.2!important}
  .concern-copy small,.concern-copy em,.stockist-card small{font-size:.84rem!important;line-height:1.35!important}
  .stockist-card{border-radius:20px!important;padding:.95rem!important}
  .faq-list details{border-radius:18px!important;padding:.9rem!important}
  .faq-list summary{font-size:.96rem!important;line-height:1.25!important}
  .product-detail,.checkout-grid,.admin-grid,.form-grid,.form-grid.three{grid-template-columns:1fr!important}
  .gallery-panel,.product-info-panel{border-radius:24px!important;padding:.8rem!important}
  .product-info-panel h1{font-size:clamp(1.65rem,8vw,2.25rem)!important;line-height:1.08!important}
  .gallery-main{padding:12px!important}
  .gallery-thumbs{gap:.5rem!important;padding:.65rem .05rem 0!important}
  .footer{padding:2.2rem 0 1rem!important}
  .footer-grid{grid-template-columns:1fr!important;gap:1.1rem!important;text-align:left!important}
  .footer .logo{max-width:100%!important}
  .copy{font-size:.8rem!important}
  .admin-wrap{grid-template-columns:1fr!important}
  .sidebar{position:relative!important;height:auto!important;max-height:none!important;border-radius:0 0 24px 24px!important}
  .admin-main{padding:1rem!important}
  .admin-top{align-items:flex-start!important;flex-direction:column!important}
  .admin-user{width:100%!important;justify-content:center!important;border-radius:16px!important}
  .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}
  .admin-panel{overflow-x:auto!important;border-radius:20px!important;padding:1rem!important}
  .table{min-width:650px!important}
}

@media(max-width:560px){
  .container{width:min(100% - 22px,1160px)!important}
  .topbar .container span:first-child{display:none!important}
  .topbar .container span:last-child{font-size:.74rem!important}
  .brand-logo-img{width:38px!important;height:38px!important}
  .logo span{font-size:.78rem!important;letter-spacing:.02em!important}
  .menu{grid-template-columns:1fr!important;max-height:calc(100vh - 104px)!important}
  .menu a{min-height:40px!important;font-size:.86rem!important}
  .hero{padding:1.45rem 0 1.8rem!important}
  .hero h1{font-size:clamp(1.75rem,10vw,2.25rem)!important}
  .hero p{font-size:.94rem!important}
  .hero-slider,.hero-logo-img{min-height:220px!important;border-radius:20px!important}
  .hero-slider-dots{bottom:10px!important;padding:6px 8px!important}
  .stats{grid-template-columns:1fr 1fr!important}
  .grid,.product-grid{grid-template-columns:1fr!important;gap:.85rem!important}
  .card{padding:1rem!important;border-radius:20px!important}
  .product-card{border-radius:20px!important}
  .product-card .product-img{aspect-ratio:1/1!important}
  .gallery-pill{right:9px!important;bottom:9px!important;font-size:.68rem!important;padding:.28rem .48rem!important}
  .btn{width:100%;padding:.78rem 1rem!important;font-size:.9rem!important}
  .btn.small{padding:.62rem .78rem!important;font-size:.84rem!important}
  .form-grid{gap:.75rem!important}
  .input,select,textarea{border-radius:12px!important;padding:.82rem .9rem!important;font-size:16px!important}
  .cart-line{grid-template-columns:1fr!important;gap:.65rem!important}
  .summary-box{border-radius:20px!important;padding:1rem!important}
  .gallery-main-wrap{border-radius:18px!important}
  .gallery-nav{width:34px!important;height:34px!important;font-size:1.45rem!important}
  .gallery-prev{left:8px!important}.gallery-next{right:8px!important}
  .gallery-thumb{width:60px!important;height:60px!important;border-radius:13px!important}
  .gallery-thumb img{border-radius:9px!important}
  .detail-price{font-size:1.25rem!important}
  .kpi-grid{grid-template-columns:1fr!important}
  .admin-main{padding:.8rem!important}
  .admin-panel{padding:.85rem!important}
  .sidebar a{font-size:.9rem!important;padding:.68rem .75rem!important}
}


/* SMRK HERO BANNER MOBILE DISPLAY FIX - 2026-06-17
   Keeps the rotating banner visible on phones, gives absolute-positioned slides a stable box,
   and moves the image banner above the hero copy on mobile. */
.hero-card.logo-hero-card{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
.hero-slider{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:420px!important;
  aspect-ratio:4/3!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:#fff!important;
}
.hero-slide{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  opacity:0!important;
  visibility:hidden!important;
  z-index:0!important;
}
.hero-slide.active{
  opacity:1!important;
  visibility:visible!important;
  z-index:1!important;
}
.hero-slider-dots{z-index:3!important}

@media(max-width:900px){
  .hero-grid{display:grid!important;grid-template-columns:1fr!important}
  .hero-card.logo-hero-card{order:-1!important;margin:0 auto 1rem!important;border-radius:24px!important;padding:0!important;box-shadow:0 14px 38px rgba(0,0,0,.08)!important}
  .hero-slider{min-height:260px!important;aspect-ratio:16/10!important;border-radius:24px!important}
  .hero-slide{object-fit:cover!important;object-position:center center!important}
}
@media(max-width:560px){
  .hero-card.logo-hero-card{margin-bottom:.85rem!important;border-radius:20px!important}
  .hero-slider{min-height:215px!important;aspect-ratio:16/11!important;border-radius:20px!important}
  .hero-slider-dots{display:flex!important;bottom:9px!important}
}
@media(max-width:390px){
  .hero-slider{min-height:195px!important;aspect-ratio:16/11!important}
}


/* Premium copy and product detail update - 2026-06-17 */
.hero-slider .hero-slide{color:#fff;text-decoration:none;background:#111;}
.hero-slider .hero-slide img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.04) contrast(1.03);}
.hero-slider .hero-slide::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(0deg,rgba(0,0,0,.74),transparent);z-index:1;}
.slide-caption{position:absolute;left:1.2rem;right:1.2rem;bottom:1.1rem;z-index:2;display:grid;gap:.25rem;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35);}
.slide-caption strong{font-size:clamp(1.35rem,3vw,2.35rem);line-height:1;font-weight:950;letter-spacing:-.03em;}
.slide-caption small{font-size:.98rem;max-width:520px;line-height:1.35;color:rgba(255,255,255,.92);font-weight:700;}
.product-showcase{padding:4.2rem 0;background:#fff;}
.showcase-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;align-items:center;}
.showcase-copy h2{font-size:clamp(2rem,3.6vw,3.5rem);line-height:1;margin:.45rem 0;}
.showcase-photos{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:repeat(2,210px);gap:1rem;}
.showcase-photos a{position:relative;overflow:hidden;border-radius:28px;background:#f4f4ef;box-shadow:var(--shadow);color:#fff;text-decoration:none;min-height:0;}
.showcase-photos a:first-child{grid-row:span 2;}
.showcase-photos img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.showcase-photos a:hover img{transform:scale(1.045);}
.showcase-photos span{position:absolute;left:1rem;right:1rem;bottom:1rem;background:rgba(0,0,0,.64);border-radius:999px;padding:.5rem .8rem;font-weight:900;text-align:center;backdrop-filter:blur(8px);}
.product-mini-summary,.product-summary-box{background:#f8fbf6;border:1px solid #dfeedd;border-radius:18px;padding:.85rem;margin:.8rem 0;color:#243224;}
.product-mini-summary p,.product-summary-box p{margin:.22rem 0!important;font-size:.88rem!important;line-height:1.35!important;color:#243224!important;display:block!important;}
.product-summary-box{padding:1rem 1.1rem;border-radius:20px;}
.precautions-box{background:#fff8ec;border:1px solid #f0d9b5;border-left:6px solid #c99655;border-radius:20px;padding:1rem 1.15rem;margin:1rem 0;}
.precautions-box h2{margin:.1rem 0 .5rem;font-size:1.1rem;}
.precautions-box ul{margin:.4rem 0 0;padding-left:1.2rem;}
.precautions-box li{margin:.35rem 0;color:#4d3820;}
.concern-photo-card{display:grid!important;grid-template-columns:96px 1fr;align-items:center;overflow:hidden;padding:.75rem!important;}
.concern-photo{width:96px;height:96px;border-radius:22px;background:linear-gradient(135deg,#f5f5ef,#e7f4e5);display:grid;place-items:center;overflow:hidden;flex-shrink:0;}
.concern-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.concern-photo span{font-size:2rem;}
.about-hero{background:linear-gradient(135deg,#fff,#f1f7ef);}
.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;}
.about-grid h1{font-size:clamp(2.2rem,4vw,4.2rem);line-height:.98;margin:.4rem 0 1rem;}
.founder-card{background:#fff;border:1px solid var(--line);border-radius:32px;padding:1.3rem;box-shadow:var(--shadow);}
.founder-photo{aspect-ratio:1;border-radius:28px;background:linear-gradient(135deg,#f8f8f3,#e5f3e2);display:grid;place-items:center;overflow:hidden;margin-bottom:1rem;}
.founder-photo img{width:70%;height:70%;object-fit:contain;}
.soft-section{background:linear-gradient(135deg,#fbfbf8,#eef7ec);}
@media(max-width:900px){
  .showcase-grid,.about-grid{grid-template-columns:1fr!important;}
  .showcase-photos{grid-template-columns:1fr 1fr;grid-template-rows:190px 190px;}
  .showcase-photos a:first-child{grid-column:span 2;grid-row:auto;}
  .slide-caption{left:.9rem;right:.9rem;bottom:.85rem;}
  .slide-caption small{font-size:.85rem;}
}
@media(max-width:560px){
  .showcase-photos{grid-template-columns:1fr;grid-template-rows:none;}
  .showcase-photos a,.showcase-photos a:first-child{grid-column:auto;grid-row:auto;height:230px;}
  .concern-photo-card{grid-template-columns:78px 1fr!important;}
  .concern-photo{width:78px!important;height:78px!important;border-radius:18px!important;}
  .product-mini-summary p{font-size:.82rem!important;}
  .slide-caption strong{font-size:1.25rem;}
  .slide-caption small{display:none;}
}

.cart-delivery-box{margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:18px;background:#fffdf7}
.legal-card{margin-top:1rem}


/* SMRK stockist spacing and concern refinement - 2026-06-21 */
.separated-stockist-grid{gap:1.25rem!important;align-items:stretch;}
.separated-stockist-card{display:flex!important;flex-direction:column!important;gap:.7rem!important;padding:1.35rem!important;min-height:230px!important;line-height:1.45!important;}
.separated-stockist-card strong{display:block;font-size:1.16rem!important;margin-top:.1rem;}
.separated-stockist-card small{display:block;color:#4f4f4f!important;line-height:1.55!important;font-size:.94rem!important;}
.stockist-button{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;padding:.68rem .92rem;border-radius:999px;background:#111;color:#fff;font-size:.83rem;line-height:1.15;text-align:center;}
.showcase-copy h2{margin-top:0;}
@media(max-width:560px){.separated-stockist-card{min-height:0!important;padding:1rem!important}.stockist-button{width:100%;font-size:.8rem}}

.concern-table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 14px 34px rgba(0,0,0,.05)}
.concern-table{width:100%;border-collapse:collapse;min-width:620px}
.concern-table th,.concern-table td{padding:1rem 1.1rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.concern-table th{background:#f4f9f2;font-size:.9rem;text-transform:uppercase;letter-spacing:.06em}
.concern-table tr:last-child td{border-bottom:0}
.concern-table td:first-child{font-weight:900;color:#111}
@media(max-width:560px){.concern-table{min-width:0}.concern-table th,.concern-table td{display:block;width:100%;padding:.85rem .95rem}.concern-table thead{display:none}.concern-table tr{display:block;border-bottom:1px solid var(--line)}.concern-table tr:last-child{border-bottom:0}.concern-table td{border-bottom:0}.concern-table td:first-child{background:#f4f9f2}}


/* SMRK morning update: Vitamin C focus, promotions and results gallery */
.promo-section{padding:4.2rem 0;background:linear-gradient(135deg,#111 0%,#2f2a21 45%,#f8efe2 100%);color:#fff;}
.promo-section .section-head h2,.promo-section .section-head p{color:#fff;}
.promo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:1rem;}
.promo-card{background:rgba(255,255,255,.95);color:#111;border:1px solid rgba(255,255,255,.55);border-radius:26px;padding:1.2rem;display:flex;flex-direction:column;gap:.55rem;min-height:220px;box-shadow:0 20px 45px rgba(0,0,0,.18);}
.promo-card span{display:inline-flex;width:max-content;max-width:100%;background:#fff3cd;border-radius:999px;padding:.35rem .65rem;font-weight:900;font-size:.78rem;color:#5c4200;}
.promo-card h3{margin:.15rem 0;font-size:1.22rem;}
.promo-card p{color:#444;line-height:1.5;margin:0;}
.promo-card .btn{margin-top:auto;width:max-content;}
.before-after-section{padding:4.2rem 0;}
.before-after-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.1rem;}
.before-after-card,.results-empty-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 16px 42px rgba(0,0,0,.07);overflow:hidden;}
.before-after-images{display:grid;grid-template-columns:1fr 1fr;background:#f6f6f2;}
.before-after-images figure{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;}
.before-after-images img{width:100%;height:100%;object-fit:cover;display:block;}
.before-after-images figcaption{position:absolute;left:10px;bottom:10px;background:rgba(0,0,0,.72);color:#fff;border-radius:999px;padding:.32rem .6rem;font-size:.78rem;font-weight:900;}
.before-after-copy{padding:1rem 1.1rem 1.2rem;}
.before-after-copy span{display:inline-flex;background:#eaf8ea;border-radius:999px;padding:.3rem .55rem;font-size:.78rem;font-weight:900;color:#2b612e;}
.before-after-copy h3{margin:.65rem 0 .35rem;}
.before-after-copy p{color:#555;line-height:1.5;margin:0;}
.results-empty-card{padding:1.35rem;}
.results-empty-card p{color:#555;line-height:1.55;}
.results-disclaimer{margin-top:1rem;color:#555;font-size:.9rem;line-height:1.55;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;}
.retinol-feature{padding:4rem 0;background:#fff;}
@media(max-width:560px){.promo-section,.before-after-section,.retinol-feature{padding:2.5rem 0}.promo-card{min-height:0}.before-after-grid{grid-template-columns:1fr}.before-after-images figure{aspect-ratio:1/1}.promo-card .btn{width:100%;}}

/* Ecommerce storefront polish - 2026-06-22 */
:root{--shop-bg:#f6f4ee;--shop-ink:#11110f;--shop-muted:#67635b;--shop-panel:#fffdf8;--shop-green:#75b86b;--shop-deep:#24331f;--shop-cream:#fff9ed;--shop-gold:#c99655;--shop-line:#e7e0d2;--shop-shadow:0 22px 55px rgba(27,24,18,.10)}
body{background:linear-gradient(180deg,#fffdf8 0%,var(--shop-bg) 520px,#f7f7f4 100%);font-family:Inter,Arial,sans-serif;color:var(--shop-ink)}
a{transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}.btn{letter-spacing:-.01em}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(0,0,0,.16)}.btn.green:hover{background:#66ac5c}.btn.ghost:hover{background:#111;color:#fff}
.ecommerce-topbar{background:#111;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);font-size:.83rem}.ecommerce-topbar .container{display:grid;grid-template-columns:1fr auto auto;align-items:center}.ecommerce-topbar span:first-child{font-weight:900;color:#f8e4b6}.ecommerce-nav{box-shadow:0 10px 32px rgba(0,0,0,.06)}.nav-inner{padding:.8rem 0}.brand-logo-img{object-fit:contain}.cart-nav-link{gap:.42rem}.cart-count-pill:not(:empty),#shopCartCount:not(:empty){display:inline-grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:#111;color:#fff;font-size:.76rem;padding:0 .35rem;margin-left:.25rem}.cart-nav-link .cart-count-pill:not(:empty){background:#fff;color:#111}.menu a{position:relative}.menu a.active:after{content:"";position:absolute;left:.2rem;right:.2rem;bottom:-.42rem;height:3px;border-radius:99px;background:var(--shop-green)}.menu a.btn.active:after{display:none}
.ecommerce-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 22%,rgba(255,192,0,.22),transparent 28%),radial-gradient(circle at 88% 10%,rgba(117,184,107,.28),transparent 32%),linear-gradient(135deg,#fffdf8 0%,#f3f8ed 56%,#fff1cc 100%);padding:5.2rem 0 4.4rem}.ecommerce-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.35) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.35) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(180deg,rgba(0,0,0,.35),transparent 80%);pointer-events:none}.ecommerce-hero .container{position:relative}.ecommerce-hero h1{max-width:760px;letter-spacing:-.07em}.ecommerce-hero p{max-width:720px;color:#46423b}.ecommerce-stats .stat{background:rgba(255,255,255,.78);backdrop-filter:blur(10px);border-color:rgba(255,255,255,.85);box-shadow:0 12px 28px rgba(34,26,16,.08)}.logo-hero-card{background:rgba(255,255,255,.78)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:var(--shop-shadow)!important}.hero-slider{box-shadow:none!important}.slide-caption{bottom:1.25rem}.slide-caption strong{letter-spacing:-.04em}.slide-caption small{font-weight:600}.deal-pill,.stock-pill,.concern-chip{display:inline-flex;align-items:center;width:max-content;border-radius:999px;font-weight:900}.deal-pill{padding:.4rem .7rem;background:#111;color:#fff;font-size:.8rem}.stock-pill{position:absolute;left:.8rem;top:.8rem;z-index:3;padding:.35rem .62rem;font-size:.74rem;color:#12370f;background:#eaf8ea;border:1px solid rgba(117,184,107,.35);box-shadow:0 8px 18px rgba(0,0,0,.07)}.stock-pill.out{background:#fff0f0;color:#8b2424;border-color:#f4c7c7}.concern-chip{padding:.28rem .58rem;background:#fff7df;border:1px solid #f0dda8;color:#6a4d00;font-size:.72rem;margin-bottom:.7rem}.commerce-strip{padding:0;background:transparent}.commerce-strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem;transform:translateY(-1.35rem);position:relative;z-index:3}.commerce-strip-grid>div{background:#111;color:#fff;border-radius:20px;padding:1rem 1.05rem;box-shadow:0 16px 36px rgba(0,0,0,.13)}.commerce-strip-grid strong{display:block;font-size:.98rem}.commerce-strip-grid span{display:block;color:#d8d8d3;font-size:.84rem;line-height:1.35;margin-top:.16rem}.shop-range-section{padding:2.6rem 0 4rem;background:#fffdf8}.range-store-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:1rem}.range-store-card{display:grid;grid-template-rows:auto 1fr auto;gap:.85rem;padding:.85rem;background:#fff;border:1px solid var(--shop-line);border-radius:26px;text-decoration:none;color:#111;box-shadow:0 12px 34px rgba(0,0,0,.06);min-height:258px}.range-store-card:hover{transform:translateY(-3px);box-shadow:var(--shop-shadow)}.range-store-img{display:block;aspect-ratio:1.25;border-radius:22px;background:#f3f4ee;overflow:hidden}.range-store-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.range-store-card:hover img{transform:scale(1.05)}.range-store-card strong{display:block;font-size:1.04rem}.range-store-card small{display:block;color:#666}.range-store-card em{font-style:normal;font-weight:900;color:#2b612e}.ecommerce-showcase{background:linear-gradient(135deg,#111 0%,#24331f 48%,#fff4d5 100%);color:#fff}.ecommerce-showcase .showcase-copy p{color:rgba(255,255,255,.82)}.ecommerce-showcase .btn.ghost{border-color:#fff}.best-seller-section{background:#fffdf8}.center-cta{display:flex;justify-content:center;margin-top:1.6rem}
.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:stretch}.commerce-product-card{display:flex;flex-direction:column;border-radius:28px!important;background:#fff!important;border:1px solid var(--shop-line)!important;box-shadow:0 14px 36px rgba(21,18,12,.07)!important;overflow:hidden!important;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.commerce-product-card:hover{transform:translateY(-4px);box-shadow:var(--shop-shadow)!important;border-color:#d6cca9!important}.commerce-product-img{height:auto!important;aspect-ratio:1/1!important;background:linear-gradient(145deg,#fffef7,#edf4e8)!important;overflow:hidden}.commerce-product-img:after{content:"Quick view";position:absolute;right:.8rem;top:.8rem;z-index:2;background:rgba(17,17,17,.82);color:#fff;border-radius:999px;padding:.34rem .58rem;font-size:.72rem;font-weight:900;opacity:0;transform:translateY(-5px);transition:.22s}.commerce-product-card:hover .commerce-product-img:after{opacity:1;transform:translateY(0)}.product-real-img{width:100%;height:100%;object-fit:cover;display:block}.gallery-pill{z-index:3;background:rgba(255,255,255,.92)!important;color:#111!important;border:1px solid rgba(0,0,0,.08)}.commerce-product-body{display:flex;flex-direction:column;gap:.55rem;flex:1;padding:1.05rem!important}.product-card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:.45rem;flex-wrap:wrap}.commerce-product-body h3{margin:.1rem 0 0;font-size:1.08rem;line-height:1.25;letter-spacing:-.02em}.commerce-product-body h3 a{text-decoration:none;color:#111}.commerce-product-body h3 a:hover{color:#2b612e}.commerce-card-desc{margin:.1rem 0!important;color:#59554d!important;font-size:.92rem!important;line-height:1.45!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.commerce-price-row{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem;border-top:1px solid #eee7d9;padding-top:.75rem}.commerce-price-row .price{margin:0;color:#111;font-size:1.18rem;font-weight:950}.commerce-price-row small{color:#777;font-size:.72rem;text-align:right;line-height:1.2}.commerce-actions{display:grid!important;grid-template-columns:1fr auto!important;gap:.55rem!important}.commerce-actions .btn{width:100%;box-shadow:none}.commerce-actions .btn.ghost{padding-left:.78rem;padding-right:.78rem}.product-mini-summary{background:#fbf7ec!important;border-color:#eee0bf!important;margin:.2rem 0 .3rem!important}.product-mini-summary p:nth-child(n+3){display:none!important}.range-badge{background:#eef8ec;color:#214b1f;border:1px solid rgba(117,184,107,.24)}
.shop-hero,.cart-hero{padding:3rem 0 1.6rem;background:linear-gradient(135deg,#fffdf8,#f2f8ed)}.shop-hero-card{display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;background:#fff;border:1px solid var(--shop-line);border-radius:32px;padding:2rem;box-shadow:var(--shop-shadow)}.shop-hero-card h1{margin:.3rem 0 .5rem;font-size:clamp(2.2rem,4vw,4rem);line-height:1;letter-spacing:-.055em}.shop-hero-card p{margin:0;color:#5f5a51;max-width:760px}.shop-hero-points{display:grid;gap:.65rem;min-width:210px}.shop-hero-points span{display:flex;align-items:center;gap:.5rem;background:#f7f9f2;border:1px solid #e6efdd;border-radius:999px;padding:.62rem .8rem;font-weight:900;font-size:.86rem}.shop-hero-points span:before{content:"✓";display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:var(--shop-green);color:#061106;font-size:.74rem}.shop-catalog-section{padding-top:1.2rem}.shop-layout{display:grid;grid-template-columns:260px 1fr;gap:1.35rem;align-items:start}.shop-sidebar{position:sticky;top:94px;background:#fff;border:1px solid var(--shop-line);border-radius:26px;padding:1rem;box-shadow:0 12px 34px rgba(0,0,0,.06)}.shop-sidebar h3{margin:.2rem 0 .75rem}.shop-filter-list{display:grid!important;gap:.55rem;margin:0!important}.shop-filter-list .btn{width:100%;justify-content:flex-start;box-shadow:none}.shop-filter-list .btn:not(.ghost),.shop-filter-list .btn.active-filter{background:#111;color:#fff;border-color:#111}.shop-help-card{margin-top:1rem;background:#fbf7ec;border:1px solid #efe0bd;border-radius:20px;padding:1rem}.shop-help-card p{color:#61594b;margin:.35rem 0}.shop-help-card a{font-weight:900;color:#2b612e}.shop-main{min-width:0}.commerce-control-bar{display:grid;grid-template-columns:minmax(260px,1fr) 220px auto;gap:.9rem;align-items:end;margin-bottom:1rem;background:#fff;border:1px solid var(--shop-line);border-radius:24px;padding:.9rem;box-shadow:0 12px 30px rgba(0,0,0,.05)}.commerce-control-bar label span{display:block;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#706a5f;margin:0 0 .28rem}.commerce-control-bar .btn{height:52px;box-shadow:none}.shop-result-count{margin:0 0 1rem;color:#6b665d}.shop-result-count strong{color:#111}.product-no-results{background:#fff;border:1px dashed #d8c9a8;border-radius:22px;padding:1.4rem;color:#5f5748}.shop-section-head{margin-bottom:.8rem}.shop-section-head h2{font-size:2rem}.empty{background:#fff;border:1px solid var(--shop-line);border-radius:22px;padding:1.25rem}
.product-detail-section{background:linear-gradient(135deg,#fffdf8,#f3f8ed);padding:3rem 0}.ecommerce-product-detail{grid-template-columns:1.02fr .98fr;gap:1.35rem;align-items:start}.gallery-panel,.product-info-panel{background:#fff!important;border:1px solid var(--shop-line)!important;box-shadow:var(--shop-shadow)!important}.gallery-main-wrap{background:linear-gradient(145deg,#fffef8,#eef5e9)!important}.gallery-main{width:100%;height:100%;object-fit:cover!important;padding:0!important}.ecommerce-buy-box{position:sticky;top:96px}.product-breadcrumb{display:flex;gap:.45rem;align-items:center;margin-bottom:.75rem;color:#777;font-size:.9rem}.product-breadcrumb a{color:#2b612e;font-weight:900;text-decoration:none}.ecommerce-buy-box h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.055em;margin:.3rem 0 .7rem}.detail-commerce-price{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#111;color:#fff;border-radius:22px;padding:1rem 1.1rem;margin:1rem 0}.detail-commerce-price .price{color:#fff;margin:0;font-size:1.55rem}.detail-commerce-price span{background:#eaf8ea;color:#174716;border-radius:999px;padding:.38rem .7rem;font-weight:900;font-size:.82rem}.qty-buy-row{display:grid;grid-template-columns:96px 1fr;gap:.75rem;margin:1rem 0}.qty-buy-row label{font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#696158}.qty-buy-row .qty{width:100%;margin-top:.25rem}.checkout-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;margin-top:1rem}.checkout-assurance div{background:#fbf7ec;border:1px solid #efe2c5;border-radius:18px;padding:.75rem;text-align:center}.checkout-assurance strong{display:grid;place-items:center;width:28px;height:28px;margin:0 auto .35rem;border-radius:50%;background:#111;color:#fff}.checkout-assurance span{font-size:.78rem;font-weight:900;color:#4d4538}.product-info-section{padding:2rem 0!important}
.checkout-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:1rem}.checkout-steps div{display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid var(--shop-line);border-radius:20px;padding:.85rem 1rem;box-shadow:0 10px 25px rgba(0,0,0,.05)}.checkout-steps div.active{background:#111;color:#fff}.checkout-steps strong{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#eaf8ea;color:#12370f}.checkout-steps span{font-weight:900}.ecommerce-checkout-grid{grid-template-columns:1.05fr .95fr}.compact-head{display:block;margin-bottom:1rem}.compact-head h2{font-size:1.7rem}.compact-head p{margin:.25rem 0 0}.cart-summary-card,.checkout-card{border-radius:28px}.ecommerce-cart-line{grid-template-columns:auto 1fr 82px auto!important;gap:.8rem!important;padding:1rem 0!important}.cart-product-dot{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#eaf8ea,#fff1cc);border:1px solid #e8dcbf}.cart-line-info small{display:block;color:#4d6a43;font-weight:900;margin-top:.2rem}.cart-help-row{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.ecommerce-total-box{background:#111!important;color:#fff!important;border:0!important}.ecommerce-total-box .mini{color:#ddd}.total-lines{display:grid;grid-template-columns:1fr auto;gap:.45rem .8rem;border-top:1px solid rgba(255,255,255,.16);margin-top:.75rem;padding-top:.75rem}.total-lines strong:last-child{font-size:1.25rem;color:#f8e4b6}.checkout-submit{width:100%;font-size:1rem}.checkout-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}.checkout-note-grid span{background:#f7f9f2;border:1px solid #e6efdd;border-radius:16px;padding:.65rem;text-align:center;font-size:.78rem;font-weight:900;color:#2b612e}.empty-cart-notice p{margin:.35rem 0 1rem}.smrk-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,18px);background:#111;color:#fff;padding:.85rem 1rem;border-radius:999px;box-shadow:0 18px 38px rgba(0,0,0,.24);z-index:999;opacity:0;pointer-events:none;transition:.25s ease;font-weight:900}.smrk-toast.show{opacity:1;transform:translate(-50%,0)}.footer-payments{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.footer-payments span{border:1px solid #333;border-radius:999px;padding:.38rem .65rem;font-size:.78rem;color:#ddd}.ecommerce-footer{background:radial-gradient(circle at 15% 0%,rgba(117,184,107,.2),transparent 28%),#050505}
@media(max-width:1000px){.commerce-strip-grid{grid-template-columns:repeat(2,1fr)}.shop-layout{grid-template-columns:1fr}.shop-sidebar{position:relative;top:auto}.shop-filter-list{grid-template-columns:repeat(2,1fr)!important}.commerce-control-bar{grid-template-columns:1fr 1fr}.commerce-control-bar .btn{grid-column:1/-1}.ecommerce-product-detail{grid-template-columns:1fr}.ecommerce-buy-box{position:relative;top:auto}.shop-hero-card{grid-template-columns:1fr}.shop-hero-points{grid-template-columns:repeat(3,1fr);min-width:0}}
@media(max-width:700px){.ecommerce-topbar .container{grid-template-columns:1fr;text-align:center;gap:.18rem}.ecommerce-topbar span:nth-child(2){font-size:.76rem}.menu a.active:after{display:none}.commerce-hero{padding:2rem 0 2.3rem}.commerce-strip-grid{transform:none;grid-template-columns:1fr;margin-top:1rem}.shop-range-section{padding-top:2.5rem}.range-store-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr!important}.commerce-product-card{border-radius:22px!important}.commerce-actions{grid-template-columns:1fr!important}.shop-hero,.cart-hero{padding:1.4rem 0 1rem}.shop-hero-card{padding:1.15rem;border-radius:24px}.shop-hero-card h1{font-size:2.1rem}.shop-hero-points{grid-template-columns:1fr}.shop-filter-list{grid-template-columns:1fr!important}.commerce-control-bar{grid-template-columns:1fr;padding:.75rem;border-radius:20px}.checkout-assurance,.checkout-steps,.checkout-note-grid{grid-template-columns:1fr}.qty-buy-row{grid-template-columns:1fr}.ecommerce-cart-line{grid-template-columns:48px 1fr!important}.ecommerce-cart-line .qty,.ecommerce-cart-line button{grid-column:2}.cart-help-row .btn{width:100%}.smrk-toast{left:12px;right:12px;transform:translateY(18px);text-align:center;border-radius:18px}.smrk-toast.show{transform:translateY(0)}}
@media(max-width:430px){.range-store-grid{grid-template-columns:1fr}.commerce-strip-grid>div{border-radius:16px}.checkout-steps div{border-radius:16px}.product-card-meta{display:block}.concern-chip{margin-top:.2rem}.detail-commerce-price{display:block}.detail-commerce-price span{margin-top:.55rem}.shop-hero-card h1{font-size:1.9rem}}


/* OFFICIAL ECOMMERCE REFINEMENT - compact catalogue + pagination */
:root{--shop-green:#75b86b;--shop-green-dark:#315f2d;--shop-ink:#141414;--shop-cream:#fbf8ef;--shop-card:#fff;--shop-line:#ece4d3;--shop-muted:#756f63;--shop-shadow:0 18px 48px rgba(39,32,20,.10)}
body{background:linear-gradient(180deg,#fffdf8 0,#f7f4ea 38%,#f8f8f4 100%);color:var(--shop-ink)}
.container{width:min(1280px,94%)}
.ecommerce-topbar{background:#0f0f0d!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.1);font-size:.78rem;letter-spacing:.01em}.ecommerce-topbar .container{grid-template-columns:1fr auto auto!important}.ecommerce-topbar span:first-child{color:#f5d899!important;text-transform:uppercase;letter-spacing:.12em;font-weight:1000}.ecommerce-nav{background:rgba(255,255,255,.96)!important;box-shadow:0 10px 35px rgba(0,0,0,.055);border-bottom:1px solid #ece5d9!important}.nav-inner{gap:1rem!important;padding:.72rem 0!important}.brand-logo-img{width:48px;height:48px;border-radius:14px;background:#fff}.logo span{letter-spacing:.08em}.nav-search{display:flex;align-items:center;flex:1;max-width:430px;border:1px solid #e2d8c5;background:#fff;border-radius:999px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.035)}.nav-search input{border:0;outline:0;min-width:0;width:100%;padding:.72rem .95rem;font:inherit;font-size:.9rem;background:transparent}.nav-search button{border:0;background:#111;color:#fff;padding:.72rem 1rem;font-weight:900;cursor:pointer}.menu{gap:.45rem!important}.menu a:not(.btn){padding:.46rem .62rem;border-radius:999px}.menu a.active{background:#111!important;color:#fff!important}.menu a.active:after{display:none!important}.menu .btn{box-shadow:none!important}.category-nav{border-top:1px solid #f1eadc;background:#fff}.category-nav .container{display:flex;align-items:center;gap:.45rem;overflow:auto;padding:.52rem 0;scrollbar-width:none}.category-nav a{white-space:nowrap;text-decoration:none;color:#2b2b27;background:#f8f3e7;border:1px solid #eee2cd;border-radius:999px;padding:.42rem .78rem;font-weight:900;font-size:.82rem}.category-nav a:hover{background:#111;color:#fff;border-color:#111}
.official-shop-hero{padding:2.1rem 0 1rem!important;background:radial-gradient(circle at 15% 10%,rgba(117,184,107,.20),transparent 26%),linear-gradient(135deg,#fff,#fbf2dd)!important}.official-shop-hero-card{border-radius:28px!important;padding:1.55rem!important;background:linear-gradient(135deg,#fff 0,#fffdf8 54%,#eef8ea 100%)!important}.official-shop-hero-card h1{font-size:clamp(2rem,4vw,3.6rem)!important;letter-spacing:-.05em}.shop-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.shop-hero-points{grid-template-columns:1fr!important}.shop-hero-points span{border-radius:14px!important;background:#fff!important;box-shadow:0 8px 22px rgba(0,0,0,.045)}
.storefront-tabs{padding:.75rem 0!important;background:#fff;border-top:1px solid #f0e7d8;border-bottom:1px solid #eadfce}.storefront-tabs .container{display:flex;gap:.5rem;overflow:auto;scrollbar-width:none}.storefront-tabs a{flex:0 0 auto;text-decoration:none;color:#111;border:1px solid #eadfce;background:#fff;border-radius:999px;padding:.55rem .9rem;font-weight:950;font-size:.88rem}.storefront-tabs a.active,.storefront-tabs a:hover{background:#111;color:#fff;border-color:#111}
.official-catalog-section{padding-top:1.35rem!important}.official-shop-layout{grid-template-columns:235px 1fr!important;gap:1.15rem!important}.official-shop-sidebar{top:126px!important;border-radius:18px!important;padding:.85rem!important}.sidebar-block+ .sidebar-block{margin-top:.9rem}.official-shop-sidebar h3{font-size:.96rem;margin:.15rem 0 .6rem}.shop-filter-list{gap:.42rem!important}.shop-filter-list .btn{border-radius:12px!important;padding:.55rem .65rem!important;font-size:.82rem!important;display:flex!important;justify-content:space-between!important}.shop-filter-list .btn span{opacity:.65;margin-left:.45rem}.retail-filter-box{background:#fffdf8;border:1px solid #eee2cd;border-radius:16px;padding:.8rem}.retail-filter-box ul{margin:.2rem 0 0;padding-left:1.05rem;color:#5d574e;font-size:.86rem;line-height:1.55}.shop-help-card{border-radius:16px!important;padding:.85rem!important}.official-shop-main{min-width:0}.shop-section-head{align-items:center!important;margin-bottom:.65rem!important}.shop-section-head h2{font-size:1.55rem!important}.shop-section-head p{margin:.15rem 0 0;font-size:.94rem}.official-control-bar{grid-template-columns:minmax(220px,1fr) 170px 145px auto!important;gap:.65rem!important;border-radius:18px!important;padding:.7rem!important;margin-bottom:.85rem!important}.official-control-bar .input{height:42px;border-radius:12px!important;padding:.62rem .75rem!important;font-size:.9rem}.official-control-bar label span{font-size:.68rem!important}.official-control-bar .btn{height:42px!important;padding:.62rem .9rem!important}.catalogue-topline,.catalogue-bottomline{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin:.7rem 0;color:#676056;font-size:.88rem}.catalogue-bottomline{justify-content:center;margin-top:1.1rem}.catalog-pagination{display:flex;align-items:center;justify-content:flex-end;gap:.35rem;flex-wrap:wrap}.page-btn{border:1px solid #e2d7c5;background:#fff;border-radius:10px;min-width:36px;height:36px;padding:0 .7rem;font-weight:950;color:#111;cursor:pointer;box-shadow:0 6px 14px rgba(0,0,0,.035)}.page-btn.active,.page-btn:hover:not(:disabled){background:#111;color:#fff;border-color:#111}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-dots{font-weight:900;color:#948b7b;padding:0 .15rem}.compact-pagination .page-btn{height:32px;min-width:32px;border-radius:9px;font-size:.8rem}
.product-grid,.shop-product-grid,.compact-shop-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr))!important;gap:.8rem!important;align-items:stretch!important}.commerce-product-card.compact-product-card{border-radius:16px!important;border-color:#e9dfce!important;box-shadow:0 10px 28px rgba(36,29,16,.065)!important;background:#fff!important}.commerce-product-card.compact-product-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 38px rgba(36,29,16,.12)!important;border-color:#cfc09d!important}.compact-product-card .commerce-product-img{aspect-ratio:1/1!important;background:#fffdf8!important;border-bottom:1px solid #f0e7d9!important}.compact-product-card .product-real-img,.compact-product-card .commerce-product-img img{object-fit:contain!important;padding:8px!important;background:#fffdf8!important}.compact-product-card .stock-pill{top:.5rem!important;left:.5rem!important;font-size:.64rem!important;padding:.24rem .42rem!important;border-radius:999px!important}.compact-product-card .gallery-pill{right:.5rem!important;bottom:.5rem!important;font-size:.68rem!important;padding:.24rem .42rem!important}.compact-product-card .commerce-product-img:after{display:none!important}.compact-product-card .commerce-product-body{padding:.72rem!important;gap:.32rem!important}.compact-product-card .product-card-meta{min-height:24px}.compact-product-card .range-badge{font-size:.64rem!important;padding:.22rem .45rem!important;margin:0!important;border-radius:7px!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-product-card h3{font-size:.91rem!important;line-height:1.22!important;margin:.06rem 0!important;min-height:2.22em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-concern{font-size:.73rem!important;color:#756f63!important;line-height:1.25!important;min-height:1.2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}.compact-product-card .product-sku{font-size:.7rem!important;line-height:1.15!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-product-card .commerce-card-desc,.compact-product-card .product-mini-summary,.compact-product-card .concern-chip{display:none!important}.compact-product-card .commerce-price-row{border-top:1px solid #f0e7d9!important;padding-top:.48rem!important;align-items:center!important;margin-top:.12rem!important}.compact-product-card .commerce-price-row .price{font-size:.96rem!important;line-height:1!important}.compact-product-card .commerce-price-row small{display:none!important}.compact-product-card .commerce-actions{grid-template-columns:1fr auto!important;gap:.4rem!important;margin-top:.35rem!important}.compact-product-card .commerce-actions .btn{min-height:34px!important;border-radius:10px!important;padding:.45rem .58rem!important;font-size:.78rem!important}.compact-product-card .commerce-actions .btn.ghost{width:38px!important;font-size:0!important;padding:.45rem!important}.compact-product-card .commerce-actions .btn.ghost:before{content:'→';font-size:.96rem;line-height:1}.best-seller-section .product-grid,.retinol-feature .product-grid,.soft-section .product-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr))!important}.ecommerce-footer{background:#0d0d0b!important}.footer-service-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1.6rem}.footer-service-strip div{background:#171714;border:1px solid #2d2b25;border-radius:16px;padding:.9rem}.footer-service-strip strong,.footer-service-strip span{display:block}.footer-service-strip span{color:#cfcfc5;font-size:.84rem;margin-top:.15rem}.footer-payments span{display:inline-flex;border:1px solid #39362f;border-radius:999px;padding:.34rem .58rem;margin:.18rem .18rem .18rem 0;font-size:.8rem;color:#f4dfae;background:#151410}
@media(max-width:1120px){.nav-search{order:3;max-width:none;width:100%;flex-basis:100%}.official-shop-layout{grid-template-columns:1fr!important}.official-shop-sidebar{position:relative!important;top:auto!important}.shop-filter-list{grid-template-columns:repeat(3,1fr)!important}.official-control-bar{grid-template-columns:1fr 1fr 1fr!important}.official-control-bar .btn{grid-column:1/-1}.footer-service-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.ecommerce-topbar .container{grid-template-columns:1fr!important}.category-nav{display:none}.nav-search{display:none}.official-shop-hero-card{padding:1rem!important}.shop-hero-actions .btn{width:100%}.shop-filter-list{grid-template-columns:repeat(2,1fr)!important}.official-control-bar{grid-template-columns:1fr!important}.product-grid,.shop-product-grid,.compact-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}.compact-product-card .commerce-product-body{padding:.62rem!important}.compact-product-card h3{font-size:.84rem!important}.catalogue-topline{display:block}.catalog-pagination{justify-content:center;margin-top:.55rem}.footer-service-strip{grid-template-columns:1fr}}
@media(max-width:420px){.shop-filter-list{grid-template-columns:1fr!important}.product-grid,.shop-product-grid,.compact-shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.compact-product-card .commerce-actions{grid-template-columns:1fr!important}.compact-product-card .commerce-actions .btn.ghost{width:100%!important;font-size:.78rem!important}.compact-product-card .commerce-actions .btn.ghost:before{content:''}.compact-product-card .commerce-actions .btn.ghost{font-size:.78rem!important}.compact-product-card .commerce-actions .btn.ghost::after{content:'View'}}