:root{
  --ink:#21160f;--muted:#75675e;--paper:#fbf8f3;--paper-2:#f4ede4;--line:#e7dbce;
  --brand:#ef4d13;--brand-2:#ff8a00;--dark:#2a180e;--green:#23835b;--red:#c8392b;
  --shadow:0 22px 60px rgba(44,27,15,.10);--shadow-sm:0 10px 30px rgba(44,27,15,.08);
  --radius:22px;--radius-sm:14px;--container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:auto}.eyebrow{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--brand)}.eyebrow.light{color:#ffc68b}.muted{color:var(--muted)}

/* Top bars and navigation */
.announcement{background:#25160f;color:#fff;font-size:11px;letter-spacing:.06em}.announcement-inner{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.announcement-center{color:#ffd8b8}.site-header{position:sticky;top:0;z-index:80;background:rgba(251,248,243,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(80,50,30,.08);transition:.25s}.site-header.scrolled{box-shadow:0 8px 30px rgba(50,30,15,.08)}.nav-shell{height:76px;display:grid;grid-template-columns:220px 1fr 220px;align-items:center}.brand-logo{display:inline-flex;width:176px;height:48px;align-items:center}.brand-logo img{max-height:44px;max-width:176px;object-fit:contain}.nav-links{display:flex;justify-content:center;gap:34px;font-weight:700;font-size:14px}.nav-links a{position:relative;padding:27px 0 25px}.nav-links a:after{content:'';position:absolute;left:50%;bottom:18px;height:2px;width:0;background:var(--brand);transform:translateX(-50%);transition:.2s}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.icon-btn{width:42px;height:42px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;cursor:pointer;position:relative;transition:.2s}.icon-btn:hover{background:#f0e8de}.icon-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8}.cart-count{position:absolute;top:2px;right:1px;min-width:18px;height:18px;padding:0 4px;background:var(--brand);color:#fff;border-radius:20px;border:2px solid var(--paper);font-size:9px;display:grid;place-items:center;font-weight:800}.menu-btn{display:none;border:0;background:transparent;width:42px;height:42px;padding:10px;cursor:pointer}.menu-btn span{display:block;height:2px;background:var(--ink);margin:4px 0;border-radius:4px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:13px;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 12px 28px rgba(239,77,19,.22)}.btn-primary:hover{box-shadow:0 16px 34px rgba(239,77,19,.3)}.btn-dark{background:var(--dark);color:#fff}.btn-light{background:#fff;color:var(--dark);border-color:#fff}.btn-outline{border-color:#cdbdac;background:transparent}.btn-outline:hover{border-color:var(--ink);background:#fff}.btn-glass{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.38);backdrop-filter:blur(12px)}.btn-block{width:100%}.btn-small{min-height:38px;padding:0 15px;font-size:12px}.text-arrow{font-weight:800;font-size:13px;color:var(--ink)}.text-arrow:hover{color:var(--brand)}

/* Hero */
.hero-home{height:min(720px,76vh);min-height:590px;position:relative;overflow:hidden;background:#201108;color:#fff}.hero-media,.hero-media video,.hero-media img,.hero-media iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}.hero-media{transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,13,6,.82) 0%,rgba(24,13,6,.58) 42%,rgba(24,13,6,.18) 78%),linear-gradient(0deg,rgba(16,8,3,.35),transparent 50%);opacity:calc(var(--hero-overlay,54%) / 54%)}.hero-home-content{height:100%;position:relative;display:flex;align-items:center}.hero-copy{max-width:670px;padding-top:22px}.hero-kicker{display:inline-flex;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);padding:8px 13px;border-radius:999px;font-size:11px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#ffcd9a}.hero-copy h1{font-family:'Playfair Display',serif;font-size:clamp(48px,6.4vw,84px);line-height:.98;letter-spacing:-.045em;margin:20px 0 22px;max-width:780px}.hero-copy p{font-size:18px;color:#f4e9df;max-width:610px;margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-proof{position:absolute;right:0;bottom:38px;display:flex;background:rgba(16,8,3,.58);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.13);border-radius:18px;overflow:hidden}.hero-proof div{padding:18px 24px;border-right:1px solid rgba(255,255,255,.13)}.hero-proof div:last-child{border-right:0}.hero-proof strong{display:block;font-size:20px}.hero-proof span{display:block;color:#d9c7ba;font-size:11px;margin-top:2px}

.benefit-strip{background:#fff;border-bottom:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr)}.benefit-grid>div{padding:22px 24px;border-right:1px solid var(--line);display:grid;grid-template-columns:30px 1fr;column-gap:10px}.benefit-grid>div:last-child{border-right:0}.benefit-grid>div>span{grid-row:1/3;color:var(--brand);font-size:11px;font-weight:800}.benefit-grid strong{font-size:13px}.benefit-grid small{font-size:11px;color:var(--muted)}

/* Generic sections */
.section{padding:82px 0}.section-sm{padding:42px 0 82px}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:34px}.section-head h2,.story-copy h2,.b2b-feature h2,.about-copy h2,.form-card h2,.account-panel h2,.dash-panel h2{font-family:'Playfair Display',serif;font-size:clamp(30px,3.6vw,48px);line-height:1.08;letter-spacing:-.03em;margin:7px 0 0}.section-head>p{max-width:470px;color:var(--muted);margin:0}.page-banner{padding:72px 0 58px;background:linear-gradient(135deg,#f5eadc,#fff8f0);border-bottom:1px solid var(--line)}.page-banner.compact{padding:48px 0 40px}.page-banner h1{font-family:'Playfair Display',serif;font-size:clamp(40px,5vw,64px);line-height:1.04;letter-spacing:-.04em;margin:8px 0 12px;max-width:920px}.page-banner p{font-size:16px;color:var(--muted);max-width:760px;margin:0}.empty-panel{background:#fff;border:1px dashed #d7c7b7;border-radius:var(--radius);padding:34px;text-align:center}.empty-panel.wide{grid-column:1/-1}.empty-panel h3{margin:0 0 8px}.empty-panel p{color:var(--muted);margin:0 0 20px}

/* Product cards */
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#d8c6b6}.product-card-media{height:330px;background:#f0e7de;position:relative;overflow:hidden;display:block}.product-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-card-media img{transform:scale(1.04)}.image-placeholder{height:100%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 30% 20%,#fff,#efe5dc);color:var(--muted);text-align:center;padding:30px}.image-placeholder span{font-size:10px;letter-spacing:.15em}.image-placeholder strong{margin-top:8px}.image-placeholder.large{min-height:520px}.discount-badge,.feature-badge{position:absolute;top:14px;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;letter-spacing:.08em}.discount-badge{left:14px;background:#20150f;color:#fff}.feature-badge{right:14px;background:#fff;color:var(--brand);box-shadow:var(--shadow-sm)}.product-card-body{padding:19px 19px 20px}.product-meta{display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:#9a8879;font-weight:800}.product-card-title{display:block;font-size:20px;font-weight:800;margin:8px 0 6px}.product-card-body p{height:42px;overflow:hidden;color:var(--muted);font-size:13px;margin:0}.product-card-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:18px}.price-stack{display:flex;align-items:baseline;gap:8px}.price-stack strong{font-size:20px}.price-stack s{font-size:12px;color:#9b8e84}.quick-add{width:42px;height:42px;border-radius:50%;border:0;background:var(--dark);color:#fff;font-size:25px;line-height:1;cursor:pointer;transition:.2s}.quick-add:hover{background:var(--brand);transform:rotate(4deg) scale(1.04)}.stock-pill{font-size:10px;padding:6px 9px;border-radius:999px}.stock-pill.out{background:#fbe5e2;color:#a4261d}

/* Home story */
.story-split{padding:80px 0;background:#2b1a11;color:#fff}.story-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.story-media{height:560px;border-radius:28px;overflow:hidden;position:relative}.story-media:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.story-media img{width:100%;height:100%;object-fit:cover}.story-copy p{color:#d9cabf;font-size:16px}.story-points{margin:28px 0 32px;border-top:1px solid rgba(255,255,255,.14)}.story-points>div{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14)}.story-points b{color:#ff9b50;font-size:11px}.story-points span{display:grid}.story-points strong{font-size:14px}.story-points small{color:#cdb8aa}.b2b-feature{background:linear-gradient(135deg,#b93612,#f07118);color:#fff;border-radius:28px;padding:44px 50px;display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:var(--shadow)}.b2b-feature h2{margin:6px 0 8px;max-width:720px}.b2b-feature p{max-width:760px;margin:0;color:#ffe7d4}

/* Shop toolbar */
.shop-section{padding-top:48px}.shop-toolbar{display:grid;grid-template-columns:1fr 180px 110px;gap:12px;margin-bottom:18px}.toolbar-search{height:48px;border:1px solid var(--line);border-radius:999px;background:#fff;display:flex;align-items:center;padding:0 16px}.toolbar-search svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;margin-right:8px}.toolbar-search input{border:0;outline:0;width:100%;background:transparent}.shop-toolbar select{border:1px solid var(--line);background:#fff;border-radius:999px;padding:0 16px;color:var(--ink)}.catalog-head{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line);padding:0 2px 18px;margin-bottom:26px}

/* Product detail */
.product-page{padding:44px 0 70px;background:linear-gradient(180deg,var(--soft),var(--paper) 72%)}.product-layout{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:start}.product-gallery{position:sticky;top:124px}.gallery-stage{height:600px;background:#fff;border:1px solid rgba(80,50,30,.10);border-radius:26px;overflow:hidden;position:relative;box-shadow:var(--shadow-sm)}.gallery-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .35s}.gallery-slide.active{opacity:1;visibility:visible}.gallery-slide img,.gallery-slide video,.gallery-slide iframe{width:100%;height:100%;object-fit:contain;background:#fff;border:0}.zoom-trigger{width:100%;height:100%;border:0;padding:0;background:#fff;cursor:zoom-in}.media-expand{position:absolute;right:15px;top:15px;z-index:5;width:40px;height:40px;border:1px solid rgba(0,0,0,.1);border-radius:50%;background:rgba(255,255,255,.92);cursor:pointer}.gallery-arrow,.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.9);font-size:30px;cursor:pointer;display:grid;place-items:center;line-height:1}.gallery-arrow.prev,.lightbox-arrow.prev{left:14px}.gallery-arrow.next,.lightbox-arrow.next{right:14px}.gallery-counter{position:absolute;right:16px;bottom:15px;z-index:6;background:rgba(32,22,15,.8);color:#fff;border-radius:999px;padding:6px 11px;font-size:10px}.thumb-strip{display:flex;gap:10px;margin-top:12px;overflow:auto;padding-bottom:3px}.media-thumb{width:78px;height:78px;flex:0 0 78px;border-radius:13px;overflow:hidden;border:1px solid var(--line);padding:0;background:#fff;cursor:pointer;position:relative}.media-thumb.active{border:2px solid var(--accent)}.media-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb{display:grid;place-items:center;height:100%;background:#2a1a11;color:#fff;font-size:18px}.purchase-panel{padding-top:8px}.breadcrumbs{font-size:11px;color:#8c796b;display:flex;gap:8px;margin-bottom:20px}.breadcrumbs a:hover{color:var(--brand)}.product-label{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--accent)}.purchase-panel h1{font-family:'Playfair Display',serif;font-size:clamp(40px,4.3vw,58px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 16px}.product-subtitle{font-size:16px;color:#66564c;margin:0 0 20px}.price-row{display:flex;align-items:center;gap:10px}.price-row strong{font-size:32px}.price-row s{color:#8e8177}.price-row span{font-size:10px;background:#e9f7ef;color:#1f7a52;border-radius:999px;padding:6px 9px;font-weight:800}.tax-note{font-size:11px;color:var(--muted);margin-top:2px}.choice-block{padding:22px 0;border-top:1px solid rgba(80,50,30,.12)}.choice-block:first-of-type{margin-top:20px}.choice-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.choice-label strong{font-size:13px}.choice-label span{font-size:11px;color:var(--muted)}.size-pills{display:flex;gap:8px;flex-wrap:wrap}.size-pills button{min-width:74px;height:44px;border:1px solid #d3c1b2;border-radius:999px;background:#fff;cursor:pointer;font-weight:800}.size-pills button.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 7px 16px color-mix(in srgb,var(--accent) 24%,transparent)}.qty-purchase{display:flex;align-items:center;justify-content:space-between}.qty-control{display:flex;align-items:center;border:1px solid #d3c1b2;background:#fff;border-radius:999px;overflow:hidden}.qty-control button{width:42px;height:42px;border:0;background:#fff;cursor:pointer;font-size:19px}.qty-control span{min-width:35px;text-align:center;font-weight:800}.line-total{text-align:right;display:grid}.line-total small{color:var(--muted)}.line-total strong{font-size:19px}.purchase-actions{display:grid;gap:10px;margin-top:6px}.btn-buy{min-height:56px;font-size:14px}.trust-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:18px}.trust-mini div{background:rgba(255,255,255,.62);border:1px solid rgba(80,50,30,.08);border-radius:12px;padding:10px;text-align:center;display:grid;gap:3px}.trust-mini span{color:var(--green)}.trust-mini b{font-size:9px}.product-info{background:#fff}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-bottom:24px}.fact-grid>div{padding:20px;border-right:1px solid var(--line)}.fact-grid>div:last-child{border-right:0}.fact-grid span{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.fact-grid strong{display:block;margin-top:4px}.detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-cards article{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--paper)}.detail-cards h3{margin:8px 0 12px}.detail-cards p,.detail-cards li{color:var(--muted)}.detail-cards ul{padding-left:18px;margin:0}.detail-cards hr{border:0;border-top:1px solid var(--line);margin:18px 0}.highlight-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.highlight-row span{border-radius:999px;background:#f5eee6;border:1px solid var(--line);padding:9px 13px;font-size:11px;font-weight:700}.lightbox{position:fixed;z-index:200;inset:0;background:rgba(8,6,5,.96);color:#fff;display:none}.lightbox.open{display:block}.lightbox-top{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid rgba(255,255,255,.12)}.lightbox-top>div{display:flex;align-items:center;gap:16px}.lightbox-top button{border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.lightbox-stage{position:absolute;left:0;right:0;top:62px;bottom:0}.lightbox-slide{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding:30px 80px}.lightbox-slide.active{display:flex}.lightbox-slide img,.lightbox-slide video,.lightbox-slide iframe{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;border:0;background:#000}

/* Contact/B2B/About */
.contact-section{padding-top:48px}.contact-layout{display:grid;grid-template-columns:.86fr 1.14fr;gap:24px}.contact-info-card,.form-card,.order-panel,.account-panel,.dash-panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 35px rgba(51,31,18,.04)}.contact-info-card{padding:34px}.contact-info-card h2{font-family:'Playfair Display',serif;font-size:34px;line-height:1.1;margin:8px 0 12px}.contact-info-card>p{color:var(--muted)}.contact-points{margin-top:24px;display:grid;gap:16px}.contact-points>div{display:flex;gap:12px;align-items:flex-start}.contact-points>div>span{width:38px;height:38px;border-radius:50%;background:#fff0e6;color:var(--brand);display:grid;place-items:center}.contact-points div div{display:grid}.contact-points strong{font-size:13px}.contact-points small{color:var(--muted)}.mini-note{margin-top:24px;background:#f8f2eb;border-radius:13px;padding:14px;font-size:11px;color:var(--muted)}.mini-note a{font-weight:800;color:var(--brand)}.form-card{padding:32px}.form-card-head{margin-bottom:20px}.form-card h2{font-size:34px}.premium-form{display:grid;gap:15px}.form-grid{display:grid;gap:14px}.form-grid.two{grid-template-columns:repeat(2,1fr)}.span-2{grid-column:1/-1}.field{display:grid;gap:6px}.field label{font-size:11px;font-weight:800}.form-control,.field input:not([type=checkbox]),.field select,.field textarea,.inline-verify input,.status-form select,.otp-form input,.dashboard-filter input,.dashboard-filter select{width:100%;border:1px solid #ddcfc2;border-radius:12px;background:#fff;outline:0;padding:0 13px;min-height:46px;color:var(--ink);transition:.18s}.field textarea{padding-top:11px;min-height:104px;resize:vertical}.form-control:focus,.field input:focus,.field select:focus,.field textarea:focus,.inline-verify input:focus{border-color:#b98b6a;box-shadow:0 0 0 3px rgba(239,77,19,.08)}.field small{color:#8c7d72;font-size:10px}.field-error{color:#b42a1f!important}.form-error-box{background:#ffe9e5;color:#9c291e;padding:12px;border-radius:12px;font-size:12px}.check-field{display:flex!important;align-items:center;gap:8px}.form-check-input{width:17px;height:17px}.map-section{height:340px}.map-section iframe{border:0;width:100%;height:100%;filter:saturate(.85) contrast(.95)}.b2b-hero{background:radial-gradient(circle at 80% 20%,#6b321e,#2a170f 60%);color:#fff;padding:84px 0}.b2b-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end}.b2b-hero h1{font-family:'Playfair Display',serif;font-size:clamp(48px,5.6vw,76px);line-height:1;letter-spacing:-.04em;margin:10px 0 18px}.b2b-hero p{font-size:17px;color:#e6d6cb;max-width:650px}.b2b-metrics{display:grid;grid-template-columns:1fr;gap:9px}.b2b-metrics>div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:16px 18px;display:flex;justify-content:space-between;align-items:center}.b2b-metrics strong{font-size:18px}.b2b-metrics span{font-size:11px;color:#d9c7bc}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.use-grid article{border:1px solid var(--line);border-radius:18px;padding:25px;background:#fff}.use-grid article>span{color:var(--brand);font-size:10px;font-weight:800}.use-grid h3{font-size:20px;margin:9px 0}.use-grid p{color:var(--muted);margin:0}.b2b-form-section{background:#f2e9df}.b2b-form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:start}.b2b-form-layout>div:first-child h2{font-family:'Playfair Display',serif;font-size:48px;line-height:1.08;margin:8px 0 12px}.b2b-form-layout>div:first-child p{color:var(--muted)}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{padding:10px 0;border-bottom:1px solid #ded0c4}.check-list li:before{content:'✓';color:var(--green);margin-right:10px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-media{height:560px;border-radius:25px;overflow:hidden}.about-media img{width:100%;height:100%;object-fit:cover}.about-copy p{color:var(--muted);font-size:16px}.value-list{display:grid;margin-top:24px;border-top:1px solid var(--line)}.value-list>div{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.value-list b{color:var(--brand);font-size:10px}.value-list span{display:grid}.value-list small{color:var(--muted)}

/* Auth */
.auth-page{min-height:calc(100vh - 106px);background:linear-gradient(135deg,#27150d,#69301b);padding:58px 20px;display:grid;place-items:center}.auth-page.simple{background:#f3ebe2}.auth-shell{width:min(980px,100%);display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.2)}.auth-copy{background:linear-gradient(160deg,#28160e,#6e2f18);color:#fff;padding:58px}.auth-copy h1{font-family:'Playfair Display',serif;font-size:48px;line-height:1.02;margin:10px 0 16px}.auth-copy p{color:#dfcdc1}.auth-points{display:grid;gap:11px;margin-top:28px;color:#f7eadd;font-size:13px}.auth-card{padding:48px;background:#fff}.auth-card.standalone{width:min(470px,100%);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.auth-card h2{font-family:'Playfair Display',serif;font-size:36px;line-height:1.08;margin:7px 0 22px}.auth-card>p{color:var(--muted)}.auth-row{display:flex;justify-content:flex-end;font-size:11px}.auth-row a,.auth-foot a{color:var(--brand);font-weight:800}.auth-divider{display:flex;align-items:center;gap:10px;color:#9a8b80;font-size:10px;text-transform:uppercase;letter-spacing:.12em;margin:4px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.social-auth{display:grid;grid-template-columns:1fr 1fr;gap:10px}.google-dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1px solid #ddd;font-weight:900}.auth-foot{text-align:center;margin:18px 0 0;font-size:12px;color:var(--muted)}

/* Account */
.account-page{background:#f8f4ee}.account-hero{background:linear-gradient(135deg,#f5e9dc,#fff9f3);border-bottom:1px solid var(--line);padding:42px 0}.account-hero-inner{display:flex;justify-content:space-between;align-items:center}.account-hero h1{font-family:'Playfair Display',serif;font-size:44px;line-height:1;margin:7px 0 10px}.account-hero p{color:var(--muted);margin:0}.account-avatar,.mini-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-weight:800}.account-avatar{width:68px;height:68px;font-size:24px;box-shadow:0 12px 24px rgba(239,77,19,.22)}.account-section{padding-top:34px}.account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.account-stats>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.account-stats span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.account-stats strong{display:block;font-size:25px;margin-top:2px}.account-layout{display:grid;grid-template-columns:250px 1fr;gap:18px;align-items:start}.account-nav-card{position:sticky;top:124px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.account-id{display:flex;align-items:center;gap:10px;padding-bottom:16px;border-bottom:1px solid var(--line)}.mini-avatar{width:38px;height:38px}.account-id div{display:grid;min-width:0}.account-id strong{font-size:13px}.account-id small{font-size:10px;color:var(--muted);overflow:hidden;text-overflow:ellipsis}.account-nav-card nav{display:grid;padding:10px 0}.account-nav-card nav a,.admin-tools a,.logout-link{padding:10px 11px;border-radius:10px;font-size:12px;font-weight:700}.account-nav-card nav a:hover,.account-nav-card nav a.active{background:#f8efe7;color:var(--brand)}.admin-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;display:grid}.admin-tools>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:0 11px 4px}.logout-link{display:block;margin-top:8px;color:#b53025}.account-main{display:grid;gap:18px}.account-panel{padding:28px}.panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px}.account-panel h2{font-size:32px}.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.identity-grid>div{background:#f9f5f0;border-radius:14px;padding:16px;display:grid}.identity-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.identity-grid strong{font-size:13px;margin:5px 0}.identity-grid small{font-size:10px;color:var(--muted)}.verify-state.ok{color:var(--green)!important}.order-cards{display:grid;gap:10px}.order-card{display:block;border:1px solid var(--line);border-radius:15px;padding:16px;transition:.18s}.order-card:hover{border-color:#c7ae99;box-shadow:var(--shadow-sm)}.order-card-top,.order-card-foot{display:flex;align-items:center;justify-content:space-between;gap:15px}.order-card-top>div{display:grid}.order-card-top strong{font-size:13px}.order-card-top span{font-size:10px;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;background:#eee;color:#544}.status-badge.large{padding:9px 13px}.status-pending{background:#fff1cc;color:#7d5a00}.status-confirmed{background:#e7efff;color:#2857a6}.status-packed{background:#efe9ff;color:#6540aa}.status-shipped{background:#e5f3ff;color:#176497}.status-out_for_delivery{background:#ffe4d2;color:#a3450f}.status-delivered{background:#e6f6ed;color:#1e7951}.status-cancelled{background:#fde8e5;color:#a93428}.order-card-items{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.order-card-items span{background:#f8f3ed;border-radius:999px;padding:5px 8px;font-size:10px;color:#76675d}.order-card-foot{border-top:1px solid #eee3d9;padding-top:12px;font-size:11px}.order-card-foot b{color:var(--brand)}.order-empty{padding:42px}.empty-icon{font-size:30px;color:#c59d80}.address-form{background:#fbf7f2;border:1px solid var(--line);border-radius:15px;padding:18px;margin-bottom:16px}.address-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.address-card{border:1px solid var(--line);border-radius:15px;padding:18px}.address-card-head{display:flex;justify-content:space-between}.address-card-head>span{font-size:9px;background:#e7f6ee;color:#287250;padding:5px 8px;border-radius:999px}.address-card h3{margin:12px 0 5px;font-size:14px}.address-card p{color:var(--muted);font-size:12px}.address-actions{display:flex;gap:8px}.address-actions form{margin:0}.address-actions button{border:0;background:transparent;color:var(--brand);padding:0;font-size:10px;font-weight:800;cursor:pointer}.address-actions .danger{color:#a93428}.muted-box{background:#f8f3ed;border-radius:14px;padding:18px;color:var(--muted);font-size:12px}.security-grid{display:grid;gap:10px}.security-card{border:1px solid var(--line);border-radius:15px;padding:16px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.security-card>div:first-child{display:grid}.security-card strong{font-size:13px}.security-card span{font-size:10px;color:var(--muted)}.verified-chip{background:#e8f8ef;color:var(--green)!important;padding:7px 10px;border-radius:999px;font-weight:800}.inline-verify{display:flex;gap:6px}.inline-verify input{min-height:38px;width:155px}.inline-verify button{border:0;border-radius:9px;background:#2c1a10;color:#fff;padding:0 10px;font-size:10px;font-weight:800;cursor:pointer}

/* Checkout + order detail */
.checkout-page{background:#f7f2ec}.checkout-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}.checkout-form{padding:30px}.checkout-form .form-card-head{display:flex;gap:12px;align-items:flex-start}.step-dot{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#fff0e5;color:var(--brand);display:grid;place-items:center;font-weight:800}.payment-box{border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;background:#faf7f3}.payment-box div{display:grid}.payment-box strong{font-size:12px}.payment-box small{font-size:10px;color:var(--muted)}.payment-selected{font-size:9px;color:var(--green);background:#e8f6ee;padding:6px 8px;border-radius:999px}.order-summary{position:sticky;top:124px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}.summary-head h2{font-family:'Playfair Display',serif;font-size:30px;margin:6px 0 18px}.summary-items{display:grid}.summary-item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.summary-media{width:58px;height:58px;border-radius:12px;background:#f4ede5;overflow:hidden;display:grid;place-items:center;font-size:10px}.summary-media img{width:100%;height:100%;object-fit:cover}.summary-item div:nth-child(2){display:grid}.summary-item strong{font-size:12px}.summary-item span{font-size:10px;color:var(--muted)}.summary-item b{font-size:12px}.summary-totals,.mini-summary{display:grid;gap:10px;padding-top:17px}.summary-totals>div,.mini-summary>div{display:flex;justify-content:space-between;font-size:11px}.summary-totals .grand,.mini-summary .grand{font-size:16px;padding-top:12px;border-top:1px solid var(--line)}.summary-trust{margin-top:18px;background:#f7f3ee;border-radius:12px;padding:12px;display:grid;gap:5px;color:#5c5149;font-size:10px}.success-page{min-height:70vh;display:grid;place-items:center;padding:70px 0;background:#f6efe7}.success-card{width:min(720px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:48px;text-align:center;box-shadow:var(--shadow)}.success-icon{width:62px;height:62px;border-radius:50%;background:#e7f7ee;color:var(--green);display:grid;place-items:center;font-size:27px;margin:0 auto 20px}.success-icon.small{width:44px;height:44px;font-size:18px}.success-card h1{font-family:'Playfair Display',serif;font-size:44px;margin:7px 0 10px}.success-card>p{color:var(--muted);max-width:540px;margin:0 auto 24px}.success-order{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;overflow:hidden;margin-bottom:25px}.success-order>div{padding:15px;border-right:1px solid var(--line);display:grid}.success-order>div:last-child{border-right:0}.success-order span{font-size:9px;color:var(--muted);text-transform:uppercase}.success-order strong{font-size:12px}.success-card .hero-actions{justify-content:center}.order-detail-grid{display:grid;grid-template-columns:1.1fr .7fr;gap:20px;align-items:start}.order-detail-grid>div,.order-detail-grid>aside{display:grid;gap:16px}.order-panel{padding:24px}.order-title-row{display:flex;align-items:flex-end;justify-content:space-between}.order-title-row h1{margin-bottom:5px}.back-link{display:inline-block;font-size:11px;font-weight:800;margin-bottom:18px;color:var(--brand)}.timeline{display:grid}.timeline-row{display:grid;grid-template-columns:20px 1fr;gap:10px;position:relative;padding-bottom:18px}.timeline-row:before{content:'';position:absolute;left:7px;top:14px;bottom:0;width:1px;background:#dacdbf}.timeline-row:last-child:before{display:none}.timeline-row>span{width:15px;height:15px;border-radius:50%;background:#d9d0c9;margin-top:2px;z-index:2}.timeline-row.done>span{background:var(--green);box-shadow:0 0 0 4px #e6f6ed}.timeline-row div{display:grid}.timeline-row strong{font-size:12px}.timeline-row small{font-size:10px;color:var(--muted)}.detail-items{display:grid}.detail-items>div{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.detail-items>div div{display:grid}.detail-items strong{font-size:13px}.detail-items span{font-size:10px;color:var(--muted)}.delivery-note{background:#fff2e6;border:1px solid #f2d4ba;border-radius:15px;padding:16px}.delivery-note p{font-size:11px;color:var(--muted)}.delivery-note span{color:var(--green);font-weight:800;font-size:11px}

/* Dashboard */
.dashboard-page{background:#f5f1eb;min-height:100vh}.dashboard-hero{background:linear-gradient(135deg,#22130c,#5b2a19);color:#fff;padding:50px 0}.dashboard-hero.compact{padding:34px 0}.dashboard-hero>.container{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.dashboard-hero h1{font-family:'Playfair Display',serif;font-size:48px;line-height:1;margin:6px 0 8px}.dashboard-hero p{margin:0;color:#dbc9bd}.dashboard-hero-actions{display:flex;gap:9px}.dashboard-body{padding:28px 0 70px}.dashboard-shell{display:grid;grid-template-columns:210px 1fr;gap:18px;align-items:start}.dashboard-nav{position:sticky;top:122px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;display:grid}.dashboard-nav>strong{padding:8px 10px 12px;font-size:12px}.dashboard-nav a{padding:9px 10px;border-radius:9px;font-size:11px;font-weight:700}.dashboard-nav a:hover,.dashboard-nav a.active{background:#f7eee6;color:var(--brand)}.dashboard-nav hr{border:0;border-top:1px solid var(--line);width:100%}.dashboard-main{display:grid;gap:16px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric-grid article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:grid}.metric-grid span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.metric-grid strong{font-size:24px;margin:2px 0}.metric-grid small{font-size:9px;color:#9d8f85}.dashboard-grid.two{display:grid;grid-template-columns:1.3fr .7fr;gap:14px}.dash-panel{padding:20px;min-width:0}.dash-panel-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px}.dash-panel-head span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.dash-panel h2{font-size:27px;margin-top:4px}.dash-panel-head>a{font-size:10px;font-weight:800;color:var(--brand)}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;font-size:11px;min-width:650px}.table-wrap th{text-align:left;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:10px 8px;border-bottom:1px solid var(--line)}.table-wrap td{padding:12px 8px;border-bottom:1px solid #eee5dc;vertical-align:top}.table-wrap td>strong,.table-wrap td>small{display:block}.table-wrap td>small{font-size:9px;color:var(--muted);margin-top:2px}.table-wrap a{color:var(--brand);font-weight:800}.stock-list,.lead-list{display:grid}.stock-list>div,.lead-list>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);font-size:10px}.stock-list span,.lead-list span{display:grid}.stock-list strong,.lead-list strong{font-size:11px}.stock-list small,.lead-list small{color:var(--muted)}.stock-list a{color:var(--brand);font-weight:800}.stock-danger{color:#b0382c}.good-stock{display:block!important;color:var(--green);padding:20px 0!important}.dashboard-filter{display:grid;grid-template-columns:1fr 220px 100px;gap:10px;margin-bottom:14px}.product-admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.admin-product-card{display:grid;grid-template-columns:150px 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.admin-product-media{background:#f0e8df;min-height:220px;display:grid;place-items:center}.admin-product-media img{width:100%;height:100%;object-fit:cover}.admin-product-body{padding:18px}.admin-product-head{display:flex;justify-content:space-between;gap:10px}.admin-product-head span{font-size:9px;text-transform:uppercase;color:var(--muted)}.admin-product-head h3{margin:2px 0 12px}.admin-product-head b{font-size:9px;color:var(--brand)}.variant-table{display:grid}.variant-table>div{display:grid;grid-template-columns:50px 70px 1fr auto;gap:6px;padding:7px 0;border-top:1px solid #eee5dc;font-size:10px}.variant-table b{color:#b7382d}.admin-product-actions{display:flex;gap:14px;margin-top:14px}.admin-product-actions a{color:var(--brand);font-size:10px;font-weight:800}.dashboard-order-grid{display:grid;grid-template-columns:1.1fr .55fr;gap:15px;align-items:start}.dashboard-order-grid>div,.dashboard-order-grid>aside{display:grid;gap:14px}.status-form,.otp-form{display:grid;gap:9px;margin-top:12px}.small-note{font-size:10px;color:var(--muted)}.otp-state{display:grid;gap:7px;margin-top:12px}.otp-state>div{display:flex;justify-content:space-between;font-size:10px;border-bottom:1px solid var(--line);padding:7px 0}

/* Search and cart overlays */
.overlay-backdrop{position:fixed;inset:0;background:rgba(18,11,7,.48);z-index:110;opacity:0;visibility:hidden;transition:.25s;backdrop-filter:blur(2px)}.overlay-backdrop.open{opacity:1;visibility:visible}.search-panel{position:fixed;z-index:120;left:50%;top:85px;transform:translate(-50%,-15px);width:min(760px,calc(100% - 32px));max-height:calc(100vh - 110px);background:#fff;border-radius:22px;box-shadow:0 35px 100px rgba(0,0,0,.25);padding:24px;opacity:0;visibility:hidden;transition:.25s;overflow:auto}.search-panel.open{opacity:1;visibility:visible;transform:translate(-50%,0)}.search-head,.drawer-head{display:flex;justify-content:space-between;align-items:flex-start}.search-head h2,.drawer-head h3{font-family:'Playfair Display',serif;font-size:27px;margin:3px 0 15px}.close-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:24px;cursor:pointer}.search-box{height:50px;display:flex;align-items:center;border:1px solid var(--line);border-radius:14px;padding:0 14px;background:#fbf8f4}.search-box svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;margin-right:8px}.search-box input{border:0;outline:0;background:transparent;width:100%}.search-chips{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}.search-chips button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 9px;font-size:10px;cursor:pointer}.search-results{display:grid;gap:7px}.search-card{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:8px}.search-card:hover{border-color:#cbb4a0}.search-card-media{width:62px;height:62px;border-radius:9px;overflow:hidden;background:#f1e9df;display:grid;place-items:center}.search-card-media img{width:100%;height:100%;object-fit:cover}.search-card>div:nth-child(2){display:grid}.search-card small{font-size:8px;text-transform:uppercase;color:var(--muted)}.search-card strong{font-size:12px}.search-card span{font-size:10px;color:var(--muted)}.search-card>b{font-size:12px}.search-empty{padding:30px;text-align:center;display:grid}.search-empty span{color:var(--muted);font-size:11px}.cart-drawer{position:fixed;z-index:120;top:0;right:0;height:100vh;width:min(430px,100%);background:#fff;box-shadow:-30px 0 70px rgba(0,0,0,.18);transform:translateX(100%);transition:.28s;display:grid;grid-template-rows:auto 1fr auto}.cart-drawer.open{transform:translateX(0)}.drawer-head{padding:22px;border-bottom:1px solid var(--line)}.cart-items{overflow:auto;padding:8px 22px}.cart-empty{padding:50px 0;text-align:center;color:var(--muted)}.cart-row{display:grid;grid-template-columns:72px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-row-media{width:72px;height:72px;background:#f2eae1;border-radius:11px;overflow:hidden;display:grid;place-items:center;font-size:9px}.cart-row-media img{width:100%;height:100%;object-fit:cover}.cart-row-info{display:grid;align-content:start}.cart-row-info strong{font-size:12px}.cart-row-info span{font-size:10px;color:var(--muted)}.cart-qty{display:flex;align-items:center;gap:8px;margin-top:8px}.cart-qty button{width:25px;height:25px;border:1px solid var(--line);background:#fff;border-radius:50%;cursor:pointer}.cart-row-price{text-align:right;display:grid;align-content:space-between}.cart-row-price strong{font-size:12px}.cart-row-price button{border:0;background:transparent;color:#a33b31;font-size:9px;cursor:pointer}.drawer-foot{padding:20px 22px 25px;border-top:1px solid var(--line);background:#fbf8f4}.cart-total{display:flex;justify-content:space-between;margin-bottom:7px}.cart-total strong{font-size:20px}.shipping-note{font-size:10px;color:var(--muted);margin:0 0 12px}.toast{position:fixed;z-index:250;bottom:24px;left:50%;transform:translate(-50%,20px);background:#21150f;color:#fff;padding:10px 15px;border-radius:999px;font-size:11px;opacity:0;visibility:hidden;transition:.2s}.toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}.back-top{position:fixed;right:18px;bottom:18px;width:42px;height:42px;border-radius:50%;border:0;background:#2b1b12;color:#fff;box-shadow:var(--shadow-sm);z-index:70;opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s}.back-top.visible{opacity:1;visibility:visible;transform:none}

/* Footer + flashes */
.site-footer{background:#20130d;color:#fff;padding-top:58px}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px;padding-bottom:42px}.footer-logo{width:180px;max-height:55px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}.footer-brand p{color:#cdbeb4;max-width:360px;font-size:12px}.footer-badges{display:flex;gap:6px}.footer-badges span{border:1px solid rgba(255,255,255,.18);padding:5px 8px;border-radius:999px;font-size:9px;color:#d8c8bc}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}.footer-grid h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#ffb67f;margin:0 0 8px}.footer-grid a,.footer-grid span{color:#cdbeb4;font-size:11px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:17px 0;display:flex;justify-content:space-between;font-size:9px;color:#9d8d83}.flash-wrap{position:fixed;top:115px;right:18px;z-index:160;display:grid;gap:8px;max-width:380px}.flash{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 15px;border-radius:12px;font-size:11px}.flash.success{border-left:4px solid var(--green)}.flash.error{border-left:4px solid var(--red)}.flash.info{border-left:4px solid #3a79b8}

/* Reveal motion */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}.reveal.in{opacity:1;transform:none}

@media (max-width:1050px){
  .nav-shell{grid-template-columns:180px 1fr 170px}.nav-links{gap:22px}.product-layout{gap:32px}.gallery-stage{height:520px}.product-grid{grid-template-columns:repeat(2,1fr)}.story-grid{gap:38px}.dashboard-shell{grid-template-columns:180px 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.product-admin-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
  .announcement-center{display:none}.nav-shell{height:68px;grid-template-columns:1fr auto}.brand-logo{width:145px;height:42px}.brand-logo img{max-width:145px;max-height:38px}.nav-links{position:absolute;left:20px;right:20px;top:68px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:15px;padding:10px;display:none;flex-direction:column;gap:0}.nav-links.open{display:flex}.nav-links a{padding:11px 12px;border-radius:9px}.nav-links a:after{display:none}.nav-links a.active{background:#f8efe7;color:var(--brand)}.menu-btn{display:block}.nav-actions{grid-column:2}.hero-home{min-height:610px;height:auto}.hero-home-content{min-height:610px;align-items:center}.hero-proof{left:20px;right:20px;bottom:18px}.hero-proof div{flex:1;padding:12px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.benefit-grid>div:nth-child(2){border-right:0}.benefit-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.story-grid,.product-layout,.contact-layout,.b2b-hero-grid,.b2b-form-layout,.about-grid,.checkout-layout,.order-detail-grid,.dashboard-order-grid{grid-template-columns:1fr}.story-media,.about-media{height:420px}.product-gallery,.order-summary{position:static}.gallery-stage{height:560px}.detail-cards{grid-template-columns:1fr}.fact-grid{grid-template-columns:repeat(2,1fr)}.fact-grid>div:nth-child(2){border-right:0}.fact-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.account-layout{grid-template-columns:1fr}.account-nav-card{position:static}.account-nav-card nav{grid-template-columns:repeat(4,1fr);overflow:auto}.account-nav-card nav a{white-space:nowrap}.account-stats{grid-template-columns:repeat(2,1fr)}.identity-grid{grid-template-columns:1fr}.dashboard-shell{grid-template-columns:1fr}.dashboard-nav{position:static;display:flex;overflow:auto;gap:5px}.dashboard-nav>strong,.dashboard-nav hr{display:none}.dashboard-nav a{white-space:nowrap}.dashboard-grid.two{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.success-order{grid-template-columns:repeat(2,1fr)}.success-order>div:nth-child(2){border-right:0}.success-order>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:600px){
  .container{width:min(100% - 28px,var(--container))}.announcement-inner{min-height:26px}.announcement-inner span:last-child{display:none}.site-header{top:0}.nav-shell{height:64px}.icon-btn{width:36px;height:36px}.icon-btn svg{width:19px;height:19px}.brand-logo{width:128px}.brand-logo img{max-width:128px}.hero-home{min-height:640px}.hero-home-content{min-height:640px;align-items:flex-start;padding-top:95px}.hero-copy h1{font-size:48px}.hero-copy p{font-size:15px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);left:14px;right:14px}.hero-proof div{padding:10px 8px}.hero-proof strong{font-size:15px}.hero-proof span{font-size:8px}.benefit-grid{grid-template-columns:1fr}.benefit-grid>div{border-right:0;border-bottom:1px solid var(--line)!important;padding:15px 10px}.section{padding:58px 0}.section-sm{padding:30px 0 58px}.section-head{display:grid;gap:12px}.section-head h2{font-size:34px}.product-grid{grid-template-columns:1fr;gap:16px}.product-card-media{height:360px}.story-split{padding:58px 0}.story-media,.about-media{height:360px}.story-copy h2,.about-copy h2{font-size:34px}.b2b-feature{padding:28px;display:grid}.page-banner{padding:50px 0 38px}.page-banner.compact{padding:36px 0 30px}.page-banner h1{font-size:40px}.shop-toolbar{grid-template-columns:1fr 1fr}.toolbar-search{grid-column:1/-1}.shop-toolbar .btn{min-height:44px}.gallery-stage{height:420px;border-radius:18px}.gallery-arrow{width:38px;height:38px}.purchase-panel h1{font-size:39px}.trust-mini{grid-template-columns:1fr 1fr 1fr}.trust-mini b{font-size:8px}.fact-grid{grid-template-columns:1fr}.fact-grid>div{border-right:0!important;border-bottom:1px solid var(--line)!important}.fact-grid>div:last-child{border-bottom:0!important}.lightbox-slide{padding:18px}.contact-info-card,.form-card,.account-panel,.order-panel,.dash-panel{padding:20px}.form-grid.two{grid-template-columns:1fr}.span-2{grid-column:auto}.b2b-hero{padding:60px 0}.b2b-hero h1{font-size:48px}.use-grid{grid-template-columns:1fr}.auth-page{padding:30px 14px}.auth-shell{grid-template-columns:1fr}.auth-copy{padding:35px 28px}.auth-copy h1{font-size:39px}.auth-card{padding:30px 24px}.social-auth{grid-template-columns:1fr}.account-hero{padding:30px 0}.account-hero h1{font-size:35px}.account-avatar{width:52px;height:52px}.account-stats{grid-template-columns:repeat(2,1fr);gap:8px}.account-stats>div{padding:13px}.account-stats strong{font-size:20px}.account-nav-card nav{grid-template-columns:1fr 1fr}.panel-head{align-items:flex-start}.address-grid{grid-template-columns:1fr}.security-card{grid-template-columns:1fr}.inline-verify{width:100%}.inline-verify input{flex:1;width:auto}.summary-item{grid-template-columns:52px 1fr auto}.success-card{padding:30px 20px}.success-card h1{font-size:36px}.success-order{grid-template-columns:1fr}.success-order>div{border-right:0;border-bottom:1px solid var(--line)}.success-order>div:last-child{border-bottom:0}.order-title-row{display:grid;gap:12px}.dashboard-hero>.container{display:grid}.dashboard-hero h1{font-size:38px}.dashboard-hero-actions{flex-wrap:wrap}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-filter{grid-template-columns:1fr}.admin-product-card{grid-template-columns:1fr}.admin-product-media{height:260px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{display:grid;gap:5px}.search-panel{top:72px;padding:17px}.cart-drawer{width:100%}.flash-wrap{top:100px;left:14px;right:14px;max-width:none}
}

/* ===== Final business/contact/dashboard refinements ===== */
.contact-intro{padding:42px 0 34px;background:linear-gradient(135deg,#f6eadc 0%,#fffaf5 68%,#f9eee3 100%);border-bottom:1px solid var(--line)}
.contact-intro-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:36px}.contact-intro h1{font-family:'Playfair Display',serif;font-size:clamp(36px,4.2vw,54px);line-height:1.02;letter-spacing:-.04em;margin:7px 0 10px;max-width:780px}.contact-intro p{margin:0;color:var(--muted);max-width:700px}.contact-intro-chips{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.contact-intro-chips span{padding:7px 10px;border:1px solid #dac9ba;border-radius:999px;background:rgba(255,255,255,.75);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.contact-main-section{padding:32px 0 46px}.contact-premium-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;align-items:stretch}.contact-info-premium,.contact-form-premium{padding:28px}.contact-info-premium h2{font-size:32px;margin-bottom:10px}.contact-info-premium>p{font-size:13px;line-height:1.65}.premium-points{gap:13px;margin-top:20px}.premium-points>div>span{width:34px;height:34px}.contact-route-card{margin-top:22px;padding:14px;border-radius:14px;background:linear-gradient(135deg,#fff5ec,#f7eee5);border:1px solid #ead8c9;display:flex;align-items:center;justify-content:space-between;gap:14px}.contact-route-card>div{display:grid}.contact-route-card strong{font-size:12px}.contact-route-card .eyebrow{font-size:8px}.compact-head{margin-bottom:16px}.compact-head h2{font-size:31px}.compact-head p{margin:7px 0 0;color:var(--muted);font-size:12px}.contact-form-grid{gap:12px}.contact-form-premium .form-control,.contact-form-premium .field input:not([type=checkbox]),.contact-form-premium .field select{min-height:44px}.contact-form-premium .field textarea{min-height:88px}.form-submit-row{display:flex;align-items:center;gap:14px;margin-top:3px}.form-submit-row small{color:var(--muted);max-width:380px;font-size:9px}.contact-map-band{padding:44px 0;background:#efe6dc;border-top:1px solid var(--line)}.contact-map-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:28px;align-items:center}.contact-map-grid h2{font-family:'Playfair Display',serif;font-size:34px;line-height:1.08;margin:7px 0 10px}.contact-map-grid p{color:var(--muted);font-size:12px}.map-card{height:280px;border-radius:20px;overflow:hidden;border:1px solid #d9cabc;box-shadow:var(--shadow-sm)}.map-card iframe{width:100%;height:100%;border:0}

.b2b-hero-premium{padding:72px 0}.b2b-hero-premium h1{font-size:clamp(44px,5.2vw,70px);max-width:760px}.b2b-hero-premium p{max-width:720px}.b2b-metrics.premium>div{padding:18px 20px}.b2b-metrics.premium strong{font-size:16px}.b2b-metrics.premium span{max-width:220px;text-align:right}.b2b-use-grid{grid-template-columns:repeat(4,1fr)}.b2b-products-section{background:#fff}.b2b-product-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.b2b-product-mini{display:grid;grid-template-columns:120px 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fbf8f4;transition:.2s}.b2b-product-mini:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:#d0bba8}.b2b-product-image{min-height:170px;background:#efe6dc;display:grid;place-items:center;overflow:hidden}.b2b-product-image img{width:100%;height:100%;object-fit:cover}.b2b-product-mini>div:last-child{padding:18px}.b2b-product-mini span{font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:var(--brand);font-weight:800}.b2b-product-mini h3{font-size:17px;margin:5px 0}.b2b-product-mini p{font-size:11px;color:var(--muted);margin:0 0 12px}.b2b-product-mini b{font-size:10px;color:var(--brand)}.b2b-process-section{background:#2a180e;color:#fff}.b2b-process-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.b2b-process-grid h2{font-family:'Playfair Display',serif;font-size:42px;line-height:1.08;margin:7px 0 12px}.b2b-process-grid>div:first-child p{color:#d6c4b7}.b2b-steps{display:grid}.b2b-steps>div{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.13)}.b2b-steps>b,.b2b-steps>div>b{color:#ff9b50;font-size:11px}.b2b-steps span{display:grid}.b2b-steps strong{font-size:14px}.b2b-steps small{color:#cdb9aa}.b2b-form-layout-premium{grid-template-columns:.82fr 1.18fr;gap:34px}.b2b-form-copy{position:sticky;top:125px}.b2b-form-card{padding:28px}.b2b-trust-note{display:grid;gap:3px;border:1px solid #dac8b9;background:#fff7ef;border-radius:14px;padding:14px;font-size:11px}.b2b-trust-note a{color:var(--brand);font-weight:800}

/* Dashboard management screens */
.admin-form-panel,.admin-subsection{padding:24px}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.dashboard-edit-form .field textarea{min-height:100px}.admin-form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.admin-add-box{margin-top:18px;padding:18px;border:1px dashed #d4c1b0;border-radius:15px;background:#fbf7f2}.variant-admin-list{display:grid;gap:7px}.variant-admin-row{display:grid;grid-template-columns:90px 110px 110px 90px 90px 80px 90px;gap:8px;align-items:end;padding:12px;background:#faf7f3;border:1px solid #eadfd4;border-radius:13px}.variant-admin-row .field{gap:4px}.variant-admin-row .field label{font-size:8px}.variant-admin-row .form-control{min-height:38px;padding:0 9px}.variant-check{display:flex;align-items:center;gap:5px;min-height:38px;font-size:10px;font-weight:700}.inline-delete-form{text-align:right;margin:-3px 5px 4px}.inline-delete-form button,.admin-gallery-card button{border:0;background:none;color:#ae3a2d;font-size:9px;font-weight:800;cursor:pointer}.variant-add-grid{display:grid;grid-template-columns:repeat(6,1fr) auto;gap:9px;align-items:end;margin-top:10px}.gallery-add-grid{display:grid;grid-template-columns:1.4fr 1fr 120px auto;gap:10px;align-items:end;margin-top:10px}.admin-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.admin-gallery-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.admin-gallery-card img{width:100%;height:155px;object-fit:cover;background:#f0e8df}.admin-gallery-card>div,.admin-gallery-card>span{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;font-size:9px;font-weight:700}.admin-gallery-card.main{box-shadow:inset 0 0 0 2px rgba(239,77,19,.18)}.media-order-note{margin-top:15px;background:#f4eee8;border-radius:12px;padding:12px;display:grid;gap:2px;font-size:10px}.media-order-note span{color:var(--muted)}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:20px;border-color:#edc7c0;background:#fff9f8}.danger-zone h3{margin:4px 0}.danger-zone p{margin:0;color:var(--muted);font-size:11px}.hero-admin-preview{margin-top:15px;border-radius:16px;overflow:hidden;background:#21150f;min-height:260px;display:grid;place-items:center}.hero-admin-preview img,.hero-admin-preview video{width:100%;height:360px;object-fit:cover}.lead-status-form select{border:1px solid #d8c9bc;background:#fff;border-radius:9px;padding:7px 9px;font-size:10px}.admin-product-meta{display:flex;gap:12px;margin-top:10px;color:var(--muted);font-size:9px}.admin-action-primary{background:#fff0e6;padding:7px 9px;border-radius:9px}.admin-empty-media{text-align:center;color:var(--muted);font-weight:800}.admin-empty-media small{font-weight:500}.customer-metrics .metric-word{font-size:17px}.customer-address-list{display:grid;gap:10px}.customer-address-list>div{border:1px solid var(--line);border-radius:13px;padding:13px}.customer-address-list span,.customer-address-list p{display:block;color:var(--muted);font-size:10px;margin:3px 0}.order-admin-keyvals{display:grid;gap:7px;margin-top:10px}.order-admin-keyvals>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0;font-size:10px}.verification-inline{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.verification-inline span{font-size:8px;padding:5px 7px;border-radius:999px;background:#f3e6e3;color:#9b3b30}.verification-inline span.ok{background:#e5f4eb;color:#247351}

@media (max-width:1050px){
  .b2b-use-grid{grid-template-columns:repeat(2,1fr)}.b2b-product-strip{grid-template-columns:1fr}.variant-admin-row{grid-template-columns:repeat(4,1fr)}.variant-add-grid{grid-template-columns:repeat(3,1fr)}.gallery-add-grid{grid-template-columns:1fr 1fr}.admin-gallery-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
  .contact-intro-inner{display:grid}.contact-intro-chips{justify-content:flex-start}.contact-premium-grid,.contact-map-grid,.b2b-process-grid,.b2b-form-layout-premium{grid-template-columns:1fr}.b2b-form-copy{position:static}.b2b-product-mini{grid-template-columns:110px 1fr}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .span-2{grid-column:auto}.admin-gallery-grid{grid-template-columns:repeat(2,1fr)}.variant-admin-row{grid-template-columns:repeat(3,1fr)}.variant-add-grid{grid-template-columns:repeat(2,1fr)}.gallery-add-grid{grid-template-columns:1fr}.danger-zone{align-items:flex-start;flex-direction:column}
}
@media (max-width:600px){
  .contact-intro{padding:30px 0 24px}.contact-intro h1{font-size:36px}.contact-main-section{padding:20px 0 34px}.contact-info-premium,.contact-form-premium{padding:20px}.contact-route-card{align-items:flex-start;flex-direction:column}.form-submit-row{align-items:flex-start;flex-direction:column}.map-card{height:240px}.b2b-hero-premium{padding:48px 0}.b2b-hero-premium h1{font-size:43px}.b2b-use-grid{grid-template-columns:1fr}.b2b-product-mini{grid-template-columns:90px 1fr}.b2b-product-image{min-height:150px}.b2b-process-grid h2{font-size:34px}.variant-admin-row,.variant-add-grid{grid-template-columns:1fr 1fr}.variant-admin-row .btn{grid-column:1/-1}.admin-gallery-grid{grid-template-columns:1fr 1fr}.hero-admin-preview img,.hero-admin-preview video{height:240px}
}
/* Keep the supplied transparent PNG logo in its original brand colours everywhere. */
.footer-logo{filter:none;background:transparent}
.brand-logo,.brand-logo img,.footer-logo{background:transparent}
.state-page{min-height:65vh;display:grid;place-items:center;padding:70px 0;background:radial-gradient(circle at 50% 0,#fff8ef,#f4ede5)}.state-card{width:min(650px,100%);text-align:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:48px;box-shadow:var(--shadow)}.state-card h1{font-family:'Playfair Display',serif;font-size:42px;line-height:1.05;margin:8px 0 12px}.state-card p{color:var(--muted);max-width:500px;margin:0 auto 24px}.state-card .hero-actions{justify-content:center}.state-code{display:block;font-size:12px;font-weight:800;color:#b9a99c;letter-spacing:.16em;margin-bottom:4px}
.btn.is-loading{pointer-events:none;opacity:.72}.btn.is-loading:after{content:'';width:13px;height:13px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:hkspin .65s linear infinite}@keyframes hkspin{to{transform:rotate(360deg)}}
@media(max-width:600px){.state-card{padding:34px 22px}.state-card h1{font-size:35px}}

/* ================================================================
   HK SPICES — FRONTEND POLISH LAYER
   UI / elevation / motion only. Backend and commerce logic untouched.
   ================================================================ */
:root{
  --hk-ease:cubic-bezier(.22,.75,.25,1);
  --hk-shadow-lift:0 30px 74px rgba(54,28,12,.16),0 8px 24px rgba(54,28,12,.08);
  --hk-shadow-card:0 16px 44px rgba(54,28,12,.09),0 2px 10px rgba(54,28,12,.04);
  --hk-glow:rgba(239,77,19,.18);
}

::selection{background:rgba(239,77,19,.18);color:var(--ink)}
body{background:
  radial-gradient(circle at 10% 14%,rgba(255,139,37,.055),transparent 24rem),
  radial-gradient(circle at 92% 38%,rgba(197,51,16,.04),transparent 28rem),
  var(--paper)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9990;opacity:.13;background-image:linear-gradient(rgba(70,38,18,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(70,38,18,.024) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,black 16%,black 84%,transparent)}

/* progress + subtle pointer aura are inserted by app.js */
.hk-scroll-progress{position:fixed;z-index:9998;top:0;left:0;height:3px;width:100%;pointer-events:none;background:linear-gradient(90deg,#c93413,#ef4d13,#ff9418);transform:scaleX(0);transform-origin:left center;box-shadow:0 2px 12px rgba(239,77,19,.34)}
.hk-pointer-aura{position:fixed;z-index:0;width:300px;height:300px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(239,77,19,.07),rgba(255,151,47,.025) 42%,transparent 70%);filter:blur(7px);transform:translate3d(-50%,-50%,0);opacity:0;transition:opacity .35s ease;will-change:left,top}.hk-pointer-aura.visible{opacity:1}
body>main,body>.site-footer{position:relative;z-index:1}.site-header{z-index:80}.overlay-backdrop,.search-panel,.cart-drawer{z-index:120}.toast{z-index:250}.back-top{z-index:70}.flash-wrap{z-index:160}

/* Header: same structure, richer depth */
.site-header{background:rgba(251,248,243,.88);backdrop-filter:blur(20px) saturate(1.12);-webkit-backdrop-filter:blur(20px) saturate(1.12);transition:background .32s var(--hk-ease),box-shadow .32s var(--hk-ease),border-color .32s var(--hk-ease)}
.site-header.scrolled{background:rgba(251,248,243,.965);border-color:rgba(92,53,28,.11);box-shadow:0 16px 44px rgba(49,28,14,.10)}
.nav-shell{height:80px;grid-template-columns:240px 1fr 220px}
.brand-logo{width:198px;height:60px;overflow:visible;transition:transform .28s var(--hk-ease),filter .28s ease}
.brand-logo img{max-width:198px;max-height:57px;width:auto;height:auto;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 10px rgba(173,28,10,.08))}
.brand-logo:hover{transform:translateY(-2px) scale(1.012)}
.nav-links a{transition:color .22s ease,transform .22s var(--hk-ease)}
.nav-links a:hover{color:#bc3212;transform:translateY(-1px)}
.nav-links a:after{height:2px;border-radius:99px;background:linear-gradient(90deg,#d63711,#ff7a19);box-shadow:0 2px 8px rgba(239,77,19,.22);transition:width .28s var(--hk-ease)}
.icon-btn{transition:transform .24s var(--hk-ease),background .24s ease,box-shadow .24s ease}
.icon-btn:hover{transform:translateY(-2px);background:#fff3e9;box-shadow:0 8px 20px rgba(76,42,20,.08)}

/* Buttons: polish, not a redesign */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .24s var(--hk-ease),box-shadow .28s ease,background .24s ease,border-color .24s ease}
.btn:before{content:'';position:absolute;z-index:-1;top:-45%;bottom:-45%;left:-38%;width:25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);filter:blur(3px);transform:translateX(-160%) skewX(-20deg);pointer-events:none}
.btn:hover{transform:translateY(-2px)}
.btn:hover:before{animation:hkSweep .85s ease both}
.btn-primary{box-shadow:0 14px 34px rgba(239,77,19,.22),inset 0 1px rgba(255,255,255,.2)}
.btn-primary:hover{box-shadow:0 20px 45px rgba(239,77,19,.30),0 0 0 4px rgba(239,77,19,.07)}
.btn-dark:hover{box-shadow:0 16px 36px rgba(33,22,15,.2)}
.btn-glass:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.58);box-shadow:0 12px 35px rgba(0,0,0,.15)}
.text-arrow{position:relative;display:inline-flex;align-items:center;gap:5px}.text-arrow:after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--brand);transition:right .25s var(--hk-ease)}.text-arrow:hover:after{right:0}

/* Hero: retain media + backend controls; restore a bolder scale */
.hero-home{height:min(790px,82vh);min-height:650px;isolation:isolate}
.hero-media{transform:scale(1.015);animation:hkHeroBreath 18s ease-in-out infinite alternate;will-change:transform}
.hero-home:before{content:'';position:absolute;z-index:1;right:-170px;bottom:-240px;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(255,128,33,.28),rgba(220,54,15,.08) 45%,transparent 72%);filter:blur(9px);pointer-events:none;animation:hkOrbFloat 9s ease-in-out infinite alternate}
.hero-home:after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:radial-gradient(circle at 78% 23%,rgba(255,219,174,.14),transparent 18%),linear-gradient(118deg,transparent 60%,rgba(255,137,35,.05) 78%,transparent 92%)}
.hero-shade,.hero-home-content{z-index:2}.hero-shade{z-index:1}
.hero-copy{max-width:760px;padding-top:26px}
.hero-copy h1{font-size:clamp(58px,7.1vw,96px);line-height:.96;letter-spacing:-.05em;max-width:830px;text-shadow:0 8px 30px rgba(0,0,0,.18)}
.hero-copy p{font-size:19px;line-height:1.7;max-width:650px}
.hero-copy>*{opacity:0;transform:translateY(22px);animation:hkIntro .8s var(--hk-ease) forwards}.hero-copy>*:nth-child(1){animation-delay:.08s}.hero-copy>*:nth-child(2){animation-delay:.18s}.hero-copy>*:nth-child(3){animation-delay:.29s}.hero-copy>*:nth-child(4){animation-delay:.4s}
.hero-proof{bottom:42px;border-color:rgba(255,255,255,.18);background:rgba(24,12,5,.48);box-shadow:0 20px 55px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px) saturate(1.08)}
.hero-proof div{transition:background .25s ease,transform .25s var(--hk-ease)}.hero-proof div:hover{background:rgba(255,255,255,.07);transform:translateY(-2px)}

/* Homepage section scale restored */
.section{padding:92px 0}.section-sm{padding:52px 0 92px}
.section-head{margin-bottom:40px}.section-head h2,.story-copy h2,.b2b-feature h2,.about-copy h2{font-size:clamp(38px,4.25vw,60px);line-height:1.04;letter-spacing:-.038em}.section-head>p{font-size:15px;line-height:1.72}
.home-products{position:relative}.home-products:before{content:'';position:absolute;right:3%;top:5%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(255,141,30,.07),transparent 67%);pointer-events:none}

/* Benefit strip */
.benefit-grid>div{position:relative;transition:transform .25s var(--hk-ease),background .25s ease,box-shadow .25s ease}.benefit-grid>div:hover{z-index:2;background:#fffaf5;transform:translateY(-3px);box-shadow:0 14px 28px rgba(58,31,15,.07)}
.benefit-grid strong{font-size:14px}.benefit-grid small{font-size:12px}

/* Product cards: deeper but still clean */
.product-grid{gap:28px}
.product-card{position:relative;border-color:rgba(100,62,34,.10);box-shadow:0 8px 28px rgba(54,28,12,.045);transform-style:preserve-3d;transition:transform .38s var(--hk-ease),box-shadow .38s var(--hk-ease),border-color .3s ease}
.product-card:hover{transform:translateY(-9px);box-shadow:var(--hk-shadow-lift);border-color:rgba(193,94,40,.28)}
.product-card-media{height:350px}
.product-card-media:after{content:'';position:absolute;inset:-40% auto -40% -35%;width:26%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);transform:translateX(-180%) skewX(-18deg);pointer-events:none}
.product-card:hover .product-card-media:after{animation:hkMediaSweep 1s ease}
.product-card-media img{transition:transform .75s var(--hk-ease),filter .45s ease}.product-card:hover .product-card-media img{transform:scale(1.055);filter:saturate(1.04) contrast(1.015)}
.product-card-body{padding:22px 22px 23px}.product-card-title{font-size:22px;letter-spacing:-.015em}.product-card-body p{font-size:14px;line-height:1.55}
.discount-badge,.feature-badge{backdrop-filter:blur(10px)}.feature-badge{background:rgba(255,255,255,.91)}
.quick-add{box-shadow:0 8px 18px rgba(35,22,14,.15);transition:transform .25s var(--hk-ease),background .25s ease,box-shadow .25s ease}.quick-add:hover{transform:translateY(-2px) rotate(4deg) scale(1.06);box-shadow:0 12px 25px rgba(239,77,19,.24)}

/* Story */
.story-split{position:relative;overflow:hidden;background:linear-gradient(145deg,#21120b,#341d11 64%,#2b170d)}
.story-split:before{content:'';position:absolute;left:-180px;top:-160px;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(255,129,37,.12),transparent 68%);pointer-events:none}
.story-media{box-shadow:0 36px 75px rgba(0,0,0,.27);transform:translateZ(0)}.story-media img{transition:transform 1s var(--hk-ease)}.story-media:hover img{transform:scale(1.035)}
.story-points>div{transition:transform .25s var(--hk-ease),background .25s ease;padding-left:0}.story-points>div:hover{transform:translateX(7px);background:linear-gradient(90deg,rgba(255,255,255,.035),transparent);padding-left:8px}

/* Restored flavour section */
.section-flavour{padding-top:96px;padding-bottom:48px}
.premium-flavour-board{position:relative;overflow:hidden;display:grid;grid-template-columns:.82fr 1.38fr;gap:58px;align-items:center;background:linear-gradient(135deg,#2a130b 0%,#451a0d 58%,#351208 100%);color:#fff;border-radius:30px;padding:58px 60px;box-shadow:0 30px 80px rgba(58,22,8,.18),inset 0 1px rgba(255,255,255,.06)}
.premium-flavour-board:before{content:'';position:absolute;right:-100px;top:-130px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(255,115,29,.19),transparent 69%);pointer-events:none}.premium-flavour-board:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 45%,rgba(255,255,255,.025) 55%,transparent 65%)}
.flavour-intro,.flavour-list-premium{position:relative;z-index:1}.flavour-intro h2{font-family:'Playfair Display',serif;font-size:clamp(38px,4.1vw,56px);line-height:1.04;letter-spacing:-.035em;margin:8px 0 16px}.flavour-intro p{color:#d9c6b8;line-height:1.75;margin:0;max-width:470px}
.flavour-list-premium{display:grid}.flavour-row-premium{display:grid;grid-template-columns:185px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.13);transition:transform .28s var(--hk-ease)}.flavour-row-premium:last-child{border-bottom:0}.flavour-row-premium:hover{transform:translateX(5px)}.flavour-row-premium>div:first-child{display:grid;align-content:center;gap:4px}.flavour-row-premium>div:first-child span{font-size:9px;letter-spacing:.13em;color:#ff9850;font-weight:800}.flavour-row-premium>div:first-child strong{font-family:'Playfair Display',serif;font-size:19px}.flavour-tags-premium{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.flavour-tags-premium span{min-height:45px;display:flex;align-items:center;justify-content:center;padding:9px 10px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);border-radius:13px;text-align:center;font-size:11px;color:#eadbd0;transition:transform .25s var(--hk-ease),background .25s ease,border-color .25s ease}.flavour-tags-premium span:hover{transform:translateY(-3px);background:rgba(255,255,255,.09);border-color:rgba(255,171,105,.38)}

/* Restored approach cards */
.hk-approach-section{padding-top:72px}.approach-head>p{max-width:510px}.hk-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.hk-process-card{position:relative;overflow:hidden;min-height:280px;background:linear-gradient(160deg,#fff,#fbf5ee);border:1px solid rgba(112,70,39,.12);border-radius:21px;padding:0;box-shadow:0 12px 38px rgba(54,28,12,.055);transition:transform .35s var(--hk-ease),box-shadow .35s var(--hk-ease),border-color .3s ease}.hk-process-card:hover{transform:translateY(-8px);box-shadow:var(--hk-shadow-card);border-color:rgba(204,91,34,.25)}.hk-process-bg,.hk-process-overlay{position:absolute;inset:0;pointer-events:none}.hk-process-bg{background-image:var(--card-image);background-size:cover;background-position:var(--card-position,center);opacity:.14;transform:scale(1.03);transition:transform .55s var(--hk-ease),opacity .35s ease,filter .35s ease;filter:saturate(.95)}.hk-process-overlay{background:linear-gradient(180deg,rgba(17,10,6,.04) 0%,rgba(17,10,6,.10) 45%,rgba(17,10,6,.78) 100%);opacity:0;transition:opacity .35s ease}.hk-process-content{position:relative;z-index:1;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;padding:25px 24px}.hk-process-card h3{font-family:'Playfair Display',serif;font-size:22px;line-height:1.12;margin:0 0 10px;transition:color .3s ease}.hk-process-card p{font-size:13px;line-height:1.67;color:var(--muted);margin:0;transition:color .3s ease}.hk-process-card:hover .hk-process-bg{opacity:1;transform:scale(1.09);filter:saturate(1.02)}.hk-process-card:hover .hk-process-overlay{opacity:1}.hk-process-card:hover h3,.hk-process-card:hover p{color:#fff}

/* B2B CTA keeps content; elevation only */
.b2b-feature{position:relative;overflow:hidden;box-shadow:0 26px 65px rgba(198,62,13,.22);transition:transform .35s var(--hk-ease),box-shadow .35s var(--hk-ease)}.b2b-feature:after{content:'';position:absolute;right:-80px;top:-130px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 68%);pointer-events:none}.b2b-feature:hover{transform:translateY(-4px);box-shadow:0 34px 80px rgba(198,62,13,.27)}.b2b-feature>*{position:relative;z-index:1}

/* Product detail UI only */
.gallery-stage{box-shadow:0 24px 62px rgba(48,27,14,.10);transition:box-shadow .35s ease,border-color .35s ease}.gallery-stage:hover{box-shadow:0 32px 80px rgba(48,27,14,.14);border-color:rgba(200,101,48,.22)}
.gallery-slide{transition:opacity .5s ease,visibility .5s ease}.gallery-slide img{transition:transform .7s var(--hk-ease)}.gallery-slide.active:hover img{transform:scale(1.015)}
.media-thumb{transition:transform .24s var(--hk-ease),box-shadow .24s ease,border-color .24s ease}.media-thumb:hover{transform:translateY(-3px);box-shadow:0 9px 20px rgba(54,28,12,.10)}.media-thumb.active{border-color:var(--brand);box-shadow:0 0 0 3px rgba(239,77,19,.09)}
.purchase-panel{border-radius:24px}.size-pills button,.qty-control{transition:transform .22s var(--hk-ease),box-shadow .22s ease,border-color .22s ease}.size-pills button:hover{transform:translateY(-2px);box-shadow:0 9px 18px rgba(54,28,12,.07)}
.trust-mini div,.detail-cards article,.fact-grid{transition:transform .28s var(--hk-ease),box-shadow .28s ease,border-color .28s ease}.trust-mini div:hover,.detail-cards article:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm);border-color:rgba(202,104,54,.22)}
.lightbox{backdrop-filter:blur(9px)}

/* Forms / Contact / B2B / Account / Dashboard: no data or layout changes */
.contact-info-card,.form-card,.order-panel,.account-panel,.dash-panel,.contact-info-premium,.contact-form-premium,.b2b-form-card,.admin-form-panel,.admin-subsection,.account-nav-card,.security-card,.address-card{box-shadow:0 14px 42px rgba(52,29,15,.055);transition:box-shadow .32s ease,border-color .32s ease,transform .32s var(--hk-ease)}
.contact-info-card:hover,.contact-info-premium:hover,.contact-form-premium:hover,.b2b-form-card:hover{box-shadow:0 22px 58px rgba(52,29,15,.09);border-color:rgba(183,99,51,.22)}
.form-control,.field input:not([type=checkbox]),.field select,.field textarea,.inline-verify input,.status-form select,.otp-form input,.dashboard-filter input,.dashboard-filter select{transition:border-color .23s ease,box-shadow .23s ease,background .23s ease,transform .23s var(--hk-ease)}
.form-control:focus,.field input:focus,.field select:focus,.field textarea:focus,.inline-verify input:focus{border-color:rgba(214,85,25,.62);box-shadow:0 0 0 4px rgba(239,77,19,.075),0 10px 25px rgba(54,28,12,.045);background:#fffdfb}
.contact-route-card,.b2b-product-mini,.map-card{transition:transform .3s var(--hk-ease),box-shadow .3s ease,border-color .3s ease}.contact-route-card:hover,.b2b-product-mini:hover,.map-card:hover{transform:translateY(-4px);box-shadow:var(--hk-shadow-card);border-color:rgba(196,96,42,.22)}
.b2b-use-grid article,.use-grid article{transition:transform .32s var(--hk-ease),box-shadow .32s ease,border-color .32s ease}.b2b-use-grid article:hover,.use-grid article:hover{transform:translateY(-7px);box-shadow:var(--hk-shadow-card);border-color:rgba(196,96,42,.23)}
.metric-grid>article,.metric-grid>div,.account-stats>div{transition:transform .3s var(--hk-ease),box-shadow .3s ease,border-color .3s ease}.metric-grid>article:hover,.metric-grid>div:hover,.account-stats>div:hover{transform:translateY(-5px);box-shadow:var(--hk-shadow-card)}

/* Drawers / search */
.overlay-backdrop{backdrop-filter:blur(3px);transition:opacity .3s ease,visibility .3s ease}.search-panel{box-shadow:0 30px 90px rgba(31,18,10,.16);transition:transform .35s var(--hk-ease),opacity .3s ease}.cart-drawer{box-shadow:-34px 0 85px rgba(0,0,0,.20);transition:transform .36s var(--hk-ease)}
.search-card{transition:transform .24s var(--hk-ease),background .24s ease,box-shadow .24s ease}.search-card:hover{transform:translateY(-2px);box-shadow:0 9px 24px rgba(54,28,12,.07)}
.cart-row{transition:background .22s ease}.cart-row:hover{background:#fffaf6}
.toast{box-shadow:0 16px 45px rgba(26,15,9,.23)}

/* Reveal gets a more premium blur/scale, without changing content */
.reveal{opacity:0;transform:translateY(24px) scale(.992);filter:blur(4px);transition:opacity .72s var(--hk-ease),transform .72s var(--hk-ease),filter .72s var(--hk-ease)}.reveal.in{opacity:1;transform:none;filter:blur(0)}
.product-grid .reveal:nth-child(2),.hk-process-grid .reveal:nth-child(2){transition-delay:.06s}.product-grid .reveal:nth-child(3),.hk-process-grid .reveal:nth-child(3){transition-delay:.12s}.hk-process-grid .reveal:nth-child(4){transition-delay:.18s}

/* Footer: same links and logo, stronger finish */
.site-footer{position:relative;overflow:hidden;background:linear-gradient(145deg,#1b0e09,#28150d 70%,#1d0e08);padding-top:64px;box-shadow:inset 0 1px rgba(255,255,255,.035)}.site-footer:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,133,54,.55),transparent)}.site-footer:after{content:'';position:absolute;right:-160px;top:-180px;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(239,77,19,.10),transparent 70%);pointer-events:none}.footer-grid,.footer-bottom{position:relative;z-index:1}.footer-logo{width:210px;max-height:76px;object-fit:contain;object-position:left center;filter:none!important;transition:transform .3s var(--hk-ease),filter .3s ease}.footer-logo:hover{transform:translateY(-3px);filter:drop-shadow(0 8px 16px rgba(255,72,30,.16))!important}.footer-grid a{position:relative;width:max-content;max-width:100%;transition:color .22s ease,transform .22s var(--hk-ease)}.footer-grid a:hover{transform:translateX(3px);color:#fff}.footer-badges span{transition:background .22s ease,border-color .22s ease,transform .22s var(--hk-ease)}.footer-badges span:hover{background:rgba(255,255,255,.07);border-color:rgba(255,178,123,.34);transform:translateY(-2px)}

/* Motion */
@keyframes hkSweep{from{transform:translateX(-160%) skewX(-20deg)}to{transform:translateX(620%) skewX(-20deg)}}
@keyframes hkMediaSweep{from{transform:translateX(-180%) skewX(-18deg)}to{transform:translateX(650%) skewX(-18deg)}}
@keyframes hkHeroBreath{0%{transform:scale(1.015)}100%{transform:scale(1.055)}}
@keyframes hkOrbFloat{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(-28px,-18px,0)}}
@keyframes hkIntro{to{opacity:1;transform:none}}

/* Responsive refinements for the polish layer */
@media(max-width:1050px){
  .nav-shell{grid-template-columns:205px 1fr 180px}.brand-logo{width:180px}.brand-logo img{max-width:180px;max-height:54px}
  .hero-copy h1{font-size:clamp(54px,7vw,78px)}
  .premium-flavour-board{grid-template-columns:1fr;gap:34px;padding:48px}.flavour-row-premium{grid-template-columns:170px 1fr}.hk-process-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .nav-shell{height:70px;grid-template-columns:1fr auto}.brand-logo{width:160px;height:54px}.brand-logo img{max-width:160px;max-height:50px}
  .hero-home{min-height:650px;height:auto}.hero-home-content{min-height:650px}.hero-copy h1{font-size:clamp(50px,10vw,70px)}
  .section{padding:76px 0}.section-head h2,.story-copy h2,.b2b-feature h2,.about-copy h2{font-size:clamp(35px,7vw,50px)}
  .premium-flavour-board{padding:42px 34px}.flavour-row-premium{grid-template-columns:1fr;gap:12px}.flavour-tags-premium{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
  body:before,.hk-pointer-aura{display:none!important}.hk-scroll-progress{height:2px}
  .nav-shell{height:66px}.brand-logo{width:146px;height:50px}.brand-logo img{max-width:146px;max-height:47px}
  .hero-home{min-height:650px}.hero-home-content{min-height:650px;padding-top:82px}.hero-copy{padding-top:0}.hero-copy h1{font-size:50px;line-height:.98}.hero-copy p{font-size:16px;line-height:1.6}.hero-proof{bottom:16px}
  .section{padding:64px 0}.section-sm{padding:38px 0 64px}.section-head h2,.story-copy h2,.b2b-feature h2,.about-copy h2{font-size:36px}.product-card-media{height:365px}.product-card-title{font-size:21px}
  .section-flavour{padding-top:68px;padding-bottom:30px}.premium-flavour-board{padding:32px 22px;border-radius:24px}.flavour-intro h2{font-size:36px}.flavour-tags-premium{grid-template-columns:1fr 1fr}.flavour-tags-premium span{min-height:43px;font-size:10px}.hk-process-grid{grid-template-columns:1fr}.hk-process-card,.hk-process-content{min-height:240px}.site-footer{padding-top:54px}.footer-logo{width:190px;max-height:70px}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-media{animation:none!important}.reveal{filter:none!important;transform:none!important;opacity:1!important}
}

/* Header logo vertical alignment correction — frontend only. */
@media (min-width: 901px){
  .site-header .brand-logo{position:relative;top:-7px;}
}
@media (max-width: 900px){
  .site-header .brand-logo{position:relative;top:-4px;}
}

/* === 2026-09-16 visual correction: hero position + readable typography === */
/* Home hero: keep the same media/slider logic, only move the copy higher. */
@media (min-width: 821px){
  .hero-home-content{
    align-items:flex-start;
    padding-top:64px;
  }
  .hero-copy{
    padding-top:0;
  }
}

/* Make the four value points readable at normal desktop distance. */
.benefit-grid strong{
  font-size:16px;
  line-height:1.35;
}
.benefit-grid small{
  font-size:13.5px;
  line-height:1.55;
}
.benefit-grid>div{
  padding-top:24px;
  padding-bottom:24px;
}

/* Contact page: same layout and fields, only stronger visual scale/readability. */
.contact-info-premium,
.contact-form-premium{
  padding:34px;
}
.contact-info-premium h2{
  font-size:40px;
  line-height:1.08;
  margin:10px 0 14px;
}
.contact-info-premium>p{
  font-size:15px;
  line-height:1.72;
}
.premium-points{
  gap:17px;
  margin-top:24px;
}
.premium-points>div>span{
  width:40px;
  height:40px;
  font-size:14px;
}
.contact-points strong{
  font-size:15px;
  line-height:1.35;
}
.contact-points small{
  font-size:13.5px;
  line-height:1.5;
}
.contact-route-card{
  padding:17px;
}
.contact-route-card strong{
  font-size:14px;
}
.contact-route-card .eyebrow{
  font-size:9px;
}
.compact-head h2{
  font-size:39px;
  line-height:1.08;
}
.compact-head p{
  font-size:14px;
  line-height:1.55;
}
.contact-form-premium .field label{
  font-size:13px;
}
.contact-form-premium .form-control,
.contact-form-premium .field input:not([type=checkbox]),
.contact-form-premium .field select{
  min-height:48px;
  font-size:15px;
}
.contact-form-premium .field textarea{
  min-height:104px;
  font-size:15px;
}
.form-submit-row small{
  font-size:11.5px;
  line-height:1.45;
}
.contact-map-grid h2{
  font-size:39px;
}
.contact-map-grid p{
  font-size:14px;
  line-height:1.65;
}

@media (max-width: 820px){
  .hero-home-content{
    align-items:flex-start;
    padding-top:54px;
  }
  .hero-copy{padding-top:0}
  .benefit-grid strong{font-size:15px}
  .benefit-grid small{font-size:13px}
  .contact-info-premium,.contact-form-premium{padding:24px}
  .contact-info-premium h2{font-size:34px}
  .compact-head h2{font-size:34px}
}

@media (max-width: 600px){
  .hero-home-content{padding-top:40px}
  .contact-info-premium>p{font-size:14px}
  .contact-points strong{font-size:14px}
  .contact-points small{font-size:12.5px}
  .contact-form-premium .field label{font-size:12px}
}

/* =========================================================
   FINAL FRONTEND SCALE + ELEVATION PASS
   Visual-only layer: no backend, cart, order, admin or media logic.
   Target: large premium typography + clearly visible depth/motion.
   ========================================================= */

:root{
  --hk-final-ease:cubic-bezier(.16,1,.3,1);
  --hk-final-shadow:0 20px 52px rgba(55,28,12,.11),0 2px 10px rgba(55,28,12,.045);
  --hk-final-shadow-lg:0 34px 82px rgba(52,24,9,.18),0 10px 28px rgba(52,24,9,.08);
  --hk-final-shadow-dark:0 34px 86px rgba(14,7,3,.34),0 8px 24px rgba(14,7,3,.18);
}

/* Stronger visual presence without changing the layout/content structure. */
body:not([data-page="dashboard"]){
  font-size:16px;
  background:
    radial-gradient(circle at 8% 16%,rgba(240,116,24,.055),transparent 28%),
    radial-gradient(circle at 92% 40%,rgba(190,43,18,.04),transparent 30%),
    #fbf7f1;
}

body:not([data-page="dashboard"]) .announcement{font-size:11.5px;letter-spacing:.08em}
body:not([data-page="dashboard"]) .nav-links{font-size:15px;font-weight:750}
body:not([data-page="dashboard"]) .text-arrow{font-size:14px}
body:not([data-page="dashboard"]) .eyebrow{font-size:11px;letter-spacing:.16em}
body:not([data-page="dashboard"]) .btn{min-height:50px;padding:0 24px;font-size:15px;font-weight:800}
body:not([data-page="dashboard"]) .btn-small{min-height:42px;padding:0 18px;font-size:13px}

/* Header: obvious but refined elevation, stronger after scroll. */
.site-header{
  background:rgba(253,249,244,.94);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
  backdrop-filter:blur(18px) saturate(125%);
  box-shadow:0 10px 30px rgba(48,27,15,.055);
  transition:background .35s ease,box-shadow .35s var(--hk-final-ease),border-color .35s ease;
}
.site-header.scrolled{
  background:rgba(253,249,244,.985);
  box-shadow:0 20px 55px rgba(48,27,15,.13),0 4px 14px rgba(48,27,15,.05);
}
.icon-btn{transition:transform .26s var(--hk-final-ease),background .25s ease,box-shadow .25s ease,color .25s ease}
.icon-btn:hover{transform:translateY(-3px);background:#fff;box-shadow:0 10px 24px rgba(54,29,14,.10);color:var(--brand)}

/* HOME HERO — large, high-impact typography like the approved reference screenshot. */
@media (min-width:821px){
  .hero-home{height:min(790px,82vh);min-height:650px}
  .hero-home-content{align-items:flex-start;padding-top:30px;min-height:650px}
  .hero-copy{padding-top:0;max-width:800px}
  .hero-copy h1{
    font-size:clamp(72px,7.35vw,104px);
    line-height:.94;
    letter-spacing:-.052em;
    margin:18px 0 24px;
    max-width:850px;
    text-shadow:0 12px 36px rgba(0,0,0,.24);
  }
  .hero-copy p{font-size:18px;line-height:1.72;max-width:680px;margin-bottom:28px}
  .hero-kicker{font-size:11px;padding:9px 14px}
  .hero-proof{bottom:34px}
}

.hero-kicker{
  background:rgba(24,10,3,.22);
  border-color:rgba(255,255,255,.34);
  -webkit-backdrop-filter:blur(13px);
  backdrop-filter:blur(13px);
  box-shadow:0 10px 28px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.08);
}
.hero-proof{box-shadow:0 22px 58px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.09)}
.hero-proof strong{font-size:22px}.hero-proof span{font-size:12px}

/* Main section typography — intentionally larger/readable. */
body:not([data-page="dashboard"]) .section{padding:92px 0}
body:not([data-page="dashboard"]) .section-sm{padding:60px 0}
body:not([data-page="dashboard"]) .section-head{margin-bottom:42px}
body:not([data-page="dashboard"]) .section-head h2,
body:not([data-page="dashboard"]) .story-copy h2,
body:not([data-page="dashboard"]) .b2b-feature h2,
body:not([data-page="dashboard"]) .about-copy h2{
  font-size:clamp(44px,4.45vw,64px);
  line-height:1.03;
  letter-spacing:-.04em;
}
body:not([data-page="dashboard"]) .section-head>p,
body:not([data-page="dashboard"]) .story-copy>p,
body:not([data-page="dashboard"]) .about-copy>p{font-size:17px;line-height:1.72}

/* Benefit strip: text no longer looks tiny; depth is visible. */
.benefit-strip{position:relative;z-index:4;background:rgba(255,255,255,.95);box-shadow:0 16px 42px rgba(51,27,13,.07)}
.benefit-grid>div{padding:26px 24px;min-height:112px;background:rgba(255,255,255,.96)}
.benefit-grid>div:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(59,31,15,.12);border-radius:12px}
.benefit-grid>div>span{font-size:11px}
.benefit-grid strong{font-size:15.5px;line-height:1.35}
.benefit-grid small{font-size:13.5px;line-height:1.55}

/* Product cards — stronger resting elevation + obvious hover lift/sheen. */
.product-grid{gap:28px}
.product-card{
  border-radius:22px;
  border-color:rgba(103,62,32,.11);
  box-shadow:0 15px 36px rgba(54,28,12,.075),0 3px 10px rgba(54,28,12,.035);
  transform-style:preserve-3d;
  perspective:1100px;
  transition:transform .48s var(--hk-final-ease),box-shadow .48s var(--hk-final-ease),border-color .34s ease;
}
.product-card:hover{
  transform:translateY(-12px) scale(1.008);
  box-shadow:0 38px 78px -18px rgba(46,23,10,.34),0 13px 30px rgba(62,31,13,.12);
  border-color:rgba(197,89,38,.30);
}
.product-card-media{height:360px;box-shadow:inset 0 -1px rgba(255,255,255,.35)}
.product-card-media:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 66%,rgba(20,10,4,.10))}
.product-card-body{padding:23px 23px 24px;transform:translateZ(12px)}
.product-card-title{font-size:23px;line-height:1.2}
.product-card-body p{font-size:14.5px;line-height:1.6;height:auto;min-height:46px}
.product-meta{font-size:10px}.price-stack strong{font-size:22px}.price-stack s{font-size:13px}
.quick-add{width:46px;height:46px;box-shadow:0 10px 25px rgba(30,18,11,.18)}

/* Editorial/story depth. */
.story-split{padding:96px 0}
.story-media{border-radius:30px;box-shadow:var(--hk-final-shadow-dark)}
.story-copy p{font-size:17px;line-height:1.72}
.story-points strong{font-size:16px}.story-points small{font-size:13.5px;line-height:1.5}
.story-points>div:hover{transform:translateX(9px)}

/* Restored flavour + approach sections: visibly premium, not flat. */
.section-flavour{padding-top:104px;padding-bottom:56px}
.premium-flavour-board{
  border-radius:32px;
  padding:64px 64px;
  box-shadow:0 42px 96px rgba(58,22,8,.28),0 12px 35px rgba(58,22,8,.14),inset 0 1px rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.055);
}
.flavour-intro h2{font-size:clamp(42px,4vw,58px);line-height:1.03}
.flavour-intro p{font-size:16.5px;line-height:1.7}
.flavour-row-premium{padding:20px 0}
.flavour-row-premium strong{font-size:18px}
.flavour-tags-premium span{font-size:12px;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.flavour-tags-premium span:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(0,0,0,.18)}

.hk-approach-section{position:relative}
.hk-process-grid{gap:22px}
.hk-process-card{
  background:linear-gradient(180deg,#fff,#fffaf5);
  border:1px solid rgba(112,70,42,.12);
  box-shadow:0 16px 38px rgba(55,29,14,.07);
  transition:transform .42s var(--hk-final-ease),box-shadow .42s var(--hk-final-ease),border-color .3s ease;
}
.hk-process-card:hover{transform:translateY(-10px);box-shadow:var(--hk-final-shadow-lg);border-color:rgba(197,89,38,.26)}
.hk-process-card h3{font-size:22px}.hk-process-card p{font-size:14.5px;line-height:1.65}

.b2b-feature{padding:52px 56px;box-shadow:0 34px 78px rgba(189,61,16,.26),0 9px 24px rgba(108,37,13,.12)}
.b2b-feature p{font-size:16px;line-height:1.7}

/* General page banners and catalogue pages. */
.page-banner{padding:76px 0 66px;box-shadow:inset 0 -1px rgba(104,67,40,.09)}
.page-banner h1{font-size:clamp(56px,5.3vw,78px);line-height:.98;letter-spacing:-.045em;max-width:980px}
.page-banner p{font-size:17px;line-height:1.7}
.shop-toolbar{padding:14px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:var(--hk-final-shadow);border:1px solid rgba(107,66,37,.10)}
.catalog-head{font-size:14px}

/* Product detail page typography + elevated gallery/purchase panel. */
.product-page{padding-top:52px;padding-bottom:70px}
.product-gallery .gallery-stage{border-radius:24px;box-shadow:0 28px 72px rgba(43,23,11,.15),0 7px 22px rgba(43,23,11,.07);border:1px solid rgba(107,66,37,.10)}
.media-thumb{box-shadow:0 7px 18px rgba(50,28,14,.07);transition:transform .26s var(--hk-final-ease),box-shadow .26s ease,border-color .26s ease}
.media-thumb:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(50,28,14,.13)}
.purchase-panel{padding:28px 30px;border-radius:24px;background:rgba(255,255,255,.84);border:1px solid rgba(105,63,35,.10);box-shadow:0 22px 58px rgba(48,25,12,.085);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.purchase-panel h1{font-size:clamp(46px,4.4vw,64px);line-height:1.02;letter-spacing:-.04em}
.product-subtitle{font-size:17px;line-height:1.72}
.price-row strong{font-size:29px}.price-row s{font-size:15px}.price-row span{font-size:13px}
.choice-label strong{font-size:15px}.choice-label span{font-size:12px}.size-pills button{font-size:14px;min-height:45px}
.trust-mini b{font-size:13px}
.fact-grid>div,.detail-cards>article{box-shadow:0 14px 35px rgba(48,25,12,.065);transition:transform .34s var(--hk-final-ease),box-shadow .34s ease,border-color .3s ease}
.fact-grid>div:hover,.detail-cards>article:hover{transform:translateY(-6px);box-shadow:var(--hk-final-shadow);border-color:rgba(190,93,42,.24)}
.detail-cards h3{font-size:24px}.detail-cards p,.detail-cards li{font-size:15px;line-height:1.65}

/* CONTACT — match the approved larger readable static-page scale. */
.contact-intro{padding:58px 0 42px}
.contact-intro h1{font-size:clamp(48px,4.6vw,66px);line-height:1.02;letter-spacing:-.04em;max-width:900px}
.contact-intro p{font-size:17px;line-height:1.72;max-width:740px}
.contact-intro-chips span{font-size:12px;box-shadow:0 8px 18px rgba(48,26,13,.06)}
.contact-main-section{padding:30px 0 72px}
.contact-premium-grid{gap:26px}
.contact-info-premium,.contact-form-premium{
  padding:38px;
  border-radius:24px;
  border-color:rgba(109,67,38,.12);
  box-shadow:0 24px 66px rgba(52,28,14,.11),0 6px 18px rgba(52,28,14,.045);
}
.contact-info-premium:hover,.contact-form-premium:hover{transform:translateY(-5px);box-shadow:0 34px 82px rgba(52,28,14,.15),0 10px 24px rgba(52,28,14,.06)}
.contact-info-premium h2{font-size:clamp(40px,3.6vw,52px);line-height:1.04}
.contact-info-premium>p{font-size:16px;line-height:1.72}
.contact-points strong{font-size:16px}.contact-points small{font-size:14px;line-height:1.55}
.premium-points>div>span{width:44px;height:44px;font-size:15px;box-shadow:0 10px 22px rgba(205,78,25,.09)}
.compact-head h2{font-size:clamp(40px,3.6vw,52px);line-height:1.04}
.compact-head p{font-size:15.5px;line-height:1.65}
.contact-form-premium .field label{font-size:14px}
.contact-form-premium .form-control,.contact-form-premium .field input:not([type=checkbox]),.contact-form-premium .field select{min-height:52px;font-size:16px;border-radius:13px}
.contact-form-premium .field textarea{min-height:118px;font-size:16px;border-radius:13px}
.contact-form-premium .field input:focus,.contact-form-premium .field select:focus,.contact-form-premium .field textarea:focus{box-shadow:0 0 0 4px rgba(239,77,19,.10),0 12px 26px rgba(73,36,15,.06)}
.contact-route-card{padding:18px;border-radius:16px;box-shadow:0 10px 28px rgba(53,28,14,.055)}
.contact-route-card strong{font-size:14px}.contact-route-card .eyebrow{font-size:9.5px}
.contact-map-band{padding:58px 0}.contact-map-grid h2{font-size:clamp(40px,3.8vw,54px);line-height:1.04}.contact-map-grid p{font-size:16px;line-height:1.7}
.map-card{height:330px;border-radius:24px;box-shadow:0 28px 70px rgba(45,24,12,.13)}

/* B2B — preserve all sections, simply scale and elevate them. */
.b2b-hero-premium{padding:86px 0}
.b2b-hero-premium h1{font-size:clamp(60px,5.6vw,84px);line-height:.98;letter-spacing:-.045em;max-width:900px}
.b2b-hero-premium p{font-size:18px;line-height:1.72;max-width:760px}
.b2b-metrics.premium>div{padding:21px 22px;box-shadow:inset 0 1px rgba(255,255,255,.055);transition:transform .3s var(--hk-final-ease),background .3s ease,box-shadow .3s ease}
.b2b-metrics.premium>div:hover{transform:translateY(-5px);background:rgba(255,255,255,.12);box-shadow:0 18px 38px rgba(0,0,0,.15)}
.b2b-metrics.premium strong{font-size:18px}.b2b-metrics.premium span{font-size:12.5px;line-height:1.5}
.use-grid article{padding:30px;border-radius:20px;box-shadow:0 16px 38px rgba(55,29,14,.07);transition:transform .4s var(--hk-final-ease),box-shadow .4s ease,border-color .3s ease}
.use-grid article:hover{transform:translateY(-9px);box-shadow:var(--hk-final-shadow-lg);border-color:rgba(198,90,37,.25)}
.use-grid h3{font-size:23px}.use-grid p{font-size:15px;line-height:1.65}
.b2b-product-mini{box-shadow:0 14px 34px rgba(55,29,14,.065)}
.b2b-product-mini:hover{transform:translateY(-8px);box-shadow:var(--hk-final-shadow-lg)}
.b2b-product-mini h3{font-size:21px}.b2b-product-mini p{font-size:14px;line-height:1.6}.b2b-product-mini b{font-size:12px}
.b2b-process-grid h2{font-size:clamp(46px,4.4vw,62px);line-height:1.03}.b2b-process-grid>div:first-child p{font-size:16px;line-height:1.7}
.b2b-steps>div{padding:22px 0}.b2b-steps strong{font-size:16px}.b2b-steps small{font-size:13px;line-height:1.5}
.b2b-form-layout>div:first-child h2{font-size:clamp(44px,4.2vw,60px);line-height:1.04}.b2b-form-layout>div:first-child p{font-size:16px;line-height:1.7}.check-list li{font-size:15px}
.b2b-form-card{padding:34px;box-shadow:0 26px 70px rgba(52,28,14,.12)}
.b2b-form-card .form-card-head h2{font-size:40px}
.b2b-form-card .field label{font-size:13.5px}.b2b-form-card .field input,.b2b-form-card .field select,.b2b-form-card .field textarea{font-size:15.5px}

/* About, auth, account and checkout customer pages: same readable scale/depth. */
.about-copy p{font-size:17px;line-height:1.72}.value-list strong{font-size:16px}.value-list small{font-size:13.5px;line-height:1.5}
.auth-card,.account-panel,.account-nav-card,.security-card,.address-card,.order-panel,.checkout-form{
  box-shadow:0 20px 56px rgba(52,28,14,.095),0 5px 16px rgba(52,28,14,.04);
}
.auth-card h1,.auth-card h2{font-size:clamp(36px,3.4vw,48px)}
.auth-card p,.account-panel p,.address-card p{font-size:15px;line-height:1.65}
.account-hero h1{font-size:clamp(46px,4.4vw,64px);line-height:1.03}
.account-hero p{font-size:16px;line-height:1.65}
.account-stats>div{box-shadow:0 14px 34px rgba(52,28,14,.065)}
.order-card,.address-card,.security-card{transition:transform .34s var(--hk-final-ease),box-shadow .34s ease,border-color .3s ease}
.order-card:hover,.address-card:hover,.security-card:hover{transform:translateY(-5px);box-shadow:var(--hk-final-shadow);border-color:rgba(190,93,42,.22)}

/* Footer: premium depth, readable type. */
.site-footer{box-shadow:inset 0 1px rgba(255,255,255,.035),0 -18px 50px rgba(53,28,14,.055)}
.footer-brand p{font-size:14px;line-height:1.65}
.footer-grid h4{font-size:12px;letter-spacing:.08em}.footer-grid a,.footer-grid span{font-size:13px;line-height:1.65}
.footer-bottom{font-size:11.5px}

/* Stronger, reference-inspired reveal: depth + blur, still restrained. */
.reveal{
  opacity:0;
  transform:translateY(46px) scale(.985) rotateX(2deg);
  transform-origin:50% 100%;
  filter:blur(6px);
  transition:opacity .9s var(--hk-final-ease),transform 1s var(--hk-final-ease),filter .82s ease,box-shadow .35s ease;
  will-change:opacity,transform,filter;
}
.reveal.in{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0)}

/* Make button lift/sheen obvious enough to be seen. */
.btn:hover{transform:translateY(-4px)}
.btn-primary:hover{box-shadow:0 24px 52px rgba(239,77,19,.34),0 0 0 5px rgba(239,77,19,.07)}
.btn-light:hover{box-shadow:0 20px 45px rgba(42,21,9,.18)}
.btn-outline:hover{box-shadow:0 16px 34px rgba(50,27,13,.09)}

/* Desktop pointer/touch-safe hover finish. */
@media (hover:hover) and (pointer:fine){
  .contact-info-premium,.contact-form-premium,.product-card,.hk-process-card,.use-grid article,.b2b-product-mini,.map-card,.fact-grid>div,.detail-cards>article{will-change:transform}
}

@media (max-width:1050px){
  .hero-copy h1{font-size:clamp(64px,8vw,82px)}
  .product-card-media{height:330px}
}

@media (max-width:820px){
  body:not([data-page="dashboard"]) .section{padding:74px 0}
  .hero-home{min-height:660px;height:auto}.hero-home-content{min-height:660px;align-items:flex-start;padding-top:46px}.hero-copy h1{font-size:clamp(54px,11vw,72px);line-height:.96}.hero-copy p{font-size:17px}
  .section-head h2,.story-copy h2,.b2b-feature h2,.about-copy h2{font-size:clamp(38px,7vw,52px)}
  .contact-info-premium,.contact-form-premium{padding:28px}.contact-info-premium h2,.compact-head h2{font-size:38px}.contact-intro h1{font-size:46px}
  .b2b-hero-premium h1{font-size:56px}.b2b-hero-premium p{font-size:17px}
  .purchase-panel{padding:24px}.purchase-panel h1{font-size:44px}
}

@media (max-width:600px){
  body:not([data-page="dashboard"]){font-size:15px}
  body:not([data-page="dashboard"]) .btn{min-height:48px;font-size:14px;padding:0 20px}
  .hero-home{min-height:640px}.hero-home-content{min-height:640px;padding-top:34px}.hero-copy h1{font-size:50px;line-height:.96}.hero-copy p{font-size:16px;line-height:1.62}
  .hero-proof strong{font-size:18px}.hero-proof span{font-size:10.5px}
  body:not([data-page="dashboard"]) .section{padding:62px 0}
  .section-head h2,.story-copy h2,.b2b-feature h2,.about-copy h2{font-size:36px}.section-head>p,.story-copy>p,.about-copy>p{font-size:15px}
  .benefit-grid strong{font-size:14px}.benefit-grid small{font-size:12.5px}
  .product-card-media{height:350px}.product-card-title{font-size:21px}.product-card-body p{font-size:13.5px}
  .premium-flavour-board{padding:32px 22px}.flavour-intro h2{font-size:36px}.flavour-intro p{font-size:14.5px}
  .contact-intro{padding:38px 0 28px}.contact-intro h1{font-size:38px}.contact-intro p{font-size:15px}.contact-info-premium,.contact-form-premium{padding:22px}.contact-info-premium h2,.compact-head h2{font-size:34px}.contact-info-premium>p{font-size:14.5px}.contact-points strong{font-size:14.5px}.contact-points small{font-size:13px}.contact-form-premium .field label{font-size:12.5px}.contact-form-premium .field input,.contact-form-premium .field select,.contact-form-premium .field textarea{font-size:15px}
  .b2b-hero-premium{padding:56px 0}.b2b-hero-premium h1{font-size:45px}.b2b-hero-premium p{font-size:15.5px}.use-grid h3{font-size:21px}.use-grid p{font-size:14px}.b2b-process-grid h2,.b2b-form-layout>div:first-child h2{font-size:36px}
  .page-banner h1{font-size:44px}.page-banner p{font-size:15px}
  .purchase-panel{padding:18px;border-radius:18px}.purchase-panel h1{font-size:38px}.product-subtitle{font-size:15px}.detail-cards h3{font-size:21px}.detail-cards p,.detail-cards li{font-size:14px}
  .reveal{transform:translateY(28px) scale(.992);filter:blur(3px);transition-duration:.7s}
}


/* ============================================================
   HK SPICES — LOCKED FRONTEND PATCH (no backend logic changes)
   Exact requested logo/ticker/assigned imagery/product hover.
   ============================================================ */

/* Mizoya-reference behavior: light clean header + seamless clickable ticker. */
.announcement.hk-ticker{
  background:#fffdf9;color:#251b14;border-bottom:1px solid rgba(60,40,25,.10);
  overflow:hidden;font-size:11px;letter-spacing:.035em;line-height:1;
}
.hk-ticker-viewport{width:100%;overflow:hidden;display:flex;align-items:center;min-height:34px}
.hk-ticker-track{display:flex;width:max-content;flex:none;will-change:transform;animation:hkTickerMarquee 38s linear infinite}
.hk-ticker-group{display:flex;flex:none;align-items:center;white-space:nowrap}
.hk-ticker-item{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 28px;color:#251b14;font-weight:600;white-space:nowrap;position:relative}
.hk-ticker-item strong{font-size:11px;font-weight:700;letter-spacing:.035em}
.hk-ticker-item span{font-size:10px;color:#c34b20;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.hk-ticker-item:after{content:'•';position:absolute;right:-2px;color:#d9c7b8;font-size:13px}
.hk-ticker-item:hover strong,.hk-ticker-item:hover span{color:var(--brand)}
.hk-ticker:hover .hk-ticker-track{animation-play-state:paused}
@keyframes hkTickerMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.site-header{background:rgba(255,253,249,.96);border-bottom:1px solid rgba(67,43,28,.09)}
.site-header.scrolled{background:rgba(255,253,249,.985);box-shadow:0 10px 34px rgba(49,30,17,.10)}

/* Latest supplied complete logo: keep existing on-site display footprint. */
.brand-logo img,.footer-logo{object-fit:contain}

/* Assigned imagery has subtle cinematic movement, not a redesign. */
.assigned-hero-media{overflow:hidden}
.assigned-hero-media .assigned-hero-image{animation:hkAssignedHeroMotion 16s ease-in-out infinite alternate;transform-origin:54% 46%}
@keyframes hkAssignedHeroMotion{0%{transform:scale(1.025) translate3d(0,0,0)}100%{transform:scale(1.085) translate3d(-1.1%,.6%,0)}}

.shop-image-banner,.assigned-b2b-hero{position:relative;overflow:hidden;isolation:isolate}
.assigned-page-media{position:absolute;inset:0;z-index:-3;overflow:hidden}
.assigned-page-media img{width:100%;height:100%;object-fit:cover;animation:hkAssignedPageMotion 18s ease-in-out infinite alternate;transform-origin:66% 50%}
@keyframes hkAssignedPageMotion{0%{transform:scale(1.02) translate3d(0,0,0)}100%{transform:scale(1.07) translate3d(-1%,.4%,0)}}
.assigned-page-overlay{position:absolute;inset:0;z-index:-2;pointer-events:none}
.assigned-page-copy{position:relative;z-index:1}
.shop-image-banner{min-height:350px;display:flex;align-items:center;background:#f6ead9}
.shop-image-banner .assigned-page-overlay{background:linear-gradient(90deg,rgba(255,250,242,.97) 0%,rgba(255,249,240,.90) 42%,rgba(255,249,240,.38) 70%,rgba(255,249,240,.16) 100%)}
.shop-image-banner h1{max-width:800px}
.shop-image-banner p{color:#5f4e42}
.assigned-b2b-hero{background:#2a160d}
.assigned-b2b-hero .assigned-page-overlay{background:linear-gradient(90deg,rgba(28,13,6,.92) 0%,rgba(37,18,8,.76) 50%,rgba(37,18,8,.30) 76%,rgba(37,18,8,.18) 100%)}
.assigned-b2b-hero .b2b-hero-grid{position:relative;z-index:1}

/* Poster section: show the complete supplied composition, never crop it. */
.story-poster-media{background:#120c08;display:flex;align-items:center;justify-content:center;padding:18px}
.story-poster-media img{width:100%;height:100%;object-fit:contain!important;object-position:center;animation:hkPosterFloat 9s ease-in-out infinite alternate;transform-origin:center}
@keyframes hkPosterFloat{0%{transform:scale(.985) translateY(3px)}100%{transform:scale(1) translateY(-3px)}}

/* Product cards: image #1 is the supplied pack; hover reveals gallery image #2. */
.product-card-media .product-card-primary-image,.product-card-media .product-card-secondary-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .42s ease,transform .72s var(--hk-ease),filter .42s ease}
.product-card-media .product-card-primary-image{opacity:1;z-index:0}
.product-card-media .product-card-secondary-image{opacity:0;z-index:0}
.product-card:hover .product-card-primary-image{opacity:0;transform:scale(1.02)}
.product-card:hover .product-card-secondary-image{opacity:1;transform:scale(1.055);filter:saturate(1.04) contrast(1.015)}
.product-card .discount-badge,.product-card .feature-badge{z-index:4}

/* Requested Contact correction only: keep Open B2B page on one line. */
.contact-route-card .btn{white-space:nowrap;flex:0 0 auto;padding-left:16px;padding-right:16px}
.contact-points a{color:inherit}.contact-points a:hover{color:var(--brand)}

@media(max-width:820px){
  .hk-ticker-track{animation-duration:31s}
  .hk-ticker-item{padding:0 20px}.hk-ticker-item strong{font-size:10.5px}.hk-ticker-item span{font-size:9px}
  .shop-image-banner{min-height:300px}
  .story-poster-media{padding:12px}
}
@media(max-width:600px){
  .hk-ticker-viewport{min-height:31px}.hk-ticker-item{min-height:31px;padding:0 16px}
  .shop-image-banner{min-height:280px}
  .shop-image-banner .assigned-page-overlay{background:linear-gradient(90deg,rgba(255,250,242,.96),rgba(255,249,240,.75))}
  .assigned-b2b-hero .assigned-page-overlay{background:rgba(31,14,6,.72)}
}
@media(prefers-reduced-motion:reduce){
  .assigned-hero-media .assigned-hero-image,.assigned-page-media img,.story-poster-media img{animation:none!important}
}

/* ============================================================
   HK SPICES — FINAL LOCKED CORRECTIONS
   Frontend presentation only. No backend/data behavior changes.
   ============================================================ */

/* 1) Mizoya-reference announcement behavior: ONE thin, seamless, clickable line. */
.announcement.hk-ticker{
  position:relative;
  width:100%;
  height:32px;
  min-height:32px;
  overflow:hidden;
  background:#24140d;
  color:#fff;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.08);
  line-height:1;
  z-index:90;
}
.hk-ticker-viewport{
  width:100%;
  height:32px;
  min-height:32px;
  overflow:hidden;
  display:block;
  white-space:nowrap;
}
.hk-ticker-track{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  width:max-content;
  min-width:max-content;
  height:32px;
  will-change:transform;
  animation:hkTickerMarquee 34s linear infinite!important;
}
.hk-ticker-group{
  display:flex;
  flex:0 0 auto;
  flex-wrap:nowrap;
  align-items:center;
  height:32px;
  white-space:nowrap;
}
.hk-ticker-item{
  display:inline-flex;
  flex:0 0 auto;
  align-items:center;
  gap:7px;
  height:32px;
  min-height:32px;
  padding:0 24px;
  color:#fff!important;
  white-space:nowrap!important;
  text-decoration:none;
  position:relative;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}
.hk-ticker-item strong{
  display:inline;
  white-space:nowrap;
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
}
.hk-ticker-item span{
  display:inline;
  white-space:nowrap;
  color:#ffc49d;
  font-size:10px;
  font-weight:700;
  text-transform:none;
  letter-spacing:.01em;
}
.hk-ticker-item:after{
  content:'•';
  position:absolute;
  right:-2px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.38);
  font-size:12px;
}
.hk-ticker-item:hover strong,.hk-ticker-item:hover span{color:#ff8a4d}
.hk-ticker:hover .hk-ticker-track{animation-play-state:running!important}
@keyframes hkTickerMarquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

/* Main navigation remains clean/light and compact under the ticker. */
.site-header{
  background:rgba(255,253,249,.975)!important;
  border-bottom:1px solid rgba(67,43,28,.09);
}
.site-header.scrolled{
  background:rgba(255,253,249,.992)!important;
  box-shadow:0 10px 34px rgba(49,30,17,.10);
}

/* 2) Complete supplied logo artwork as one PNG; do not crop or reconstruct with text. */
.brand-logo,.brand-logo img,.footer-logo{background:transparent!important}
.brand-logo img,.footer-logo{
  object-fit:contain!important;
  object-position:left center!important;
  width:auto!important;
}

/* 3) Assigned page images stay BEHIND their original copy, without pushing content away. */
.shop-image-banner,.assigned-b2b-hero{position:relative!important;overflow:hidden!important;isolation:isolate!important}
.assigned-page-media{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}
.assigned-page-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.assigned-page-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
}
.assigned-page-copy,.assigned-b2b-hero .b2b-hero-grid{
  position:relative!important;
  z-index:2!important;
}
.shop-image-banner{
  min-height:350px!important;
  display:flex!important;
  align-items:center!important;
}
.shop-image-banner .assigned-page-overlay{
  background:linear-gradient(90deg,rgba(255,250,242,.97) 0%,rgba(255,249,240,.90) 42%,rgba(255,249,240,.40) 70%,rgba(255,249,240,.16) 100%)!important;
}
.assigned-b2b-hero .assigned-page-overlay{
  background:linear-gradient(90deg,rgba(28,13,6,.91) 0%,rgba(37,18,8,.75) 50%,rgba(37,18,8,.30) 78%,rgba(37,18,8,.15) 100%)!important;
}

/* 4) Home/Shop product hover: pack image -> second gallery image -> pack image. */
.product-card-media{position:relative!important;overflow:hidden!important;background:#f4ede5}
.product-card-media .product-card-primary-image,
.product-card-media .product-card-secondary-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  transition:opacity .42s ease,transform .72s var(--hk-ease),filter .42s ease!important;
  pointer-events:none;
}
/* New supplied pack artwork must remain fully visible in the existing card frame. */
.product-card-media .product-card-primary-image{
  z-index:1!important;
  opacity:1!important;
  object-fit:contain!important;
  object-position:center!important;
  padding:10px!important;
  background:#fff!important;
}
/* Gallery image is the hover view and may fill the media frame. */
.product-card-media .product-card-secondary-image{
  z-index:2!important;
  opacity:0!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:scale(1.01)!important;
}
.product-card:hover .product-card-primary-image{opacity:0!important;transform:scale(1.015)!important}
.product-card:hover .product-card-secondary-image{opacity:1!important;transform:scale(1.055)!important;filter:saturate(1.04) contrast(1.015)!important}
.product-card .discount-badge,.product-card .feature-badge{z-index:5!important}

/* 5) Supplied story/poster artwork: complete composition visible, no crop. */
.story-poster-media{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:18px!important;
  background:#120c08!important;
}
.story-poster-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

/* 6) Contact page requested correction ONLY: keep this CTA on one line. */
.contact-route-card .btn{
  white-space:nowrap!important;
  flex:0 0 auto!important;
  min-width:max-content!important;
  width:auto!important;
  padding-left:17px!important;
  padding-right:17px!important;
}

/* The ticker remains continuous even when the OS asks to reduce decorative motion. */
@media(prefers-reduced-motion:reduce){
  .hk-ticker-track{animation:hkTickerMarquee 34s linear infinite!important}
}
@media(max-width:820px){
  .announcement.hk-ticker,.hk-ticker-viewport,.hk-ticker-track,.hk-ticker-group,.hk-ticker-item{height:30px;min-height:30px}
  .hk-ticker-track{animation-duration:30s!important}
  .hk-ticker-item{padding:0 18px}
  .hk-ticker-item strong{font-size:10.5px}.hk-ticker-item span{font-size:9.5px}
  .shop-image-banner{min-height:300px!important}
}
@media(max-width:600px){
  .announcement.hk-ticker,.hk-ticker-viewport,.hk-ticker-track,.hk-ticker-group,.hk-ticker-item{height:29px;min-height:29px}
  .hk-ticker-item{padding:0 15px}
  .shop-image-banner{min-height:280px!important}
}



/* Requested fix only — story poster sizing. */
.story-grid .story-media.story-poster-media{
  width:min(100%,460px)!important;
  max-width:460px!important;
  height:auto!important;
  aspect-ratio:auto!important;
  margin-inline:auto!important;
  padding:0!important;
  background:transparent!important;
  align-self:center!important;
}
.story-grid .story-media.story-poster-media img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:610px!important;
  object-fit:contain!important;
  object-position:center!important;
}
@media(max-width:980px){
  .story-grid .story-media.story-poster-media{width:min(100%,430px)!important;max-width:430px!important}
}
@media(max-width:600px){
  .story-grid .story-media.story-poster-media{width:min(100%,360px)!important;max-width:360px!important}
}


/* 2026-09-17 fixes: search panel, footer social buttons, floating social buttons, homepage hero media */
.search-card[hidden]{display:none!important}
.search-box input{font-size:16px}
.footer-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.social-chip{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#f3e6da!important;font-size:11px;font-weight:700;transition:.2s}.social-chip:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}.social-chip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.social-chip.whatsapp{background:rgba(37,211,102,.12);border-color:rgba(37,211,102,.24)}.social-chip.instagram{background:rgba(225,48,108,.10);border-color:rgba(225,48,108,.22)}.social-chip.facebook{background:rgba(24,119,242,.10);border-color:rgba(24,119,242,.22)}
.floating-socials{position:fixed;right:18px;bottom:72px;display:grid;gap:10px;z-index:72}.float-social-btn{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;box-shadow:0 14px 32px rgba(43,27,18,.18);border:1px solid rgba(255,255,255,.16);color:#fff;transition:.22s}.float-social-btn:hover{transform:translateY(-2px) scale(1.03)}.float-social-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.float-social-btn.whatsapp{background:#25d366}.float-social-btn.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.float-social-btn.facebook{background:#1877f2}.back-top{bottom:18px}.assigned-hero-video,.assigned-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}@media(max-width:820px){.floating-socials{right:14px;bottom:72px}.float-social-btn{width:44px;height:44px}}

/* Watch & Buy: footer-adjacent media slider managed from Django Admin. */
.watch-buy-section{padding:74px 0 82px;background:#f7ecd9;overflow:hidden}.watch-buy-shell{position:relative}.watch-buy-head{position:relative;display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:28px;padding-right:120px}.watch-buy-head h2{width:100%;text-align:center;font-family:Inter,system-ui,sans-serif;font-size:clamp(30px,4vw,50px);font-weight:500;line-height:1.08;margin:0;color:var(--ink);letter-spacing:.02em}.watch-buy-controls{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:10px}.watch-buy-arrow{width:48px;height:48px;border-radius:50%;border:1px solid rgba(91,58,42,.22);background:#fff8ec;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.watch-buy-arrow:hover{transform:translateY(-2px);background:#fff;border-color:rgba(163,61,46,.36)}.watch-buy-arrow svg,.watch-buy-lightbox-arrow svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.watch-buy-viewport{overflow:hidden;max-width:980px;margin:0 auto}.watch-buy-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px 0 8px}.watch-buy-track::-webkit-scrollbar{display:none}.watch-buy-card{position:relative;flex:0 0 clamp(250px,28vw,310px);aspect-ratio:9/13.6;min-width:0;padding:0;border:0;border-radius:22px;overflow:hidden;background:#261b16;cursor:pointer;scroll-snap-align:start;box-shadow:0 14px 38px rgba(54,28,12,.10);transition:transform .28s ease,box-shadow .28s ease}.watch-buy-card:hover{transform:translateY(-5px);box-shadow:0 24px 52px rgba(54,28,12,.16)}.watch-buy-card img,.watch-buy-card video{width:100%;height:100%;display:block;object-fit:cover}.watch-buy-card:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);border-radius:inherit}
.watch-buy-lightbox{position:fixed;inset:0;z-index:500;background:rgba(12,9,8,.94);display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease;backdrop-filter:blur(8px);padding:28px 90px}.watch-buy-lightbox.open{opacity:1;visibility:visible}.watch-buy-lightbox-stage{width:min(76vw,430px);height:min(80vh,760px);display:grid;place-items:center}.watch-buy-lightbox-stage img,.watch-buy-lightbox-stage video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.42);background:#000}.watch-buy-lightbox-close{position:absolute;top:20px;right:24px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.10);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:2}.watch-buy-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.10);color:#fff;display:grid;place-items:center;cursor:pointer;z-index:2}.watch-buy-lightbox-arrow.prev{left:28px}.watch-buy-lightbox-arrow.next{right:28px}.watch-buy-lightbox-close:hover,.watch-buy-lightbox-arrow:hover{background:rgba(255,255,255,.18)}
@media(max-width:900px){.watch-buy-head{padding-right:104px}.watch-buy-head h2{font-size:clamp(28px,5vw,42px)}.watch-buy-viewport{max-width:760px}.watch-buy-card{flex-basis:calc((100% - 18px)/2);aspect-ratio:9/13.6}.watch-buy-lightbox-arrow.prev{left:12px}.watch-buy-lightbox-arrow.next{right:12px}}
@media(max-width:600px){.watch-buy-section{padding:52px 0 58px}.watch-buy-head{margin-bottom:20px;padding-right:0;padding-top:56px}.watch-buy-head h2{text-align:center;font-size:clamp(26px,8vw,36px)}.watch-buy-controls{position:absolute;right:0;top:0;transform:none;gap:7px}.watch-buy-arrow{width:42px;height:42px}.watch-buy-track{gap:12px;padding-right:18vw}.watch-buy-card{flex-basis:76%;aspect-ratio:9/13.6;border-radius:18px}.watch-buy-lightbox{padding:64px 14px 78px}.watch-buy-lightbox-stage{width:min(86vw,390px);height:min(72vh,680px)}.watch-buy-lightbox-stage img,.watch-buy-lightbox-stage video{border-radius:12px}.watch-buy-lightbox-arrow{width:46px;height:46px;top:auto;bottom:18px;transform:none}.watch-buy-lightbox-arrow.prev{left:calc(50% - 58px)}.watch-buy-lightbox-arrow.next{right:calc(50% - 58px)}.watch-buy-lightbox-close{top:14px;right:14px}}



/* === Frontend refinement update: home hero, about hero, larger HK approach, footer icon-only social links === */
.home-products-head{align-items:start;grid-template-columns:1.15fr .85fr}
.home-products-head h2{font-size:clamp(46px,5vw,68px);line-height:.98;letter-spacing:-.045em;max-width:620px}
.section-head-note{max-width:380px;justify-self:end;display:grid;gap:12px;padding-top:18px}.section-head-note p{margin:0;color:var(--muted);line-height:1.7}
.hero-carousel-home{position:relative;min-height:720px;height:min(820px,88vh);background:#1d120d;overflow:hidden}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s ease}.hero-slide.is-active{opacity:1;visibility:visible;z-index:1}.hero-slide .assigned-hero-video{object-fit:cover}.hero-slide .hero-home-content{position:relative;z-index:2;min-height:720px;align-items:center;padding-top:10px}
.hero-slide .hero-copy{max-width:760px}.hero-slide .hero-copy h1{font-size:clamp(58px,7vw,92px);max-width:820px}.hero-slide .hero-copy p{max-width:660px;font-size:19px}.hero-slide .hero-copy>*{opacity:1;transform:none;animation:none}
.hero-carousel-controls{position:absolute;left:0;right:0;bottom:34px;z-index:3;display:flex;justify-content:flex-end;align-items:center;gap:14px}.hero-dots{display:flex;gap:10px}.hero-dot{width:12px;height:12px;border-radius:999px;border:1px solid rgba(255,255,255,.55);background:transparent;cursor:pointer;transition:.25s}.hero-dot.active{width:34px;background:#fff3e1;border-color:#fff3e1}.hero-control{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;transition:.25s}.hero-control:hover{transform:translateY(-2px);background:rgba(255,255,255,.14)}.hero-control svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hk-process-grid-large{grid-template-columns:repeat(2,1fr);gap:24px}.hk-process-grid-large .hk-process-card{min-height:430px;border-radius:26px}.hk-process-grid-large .hk-process-content{min-height:430px;padding:30px 28px}.hk-process-grid-large .hk-process-card h3{font-size:30px;line-height:1.02;margin-bottom:12px}.hk-process-grid-large .hk-process-card p{font-size:15px;line-height:1.72;max-width:420px}.hk-process-grid-large .hk-process-bg{opacity:.26}
.footer-socials{gap:12px}.social-chip{width:44px;height:44px;padding:0;justify-content:center;gap:0}.social-chip svg{width:18px;height:18px}.social-chip span{display:none}
.about-hero-premium{position:relative;min-height:620px;overflow:hidden;background:#170d08;color:#fff}.about-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,9,5,.76) 0%,rgba(17,9,5,.42) 44%,rgba(17,9,5,.12) 82%)}.about-hero-content{position:relative;z-index:2;min-height:620px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.about-hero-content h1{font-family:'Playfair Display',serif;font-size:clamp(58px,7vw,92px);line-height:.94;letter-spacing:-.05em;margin:14px 0 18px;max-width:760px}.about-hero-content p{max-width:620px;font-size:18px;line-height:1.7;color:#f2e8df;margin:0 0 28px}
.about-poster-section{padding-top:78px}.about-poster-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:32px;align-items:center}.about-poster-card{background:linear-gradient(180deg,#fbf5ee,#f1e6d8);border:1px solid rgba(112,70,39,.10);border-radius:28px;padding:16px;box-shadow:0 18px 48px rgba(50,28,15,.10)}.about-poster-card img{display:block;width:100%;border-radius:20px}.about-poster-copy h2{font-size:clamp(42px,4.2vw,58px);line-height:1.02;margin:10px 0 16px}.about-poster-copy p{font-size:16px;line-height:1.78;color:var(--muted)}.about-story-points{margin-top:26px}
.about-values-section{padding-top:10px}.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about-values-grid article{background:#fff;border:1px solid rgba(112,70,39,.12);border-radius:22px;padding:28px;box-shadow:0 14px 34px rgba(50,28,15,.06)}.about-values-grid h3{margin:0 0 10px;font-size:24px}.about-values-grid p{margin:0;color:var(--muted);line-height:1.7}
@media(max-width:1100px){.home-products-head{grid-template-columns:1fr}.section-head-note{justify-self:start;padding-top:0}.hk-process-grid-large{grid-template-columns:1fr 1fr}.about-poster-grid,.about-values-grid{grid-template-columns:1fr}.about-poster-copy{order:2}.about-poster-card{order:1}}
@media(max-width:820px){.hero-carousel-home,.hero-slide .hero-home-content,.about-hero-premium,.about-hero-content{min-height:640px}.hero-carousel-controls{justify-content:center;bottom:18px}.hero-slide .hero-copy h1,.about-hero-content h1{font-size:clamp(46px,11vw,64px)}.home-products-head h2{font-size:clamp(38px,9vw,54px)}.hk-process-grid-large{grid-template-columns:1fr}.hk-process-grid-large .hk-process-card,.hk-process-grid-large .hk-process-content{min-height:360px}.hk-process-grid-large .hk-process-card h3{font-size:26px}.about-poster-grid{grid-template-columns:1fr}.about-values-grid{grid-template-columns:1fr}}
@media(max-width:600px){.section-head-note p{font-size:14px}.hero-slide .hero-home-content{padding-top:72px;align-items:flex-start}.hero-carousel-home,.hero-slide .hero-home-content{min-height:650px}.hero-slide .hero-copy h1{font-size:48px}.hero-slide .hero-copy p{font-size:16px;line-height:1.65}.hero-carousel-controls{gap:10px}.hero-control{width:42px;height:42px}.hero-dot{width:10px;height:10px}.hero-dot.active{width:28px}.about-hero-content{min-height:560px;padding-top:26px;padding-bottom:34px}.about-hero-content h1{font-size:50px}.about-hero-content p{font-size:16px}.about-poster-card{padding:12px;border-radius:22px}.about-values-grid article{padding:22px}}


/* ===== Premium typography alignment update ===== */
body,
input,
select,
textarea,
button{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  letter-spacing:-.01em;
}

h1,h2,h3,h4,h5,h6,
.hero-copy h1,
.page-banner h1,
.about-hero-content h1,
.contact-intro h1,
.purchase-panel h1,
.section-head h2,
.story-copy h2,
.b2b-feature h2,
.about-copy h2,
.form-card h2,
.account-panel h2,
.dash-panel h2,
.flavour-intro h2,
.contact-map-grid h2,
.b2b-process-grid h2,
.about-poster-copy h2,
.about-values-grid h3,
.watch-buy-head h2,
.product-card-title,
.b2b-product-mini h3,
.hk-process-card h3,
.empty-panel h3{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:600;
  letter-spacing:-.045em;
  text-wrap:balance;
}

.hero-copy h1,
.page-banner h1,
.about-hero-content h1,
.contact-intro h1,
.purchase-panel h1,
.home-products-head h2{
  font-weight:600;
  letter-spacing:-.055em;
}

.eyebrow,
.hero-kicker,
.nav-links a,
.btn,
.text-arrow,
.product-meta,
.product-label,
.breadcrumbs,
.discount-badge,
.feature-badge,
.stock-pill,
.cart-count,
.contact-intro-chips span,
.contact-route-card .eyebrow,
.summary-chip,
.account-nav-card nav a,
.order-chip,
.metric-chip,
.metric-word,
.flash,
.footer-social-label,
.watch-buy-pill{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  text-transform:uppercase;
  letter-spacing:.12em;
}

body p,
body li,
body small,
body label,
.section-head-note p,
.section-head > p,
.story-copy p,
.product-card-body p,
.hk-process-card p,
.about-poster-copy p,
.about-values-grid p,
.b2b-product-mini p,
.contact-info-premium > p,
.contact-map-grid p,
.page-banner p,
.product-subtitle{
  line-height:1.72;
  color:var(--muted);
}

.nav-links{
  gap:36px;
  font-size:13px;
  font-weight:600;
}
.nav-links a{
  letter-spacing:.08em;
}

.btn,
.text-arrow{
  font-size:11.5px;
  font-weight:700;
}

.eyebrow,
.hero-kicker,
.product-meta,
.product-label,
.breadcrumbs{
  font-size:10px;
  font-weight:700;
}

.section-head h2,
.story-copy h2,
.b2b-feature h2,
.about-copy h2,
.form-card h2,
.account-panel h2,
.dash-panel h2,
.about-poster-copy h2{
  font-size:clamp(36px,4vw,54px);
  line-height:1.02;
}

.product-card-title{
  font-size:clamp(28px,2.2vw,34px);
  line-height:1.02;
  margin:10px 0 8px;
}
.product-card-body p{
  font-size:13px;
}
.price-stack strong{
  font-size:18px;
  letter-spacing:-.02em;
}

.watch-buy-head h2{
  font-size:clamp(42px,5vw,64px);
  line-height:1;
}

.hk-process-card h3{
  font-size:clamp(28px,2.5vw,38px);
  line-height:1.02;
}
.hk-process-grid-large .hk-process-card{
  min-height:470px;
}
.hk-process-grid-large .hk-process-content{
  min-height:470px;
}

@media(max-width:820px){
  .product-card-title{font-size:26px}
  .section-head h2,
  .story-copy h2,
  .b2b-feature h2,
  .about-copy h2,
  .form-card h2,
  .account-panel h2,
  .dash-panel h2,
  .about-poster-copy h2{font-size:clamp(34px,8vw,46px)}
  .watch-buy-head h2{font-size:clamp(34px,9vw,46px)}
}

/* ===== Watch & Buy — premium vertical video shopping experience ===== */
.watch-buy-section{
  position:relative;
  padding:78px 0 82px;
  background:#fff;
  overflow:hidden;
  border-top:1px solid rgba(32,22,15,.07);
}
.watch-buy-shell{position:relative}
.watch-buy-head{
  display:grid;
  justify-items:center;
  gap:8px;
  padding:0;
  margin:0 0 30px;
  text-align:center;
}
.watch-buy-kicker{
  font-family:'Inter',system-ui,sans-serif;
  font-size:9px;
  line-height:1;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#a65b37;
}
.watch-buy-head h2{
  width:auto;
  margin:0;
  font-family:'Inter',system-ui,sans-serif;
  font-size:clamp(34px,3.5vw,48px);
  line-height:1;
  font-weight:500;
  letter-spacing:.055em;
  text-transform:uppercase;
  color:#1f1f1f;
}
.watch-buy-slider-wrap{position:relative}
.watch-buy-viewport{
  max-width:none;
  margin:0;
  overflow:hidden;
}
.watch-buy-track{
  display:flex;
  gap:22px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  padding:0 2px 8px;
}
.watch-buy-track::-webkit-scrollbar{display:none}
.watch-buy-card{
  position:relative;
  flex:0 0 calc((100% - 88px)/5);
  aspect-ratio:9/16;
  min-width:0;
  padding:0;
  border:0;
  border-radius:8px;
  overflow:hidden;
  background:#161616;
  cursor:pointer;
  scroll-snap-align:start;
  box-shadow:0 10px 25px rgba(0,0,0,.10);
  transition:transform .28s ease,box-shadow .28s ease,filter .28s ease;
}
.watch-buy-card:hover{
  transform:translateY(-5px);
  box-shadow:0 18px 38px rgba(0,0,0,.16);
  filter:saturate(1.03);
}
.watch-buy-card img,.watch-buy-card video{
  width:100%;height:100%;display:block;object-fit:cover;
}
.watch-buy-card:after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);
  pointer-events:none;
}
.watch-buy-media-mark{
  position:absolute;
  left:12px;
  bottom:12px;
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  padding-left:2px;
  color:#fff;
  background:rgba(0,0,0,.52);
  border:1px solid rgba(255,255,255,.32);
  backdrop-filter:blur(8px);
  font-size:10px;
  box-shadow:0 8px 20px rgba(0,0,0,.18);
}
.watch-buy-arrow-main{
  position:absolute;
  top:50%;
  z-index:6;
  transform:translateY(-50%);
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid rgba(0,0,0,.08);
  background:#fff;
  color:#161616;
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.watch-buy-arrow-main.prev{left:-26px}
.watch-buy-arrow-main.next{right:-26px}
.watch-buy-arrow-main:hover{
  transform:translateY(-50%) scale(1.04);
  box-shadow:0 12px 30px rgba(0,0,0,.16);
  background:#faf8f5;
}
.watch-buy-arrow-main svg,.watch-buy-lightbox-arrow svg{
  width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}

.watch-buy-lightbox{
  position:fixed;
  inset:0;
  z-index:500;
  display:grid;
  place-items:center;
  opacity:0;
  visibility:hidden;
  background:rgba(10,10,10,.82);
  backdrop-filter:blur(3px);
  transition:opacity .24s ease,visibility .24s ease;
  padding:26px 96px;
}
.watch-buy-lightbox.open{opacity:1;visibility:visible}
.watch-buy-lightbox-shell{
  position:relative;
  width:min(86vw,360px);
  height:min(86vh,640px);
  display:grid;
  place-items:center;
}
.watch-buy-lightbox-stage{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#0d0d0d;
  border-radius:5px;
  box-shadow:0 34px 90px rgba(0,0,0,.48);
}
.watch-buy-lightbox-stage img,.watch-buy-lightbox-stage video{
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  object-fit:contain;
  border-radius:0;
  box-shadow:none;
  background:#000;
}
.watch-buy-lightbox-stage video::-webkit-media-controls{display:none!important}
.watch-buy-lightbox-tools{
  position:absolute;
  z-index:5;
  top:14px;
  right:14px;
  display:flex;
  gap:8px;
}
.watch-buy-lightbox-tool{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(25,25,25,.50);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  backdrop-filter:blur(8px);
  transition:background .2s ease,transform .2s ease;
}
.watch-buy-lightbox-tool:hover{background:rgba(25,25,25,.72);transform:scale(1.04)}
.watch-buy-lightbox-tool svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.watch-buy-lightbox-close{
  position:static;
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.24);
  background:rgba(25,25,25,.50);
  color:#fff;
  font-size:24px;
  line-height:1;
  z-index:auto;
}
.watch-buy-lightbox-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:54px;
  height:54px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.24);
  background:#fff;
  color:#111;
  display:grid;
  place-items:center;
  cursor:pointer;
  z-index:4;
  box-shadow:0 12px 32px rgba(0,0,0,.22);
  transition:transform .2s ease,background .2s ease;
}
.watch-buy-lightbox-arrow.prev{left:22px}
.watch-buy-lightbox-arrow.next{right:22px}
.watch-buy-lightbox-arrow:hover{transform:translateY(-50%) scale(1.04);background:#f6f3ef}

@media(max-width:1100px){
  .watch-buy-card{flex-basis:calc((100% - 66px)/4)}
  .watch-buy-arrow-main.prev{left:8px}.watch-buy-arrow-main.next{right:8px}
}
@media(max-width:820px){
  .watch-buy-section{padding:62px 0 68px}
  .watch-buy-head{margin-bottom:24px}
  .watch-buy-card{flex-basis:calc((100% - 36px)/3);gap:18px}
  .watch-buy-track{gap:18px}
  .watch-buy-arrow-main{width:46px;height:46px}
  .watch-buy-lightbox{padding:22px 70px}
  .watch-buy-lightbox-shell{width:min(84vw,350px);height:min(82vh,622px)}
  .watch-buy-lightbox-arrow{width:48px;height:48px}
  .watch-buy-lightbox-arrow.prev{left:12px}.watch-buy-lightbox-arrow.next{right:12px}
}
@media(max-width:600px){
  .watch-buy-section{padding:48px 0 56px}
  .watch-buy-head{padding:0;margin-bottom:20px}
  .watch-buy-head h2{font-size:clamp(29px,9vw,38px);letter-spacing:.04em}
  .watch-buy-kicker{font-size:8px}
  .watch-buy-slider-wrap{margin-left:-14px;margin-right:-14px}
  .watch-buy-track{gap:12px;padding:0 14px 8px}
  .watch-buy-card{flex:0 0 64vw;max-width:250px;border-radius:7px}
  .watch-buy-arrow-main{display:none}
  .watch-buy-lightbox{padding:58px 12px 72px;backdrop-filter:blur(2px)}
  .watch-buy-lightbox-shell{width:min(88vw,345px);height:min(72vh,613px)}
  .watch-buy-lightbox-tools{top:10px;right:10px}
  .watch-buy-lightbox-tool,.watch-buy-lightbox-close{width:39px;height:39px}
  .watch-buy-lightbox-arrow{top:auto;bottom:16px;transform:none;width:46px;height:46px}
  .watch-buy-lightbox-arrow:hover{transform:scale(1.04)}
  .watch-buy-lightbox-arrow.prev{left:calc(50% - 57px)}
  .watch-buy-lightbox-arrow.next{right:calc(50% - 57px)}
}
.watch-buy-lightbox-tool[hidden]{display:none!important}
.watch-buy-track:not(:has(.watch-buy-card:nth-child(4))){justify-content:center}
@media(max-width:600px){.watch-buy-track:not(:has(.watch-buy-card:nth-child(4))){justify-content:flex-start}}

/* --- 2026-09-19 premium hero admin + video story refresh --- */
.assigned-hero-iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.story-video-premium{position:relative;overflow:hidden;padding:110px 0;background:#1f120b;color:#fff;isolation:isolate}
.story-video-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.02) contrast(1.02);transform:scale(1.04)}
.story-video-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,10,5,.86) 0%,rgba(24,11,5,.78) 30%,rgba(30,14,6,.58) 54%,rgba(24,10,5,.72) 100%),radial-gradient(circle at 72% 26%,rgba(255,155,80,.18),transparent 28%);z-index:1}
.story-video-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:64px;align-items:center}
.story-video-poster{width:min(100%,420px);margin:0 auto;border-radius:30px;overflow:hidden;box-shadow:0 38px 90px rgba(0,0,0,.38);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.story-video-poster img{width:100%;display:block}
.story-video-copy{max-width:690px}
.story-video-copy h2{font-family:'Playfair Display',serif;font-size:clamp(42px,5vw,74px);line-height:1.02;letter-spacing:-.04em;margin:8px 0 16px;color:#fff;text-shadow:0 10px 32px rgba(0,0,0,.24)}
.story-video-copy p{font-size:18px;line-height:1.75;color:#efe2d5;max-width:640px;margin:0 0 26px}
.story-video-points{display:grid;gap:14px;margin:0 0 32px}
.story-video-points>div{display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;padding:16px 18px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);backdrop-filter:blur(10px)}
.story-video-points b{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:rgba(255,136,50,.15);color:#ffaf70;font-size:12px;letter-spacing:.16em}
.story-video-points span{display:grid;gap:4px}
.story-video-points strong{font-size:18px;color:#fff}
.story-video-points small{font-size:14px;color:#ead8ca;line-height:1.6}

.dashboard-stack-form{display:grid;gap:22px}
.hero-slide-admin-list{display:grid;gap:18px}
.hero-slide-admin-card{border:1px solid var(--line);border-radius:22px;padding:18px;background:#fffaf6;box-shadow:0 16px 40px rgba(43,24,14,.06)}
.hero-slide-admin-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px}
.hero-slide-admin-head h3{margin:0;font-size:18px}
.hero-slide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.slide-delete-toggle{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:#8f4a33;font-weight:700}
.hero-slide-admin-preview{margin-top:14px;border-radius:18px;overflow:hidden;background:#1e120c;min-height:220px;display:grid;place-items:center}
.hero-slide-admin-preview img,.hero-slide-admin-preview video{width:100%;max-height:280px;object-fit:cover}
.hero-admin-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.hero-slide-live-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:18px;padding:14px;background:#fffdfb}
.hero-slide-live-card img,.hero-slide-live-card video{width:100%;height:200px;object-fit:cover;border-radius:14px}
.dashboard-form-actions{margin-top:12px;display:flex;justify-content:flex-start}

@media(max-width:980px){
  .story-video-grid{grid-template-columns:1fr;gap:30px}
  .story-video-copy{max-width:none}
  .hero-admin-preview-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .story-video-premium{padding:72px 0}
  .story-video-copy h2{font-size:clamp(36px,10vw,52px)}
  .story-video-copy p{font-size:16px}
  .story-video-points>div{grid-template-columns:46px 1fr;padding:14px}
  .story-video-points b{width:46px;height:46px;border-radius:14px}
  .hero-slide-grid{grid-template-columns:1fr}
}

/* ===== 2026-09-19 cinematic storefront refinement ===== */
:root{
  --hk-cinema-ease:cubic-bezier(.18,.86,.24,1);
  --hk-cinema-snap:cubic-bezier(.22,1,.36,1);
  --hk-cinema-shadow:0 36px 90px rgba(38,18,9,.18);
}

body:not([data-page="dashboard"]) main{
  animation:hkStorefrontIn .85s var(--hk-cinema-snap) both;
}
@keyframes hkStorefrontIn{
  from{opacity:0;transform:translateY(12px);filter:blur(5px)}
  to{opacity:1;transform:none;filter:none}
}

/* Stronger editorial reveal, inspired by the supplied premium frontend reference. */
body:not([data-page="dashboard"]) .reveal{
  opacity:0;
  filter:blur(10px);
  transform:perspective(1200px) translateY(58px) rotateX(8deg) scale(.982);
  clip-path:inset(8% 0 0 0 round 12px);
  transform-origin:center top;
  transition:opacity .9s ease,transform 1.18s var(--hk-cinema-snap),filter 1s ease,clip-path 1.18s var(--hk-cinema-snap)!important;
}
body:not([data-page="dashboard"]) .reveal.in{
  opacity:1;
  filter:none;
  transform:none;
  clip-path:inset(0 round 0);
}

/* Premium product/card movement across the customer-facing frontend. */
body:not([data-page="dashboard"]) .product-card,
body:not([data-page="dashboard"]) .hk-process-card,
body:not([data-page="dashboard"]) .about-poster-card,
body:not([data-page="dashboard"]) .about-values-grid article,
body:not([data-page="dashboard"]) .b2b-product-mini,
body:not([data-page="dashboard"]) .detail-cards article{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform-style:preserve-3d;
}
body:not([data-page="dashboard"]) .product-card:after,
body:not([data-page="dashboard"]) .hk-process-card:after,
body:not([data-page="dashboard"]) .about-poster-card:after,
body:not([data-page="dashboard"]) .about-values-grid article:after,
body:not([data-page="dashboard"]) .b2b-product-mini:after,
body:not([data-page="dashboard"]) .detail-cards article:after{
  content:"";
  position:absolute;
  z-index:6;
  inset:-30%;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 37%,rgba(255,255,255,.30) 49%,transparent 61%);
  transform:translateX(-140%) rotate(2deg);
  transition:transform 1.05s var(--hk-cinema-ease);
}
body:not([data-page="dashboard"]) .product-card:hover:after,
body:not([data-page="dashboard"]) .hk-process-card:hover:after,
body:not([data-page="dashboard"]) .about-poster-card:hover:after,
body:not([data-page="dashboard"]) .about-values-grid article:hover:after,
body:not([data-page="dashboard"]) .b2b-product-mini:hover:after,
body:not([data-page="dashboard"]) .detail-cards article:hover:after{
  transform:translateX(140%) rotate(2deg);
}
body:not([data-page="dashboard"]) .product-card:hover{
  transform:perspective(1200px) translateY(-10px) rotateX(1.4deg) scale(1.012);
  box-shadow:0 30px 70px rgba(43,23,12,.15);
}
body:not([data-page="dashboard"]) .product-card-media img{
  transition:transform 1.15s var(--hk-cinema-ease),filter .75s ease;
}
body:not([data-page="dashboard"]) .product-card:hover .product-card-media img{
  transform:scale(1.065);
  filter:saturate(.92) contrast(1.025);
}

/* Button glint without changing any action/URL. */
body:not([data-page="dashboard"]) .btn{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
body:not([data-page="dashboard"]) .btn:after{
  content:"";
  position:absolute;
  inset:-40%;
  z-index:-1;
  background:linear-gradient(110deg,transparent 39%,rgba(255,255,255,.27) 50%,transparent 61%);
  transform:translateX(-150%);
  transition:transform .85s var(--hk-cinema-ease);
}
body:not([data-page="dashboard"]) .btn:hover:after{transform:translateX(150%)}

/* ===== Clear products editorial section: restored, richer and intentionally static-backed ===== */
.story-editorial-premium{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:108px 0;
  background:
    radial-gradient(circle at 12% 12%,rgba(213,92,35,.16),transparent 26%),
    radial-gradient(circle at 86% 76%,rgba(255,172,99,.09),transparent 26%),
    linear-gradient(132deg,#241108 0%,#3a190e 54%,#2a120a 100%);
  color:#fff;
}
.story-editorial-premium:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.13;
  background-image:radial-gradient(rgba(255,255,255,.19) .65px,transparent .65px);
  background-size:7px 7px;
  mask-image:linear-gradient(90deg,#000,transparent 60%);
}
.story-editorial-premium:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:linear-gradient(108deg,transparent 34%,rgba(255,255,255,.055) 49%,transparent 64%);
  transform:translateX(-120%);
  animation:hkStorySweep 10s 1.4s ease-in-out infinite;
}
@keyframes hkStorySweep{
  0%,65%{transform:translateX(-120%)}
  82%,100%{transform:translateX(120%)}
}
.story-editorial-orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(4px);
  opacity:.7;
}
.story-editorial-orb-a{
  width:430px;height:430px;left:-180px;top:-200px;
  background:radial-gradient(circle,rgba(255,134,58,.17),transparent 68%);
  animation:hkOrbDriftA 12s ease-in-out infinite alternate;
}
.story-editorial-orb-b{
  width:520px;height:520px;right:-240px;bottom:-310px;
  background:radial-gradient(circle,rgba(255,202,151,.10),transparent 70%);
  animation:hkOrbDriftB 15s ease-in-out infinite alternate;
}
@keyframes hkOrbDriftA{to{transform:translate3d(70px,42px,0) scale(1.12)}}
@keyframes hkOrbDriftB{to{transform:translate3d(-64px,-46px,0) scale(.94)}}
.story-editorial-grid{
  position:relative;
  z-index:3;
  display:grid;
  grid-template-columns:minmax(300px,430px) minmax(0,1fr);
  gap:82px;
  align-items:center;
}
.story-editorial-poster{perspective:1400px}
.story-editorial-poster-frame{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:1px;
  background:linear-gradient(145deg,rgba(255,255,255,.30),rgba(255,255,255,.06));
  box-shadow:0 44px 100px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.05);
  transform:perspective(1400px) rotateY(2.2deg) rotateX(.8deg);
  transform-origin:center;
  transition:transform 1s var(--hk-cinema-ease),box-shadow 1s var(--hk-cinema-ease);
}
.story-editorial-poster-frame:before{
  content:"";
  position:absolute;
  inset:14px;
  z-index:3;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  pointer-events:none;
}
.story-editorial-poster-frame img{
  width:100%;
  display:block;
  border-radius:29px;
  transition:transform 1.35s var(--hk-cinema-ease),filter .9s ease;
}
.story-editorial-poster-frame:hover{
  transform:perspective(1400px) translateY(-10px) rotateY(-1deg) rotateX(1deg) scale(1.012);
  box-shadow:0 58px 120px rgba(0,0,0,.52),0 0 0 1px rgba(255,255,255,.08);
}
.story-editorial-poster-frame:hover img{transform:scale(1.035);filter:saturate(.94) contrast(1.03)}
.story-editorial-poster-glint{
  position:absolute;
  z-index:4;
  inset:-30%;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 36%,rgba(255,248,233,.30) 49%,transparent 62%);
  transform:translateX(-145%);
  transition:transform 1.15s var(--hk-cinema-ease);
}
.story-editorial-poster-frame:hover .story-editorial-poster-glint{transform:translateX(145%)}
.story-editorial-copy{max-width:680px}
.story-editorial-copy h2{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:clamp(54px,5.1vw,76px);
  font-weight:600;
  line-height:.93;
  letter-spacing:-.055em;
  margin:13px 0 22px;
  color:#fff8f1;
  text-shadow:0 10px 36px rgba(0,0,0,.22);
}
.story-editorial-copy>p{
  max-width:640px;
  margin:0 0 30px;
  color:#d9c4b5;
  font-size:16px;
  line-height:1.78;
}
.story-editorial-points{display:grid;margin:0 0 30px;border-top:1px solid rgba(255,255,255,.15)}
.story-editorial-points>div{
  display:grid;
  grid-template-columns:44px 1fr;
  gap:15px;
  align-items:start;
  padding:17px 0;
  border-bottom:1px solid rgba(255,255,255,.15);
  transition:transform .45s var(--hk-cinema-ease),background .45s ease,padding .45s var(--hk-cinema-ease);
}
.story-editorial-points>div:hover{
  transform:translateX(8px);
  padding-left:10px;
  background:linear-gradient(90deg,rgba(255,255,255,.05),transparent 72%);
}
.story-editorial-points b{
  color:#ff9b58;
  font-size:10px;
  letter-spacing:.14em;
  padding-top:3px;
}
.story-editorial-points span{display:grid;gap:4px}
.story-editorial-points strong{font-size:15px;color:#fff;font-weight:700}
.story-editorial-points small{font-size:12.5px;color:#cdb7aa;line-height:1.55}
.story-editorial-cta{margin-top:2px}

/* ===== Flavour map: supplied spice video lives HERE as the requested card background ===== */
.flavour-video-board{
  isolation:isolate;
  min-height:520px;
  background:#2a140c!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 46px 105px rgba(47,20,8,.30),0 14px 40px rgba(47,20,8,.14),inset 0 1px rgba(255,255,255,.08)!important;
}
.flavour-video-board:before,
.flavour-video-board:after{z-index:3}
.flavour-video-bg{
  position:absolute;
  z-index:0;
  inset:-3%;
  width:106%;
  height:106%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.74) contrast(1.08) brightness(.68);
  transform:scale(1.035);
  animation:hkFlavourVideoBreathe 13s ease-in-out infinite alternate;
}
@keyframes hkFlavourVideoBreathe{
  from{transform:scale(1.035) translate3d(0,0,0)}
  to{transform:scale(1.095) translate3d(-1.2%,.8%,0)}
}
.flavour-video-overlay{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(30,12,5,.91) 0%,rgba(36,15,7,.82) 37%,rgba(32,13,6,.74) 62%,rgba(29,11,5,.86) 100%),
    radial-gradient(circle at 72% 28%,rgba(255,155,82,.16),transparent 30%);
}
.flavour-video-grain{
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  opacity:.12;
  background-image:radial-gradient(rgba(255,255,255,.26) .6px,transparent .6px);
  background-size:6px 6px;
  mix-blend-mode:soft-light;
}
.flavour-video-board .flavour-intro,
.flavour-video-board .flavour-list-premium{z-index:4}
.flavour-video-board .flavour-intro h2{
  color:#fff8f0;
  text-shadow:0 12px 34px rgba(0,0,0,.28);
}
.flavour-video-board .flavour-intro p{color:#e4d1c4}
.flavour-video-board .flavour-row-premium{
  border-color:rgba(255,255,255,.18);
}
.flavour-video-board .flavour-row-premium>div:first-child strong{color:#fff8f0}
.flavour-video-board .flavour-tags-premium span{
  color:#f2e4d8;
  background:rgba(75,36,21,.31);
  border-color:rgba(255,255,255,.18);
  backdrop-filter:blur(10px);
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.12);
}
.flavour-video-board .flavour-tags-premium span:hover{
  background:rgba(121,57,28,.40);
  border-color:rgba(255,174,111,.48);
  transform:translateY(-4px) scale(1.02);
}

/* A restrained moving underline on major section labels. */
body:not([data-page="dashboard"]) .eyebrow{
  position:relative;
  width:max-content;
}
body:not([data-page="dashboard"]) .eyebrow:after{
  content:"";
  display:block;
  width:34px;
  height:1px;
  margin-top:7px;
  background:currentColor;
  opacity:.5;
  transform-origin:left;
  transition:width .55s var(--hk-cinema-snap),opacity .55s ease;
}
body:not([data-page="dashboard"]) section:hover .eyebrow:after{width:62px;opacity:.9}

@media(max-width:980px){
  .story-editorial-grid{grid-template-columns:1fr;gap:44px}
  .story-editorial-poster{width:min(100%,430px);margin:0 auto}
  .story-editorial-copy{max-width:760px;margin:0 auto}
  .flavour-video-board{min-height:0}
}
@media(max-width:700px){
  .story-editorial-premium{padding:72px 0}
  .story-editorial-grid{gap:32px}
  .story-editorial-poster{width:min(100%,360px)}
  .story-editorial-copy h2{font-size:clamp(44px,13vw,60px)}
  .story-editorial-copy>p{font-size:15px}
  .story-editorial-points>div{grid-template-columns:36px 1fr}
  .flavour-video-bg{inset:0;width:100%;height:100%}
  .flavour-video-overlay{background:rgba(27,11,5,.79)}
}

@media(prefers-reduced-motion:reduce){
  body:not([data-page="dashboard"]) main,
  body:not([data-page="dashboard"]) .reveal,
  .story-editorial-premium:after,
  .story-editorial-orb,
  .flavour-video-bg{
    animation:none!important;
    transition:none!important;
    transform:none!important;
    filter:none!important;
  }
}

/* ===== 2026-09-19 final polish request: stronger video visibility + restored premium story video + animated benefit strip ===== */

/* 1) Flavour map video section: make the background video clearer and richer while keeping text readable. */
.body-home .premium-flavour-board,
body[data-page="home"] .premium-flavour-board,
body:not([data-page="dashboard"]) .premium-flavour-board{
  overflow:hidden;
}
body:not([data-page="dashboard"]) .flavour-video-board{
  background:#2b140b!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 42px 94px rgba(47,20,8,.24),0 14px 34px rgba(47,20,8,.11),inset 0 1px rgba(255,255,255,.08)!important;
}
body:not([data-page="dashboard"]) .flavour-video-bg{
  inset:-1%;
  width:102%;
  height:102%;
  filter:saturate(.92) contrast(1.06) brightness(.88);
  transform:scale(1.02);
}
body:not([data-page="dashboard"]) .flavour-video-overlay{
  background:
    linear-gradient(90deg,rgba(28,11,5,.66) 0%,rgba(36,15,7,.56) 30%,rgba(35,14,7,.44) 54%,rgba(28,10,5,.58) 100%),
    linear-gradient(180deg,rgba(24,8,4,.16) 0%,rgba(24,8,4,.36) 100%),
    radial-gradient(circle at 72% 28%,rgba(255,155,82,.14),transparent 32%);
}
body:not([data-page="dashboard"]) .flavour-video-grain{opacity:.08}
body:not([data-page="dashboard"]) .flavour-video-board .flavour-intro,
body:not([data-page="dashboard"]) .flavour-video-board .flavour-list-premium{
  position:relative;
}
body:not([data-page="dashboard"]) .flavour-video-board .flavour-intro:before,
body:not([data-page="dashboard"]) .flavour-video-board .flavour-list-premium:before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:24px;
  background:linear-gradient(180deg,rgba(24,8,4,.20),rgba(24,8,4,.08));
  backdrop-filter:blur(2px);
  z-index:-1;
}
body:not([data-page="dashboard"]) .flavour-video-board .flavour-intro h2{
  font-size:clamp(42px,4.45vw,64px);
}
body:not([data-page="dashboard"]) .flavour-video-board .flavour-intro p{
  max-width:500px;
  font-size:17px;
}
body:not([data-page="dashboard"]) .flavour-video-board .flavour-row-premium>div:first-child strong{
  font-size:18px;
}

/* 2) Clear products section: use premium video instead of static poster, cleaner sizing, and richer editorial background. */
body:not([data-page="dashboard"]) .story-editorial-premium{
  padding:112px 0;
  background:
    radial-gradient(circle at 10% 14%,rgba(212,92,32,.18),transparent 23%),
    radial-gradient(circle at 84% 20%,rgba(255,191,136,.09),transparent 22%),
    linear-gradient(120deg,#2b1007 0%,#4e1d0f 46%,#351208 100%);
}
body:not([data-page="dashboard"]) .story-editorial-premium:before{
  opacity:.10;
}
body:not([data-page="dashboard"]) .story-editorial-premium:after{
  opacity:.8;
}
body:not([data-page="dashboard"]) .story-editorial-grid{
  grid-template-columns:minmax(310px,500px) minmax(0,1fr);
  gap:78px;
}
body:not([data-page="dashboard"]) .story-editorial-video-frame{
  min-height:540px;
  background:linear-gradient(165deg,rgba(14,7,4,.98),rgba(44,16,7,.94));
}
body:not([data-page="dashboard"]) .story-editorial-video{
  width:100%;
  height:540px;
  object-fit:cover;
  display:block;
  border-radius:29px;
  filter:saturate(.95) contrast(1.05) brightness(.90);
}
body:not([data-page="dashboard"]) .story-editorial-video-fade{
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:29px;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(10,5,2,.12) 0%,rgba(10,5,2,0) 28%,rgba(10,5,2,.28) 100%),
    radial-gradient(circle at 18% 14%,rgba(255,255,255,.08),transparent 24%),
    radial-gradient(circle at 82% 76%,rgba(255,161,92,.08),transparent 25%);
}
body:not([data-page="dashboard"]) .story-editorial-video-copy{
  position:absolute;
  left:24px;
  right:24px;
  bottom:22px;
  z-index:4;
  display:grid;
  gap:5px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(17,8,4,.58),rgba(17,8,4,.34));
  backdrop-filter:blur(6px);
  box-shadow:0 16px 40px rgba(0,0,0,.18);
}
body:not([data-page="dashboard"]) .story-editorial-video-copy span{
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#efc9a9;
  font-weight:700;
}
body:not([data-page="dashboard"]) .story-editorial-video-copy strong{
  font-size:20px;
  line-height:1.15;
  color:#fff7f0;
  font-family:'Cormorant Garamond',Georgia,serif;
  font-weight:600;
}
body:not([data-page="dashboard"]) .story-editorial-copy h2{
  font-size:clamp(46px,4.7vw,68px);
  line-height:.95;
  margin:12px 0 18px;
}
body:not([data-page="dashboard"]) .story-editorial-copy>p{
  max-width:680px;
  font-size:17px;
  color:#e4d3c5;
}
body:not([data-page="dashboard"]) .story-editorial-points>div{
  padding:18px 0;
}
body:not([data-page="dashboard"]) .story-editorial-points strong{
  font-size:16px;
}
body:not([data-page="dashboard"]) .story-editorial-points small{
  font-size:13px;
}
body:not([data-page="dashboard"]) .story-editorial-cta{
  margin-top:10px;
}

/* 3) Benefit strip: stronger premium motion/hover/in-view animation. */
body:not([data-page="dashboard"]) .benefit-strip{
  overflow:hidden;
}
body:not([data-page="dashboard"]) .benefit-grid>div{
  position:relative;
  overflow:hidden;
  transform:translateY(0);
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),background .35s ease,border-radius .35s ease;
}
body:not([data-page="dashboard"]) .benefit-grid>div:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  background:linear-gradient(180deg,#f16c2d,#ffb071);
  opacity:.95;
  transition:width .42s cubic-bezier(.22,1,.36,1);
}
body:not([data-page="dashboard"]) .benefit-grid>div:after{
  content:"";
  position:absolute;
  inset:-20% auto -20% -42%;
  width:42%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.52),transparent);
  transform:translateX(-220%) skewX(-18deg);
  transition:transform .85s cubic-bezier(.22,1,.36,1);
}
body:not([data-page="dashboard"]) .benefit-grid>div:hover{
  transform:translateY(-10px) scale(1.01);
  box-shadow:0 24px 52px rgba(59,31,15,.14);
  border-radius:18px;
  background:#fffdfb;
}
body:not([data-page="dashboard"]) .benefit-grid>div:hover:before{width:4px}
body:not([data-page="dashboard"]) .benefit-grid>div:hover:after{transform:translateX(440%) skewX(-18deg)}
body:not([data-page="dashboard"]) .benefit-grid>div>span,
body:not([data-page="dashboard"]) .benefit-grid strong,
body:not([data-page="dashboard"]) .benefit-grid small{
  position:relative;
  z-index:2;
}
body:not([data-page="dashboard"]) .benefit-grid>div.reveal.in{
  animation:hkBenefitRise .8s cubic-bezier(.22,1,.36,1) both;
}
body:not([data-page="dashboard"]) .benefit-grid>div.reveal.in:nth-child(2){animation-delay:.08s}
body:not([data-page="dashboard"]) .benefit-grid>div.reveal.in:nth-child(3){animation-delay:.16s}
body:not([data-page="dashboard"]) .benefit-grid>div.reveal.in:nth-child(4){animation-delay:.24s}
@keyframes hkBenefitRise{
  from{opacity:0;transform:translateY(28px) scale(.985);filter:blur(6px)}
  to{opacity:1;transform:none;filter:none}
}
body:not([data-page="dashboard"]) .benefit-grid>div>span{
  transition:transform .45s cubic-bezier(.22,1,.36,1),color .35s ease;
}
body:not([data-page="dashboard"]) .benefit-grid>div:hover>span{
  transform:translateY(-1px) scale(1.06);
  color:#d85015;
}

@media(max-width:1100px){
  body:not([data-page="dashboard"]) .story-editorial-grid{grid-template-columns:1fr;gap:32px}
  body:not([data-page="dashboard"]) .story-editorial-poster{max-width:560px}
  body:not([data-page="dashboard"]) .story-editorial-video,
  body:not([data-page="dashboard"]) .story-editorial-video-frame{height:auto;min-height:0}
  body:not([data-page="dashboard"]) .story-editorial-video{height:500px}
}
@media(max-width:700px){
  body:not([data-page="dashboard"]) .flavour-video-bg{filter:saturate(.94) contrast(1.03) brightness(.82)}
  body:not([data-page="dashboard"]) .flavour-video-overlay{
    background:
      linear-gradient(180deg,rgba(24,8,4,.52) 0%,rgba(24,8,4,.66) 100%),
      linear-gradient(90deg,rgba(30,12,5,.62) 0%,rgba(31,13,6,.46) 100%);
  }
  body:not([data-page="dashboard"]) .story-editorial-premium{padding:80px 0}
  body:not([data-page="dashboard"]) .story-editorial-video{height:420px}
  body:not([data-page="dashboard"]) .story-editorial-copy h2{font-size:clamp(38px,11vw,52px)}
  body:not([data-page="dashboard"]) .story-editorial-copy>p{font-size:16px}
}

/* ============================================================
   2026-09-22 requested update: Amazon-style PDP + logo alignment
   + free shipping + payment product identity.
   ============================================================ */

/* Keep the exact same logo position horizontally, but vertically centre it in the header. */
.site-header .nav-shell{align-items:center!important}
.site-header .brand-logo{
  position:static!important;
  top:auto!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:100%!important;
  transform:translateY(2px)!important;
}
.site-header .brand-logo:hover{transform:translateY(1px) scale(1.012)!important}
.site-header .brand-logo img{
  display:block!important;
  margin:0!important;
  max-height:54px!important;
  height:auto!important;
}

/* Amazon-inspired product detail layout while keeping HK SPICES branding. */
.amazon-product-page{padding:22px 0 58px;background:#fff!important}
.amazon-breadcrumbs{display:flex;align-items:center;gap:7px;margin:0 0 16px;color:#64707c;font-size:12px;line-height:1.4}
.amazon-breadcrumbs a{color:#4e6977}.amazon-breadcrumbs a:hover{color:#c45500;text-decoration:underline}
.amazon-product-layout{display:grid;grid-template-columns:minmax(440px,1.02fr) minmax(360px,.92fr) minmax(250px,.56fr);gap:28px;align-items:start}
.amazon-gallery{position:sticky!important;top:118px;display:grid;grid-template-columns:66px minmax(0,1fr);grid-template-rows:auto auto;gap:12px 14px;min-width:0}
.amazon-gallery .amazon-thumb-strip{grid-column:1;grid-row:1;display:flex!important;flex-direction:column;gap:8px;margin:0;padding:0;overflow:visible}
.amazon-gallery .media-thumb{width:54px;height:54px;flex:0 0 54px;border-radius:8px;border:1px solid #a8adb2;background:#fff}
.amazon-gallery .media-thumb.active{border:2px solid #007185;box-shadow:0 0 0 2px rgba(0,113,133,.14)}
.amazon-gallery .media-thumb img{object-fit:contain!important;background:#fff}
.amazon-gallery-stage{grid-column:2;grid-row:1;height:580px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;overflow:hidden}
.amazon-gallery-stage .gallery-slide img,.amazon-gallery-stage .gallery-slide video,.amazon-gallery-stage .gallery-slide iframe{object-fit:contain;background:#fff}
.amazon-gallery-stage .gallery-arrow{width:40px;height:48px;border-radius:8px;color:#1f2933;background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.18)}
.amazon-gallery-stage .gallery-counter{display:none}
.amazon-zoom-note{grid-column:2;grid-row:2;text-align:center;color:#5f6a72;font-size:12px;margin-top:-2px}

.amazon-product-info{min-width:0;padding:0 4px}
.amazon-store-link{display:inline-block;color:#007185;font-size:13px;margin-bottom:5px}.amazon-store-link:hover{color:#c45500;text-decoration:underline}
.amazon-product-info h1{font-family:Arial,Helvetica,sans-serif!important;font-size:26px!important;line-height:1.28!important;letter-spacing:0!important;font-weight:500!important;color:#0f1111!important;margin:0 0 7px!important}
.amazon-subtitle{margin:0 0 7px;color:#4f5961;font-size:14px;line-height:1.45}
.amazon-quality-line{display:flex;gap:7px;flex-wrap:wrap;color:#007185;font-size:13px;line-height:1.5}
.amazon-product-info hr{border:0;border-top:1px solid #d5d9d9;margin:10px 0 13px}
.amazon-price-line{display:flex;align-items:flex-start;gap:8px;color:#0f1111}.amazon-price-line strong{font-family:Arial,Helvetica,sans-serif;font-size:30px;font-weight:400;letter-spacing:-.02em}
.amazon-discount{font-size:22px;color:#cc0c39;font-weight:300;padding-top:4px}
.amazon-mrp-line{font-size:12px;color:#565959;margin-top:2px}.amazon-mrp-line s{margin-left:3px}
.amazon-product-info .tax-note{font-size:13px;color:#0f1111;margin:3px 0 14px}
.amazon-choice-block{border-top:1px solid #e3e6e6;padding-top:14px;margin-top:8px}
.amazon-choice-title{font-size:14px;color:#0f1111;margin-bottom:10px}.amazon-choice-title strong{font-weight:700}
.amazon-size-options{gap:8px}.amazon-size-options button{height:auto;min-height:62px;min-width:108px;padding:8px 10px;border-radius:8px;border:1px solid #888c8c;display:grid;align-content:center;justify-items:start;gap:2px;background:#fff;color:#0f1111;box-shadow:0 1px 2px rgba(15,17,17,.10)}
.amazon-size-options button:hover{border-color:#007185!important;transform:none!important;box-shadow:0 0 0 2px rgba(0,113,133,.12)!important}
.amazon-size-options button.active{background:#f0f8fa!important;color:#0f1111!important;border:2px solid #007185!important;box-shadow:0 0 0 1px rgba(0,113,133,.12)!important}
.amazon-size-options button b{font-size:14px}.amazon-size-options button small{font-size:12px;font-weight:500}
.amazon-highlights{margin-top:20px;border-top:1px solid #e3e6e6;padding-top:15px}.amazon-highlights h2{font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.3;margin:0 0 8px;color:#0f1111}.amazon-highlights ul{margin:0;padding-left:20px}.amazon-highlights li,.amazon-highlights p{font-size:14px;line-height:1.52;color:#0f1111;margin:3px 0}

.amazon-buy-box{position:sticky;top:118px;border:1px solid #d5d9d9;border-radius:9px;padding:18px 18px 16px;background:#fff;box-shadow:0 0 0 1px rgba(15,17,17,.02);font-family:Arial,Helvetica,sans-serif}
.amazon-buy-price{font-size:28px;line-height:1.2;color:#0f1111;margin-bottom:11px}
.amazon-free-delivery{display:grid;gap:2px;font-size:13px;margin-bottom:17px}.amazon-free-delivery strong{color:#007185;font-weight:500}.amazon-free-delivery span{color:#565959;font-size:12px}
.amazon-stock{font-size:18px;color:#007600;margin:5px 0 14px}
.amazon-qty-label{font-size:12px;color:#565959;margin-bottom:5px}
.amazon-qty-control{display:inline-flex;border-radius:8px!important;border-color:#d5d9d9!important;background:#f0f2f2!important;box-shadow:0 2px 5px rgba(15,17,17,.12);margin-bottom:10px}
.amazon-qty-control button{width:34px;height:32px;background:transparent!important;font-size:17px}.amazon-qty-control span{min-width:30px;font-size:13px}
.amazon-line-total{display:flex;justify-content:space-between;align-items:center;padding:8px 0 12px;border-bottom:1px solid #e3e6e6;margin-bottom:12px}.amazon-line-total small{font-size:12px;color:#565959}.amazon-line-total strong{font-size:16px;color:#0f1111}
.amazon-cart-button,.amazon-buy-button{width:100%;min-height:42px;border:0;border-radius:999px;cursor:pointer;font-size:14px;color:#0f1111;margin-bottom:9px;box-shadow:0 2px 5px rgba(15,17,17,.08);transition:filter .18s ease,box-shadow .18s ease}
.amazon-cart-button{background:#ffd814}.amazon-cart-button:hover{background:#f7ca00}.amazon-buy-button{background:#ffa41c}.amazon-buy-button:hover{background:#fa8900}.amazon-cart-button:disabled{cursor:not-allowed;background:#e7e7e7;color:#777}
.amazon-secure-row{display:flex;gap:7px;align-items:center;color:#007185;font-size:12px;margin:5px 0 13px}
.amazon-buy-details{display:grid;gap:7px;border-bottom:1px solid #e3e6e6;padding-bottom:12px;margin-bottom:12px}.amazon-buy-details>div{display:grid;grid-template-columns:76px 1fr;gap:8px;font-size:11px}.amazon-buy-details span{color:#565959}.amazon-buy-details strong{font-weight:500;color:#0f1111}
.amazon-wholesale-link{display:block;border:1px solid #8d9096;border-radius:8px;padding:8px 10px;text-align:center;color:#0f1111;font-size:12px;background:#fff}.amazon-wholesale-link:hover{background:#f7fafa}

/* Payment card: show the ordered product image + name in the same panel, no shipping row. */
.payment-product-list{display:grid;gap:10px;margin:12px 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.payment-product-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:11px}
.payment-product-image{width:58px;height:58px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;display:grid;place-items:center;color:var(--brand);font-weight:800}
.payment-product-image img{width:100%;height:100%;object-fit:contain;background:#fff}
.payment-product-copy{display:grid;gap:3px;min-width:0}.payment-product-copy strong{font-size:13px;line-height:1.25}.payment-product-copy small{font-size:11px;color:var(--muted)}.payment-product-row>b{font-size:13px}

@media(max-width:1180px){
  .amazon-product-layout{grid-template-columns:minmax(390px,1fr) minmax(330px,.85fr);gap:24px}
  .amazon-buy-box{grid-column:2;position:static}.amazon-product-info{grid-column:2}.amazon-gallery{grid-row:1 / span 2}.amazon-gallery-stage{height:520px!important}
}
@media(max-width:900px){
  .site-header .brand-logo{transform:translateY(1px)!important}.site-header .brand-logo:hover{transform:translateY(1px)!important}.site-header .brand-logo img{max-height:48px!important}
  .amazon-product-page{padding-top:14px}.amazon-product-layout{grid-template-columns:1fr;gap:20px}.amazon-gallery,.amazon-product-info,.amazon-buy-box{grid-column:1;position:static!important}.amazon-gallery{grid-row:auto;grid-template-columns:1fr;grid-template-rows:auto auto auto}.amazon-gallery .amazon-thumb-strip{grid-column:1;grid-row:2;flex-direction:row;overflow:auto}.amazon-gallery-stage{grid-column:1;grid-row:1;height:500px!important}.amazon-zoom-note{grid-column:1;grid-row:3}.amazon-product-info h1{font-size:24px!important}.amazon-buy-box{max-width:520px;width:100%}
}
@media(max-width:560px){
  .amazon-breadcrumbs{font-size:11px;margin-bottom:10px}.amazon-gallery-stage{height:390px!important}.amazon-gallery .media-thumb{width:50px;height:50px;flex-basis:50px}.amazon-product-info h1{font-size:22px!important}.amazon-size-options button{min-width:96px}.amazon-buy-box{padding:16px}.payment-product-row{grid-template-columns:52px minmax(0,1fr) auto}.payment-product-image{width:52px;height:52px}
}

/* ======================================================================
   HK SPICES premium product page — bespoke editorial layout, not Amazon UI
   2026-09-22
   ====================================================================== */
.hk-pdp{background:#f4efe6;padding:0 0 64px;color:#252017}
.hk-pdp-shell{max-width:1480px!important;padding-left:20px!important;padding-right:20px!important}
.hk-pdp-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(430px,.92fr);min-height:700px;border-left:1px solid rgba(52,43,31,.15);border-right:1px solid rgba(52,43,31,.15);background:#f8f4ec}
.hk-gallery{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-rows:minmax(600px,1fr) auto;border-right:1px solid rgba(52,43,31,.16);padding:0 0 0 0;min-width:0;background:#eee6d8}
.hk-thumb-strip{grid-column:1;grid-row:1;display:flex!important;flex-direction:column;gap:9px;padding:12px 8px;overflow-y:auto;border-right:1px solid rgba(52,43,31,.12);background:#f3ede3}
.hk-thumb-strip .media-thumb{width:58px;height:58px;flex:0 0 58px;border-radius:0;border:1px solid rgba(52,43,31,.25);padding:0;background:#fff;overflow:hidden;box-shadow:none}
.hk-thumb-strip .media-thumb.active{border:2px solid #7b0b24;box-shadow:none}
.hk-thumb-strip .media-thumb img{width:100%;height:100%;object-fit:cover!important}
.hk-gallery-stage{grid-column:2;grid-row:1;height:auto!important;min-height:600px;border:0!important;border-radius:0!important;background:#e9dfcf!important;box-shadow:none!important}
.hk-gallery-stage .gallery-slide img,.hk-gallery-stage .gallery-slide video,.hk-gallery-stage .gallery-slide iframe{width:100%;height:100%;object-fit:cover;background:#e9dfcf}
.hk-gallery-stage .gallery-arrow{width:42px;height:42px;border-radius:0;background:rgba(248,244,236,.92);color:#2c261f;border:1px solid rgba(44,38,31,.2);box-shadow:none}
.hk-gallery-foot{grid-column:1 / -1;grid-row:2;display:flex;justify-content:space-between;gap:18px;padding:11px 16px;border-top:1px solid rgba(52,43,31,.14);background:#f4efe6;color:#776e62;font-size:9px;letter-spacing:.08em;text-transform:uppercase}

.hk-product-panel{padding:48px 50px 42px;background:#f8f4ec;min-width:0}
.hk-product-kicker{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#7b0b24;margin-bottom:16px;font-weight:700}
.hk-product-panel h1{font-family:Georgia,'Times New Roman',serif!important;font-weight:400!important;font-size:58px!important;line-height:.96!important;letter-spacing:-.045em!important;color:#1f1b16!important;margin:0 0 22px!important;max-width:620px}
.hk-product-subtitle{font-family:Georgia,'Times New Roman',serif;font-size:16px;line-height:1.65;color:#5a5147;max-width:620px;margin:0 0 18px}
.hk-trust-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.hk-trust-chips span{padding:6px 10px;border:1px solid rgba(43,37,29,.22);font-size:8px;letter-spacing:.10em;color:#4f473e;background:rgba(255,255,255,.28)}
.hk-price-stock-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:12px 0 19px}
.hk-price-block{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.hk-price-block strong{font-family:Georgia,'Times New Roman',serif;font-size:32px;font-weight:400;color:#231e18}.hk-price-block small{font-size:9px;color:#8a8177}.hk-price-block s{font-size:12px;color:#94897d}
.hk-stock{font-size:10px;color:#527052;padding-bottom:5px}
.hk-rule{height:1px;background:rgba(52,43,31,.15);margin-bottom:20px}
.hk-size-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#5b5147}.hk-size-head span{font-size:9px;letter-spacing:.16em}.hk-size-head small{font-size:9px;letter-spacing:.08em}
.hk-size-options{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important;margin:0 0 18px!important}
.hk-size-options button{min-width:0!important;height:58px!important;border-radius:0!important;border:1px solid rgba(55,45,34,.24)!important;background:transparent!important;color:#2e2923!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:3px!important;padding:7px!important;transition:.18s ease!important}
.hk-size-options button b{font-family:Georgia,'Times New Roman',serif;font-size:14px;font-weight:400}.hk-size-options button small{font-size:8px;color:#70675f}.hk-size-options button:hover{border-color:#7b0b24!important;transform:none!important;box-shadow:none!important}.hk-size-options button.active{background:#7b001d!important;border-color:#7b001d!important;color:#fff!important}.hk-size-options button.active small{color:#fff;opacity:.82}
.hk-order-box{border:1px solid rgba(55,45,34,.22);padding:18px 18px 0;background:rgba(255,255,255,.18)}
.hk-order-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.hk-order-total-row span{font-size:9px;letter-spacing:.14em;color:#6e645b}.hk-order-total-row strong{font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:400}
.hk-order-actions{display:grid;grid-template-columns:116px 1fr;gap:8px}
.hk-qty-control{height:42px;border:1px solid rgba(55,45,34,.22)!important;border-radius:0!important;background:#f8f4ec!important;display:grid!important;grid-template-columns:36px 1fr 36px;align-items:center}
.hk-qty-control button{height:40px;background:transparent!important;font-size:16px}.hk-qty-control span{text-align:center;font-family:Georgia,'Times New Roman',serif;font-size:16px}
.hk-cart-button{height:42px;border:0;background:#2b2722;color:#fff;font-size:9px;letter-spacing:.08em;font-weight:700;cursor:pointer}.hk-cart-button:hover{background:#191613}.hk-cart-button:disabled{opacity:.45;cursor:not-allowed}
.hk-selection-note{display:block;text-align:right;color:#8d8378;font-size:9px;margin:7px 0 10px}
.hk-buy-button{width:calc(100% + 36px);margin-left:-18px;height:46px;border:0;background:#a27a50;color:#fff;letter-spacing:.08em;font-size:9px;font-weight:700;cursor:pointer}.hk-buy-button span{margin-left:8px;font-size:13px}.hk-buy-button:hover{background:#8c6541}
.hk-product-notes{margin-top:28px;padding-top:21px;border-top:1px solid rgba(55,45,34,.15)}.hk-product-notes h2{font-family:Georgia,'Times New Roman',serif;font-size:18px;font-weight:400;margin:0 0 9px}.hk-product-notes ul{margin:0;padding-left:18px}.hk-product-notes li,.hk-product-notes p{font-size:12px;line-height:1.65;color:#63594f;margin:4px 0}

@media(max-width:1100px){.hk-pdp-layout{grid-template-columns:1fr}.hk-gallery{border-right:0;border-bottom:1px solid rgba(52,43,31,.16)}.hk-product-panel{padding:40px}.hk-product-panel h1{font-size:48px!important}}
@media(max-width:700px){.hk-pdp{padding-bottom:32px}.hk-pdp-shell{padding-left:0!important;padding-right:0!important}.hk-gallery{grid-template-columns:1fr;grid-template-rows:auto auto auto}.hk-gallery-stage{grid-column:1;grid-row:1;min-height:430px}.hk-thumb-strip{grid-column:1;grid-row:2;flex-direction:row;padding:8px;overflow-x:auto;border-right:0;border-top:1px solid rgba(52,43,31,.12)}.hk-gallery-foot{grid-row:3}.hk-product-panel{padding:30px 20px}.hk-product-panel h1{font-size:40px!important}.hk-size-options{grid-template-columns:repeat(2,minmax(0,1fr))}.hk-order-actions{grid-template-columns:105px 1fr}}

/* ======================================================================
   FINAL PRODUCT PAGE FIX — matches the existing HK SPICES shop language
   Product media is contained (never oversized/cropped) and purchase UI
   reuses the same typography, rounded controls and price styling as Shop.
   ====================================================================== */
body[data-page="product"] .hk-pdp{
  background:var(--paper)!important;
  padding:34px 0 68px!important;
  color:var(--ink)!important;
}
body[data-page="product"] .hk-pdp-shell{
  width:min(var(--container),calc(100% - 40px))!important;
  max-width:var(--container)!important;
  padding:0!important;
}
body[data-page="product"] .hk-product-breadcrumb{
  display:flex;align-items:center;gap:9px;margin:0 0 18px;
  color:#9a8879;font-family:'Inter',system-ui,sans-serif;font-size:10px;
  font-weight:700;text-transform:uppercase;letter-spacing:.11em;
}
body[data-page="product"] .hk-product-breadcrumb a{color:var(--ink)}
body[data-page="product"] .hk-product-breadcrumb a:hover{color:var(--brand)}

body[data-page="product"] .hk-pdp-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.06fr) minmax(380px,.94fr)!important;
  gap:28px!important;
  min-height:0!important;
  border:0!important;
  background:transparent!important;
  align-items:start!important;
}
body[data-page="product"] .hk-gallery{
  position:sticky!important;top:124px!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto auto!important;
  gap:12px!important;
  min-width:0!important;
  padding:16px!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 8px 28px rgba(54,28,12,.045)!important;
}
body[data-page="product"] .hk-gallery-stage{
  grid-column:1!important;grid-row:1!important;
  width:100%!important;
  height:520px!important;min-height:0!important;max-height:520px!important;
  border:0!important;border-radius:18px!important;
  background:#f4ede5!important;box-shadow:none!important;
  overflow:hidden!important;
}
body[data-page="product"] .hk-gallery-stage .gallery-slide,
body[data-page="product"] .hk-gallery-stage .zoom-trigger{
  width:100%!important;height:100%!important;background:#f4ede5!important;
}
body[data-page="product"] .hk-gallery-stage .gallery-slide img,
body[data-page="product"] .hk-gallery-stage .gallery-slide video,
body[data-page="product"] .hk-gallery-stage .gallery-slide iframe,
body[data-page="product"] .hk-gallery-stage .zoom-trigger img{
  width:100%!important;height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#f4ede5!important;
  padding:24px!important;
}
body[data-page="product"] .hk-gallery-stage iframe{padding:0!important}
body[data-page="product"] .hk-gallery-stage .gallery-arrow{
  width:42px!important;height:42px!important;border-radius:50%!important;
  background:rgba(255,255,255,.94)!important;color:var(--ink)!important;
  border:1px solid var(--line)!important;box-shadow:var(--shadow-sm)!important;
  font-size:27px!important;
}
body[data-page="product"] .hk-gallery-stage .gallery-arrow.prev{left:16px!important}
body[data-page="product"] .hk-gallery-stage .gallery-arrow.next{right:16px!important}
body[data-page="product"] .hk-thumb-strip{
  grid-column:1!important;grid-row:2!important;
  display:flex!important;flex-direction:row!important;gap:10px!important;
  padding:0 2px 2px!important;border:0!important;background:transparent!important;
  overflow-x:auto!important;overflow-y:hidden!important;
}
body[data-page="product"] .hk-thumb-strip .media-thumb{
  width:68px!important;height:68px!important;flex:0 0 68px!important;
  border-radius:13px!important;border:1px solid var(--line)!important;
  background:#f4ede5!important;box-shadow:none!important;overflow:hidden!important;
}
body[data-page="product"] .hk-thumb-strip .media-thumb.active{
  border:2px solid var(--brand)!important;
  box-shadow:0 0 0 3px rgba(239,77,19,.08)!important;
}
body[data-page="product"] .hk-thumb-strip .media-thumb img{
  width:100%!important;height:100%!important;object-fit:contain!important;
  padding:4px!important;background:#f4ede5!important;
}
body[data-page="product"] .hk-thumb-strip .video-thumb{border-radius:12px;background:var(--dark)!important}
body[data-page="product"] .hk-gallery-foot{display:none!important}

body[data-page="product"] .hk-product-panel{
  position:relative!important;
  min-width:0!important;
  padding:38px!important;
  border:1px solid var(--line)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 8px 28px rgba(54,28,12,.045)!important;
}
body[data-page="product"] .hk-product-meta{margin-bottom:12px!important}
body[data-page="product"] .hk-product-title{
  font-family:'Cormorant Garamond',Georgia,serif!important;
  font-size:clamp(42px,4.2vw,58px)!important;
  line-height:.98!important;font-weight:600!important;
  letter-spacing:-.055em!important;color:var(--ink)!important;
  margin:0 0 12px!important;max-width:680px!important;
}
body[data-page="product"] .hk-product-subtitle{
  font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif!important;
  font-size:14px!important;line-height:1.65!important;color:var(--muted)!important;
  margin:0 0 22px!important;max-width:560px!important;
}
body[data-page="product"] .hk-price-stock-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:16px!important;padding:18px 0!important;margin:0!important;
  border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important;
}
body[data-page="product"] .hk-pdp-price{display:flex!important;align-items:baseline!important;gap:9px!important}
body[data-page="product"] .hk-pdp-price strong{
  font-family:'DM Sans',system-ui,sans-serif!important;
  font-size:28px!important;font-weight:800!important;letter-spacing:-.03em!important;color:var(--ink)!important;
}
body[data-page="product"] .hk-pdp-price s{font-size:13px!important;color:#9b8e84!important}
body[data-page="product"] .hk-stock{
  padding:7px 11px!important;border-radius:999px!important;
  background:#e9f7ef!important;color:#1f7a52!important;
  font-size:10px!important;font-weight:800!important;text-transform:none!important;
}
body[data-page="product"] .hk-stock.out{background:#fbe5e2!important;color:#a4261d!important}

body[data-page="product"] .hk-choice-block{padding:22px 0 4px!important}
body[data-page="product"] .hk-choice-label{margin-bottom:12px!important}
body[data-page="product"] .hk-choice-label strong{font-size:13px!important;color:var(--ink)!important}
body[data-page="product"] .hk-choice-label span{font-size:11px!important;color:var(--muted)!important}
body[data-page="product"] .hk-size-options{
  display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:0!important;
}
body[data-page="product"] .hk-size-options button{
  min-width:86px!important;height:48px!important;border-radius:999px!important;
  border:1px solid #d3c1b2!important;background:#fff!important;color:var(--ink)!important;
  box-shadow:none!important;display:flex!important;align-items:center!important;
  justify-content:center!important;flex-direction:row!important;gap:7px!important;
  padding:0 15px!important;font-weight:800!important;transition:.2s!important;
}
body[data-page="product"] .hk-size-options button b{
  font-family:'DM Sans',system-ui,sans-serif!important;font-size:13px!important;font-weight:800!important;
}
body[data-page="product"] .hk-size-options button small{font-size:10px!important;color:#9b8e84!important}
body[data-page="product"] .hk-size-options button:hover{
  transform:translateY(-1px)!important;border-color:var(--ink)!important;box-shadow:0 8px 18px rgba(54,28,12,.07)!important;
}
body[data-page="product"] .hk-size-options button.active{
  background:var(--dark)!important;border-color:var(--dark)!important;color:#fff!important;
  box-shadow:none!important;
}
body[data-page="product"] .hk-size-options button.active small{color:#eadfd6!important;opacity:1!important}

body[data-page="product"] .hk-purchase-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:16px!important;margin-top:22px!important;padding-top:20px!important;border-top:1px solid var(--line)!important;
}
body[data-page="product"] .hk-qty-control{
  display:flex!important;grid-template-columns:none!important;align-items:center!important;
  height:44px!important;border:1px solid #d3c1b2!important;border-radius:999px!important;
  background:#fff!important;overflow:hidden!important;
}
body[data-page="product"] .hk-qty-control button{
  width:42px!important;height:42px!important;background:#fff!important;border:0!important;
  font-size:18px!important;cursor:pointer!important;
}
body[data-page="product"] .hk-qty-control span{
  min-width:34px!important;text-align:center!important;
  font-family:'DM Sans',system-ui,sans-serif!important;font-size:14px!important;font-weight:800!important;
}
body[data-page="product"] .hk-total-copy{display:grid!important;text-align:right!important}
body[data-page="product"] .hk-total-copy small{font-size:10px!important;color:var(--muted)!important}
body[data-page="product"] .hk-total-copy strong{font-size:19px!important;color:var(--ink)!important}
body[data-page="product"] .hk-selection-note{display:block!important;text-align:right!important;margin:5px 0 16px!important;color:#9b8e84!important;font-size:10px!important}
body[data-page="product"] .hk-product-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
body[data-page="product"] .hk-cart-button,
body[data-page="product"] .hk-buy-button{
  width:100%!important;min-height:50px!important;height:auto!important;margin:0!important;
  border-radius:999px!important;font-family:'Inter',system-ui,sans-serif!important;
  font-size:11.5px!important;letter-spacing:.04em!important;text-transform:none!important;
}
body[data-page="product"] .hk-cart-button{background:var(--dark)!important;color:#fff!important}
body[data-page="product"] .hk-cart-button:hover{background:#1f120c!important}
body[data-page="product"] .hk-buy-button{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important;color:#fff!important}
body[data-page="product"] .hk-buy-button:hover{box-shadow:0 16px 34px rgba(239,77,19,.3)!important}
body[data-page="product"] .hk-product-notes{margin-top:24px!important;padding-top:20px!important;border-top:1px solid var(--line)!important}
body[data-page="product"] .hk-product-notes h2{
  font-family:'Cormorant Garamond',Georgia,serif!important;font-size:25px!important;font-weight:600!important;
  letter-spacing:-.035em!important;margin:0 0 9px!important;color:var(--ink)!important;
}
body[data-page="product"] .hk-product-notes li,
body[data-page="product"] .hk-product-notes p{font-size:12.5px!important;line-height:1.65!important;color:var(--muted)!important}

@media(max-width:1000px){
  body[data-page="product"] .hk-pdp-layout{grid-template-columns:1fr!important}
  body[data-page="product"] .hk-gallery{position:static!important}
  body[data-page="product"] .hk-gallery-stage{height:500px!important;max-height:500px!important}
  body[data-page="product"] .hk-product-panel{padding:34px!important}
}
@media(max-width:700px){
  body[data-page="product"] .hk-pdp{padding-top:22px!important;padding-bottom:42px!important}
  body[data-page="product"] .hk-pdp-shell{width:min(100% - 24px,var(--container))!important}
  body[data-page="product"] .hk-product-breadcrumb{margin-bottom:12px!important}
  body[data-page="product"] .hk-gallery{padding:10px!important;border-radius:18px!important}
  body[data-page="product"] .hk-gallery-stage{height:390px!important;max-height:390px!important;border-radius:14px!important}
  body[data-page="product"] .hk-gallery-stage .gallery-slide img,
  body[data-page="product"] .hk-gallery-stage .gallery-slide video,
  body[data-page="product"] .hk-gallery-stage .zoom-trigger img{padding:12px!important}
  body[data-page="product"] .hk-thumb-strip .media-thumb{width:58px!important;height:58px!important;flex-basis:58px!important}
  body[data-page="product"] .hk-product-panel{padding:26px 20px!important;border-radius:18px!important}
  body[data-page="product"] .hk-product-title{font-size:clamp(38px,12vw,48px)!important}
  body[data-page="product"] .hk-price-stock-row{align-items:flex-end!important}
  body[data-page="product"] .hk-pdp-price strong{font-size:25px!important}
  body[data-page="product"] .hk-size-options button{min-width:calc(50% - 5px)!important}
  body[data-page="product"] .hk-product-actions{grid-template-columns:1fr!important}
}
@media(max-width:440px){
  body[data-page="product"] .hk-gallery-stage{height:330px!important;max-height:330px!important}
  body[data-page="product"] .hk-price-stock-row{display:grid!important;gap:10px!important}
  body[data-page="product"] .hk-stock{justify-self:start!important}
}

/* ======================================================================
   PRODUCT IMAGE GALLERY — FINAL RESPONSIVE FIX 2026-09-22
   Keep every product image fully visible, keep thumbnails in one row,
   and prevent the gallery/header from forcing horizontal page overflow.
   ====================================================================== */
/* Clip horizontally without creating a vertical scrolling ancestor.
   overflow-x:hidden on html/body prevented position:sticky from working. */
html,body{max-width:100%;overflow-x:clip}
body[data-page="product"] main,
body[data-page="product"] .hk-pdp,
body[data-page="product"] .hk-pdp-shell,
body[data-page="product"] .hk-pdp-layout,
body[data-page="product"] .hk-gallery,
body[data-page="product"] .hk-product-panel{min-width:0!important;max-width:100%!important}

body[data-page="product"] .hk-gallery{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:12px!important;
  overflow:hidden!important;
}
body[data-page="product"] .hk-gallery-stage{
  grid-column:1!important;
  grid-row:1!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1 / 1!important;
  background:#f6f0e8!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
body[data-page="product"] .hk-gallery-stage .gallery-slide,
body[data-page="product"] .hk-gallery-stage .zoom-trigger{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
}
body[data-page="product"] .hk-gallery-stage .gallery-slide img,
body[data-page="product"] .hk-gallery-stage .zoom-trigger img,
body[data-page="product"] .hk-gallery-stage .gallery-slide video{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:10px!important;
  margin:0!important;
  background:#f6f0e8!important;
}
body[data-page="product"] .hk-gallery-stage .gallery-slide iframe{
  width:100%!important;height:100%!important;padding:0!important;border:0!important;
}
body[data-page="product"] .hk-thumb-strip{
  grid-column:1!important;
  grid-row:2!important;
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:10px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 6px!important;
  margin:0!important;
  border:0!important;
  scrollbar-width:thin!important;
}
body[data-page="product"] .hk-thumb-strip .media-thumb{
  width:74px!important;
  height:74px!important;
  flex:0 0 74px!important;
  min-width:74px!important;
  border-radius:12px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
}
body[data-page="product"] .hk-thumb-strip .media-thumb img{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:cover!important;
  object-position:center!important;
  background:#fff!important;
}

@media(max-width:1000px){
  body[data-page="product"] .hk-pdp-layout{grid-template-columns:minmax(0,1fr)!important}
  body[data-page="product"] .hk-gallery{position:static!important;top:auto!important}
  body[data-page="product"] .hk-gallery-stage{aspect-ratio:4 / 3!important}
}
@media(max-width:700px){
  body[data-page="product"] .hk-pdp-shell{width:min(100% - 20px,var(--container))!important}
  body[data-page="product"] .hk-gallery{padding:10px!important;border-radius:16px!important}
  body[data-page="product"] .hk-gallery-stage{aspect-ratio:1 / 1!important;border-radius:13px!important}
  body[data-page="product"] .hk-gallery-stage .gallery-slide img,
  body[data-page="product"] .hk-gallery-stage .zoom-trigger img,
  body[data-page="product"] .hk-gallery-stage .gallery-slide video{padding:6px!important}
  body[data-page="product"] .hk-thumb-strip .media-thumb{width:64px!important;height:64px!important;min-width:64px!important;flex-basis:64px!important}
  body[data-page="product"] .hk-gallery-stage .gallery-arrow{width:38px!important;height:38px!important;font-size:23px!important}
}
@media(max-width:480px){
  .site-header .nav-shell{width:calc(100% - 24px)!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .site-header .brand-logo{width:126px!important;max-width:126px!important;height:46px!important}
  .site-header .brand-logo img{width:auto!important;max-width:126px!important;max-height:42px!important}
  .site-header .nav-actions{gap:4px!important}
  body[data-page="product"] .hk-gallery-stage{aspect-ratio:1 / 1!important}
  body[data-page="product"] .hk-thumb-strip{gap:8px!important}
  body[data-page="product"] .hk-thumb-strip .media-thumb{width:60px!important;height:60px!important;min-width:60px!important;flex-basis:60px!important}
}

/* --- ABOUT PAGE PREMIUM CONTENT UPDATE --- */
.btn-outline-light{
  background:transparent;
  color:#fff;
  border:1px solid rgba(255,255,255,.34);
}
.btn-outline-light:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
  border-color:rgba(255,255,255,.5);
}
.about-legacy-hero .about-hero-content h1{
  max-width:900px;
}
.about-hero-actions{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}
.about-intro-stats{
  padding-top:34px;
  padding-bottom:10px;
}
.about-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.about-stat-grid article,
.about-timeline-grid article,
.about-process-card,
.about-values-grid-four article{
  background:#fff;
  border:1px solid rgba(112,70,39,.12);
  border-radius:24px;
  box-shadow:0 16px 42px rgba(50,28,15,.06);
}
.about-stat-grid article{
  padding:28px 24px;
  display:grid;
  gap:10px;
}
.about-stat-grid strong{
  font-family:'Playfair Display',serif;
  font-size:32px;
  line-height:1;
  color:#241812;
}
.about-stat-grid span{
  font-size:14px;
  line-height:1.7;
  color:var(--muted);
}
.about-story-section .about-poster-copy p,
.about-process-copy p{
  font-size:17px;
  line-height:1.8;
}
.about-section-head-center{
  align-items:end;
}
.about-timeline-section{
  padding-top:14px;
}
.about-timeline-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.about-timeline-grid article{
  padding:28px;
  position:relative;
  overflow:hidden;
}
.about-timeline-grid h3{
  margin:8px 0 10px;
  font-size:25px;
  line-height:1.18;
}
.about-timeline-grid p{
  margin:0;
  color:var(--muted);
  line-height:1.75;
}
.about-year{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#f5ede4;
  color:var(--brand);
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.about-process-section{
  padding-top:12px;
}
.about-process-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:28px;
  align-items:stretch;
}
.about-process-copy{
  padding-right:14px;
}
.about-process-copy h2{
  font-family:'Playfair Display',serif;
  font-size:clamp(42px,4.2vw,58px);
  line-height:1.04;
  margin:10px 0 16px;
}
.about-process-list{
  list-style:none;
  padding:0;
  margin:28px 0 0;
  display:grid;
  gap:12px;
}
.about-process-list li{
  position:relative;
  padding:14px 16px 14px 44px;
  border-radius:16px;
  background:#f9f3ec;
  color:#5b4b40;
  line-height:1.6;
}
.about-process-list li:before{
  content:'✓';
  position:absolute;
  left:17px;
  top:14px;
  color:var(--green);
  font-weight:800;
}
.about-process-card{
  padding:28px;
  background:linear-gradient(180deg,#fbf5ee 0%,#fff 100%);
}
.about-process-badge{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:#efe3d6;
  color:var(--brand);
  font-size:11px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:18px;
}
.about-process-card h3{
  font-family:'Playfair Display',serif;
  font-size:36px;
  line-height:1.08;
  margin:0 0 20px;
}
.about-product-focus-grid{
  display:grid;
  gap:14px;
}
.about-product-focus-grid>div{
  border:1px solid rgba(112,70,39,.12);
  border-radius:18px;
  padding:18px 18px 16px;
  background:#fff;
  display:grid;
  gap:7px;
}
.about-product-focus-grid strong{
  font-size:18px;
}
.about-product-focus-grid span{
  color:var(--muted);
  line-height:1.65;
  font-size:14px;
}
.about-values-refined{
  padding-top:18px;
}
.about-values-grid-four{
  grid-template-columns:repeat(4,1fr);
}
.about-values-grid-four article{
  padding:28px;
}
.about-values-grid-four h3{
  font-size:24px;
}
.about-values-grid-four p{
  font-size:15px;
  line-height:1.75;
}
.about-final-cta{
  margin-top:10px;
}
@media(max-width:1100px){
  .about-stat-grid,
  .about-values-grid-four,
  .about-timeline-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .about-process-grid{
    grid-template-columns:1fr;
  }
  .about-process-copy{
    padding-right:0;
  }
}
@media(max-width:760px){
  .about-hero-actions{
    width:100%;
  }
  .about-hero-actions .btn{
    flex:1 1 100%;
  }
  .about-stat-grid,
  .about-values-grid-four,
  .about-timeline-grid{
    grid-template-columns:1fr;
  }
  .about-stat-grid article,
  .about-timeline-grid article,
  .about-values-grid-four article,
  .about-process-card{
    padding:22px;
  }
  .about-process-card h3{
    font-size:30px;
  }
  .about-process-copy h2{
    font-size:40px;
  }
}

/* ======================================================================
   PRODUCT PAGE IMAGE DISPLAY — SUPER FINAL FIX 2026-09-22
   Purpose: always show the main image clearly and keep thumbnails clean.
   ====================================================================== */
body[data-page="product"] .product-gallery.hk-gallery{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:14px!important;
  border:1px solid rgba(52,43,31,.12)!important;
  border-radius:22px!important;
  background:#f2eadf!important;
  box-sizing:border-box!important;
  position:sticky!important;
  top:118px!important;
}
body[data-page="product"] .gallery-stage.hk-gallery-stage{
  position:relative!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1 / 1!important;
  border-radius:18px!important;
  border:1px solid rgba(52,43,31,.10)!important;
  background:#fff!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body[data-page="product"] .gallery-stage.hk-gallery-stage .gallery-slide{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}
body[data-page="product"] .gallery-stage.hk-gallery-stage .zoom-trigger{
  display:block!important;
  width:100%!important;
  height:100%!important;
  background:#fff!important;
}
body[data-page="product"] .gallery-stage.hk-gallery-stage img,
body[data-page="product"] .gallery-stage.hk-gallery-stage video,
body[data-page="product"] .gallery-stage.hk-gallery-stage iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  padding:12px!important;
  background:#fff!important;
}
body[data-page="product"] .thumb-strip.hk-thumb-strip{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
}
body[data-page="product"] .thumb-strip.hk-thumb-strip .media-thumb{
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  flex:0 0 78px!important;
  border-radius:14px!important;
  border:1px solid rgba(52,43,31,.16)!important;
  background:#fff!important;
  overflow:hidden!important;
}
body[data-page="product"] .thumb-strip.hk-thumb-strip .media-thumb.active{
  border:2px solid #8a0c2b!important;
  box-shadow:0 0 0 3px rgba(138,12,43,.08)!important;
}
body[data-page="product"] .thumb-strip.hk-thumb-strip .media-thumb img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  padding:0!important;
  background:#fff!important;
}
@media(max-width:1000px){
  body[data-page="product"] .product-gallery.hk-gallery{
    position:static!important;
    top:auto!important;
  }
}
@media(max-width:700px){
  body[data-page="product"] .product-gallery.hk-gallery{
    padding:10px!important;
    gap:10px!important;
    border-radius:16px!important;
  }
  body[data-page="product"] .gallery-stage.hk-gallery-stage{
    aspect-ratio:1 / 1!important;
    border-radius:14px!important;
  }
  body[data-page="product"] .gallery-stage.hk-gallery-stage img,
  body[data-page="product"] .gallery-stage.hk-gallery-stage video{
    padding:8px!important;
  }
  body[data-page="product"] .thumb-strip.hk-thumb-strip .media-thumb{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    flex-basis:64px!important;
  }
}
@media(max-width:480px){
  body[data-page="product"] .product-gallery.hk-gallery{
    padding:8px!important;
  }
  body[data-page="product"] .thumb-strip.hk-thumb-strip{
    gap:8px!important;
  }
  body[data-page="product"] .thumb-strip.hk-thumb-strip .media-thumb{
    width:60px!important;
    height:60px!important;
    min-width:60px!important;
    flex-basis:60px!important;
  }
}


/* ======================================================================
   BENEFIT STRIP - CLASSY MOTION UPDATE 2026-09-22
   ====================================================================== */
body:not([data-page="dashboard"]) .benefit-strip-premium{
  position:relative;
  overflow:visible;
}
body:not([data-page="dashboard"]) .benefit-card{
  --mx:50%;
  --my:50%;
  --rx:0deg;
  --ry:0deg;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:perspective(900px) rotateX(0deg) rotateY(0deg) translateY(0);
  transform-style:preserve-3d;
  border-radius:0;
  will-change:transform,box-shadow;
}
body:not([data-page="dashboard"]) .benefit-card:before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at var(--mx) var(--my),rgba(255,153,92,.18),transparent 42%);
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
body:not([data-page="dashboard"]) .benefit-card:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.78) 42%,transparent 62%);
  opacity:0;
  transform:translateX(-145%) skewX(-18deg);
  transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .35s ease;
  pointer-events:none;
}
body:not([data-page="dashboard"]) .benefit-card .benefit-copy,
body:not([data-page="dashboard"]) .benefit-card>span{
  position:relative;
  z-index:2;
  transform:translateZ(0);
  transition:transform .45s cubic-bezier(.22,1,.36,1),color .35s ease;
}
body:not([data-page="dashboard"]) .benefit-card .benefit-copy{
  display:grid;
  gap:8px;
}
body:not([data-page="dashboard"]) .benefit-card:hover,
body:not([data-page="dashboard"]) .benefit-card:focus-within{
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-10px);
  box-shadow:0 24px 54px rgba(59,31,15,.14);
  background:linear-gradient(180deg,#fffdfb 0%,#fff7f0 100%);
  z-index:3;
}
body:not([data-page="dashboard"]) .benefit-card:hover:before,
body:not([data-page="dashboard"]) .benefit-card:focus-within:before{
  opacity:1;
}
body:not([data-page="dashboard"]) .benefit-card:hover:after,
body:not([data-page="dashboard"]) .benefit-card:focus-within:after{
  opacity:1;
  transform:translateX(145%) skewX(-18deg);
}
body:not([data-page="dashboard"]) .benefit-card:hover>span,
body:not([data-page="dashboard"]) .benefit-card:focus-within>span{
  transform:translateY(-2px) translateZ(18px) scale(1.08);
  color:#d85015;
}
body:not([data-page="dashboard"]) .benefit-card:hover .benefit-copy,
body:not([data-page="dashboard"]) .benefit-card:focus-within .benefit-copy{
  transform:translateZ(24px);
}
body:not([data-page="dashboard"]) .benefit-card strong,
body:not([data-page="dashboard"]) .benefit-card small{
  transition:transform .45s cubic-bezier(.22,1,.36,1),color .35s ease,opacity .35s ease;
}
body:not([data-page="dashboard"]) .benefit-card:hover strong,
body:not([data-page="dashboard"]) .benefit-card:focus-within strong{
  transform:translateX(3px);
}
body:not([data-page="dashboard"]) .benefit-card:hover small,
body:not([data-page="dashboard"]) .benefit-card:focus-within small{
  transform:translateX(3px);
  color:#6f6158;
}
body:not([data-page="dashboard"]) .benefit-card.reveal.in{
  animation:hkBenefitRise .82s cubic-bezier(.22,1,.36,1) both, hkBenefitFloat 5.5s ease-in-out .9s infinite;
}
body:not([data-page="dashboard"]) .benefit-card.reveal.in:nth-child(2){animation-delay:.08s,.95s}
body:not([data-page="dashboard"]) .benefit-card.reveal.in:nth-child(3){animation-delay:.16s,1s}
body:not([data-page="dashboard"]) .benefit-card.reveal.in:nth-child(4){animation-delay:.24s,1.05s}
@keyframes hkBenefitFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
@media(max-width:900px){
  body:not([data-page="dashboard"]) .benefit-card.reveal.in{
    animation:hkBenefitRise .8s cubic-bezier(.22,1,.36,1) both;
  }
}
@media(max-width:600px){
  body:not([data-page="dashboard"]) .benefit-card .benefit-copy{gap:4px}
}
/* benefit cards hover compatibility override */
body:not([data-page="dashboard"]) .benefit-card.reveal.in{
  animation:hkBenefitRise .82s cubic-bezier(.22,1,.36,1) both!important;
}
body:not([data-page="dashboard"]) .benefit-card.reveal.in:nth-child(2){animation-delay:.08s!important}
body:not([data-page="dashboard"]) .benefit-card.reveal.in:nth-child(3){animation-delay:.16s!important}
body:not([data-page="dashboard"]) .benefit-card.reveal.in:nth-child(4){animation-delay:.24s!important}

/* ======================================================================
   PRODUCT THUMBNAILS ONLY — LEFT SIDE DESKTOP FIX
   Everything else on the product page stays exactly as before.
   ====================================================================== */
@media (min-width: 701px){
  body[data-page="product"] .product-gallery.hk-gallery{
    display:grid!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    grid-template-rows:1fr!important;
    gap:12px!important;
    align-items:stretch!important;
  }

  body[data-page="product"] .gallery-stage.hk-gallery-stage{
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
  }

  body[data-page="product"] .thumb-strip.hk-thumb-strip{
    grid-column:1!important;
    grid-row:1!important;
    width:76px!important;
    max-width:76px!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    padding:0 2px 0 0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
  }

  body[data-page="product"] .thumb-strip.hk-thumb-strip .media-thumb{
    width:68px!important;
    height:68px!important;
    min-width:68px!important;
    min-height:68px!important;
    flex:0 0 68px!important;
  }
}

/* ======================================================================
   OUR STORY — PREMIUM HERITAGE EXPERIENCE 2026-09-22
   Page-specific styles only; other pages remain unchanged.
   ====================================================================== */
body[data-page="about"] .story-page-premium{overflow:hidden;background:#f7f2e9;color:#261d17}
body[data-page="about"] .story-hero-v2{min-height:760px;isolation:isolate}
body[data-page="about"] .story-hero-v2 .about-hero-bg{transform:scale(1.035);transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
body[data-page="about"] .story-hero-v2:hover .about-hero-bg{transform:scale(1.055)}
body[data-page="about"] .story-hero-v2 .about-hero-overlay{background:linear-gradient(90deg,rgba(18,9,5,.87) 0%,rgba(22,10,5,.74) 38%,rgba(20,9,4,.35) 69%,rgba(18,8,4,.18) 100%)}
body[data-page="about"] .story-hero-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(255,255,255,.24) .55px,transparent .55px);background-size:4px 4px;mix-blend-mode:soft-light}
body[data-page="about"] .story-hero-content-v2{min-height:760px;max-width:1460px!important}
body[data-page="about"] .story-hero-content-v2 h1{font-size:clamp(62px,7.3vw,112px);max-width:980px;line-height:.9;margin-top:16px}
body[data-page="about"] .story-hero-content-v2>p{font-size:19px;max-width:730px;line-height:1.75;color:#efe2d5}
body[data-page="about"] .story-hero-reveal{opacity:0;transform:translateY(34px);filter:blur(5px);animation:storyHeroIn .95s cubic-bezier(.22,1,.36,1) forwards}
body[data-page="about"] .story-hero-reveal:nth-child(2){animation-delay:.12s}
body[data-page="about"] .story-hero-reveal:nth-child(3){animation-delay:.24s}
body[data-page="about"] .story-hero-reveal:nth-child(4){animation-delay:.36s}
body[data-page="about"] .story-hero-reveal:nth-child(5){animation-delay:.5s}
@keyframes storyHeroIn{to{opacity:1;transform:none;filter:none}}
body[data-page="about"] .story-hero-years{display:flex;align-items:center;gap:12px;margin-top:38px;color:#f0dfd2;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
body[data-page="about"] .story-hero-years i{display:block;width:42px;height:1px;background:rgba(255,255,255,.32);position:relative;overflow:hidden}
body[data-page="about"] .story-hero-years i:after{content:"";position:absolute;inset:0;background:#f5a263;transform:translateX(-100%);animation:storyLineSweep 2.8s ease-in-out 1s infinite}
@keyframes storyLineSweep{0%,30%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}

body[data-page="about"] [data-story-reveal],
body[data-page="about"] [data-story-step],
body[data-page="about"] [data-story-card]{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),filter .8s cubic-bezier(.22,1,.36,1);filter:blur(4px)}
body[data-page="about"] [data-story-reveal].story-in,
body[data-page="about"] [data-story-step].story-in,
body[data-page="about"] [data-story-card].story-in{opacity:1;transform:none;filter:none}

body[data-page="about"] .story-opening-section{padding-top:100px;padding-bottom:92px;background:#f7f2e9}
body[data-page="about"] .story-opening-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:start}
body[data-page="about"] .story-opening-kicker h2{font-family:'Playfair Display',serif;font-size:clamp(44px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 0;max-width:680px}
body[data-page="about"] .story-opening-copy{padding-top:24px;border-top:1px solid rgba(52,43,31,.16)}
body[data-page="about"] .story-opening-copy p{font-size:17px;line-height:1.85;color:#66584e;margin:0 0 18px}
body[data-page="about"] .story-opening-copy .story-lead{font-family:'Playfair Display',serif;font-size:26px;line-height:1.48;color:#2b221c}

body[data-page="about"] .story-timeline-section{background:#efe7dc;padding-top:105px;padding-bottom:115px;position:relative}
body[data-page="about"] .story-timeline-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;top:180px;background:radial-gradient(circle,rgba(160,92,45,.10),transparent 70%);pointer-events:none}
body[data-page="about"] .story-section-head{align-items:flex-end}
body[data-page="about"] .story-section-head h2{max-width:760px}
body[data-page="about"] .story-timeline{position:relative;display:grid;gap:28px;margin-top:20px;padding:24px 0}
body[data-page="about"] .story-timeline-rail{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(83,61,45,.18);transform:translateX(-50%);overflow:visible}
body[data-page="about"] .story-timeline-rail span{position:absolute;left:0;top:0;width:2px;height:var(--story-progress,0%);background:linear-gradient(180deg,#8d0028,#e9853f,#ab6e36);transform:translateX(-.5px);transition:height .12s linear;box-shadow:0 0 18px rgba(141,0,40,.18)}
body[data-page="about"] .story-milestone{width:calc(50% - 48px);position:relative}
body[data-page="about"] .story-milestone-left{justify-self:start}
body[data-page="about"] .story-milestone-right{justify-self:end}
body[data-page="about"] .story-milestone:nth-of-type(even){transition-delay:.07s}
body[data-page="about"] .story-milestone:after{content:"";position:absolute;top:42px;width:48px;height:1px;background:rgba(83,61,45,.28)}
body[data-page="about"] .story-milestone-left:after{right:-48px}
body[data-page="about"] .story-milestone-right:after{left:-48px}
body[data-page="about"] .story-milestone:before{content:"";position:absolute;top:36px;width:13px;height:13px;border-radius:50%;background:#f7f2e9;border:3px solid #8d0028;z-index:2;box-shadow:0 0 0 6px rgba(141,0,40,.08)}
body[data-page="about"] .story-milestone-left:before{right:-54.5px}
body[data-page="about"] .story-milestone-right:before{left:-54.5px}
body[data-page="about"] .story-milestone-year{font-family:'Playfair Display',serif;font-size:58px;line-height:.9;letter-spacing:-.04em;color:#8d0028;margin:0 0 14px}
body[data-page="about"] .story-milestone-card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(88,61,42,.12);border-radius:24px;padding:30px;box-shadow:0 18px 50px rgba(55,33,19,.06);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1)}
body[data-page="about"] .story-milestone-card:after{content:"";position:absolute;inset:-30% auto -30% -46%;width:40%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.72),transparent);transform:translateX(-180%) skewX(-18deg);transition:transform .95s cubic-bezier(.22,1,.36,1)}
body[data-page="about"] .story-milestone-card:hover{transform:translateY(-8px);box-shadow:0 30px 68px rgba(55,33,19,.12)}
body[data-page="about"] .story-milestone-card:hover:after{transform:translateX(430%) skewX(-18deg)}
body[data-page="about"] .story-milestone-card h3{font-family:'Playfair Display',serif;font-size:32px;line-height:1.08;letter-spacing:-.03em;margin:8px 0 12px}
body[data-page="about"] .story-milestone-card p{font-size:15px;line-height:1.75;color:#6d5f54;margin:0}
body[data-page="about"] .story-milestone-card ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}
body[data-page="about"] .story-milestone-card li{position:relative;padding-left:18px;color:#5f5147;font-size:14px}
body[data-page="about"] .story-milestone-card li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:#c55e2d}
body[data-page="about"] .story-milestone-card blockquote{margin:22px 0 0;padding:16px 18px;border-left:3px solid #8d0028;background:#f8f0e8;font-family:'Playfair Display',serif;font-size:18px;line-height:1.5;color:#3b2c23}
body[data-page="about"] .story-spice-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
body[data-page="about"] .story-spice-chips span{padding:9px 12px;border-radius:999px;background:#f4eadf;border:1px solid rgba(94,63,43,.10);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
body[data-page="about"] .story-milestone-final{background:linear-gradient(145deg,#2d1710,#3a2115);color:#fff;border-color:rgba(255,255,255,.08)}
body[data-page="about"] .story-milestone-final h3{color:#fff}
body[data-page="about"] .story-milestone-final p{color:#e5d7cb}

body[data-page="about"] .story-legacy-feature{background:#f8f3ec;padding-top:108px;padding-bottom:108px}
body[data-page="about"] .story-legacy-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:74px;align-items:center}
body[data-page="about"] .story-legacy-media{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 34px 80px rgba(50,28,15,.14);min-height:610px;background:#eee4d6}
body[data-page="about"] .story-legacy-media img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,1,.36,1)}
body[data-page="about"] .story-legacy-media:hover img{transform:scale(1.045)}
body[data-page="about"] .story-legacy-stamp{position:absolute;right:22px;bottom:22px;width:150px;height:150px;border-radius:50%;background:rgba(31,17,10,.88);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(9px);color:#fff;display:grid;place-content:center;text-align:center;animation:storyStampFloat 4.8s ease-in-out infinite}
body[data-page="about"] .story-legacy-stamp span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#d9c6b8}
body[data-page="about"] .story-legacy-stamp strong{font-family:'Playfair Display',serif;font-size:42px;line-height:1}
body[data-page="about"] .story-legacy-stamp small{font-size:9px;color:#e6d8cd;margin-top:5px}
@keyframes storyStampFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(1deg)}}
body[data-page="about"] .story-legacy-copy h2{font-family:'Playfair Display',serif;font-size:clamp(44px,4.8vw,68px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 20px}
body[data-page="about"] .story-legacy-copy p{font-size:17px;line-height:1.8;color:#65574d}
body[data-page="about"] .story-principle-card{margin-top:30px;padding:24px;border:1px solid rgba(82,57,40,.13);border-radius:20px;background:#fff;display:grid;gap:8px}
body[data-page="about"] .story-principle-card span{font-size:10px;color:#8d0028;text-transform:uppercase;letter-spacing:.16em;font-weight:800}
body[data-page="about"] .story-principle-card strong{font-family:'Playfair Display',serif;font-size:24px;line-height:1.35;font-weight:500}

body[data-page="about"] .story-modern-section{background:#20110b;color:#fff;padding:115px 0;position:relative;overflow:hidden}
body[data-page="about"] .story-modern-section:before{content:"";position:absolute;inset:auto auto -240px -160px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(209,104,45,.16),transparent 70%)}
body[data-page="about"] .story-modern-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;position:relative;z-index:2}
body[data-page="about"] .story-modern-copy h2{font-family:'Playfair Display',serif;font-size:clamp(50px,5.5vw,78px);line-height:.98;letter-spacing:-.045em;margin:10px 0 22px;color:#fff}
body[data-page="about"] .story-modern-copy>p{font-size:18px;line-height:1.8;color:#e7d8ce;max-width:700px}
body[data-page="about"] .story-cold-note{margin-top:30px;padding:24px 26px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
body[data-page="about"] .story-cold-note strong{font-size:18px;color:#fff}
body[data-page="about"] .story-cold-note p{font-size:14px;line-height:1.72;color:#d8c5b8;margin:8px 0 0}
body[data-page="about"] .story-modern-art{min-height:520px;position:relative;display:grid;place-items:center}
body[data-page="about"] .story-modern-core{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#8d3e21,#3a1b10 68%);box-shadow:0 0 0 1px rgba(255,255,255,.13),0 35px 80px rgba(0,0,0,.35),inset 0 0 60px rgba(255,183,112,.08);display:grid;place-content:center;text-align:center;position:relative;z-index:2}
body[data-page="about"] .story-modern-core span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#e5bd9f}
body[data-page="about"] .story-modern-core strong{font-family:'Playfair Display',serif;font-size:35px;line-height:1.02;margin:8px 0;color:#fff}
body[data-page="about"] .story-modern-core small{font-size:10px;letter-spacing:.12em;color:#d8b89f;text-transform:uppercase}
body[data-page="about"] .story-modern-orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.14);animation:storyOrbitSpin 18s linear infinite}
body[data-page="about"] .story-orbit-one{width:410px;height:410px}
body[data-page="about"] .story-orbit-two{width:500px;height:500px;animation-direction:reverse;animation-duration:26s;border-color:rgba(233,133,63,.18)}
body[data-page="about"] .story-modern-orbit:after{content:"";position:absolute;top:50%;left:-6px;width:12px;height:12px;border-radius:50%;background:#e9853f;box-shadow:0 0 22px rgba(233,133,63,.65)}
@keyframes storyOrbitSpin{to{transform:rotate(360deg)}}

body[data-page="about"] .story-process-section{background:#f6f0e8;padding-top:110px;padding-bottom:105px}
body[data-page="about"] .story-process-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
body[data-page="about"] .story-process-grid article{position:relative;overflow:hidden;min-height:285px;padding:24px 20px;border-radius:22px;border:1px solid rgba(82,57,40,.12);background:#fff;box-shadow:0 16px 38px rgba(52,30,16,.05);transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease,background .35s ease}
body[data-page="about"] .story-process-grid article:hover{transform:translateY(-9px);box-shadow:0 26px 54px rgba(52,30,16,.11);background:#fffaf5}
body[data-page="about"] .story-process-grid b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#f5e8dd;color:#8d0028;font-size:11px;letter-spacing:.12em;margin-bottom:55px}
body[data-page="about"] .story-process-grid span{display:block;font-family:'Playfair Display',serif;font-size:24px;line-height:1.1;margin-bottom:12px}
body[data-page="about"] .story-process-grid p{font-size:13.5px;line-height:1.72;color:#73645a;margin:0}
body[data-page="about"] .story-process-grid article.story-in:nth-child(2){transition-delay:.07s}
body[data-page="about"] .story-process-grid article.story-in:nth-child(3){transition-delay:.14s}
body[data-page="about"] .story-process-grid article.story-in:nth-child(4){transition-delay:.21s}
body[data-page="about"] .story-process-grid article.story-in:nth-child(5){transition-delay:.28s}

body[data-page="about"] .story-difference-section{background:#fffaf4;padding-top:106px;padding-bottom:112px}
body[data-page="about"] .story-difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
body[data-page="about"] .story-difference-grid article{min-height:230px;padding:26px;border:1px solid rgba(82,57,40,.12);border-radius:22px;background:#fff;position:relative;overflow:hidden;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s ease}
body[data-page="about"] .story-difference-grid article:after{content:"";position:absolute;right:-70px;bottom:-90px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(193,103,52,.10),transparent 70%);transition:transform .5s ease}
body[data-page="about"] .story-difference-grid article:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(52,30,16,.10)}
body[data-page="about"] .story-difference-grid article:hover:after{transform:scale(1.35)}
body[data-page="about"] .story-difference-grid span{font-size:10px;color:#8d0028;font-weight:800;letter-spacing:.16em}
body[data-page="about"] .story-difference-grid h3{font-family:'Playfair Display',serif;font-size:28px;line-height:1.08;margin:34px 0 10px}
body[data-page="about"] .story-difference-grid p{font-size:14px;line-height:1.72;color:#74645a;margin:0;position:relative;z-index:2}

body[data-page="about"] .story-more-section{position:relative;padding:120px 0;background:linear-gradient(120deg,#2a160e,#4a2718);color:#fff;overflow:hidden}
body[data-page="about"] .story-more-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 25%,rgba(238,141,74,.18),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.14),transparent 50%)}
body[data-page="about"] .story-more-inner{position:relative;z-index:2;max-width:980px;text-align:center}
body[data-page="about"] .story-more-inner h2{font-family:'Playfair Display',serif;font-size:clamp(52px,6vw,82px);line-height:1;letter-spacing:-.05em;margin:12px auto 22px;color:#fff}
body[data-page="about"] .story-more-inner p{font-size:17px;line-height:1.85;color:#e7d7cb;max-width:850px;margin:0 auto 28px}
body[data-page="about"] .story-more-inner>strong{font-family:'Playfair Display',serif;font-size:25px;line-height:1.45;font-weight:500;color:#fff0e5}

body[data-page="about"] .story-promise-section{padding-top:110px;padding-bottom:110px;background:#f5eee5}
body[data-page="about"] .story-promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
body[data-page="about"] .story-promise-grid h2{font-family:'Playfair Display',serif;font-size:clamp(48px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 18px}
body[data-page="about"] .story-promise-grid p{font-size:17px;line-height:1.8;color:#6a5b50;max-width:650px}
body[data-page="about"] .story-promise-values{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
body[data-page="about"] .story-promise-values span{min-height:92px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(82,57,40,.12);border-radius:18px;background:#fff;font-family:'Playfair Display',serif;font-size:24px;transition:transform .35s cubic-bezier(.22,1,.36,1),background .35s ease,color .35s ease}
body[data-page="about"] .story-promise-values span:last-child{grid-column:1/-1}
body[data-page="about"] .story-promise-values span:hover{transform:translateY(-6px);background:#2e180f;color:#fff}

body[data-page="about"] .story-final-section{background:#f5eee5;padding-top:0}
body[data-page="about"] .story-final-card{border-radius:30px;padding:52px;background:linear-gradient(135deg,#30170f,#4a2718 60%,#6d3920);color:#fff;text-align:center;box-shadow:0 30px 70px rgba(48,24,14,.18);position:relative;overflow:hidden}
body[data-page="about"] .story-final-card:before{content:"";position:absolute;inset:-180px auto auto 50%;width:520px;height:520px;border-radius:50%;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,163,96,.17),transparent 70%)}
body[data-page="about"] .story-final-card>*{position:relative;z-index:2}
body[data-page="about"] .story-final-card h2{font-family:'Playfair Display',serif;font-size:clamp(34px,4.5vw,64px);line-height:1.15;margin:16px 0 12px;color:#fff}
body[data-page="about"] .story-final-card h2 i{font-style:normal;color:#e59a65;font-family:inherit}
body[data-page="about"] .story-final-card p{color:#dfcfc4;font-size:16px}
body[data-page="about"] .story-final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:26px}

@media(max-width:1100px){
  body[data-page="about"] .story-opening-grid,
  body[data-page="about"] .story-legacy-grid,
  body[data-page="about"] .story-modern-grid,
  body[data-page="about"] .story-promise-grid{grid-template-columns:1fr;gap:42px}
  body[data-page="about"] .story-process-grid{grid-template-columns:repeat(2,1fr)}
  body[data-page="about"] .story-process-grid article:last-child{grid-column:1/-1}
  body[data-page="about"] .story-difference-grid{grid-template-columns:repeat(2,1fr)}
  body[data-page="about"] .story-legacy-media{min-height:520px;max-width:650px}
}
@media(max-width:800px){
  body[data-page="about"] .story-hero-v2,
  body[data-page="about"] .story-hero-content-v2{min-height:680px}
  body[data-page="about"] .story-hero-content-v2 h1{font-size:clamp(52px,13vw,72px)}
  body[data-page="about"] .story-hero-years{gap:7px;flex-wrap:wrap}
  body[data-page="about"] .story-hero-years i{width:20px}
  body[data-page="about"] .story-timeline-rail{left:14px;transform:none}
  body[data-page="about"] .story-milestone{width:calc(100% - 50px);justify-self:end!important}
  body[data-page="about"] .story-milestone:after{left:-36px!important;right:auto!important;width:36px}
  body[data-page="about"] .story-milestone:before{left:-42.5px!important;right:auto!important}
  body[data-page="about"] .story-milestone-year{font-size:46px}
  body[data-page="about"] .story-modern-art{min-height:450px}
  body[data-page="about"] .story-process-grid,
  body[data-page="about"] .story-difference-grid{grid-template-columns:1fr}
  body[data-page="about"] .story-process-grid article:last-child{grid-column:auto}
}
@media(max-width:560px){
  body[data-page="about"] .story-opening-section,
  body[data-page="about"] .story-timeline-section,
  body[data-page="about"] .story-legacy-feature,
  body[data-page="about"] .story-process-section,
  body[data-page="about"] .story-difference-section,
  body[data-page="about"] .story-promise-section{padding-top:72px;padding-bottom:72px}
  body[data-page="about"] .story-modern-section,
  body[data-page="about"] .story-more-section{padding:78px 0}
  body[data-page="about"] .story-opening-copy .story-lead{font-size:22px}
  body[data-page="about"] .story-milestone-card{padding:22px}
  body[data-page="about"] .story-milestone-card h3{font-size:27px}
  body[data-page="about"] .story-legacy-media{min-height:390px}
  body[data-page="about"] .story-legacy-stamp{width:120px;height:120px;right:14px;bottom:14px}
  body[data-page="about"] .story-legacy-stamp strong{font-size:34px}
  body[data-page="about"] .story-modern-art{min-height:350px}
  body[data-page="about"] .story-modern-core{width:220px;height:220px}
  body[data-page="about"] .story-modern-core strong{font-size:28px}
  body[data-page="about"] .story-orbit-one{width:290px;height:290px}
  body[data-page="about"] .story-orbit-two{width:340px;height:340px}
  body[data-page="about"] .story-promise-values{grid-template-columns:1fr}
  body[data-page="about"] .story-promise-values span:last-child{grid-column:auto}
  body[data-page="about"] .story-final-card{padding:36px 20px;border-radius:22px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="about"] *,body[data-page="about"] *:before,body[data-page="about"] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}


/* ======================================================================
   HEADER FRONTEND ONLY — REQUESTED 2026-09-22
   Adds the thin brand strip between ticker and main navigation.
   Main navigation holds/sticks only on the Home page.
   ====================================================================== */
.hk-brand-strip{
  width:100%;
  min-height:30px;
  display:flex;
  align-items:center;
  background:#f7f2ea;
  color:#241a14;
  border-bottom:1px solid rgba(66,43,28,.10);
  position:relative;
  z-index:85;
}
.hk-brand-strip-inner{
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  white-space:nowrap;
  overflow:hidden;
  font-size:9px;
  line-height:1;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.hk-brand-strip-brand{
  color:#8d0028;
  font-weight:800;
}
.hk-brand-strip-separator{
  color:#8d0028;
  font-size:8px;
  letter-spacing:0;
  flex:0 0 auto;
}

/* Main navigation should hold while scrolling on every frontend page. */
body:not([data-page="dashboard"]) .site-header{
  position:sticky!important;
  top:0!important;
  z-index:80!important;
}

@media(max-width:900px){
  .hk-brand-strip-inner{
    justify-content:flex-start;
    overflow-x:auto;
    scrollbar-width:none;
    padding-left:4px;
    padding-right:4px;
    gap:14px;
  }
  .hk-brand-strip-inner::-webkit-scrollbar{display:none}
}
@media(max-width:600px){
  .hk-brand-strip,
  .hk-brand-strip-inner{min-height:27px}
  .hk-brand-strip-inner{
    font-size:8px;
    letter-spacing:.16em;
    gap:11px;
  }
}

/* ======================================================================
   HEADER SCROLL BEHAVIOUR — FRONTEND ONLY 2026-09-22
   Top ticker + brand strip scroll away normally. Main navigation stays held.
   ====================================================================== */
body:not([data-page="dashboard"]) .announcement.hk-ticker,
body:not([data-page="dashboard"]) .hk-brand-strip{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
}
body:not([data-page="dashboard"]) .site-header{
  position:sticky!important;
  top:0!important;
  z-index:100!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
  transition:background .25s ease,box-shadow .25s ease,border-color .25s ease!important;
}
body:not([data-page="dashboard"]) .site-header.scrolled{
  transform:none!important;
  translate:none!important;
}

/* ======================================================================
   MAIN NAV FIXED ON SCROLL + COMBO PRODUCTS — 2026-09-22
   Top announcement and brand strip remain in normal page flow.
   ====================================================================== */
body:not([data-page="dashboard"]) .site-header{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
}
body:not([data-page="dashboard"]) .site-header.nav-fixed{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:180!important;
  transform:none!important;
  animation:none!important;
  background:rgba(255,253,249,.985)!important;
  box-shadow:0 10px 34px rgba(49,30,17,.10)!important;
}
.site-header-spacer{height:0;display:block;width:100%}

/* Shop: combo packs first, then the single-product catalogue. */
.shop-group-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
  margin:38px 0 22px;
  padding-top:6px;
}
.shop-group-head h2{
  font-family:'Playfair Display','Cormorant Garamond',serif;
  font-size:clamp(34px,3.6vw,48px);
  line-height:1.04;
  letter-spacing:-.035em;
  margin:6px 0 0;
}
.shop-group-head>p{max-width:480px;margin:0;color:var(--muted);line-height:1.65}
.single-group-head{margin-top:70px;padding-top:34px;border-top:1px solid var(--line)}
.combo-product-grid{grid-template-columns:repeat(auto-fit,minmax(280px,360px));justify-content:start}
.combo-badge{
  position:absolute;
  right:14px;
  top:14px;
  z-index:5;
  padding:6px 10px;
  border-radius:999px;
  background:#8d0028;
  color:#fff;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  box-shadow:0 8px 20px rgba(68,20,30,.15);
}

/* Combo detail: compact included-products block. */
.hk-combo-inside{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.hk-combo-inside-list{display:grid;gap:8px;margin-top:12px}
.hk-combo-inside-list a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:12px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(255,255,255,.55);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.hk-combo-inside-list a:hover{transform:translateX(3px);background:#fff;border-color:#cdb7a5}
.hk-combo-inside-list strong{font-size:13px}
.hk-combo-inside-list small{font-size:10px;color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.05em}

@media(max-width:760px){
  .shop-group-head{display:grid;gap:10px;align-items:start;margin-top:30px}
  .single-group-head{margin-top:48px;padding-top:26px}
  .combo-product-grid{grid-template-columns:1fr}
}

/* Contact/address update */
.footer-address{margin-top:12px!important;font-size:12px!important;line-height:1.65!important;max-width:460px}.footer-address a{text-decoration:underline;text-underline-offset:3px}.contact-map-grid .btn{margin-top:18px}

/* ======================================================================
   2026-09-22 — requested header + footer refinement
   - Main navigation stays held at the top while the page scrolls.
   - Product links removed from footer.
   - Compact subscription line added at the footer's bottom-right.
   ====================================================================== */
body:not([data-page="dashboard"]) .site-header,
body:not([data-page="dashboard"]) .site-header.nav-fixed{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  z-index:180!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
}
body:not([data-page="dashboard"]) .site-header-spacer{display:none!important;height:0!important}

/* Footer now has Brand + Explore + Account only. */
.site-footer .footer-grid{
  grid-template-columns:minmax(340px,1.65fr) minmax(150px,.72fr) minmax(170px,.78fr)!important;
  align-items:start;
}
.site-footer .footer-bottom{
  min-height:92px;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,520px);
  align-items:end;
  gap:34px;
  padding:22px 0 24px;
}
.footer-subscribe{
  width:100%;
  max-width:520px;
  justify-self:end;
  display:grid;
  gap:9px;
}
.footer-subscribe label{
  color:#f4ded0;
  font-size:10px;
  line-height:1.25;
  font-weight:700;
  letter-spacing:.10em;
  text-transform:uppercase;
}
.footer-subscribe-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  border-bottom:1px solid rgba(255,255,255,.34);
  padding-bottom:8px;
  transition:border-color .22s ease,box-shadow .22s ease;
}
.footer-subscribe:focus-within .footer-subscribe-line{
  border-color:#ff9b62;
  box-shadow:0 1px 0 rgba(255,155,98,.38);
}
.footer-subscribe input{
  width:100%;
  min-width:0;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  padding:4px 0;
  font:inherit;
  font-size:13px;
}
.footer-subscribe input::placeholder{color:rgba(230,214,202,.58)}
.footer-subscribe button{
  border:0;
  background:transparent;
  color:#ffb17f;
  padding:4px 0 4px 10px;
  font-size:11px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  cursor:pointer;
  transition:color .2s ease,transform .2s ease;
}
.footer-subscribe button:hover{color:#fff;transform:translateX(2px)}

@media(max-width:900px){
  .site-footer .footer-grid{
    grid-template-columns:1.35fr 1fr 1fr!important;
    gap:30px;
  }
  .site-footer .footer-bottom{
    grid-template-columns:1fr minmax(300px,420px);
    gap:24px;
  }
}
@media(max-width:700px){
  .site-footer .footer-grid{
    grid-template-columns:1fr 1fr!important;
    gap:28px!important;
  }
  .site-footer .footer-brand{grid-column:1/-1}
  .site-footer .footer-bottom{
    min-height:0;
    grid-template-columns:1fr!important;
    align-items:start;
    gap:18px;
    padding:20px 0 24px;
  }
  .footer-subscribe{
    justify-self:stretch;
    max-width:none;
    order:-1;
  }
}


/* ======================================================================
   FINAL HEADER / FOOTER CORRECTION — 2026-09-22
   Requested behavior:
   1) Announcement ticker stays held at the top while scrolling.
   2) Brand strip stays held directly below the ticker while scrolling.
   3) Main white navigation header is NOT sticky/fixed; it scrolls away normally.
   4) Subscription form sits directly below Account links in the footer.
   ====================================================================== */
body:not([data-page="dashboard"]) .announcement.hk-ticker{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  z-index:220!important;
  transform:none!important;
}
body:not([data-page="dashboard"]) .hk-brand-strip{
  position:sticky!important;
  top:32px!important;
  left:auto!important;
  right:auto!important;
  z-index:219!important;
  transform:none!important;
}
body:not([data-page="dashboard"]) .site-header,
body:not([data-page="dashboard"]) .site-header.nav-fixed,
body:not([data-page="dashboard"]) .site-header.scrolled{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  z-index:80!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
}
body:not([data-page="dashboard"]) .site-header-spacer{
  display:none!important;
  height:0!important;
}

/* Subscription belongs to the Account column, not the footer bottom row. */
.site-footer .footer-account{
  align-items:flex-start;
}
.site-footer .footer-account-subscribe{
  width:100%;
  max-width:300px;
  margin-top:16px;
  justify-self:auto;
  gap:8px;
}
.site-footer .footer-account-subscribe label{
  width:100%;
  margin:0;
}
.site-footer .footer-account-subscribe .footer-subscribe-line{
  width:100%;
}
.site-footer .footer-bottom{
  min-height:0!important;
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  padding:17px 0!important;
}

@media(max-width:820px){
  body:not([data-page="dashboard"]) .hk-brand-strip{top:30px!important}
}
@media(max-width:700px){
  .site-footer .footer-account-subscribe{max-width:360px;margin-top:14px}
  .site-footer .footer-bottom{display:flex!important;padding:17px 0!important}
}
@media(max-width:600px){
  body:not([data-page="dashboard"]) .hk-brand-strip{top:29px!important}
}

/* ======================================================================
   FINAL HEADER HOLD FIX — 2026-09-23
   User-confirmed behavior:
   1) Announcement bar stays held.
   2) Brand strip stays held below announcement.
   3) Main white header ALSO stays held below both bars.
   4) Footer subscription remains under Account links.
   ====================================================================== */
body:not([data-page="dashboard"]) .announcement.hk-ticker{
  position:sticky!important;
  top:0!important;
  z-index:240!important;
}
body:not([data-page="dashboard"]) .hk-brand-strip{
  position:sticky!important;
  top:30px!important;
  z-index:239!important;
}
body:not([data-page="dashboard"]) .site-header,
body:not([data-page="dashboard"]) .site-header.nav-fixed,
body:not([data-page="dashboard"]) .site-header.scrolled{
  position:sticky!important;
  top:60px!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  z-index:238!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
  background:rgba(255,253,249,.985)!important;
  box-shadow:0 10px 28px rgba(49,30,17,.08)!important;
}
body:not([data-page="dashboard"]) .site-header-spacer{
  display:none!important;
  height:0!important;
}

@media(max-width:820px){
  body:not([data-page="dashboard"]) .announcement.hk-ticker{top:0!important}
  body:not([data-page="dashboard"]) .hk-brand-strip{top:30px!important}
  body:not([data-page="dashboard"]) .site-header,
  body:not([data-page="dashboard"]) .site-header.nav-fixed,
  body:not([data-page="dashboard"]) .site-header.scrolled{top:60px!important}
}
@media(max-width:600px){
  body:not([data-page="dashboard"]) .announcement.hk-ticker{top:0!important}
  body:not([data-page="dashboard"]) .hk-brand-strip{top:29px!important}
  body:not([data-page="dashboard"]) .site-header,
  body:not([data-page="dashboard"]) .site-header.nav-fixed,
  body:not([data-page="dashboard"]) .site-header.scrolled{top:56px!important}
}


/* ======================================================================
   FINAL USER REQUEST — 2026-09-23
   Hold the WHITE HEADER too.
   Result:
   1) Announcement ticker stays held.
   2) Brand strip stays held below ticker.
   3) Main white header also stays held below both bars.
   4) Footer subscription remains below Account links.
   ====================================================================== */
:root{
  --hk-top-ticker-h:30px;
  --hk-top-brand-h:30px;
  --hk-top-header-offset:60px;
}
body:not([data-page="dashboard"]) .announcement.hk-ticker{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  z-index:220!important;
}
body:not([data-page="dashboard"]) .hk-brand-strip{
  position:sticky!important;
  top:var(--hk-top-ticker-h)!important;
  left:auto!important;
  right:auto!important;
  z-index:219!important;
}
body:not([data-page="dashboard"]) .site-header,
body:not([data-page="dashboard"]) .site-header.nav-fixed,
body:not([data-page="dashboard"]) .site-header.scrolled{
  position:sticky!important;
  top:var(--hk-top-header-offset)!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  z-index:218!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
}
body:not([data-page="dashboard"]) .site-header-spacer{
  display:none!important;
  height:0!important;
}
@media(max-width:700px){
  :root{
    --hk-top-ticker-h:29px;
    --hk-top-brand-h:27px;
    --hk-top-header-offset:56px;
  }
}


/* ======================================================================
   ABSOLUTE FINAL — ONLY WHITE MAIN HEADER HELD (2026-09-23)
   User request:
   - Announcement ticker: normal page flow, scrolls away.
   - Brand strip: normal page flow, scrolls away.
   - ONLY the white main navigation header remains held/sticky at top.
   ====================================================================== */
body:not([data-page="dashboard"]) .announcement.hk-ticker,
body:not([data-page="dashboard"]) .hk-brand-strip{
  position:relative!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  z-index:auto!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
}
body:not([data-page="dashboard"]) .site-header,
body:not([data-page="dashboard"]) .site-header.nav-fixed,
body:not([data-page="dashboard"]) .site-header.scrolled{
  position:sticky!important;
  top:0!important;
  left:auto!important;
  right:auto!important;
  width:100%!important;
  z-index:220!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
}
body:not([data-page="dashboard"]) .site-header-spacer{
  display:none!important;
  height:0!important;
}


/* 2026-09-23: Simple Contact + B2B cleanup. White header scroll behavior unchanged. */
.b2b-page .b2b-hero-grid{
  grid-template-columns:minmax(0,1fr);
  gap:0;
}
.b2b-page .b2b-hero-grid>div:first-child{max-width:850px}

.hk-contact-simple{background:#fffaf5}
.hk-contact-simple .hk-contact-section{padding:clamp(44px,5.5vw,80px) 0 56px}
.hk-contact-simple .hk-contact-grid{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  align-items:start;
  gap:clamp(22px,3.4vw,52px);
}
.hk-contact-simple .hk-contact-info,
.hk-contact-simple .hk-contact-form{
  background:#fff;
  border:1px solid #e9ded4;
  border-radius:18px;
  box-shadow:0 12px 42px rgba(51,31,18,.04);
  padding:clamp(24px,2.8vw,38px);
  transform:none;
}
.hk-contact-simple .hk-contact-info h1{
  font-family:'Playfair Display','Cormorant Garamond',serif;
  font-size:clamp(39px,4.4vw,57px);
  line-height:1.06;
  margin:9px 0 12px;
  letter-spacing:-.04em;
}
.hk-contact-simple .hk-contact-info>p,
.hk-contact-simple .hk-contact-form .form-card-head p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.65;
}
.hk-contact-simple .hk-contact-details{display:grid;gap:0;margin-top:27px}
.hk-contact-simple .hk-contact-detail{
  display:grid;
  gap:8px;
  border-top:1px solid #ece3da;
  padding:18px 0;
  overflow-wrap:anywhere;
}
.hk-contact-simple .hk-contact-detail-label{
  color:var(--brand);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-weight:800;
}
.hk-contact-simple .hk-contact-detail address,
.hk-contact-simple .hk-contact-detail>a,
.hk-contact-simple .hk-contact-phone-pending{
  font-size:15px;
  font-style:normal;
  line-height:1.65;
  color:var(--ink);
}
.hk-contact-simple .hk-contact-detail>a:hover,
.hk-contact-simple .hk-contact-map-link:hover{color:var(--brand)}
.hk-contact-simple .hk-contact-map-link{
  width:max-content;
  max-width:100%;
  font-size:12px!important;
  font-weight:700;
  color:var(--brand)!important;
  text-decoration:underline;
  text-underline-offset:3px;
}
.hk-contact-simple .hk-contact-phone-pending{color:var(--muted)}
.hk-contact-simple .hk-contact-form .form-card-head{margin-bottom:22px}
.hk-contact-simple .hk-contact-form h2{
  font-family:'Playfair Display','Cormorant Garamond',serif;
  font-size:clamp(31px,3vw,42px);
  line-height:1.12;
  letter-spacing:-.035em;
  margin:6px 0 10px;
}
.hk-contact-simple .hk-contact-form .hk-contact-fields{gap:16px}
.hk-contact-simple .hk-contact-form .field label{font-size:12px}
.hk-contact-simple .hk-contact-form .field input,
.hk-contact-simple .hk-contact-form .field textarea{
  border-radius:10px;
  min-height:48px;
  font-size:15px;
}
.hk-contact-simple .hk-contact-form .field textarea{min-height:130px;resize:vertical}
.hk-contact-simple .hk-contact-form .btn{justify-self:start;margin-top:4px}
.hk-contact-simple .hk-contact-full-map{
  width:100%;
  margin:0;
  padding:0;
  background:#ece4dc;
  border-top:1px solid #e5d8cc;
  overflow:hidden;
}
.hk-contact-simple .hk-contact-full-map iframe{
  display:block;
  width:100%;
  height:clamp(350px,42vw,540px);
  min-height:350px;
  border:0;
  border-radius:0;
}
@media(max-width:820px){
  .hk-contact-simple .hk-contact-grid{grid-template-columns:1fr;gap:22px}
  .hk-contact-simple .hk-contact-section{padding:35px 0 38px}
  .hk-contact-simple .hk-contact-full-map iframe{height:390px}
}
@media(max-width:600px){
  .hk-contact-simple .hk-contact-info,
  .hk-contact-simple .hk-contact-form{padding:22px 19px}
  .hk-contact-simple .hk-contact-form .hk-contact-fields{grid-template-columns:1fr}
  .hk-contact-simple .hk-contact-form .hk-contact-fields .span-2{grid-column:auto}
  .hk-contact-simple .hk-contact-full-map iframe{height:345px;min-height:345px}
}


/* ======================================================================
   2026-09-23 — Footer social icon cleanup
   Remove colored backgrounds from footer social icons only.
   ====================================================================== */
.site-footer .social-chip,
.site-footer .social-chip.instagram,
.site-footer .social-chip.whatsapp,
.site-footer .social-chip.facebook{
  background:transparent!important;
  border-color:rgba(255,255,255,.20)!important;
  box-shadow:none!important;
}
.site-footer .social-chip:hover,
.site-footer .social-chip.instagram:hover,
.site-footer .social-chip.whatsapp:hover,
.site-footer .social-chip.facebook:hover{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.34)!important;
}

/* 2026-09-23 — Floating WhatsApp icon: no colored circle/background */
.floating-socials .float-social-btn.whatsapp{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.floating-socials .float-social-btn.whatsapp:hover{
  background:transparent!important;
  box-shadow:none!important;
}


/* ======================================================================
   FINAL SOCIAL ICON FIX — 2026-09-23
   1) Floating WhatsApp restored to original green circular button.
   2) Footer social links show ONLY icons — no border, no background box.
   ====================================================================== */
.floating-socials .float-social-btn.whatsapp{
  width:48px!important;
  height:48px!important;
  border-radius:50%!important;
  background:#25d366!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 14px 32px rgba(43,27,18,.18)!important;
  color:#fff!important;
}
.floating-socials .float-social-btn.whatsapp:hover{
  background:#25d366!important;
  box-shadow:0 14px 32px rgba(43,27,18,.18)!important;
}

.site-footer .footer-socials{
  gap:16px!important;
  align-items:center!important;
}
.site-footer .social-chip,
.site-footer .social-chip.instagram,
.site-footer .social-chip.whatsapp,
.site-footer .social-chip.facebook{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#f3e6da!important;
}
.site-footer .social-chip:hover,
.site-footer .social-chip.instagram:hover,
.site-footer .social-chip.whatsapp:hover,
.site-footer .social-chip.facebook:hover{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:translateY(-1px)!important;
}
.site-footer .social-chip svg{
  width:20px!important;
  height:20px!important;
}
@media(max-width:820px){
  .floating-socials .float-social-btn.whatsapp{
    width:44px!important;
    height:44px!important;
  }
}


/* ======================================================================
   2026-09-23 — HOME CLASSIC MOTION + COMPACT B2B + WHATSAPP LINK UPDATE
   Scoped to the homepage so product/detail B2B blocks keep their layout.
   ====================================================================== */

/* Watch & Buy: elegant entrance, restrained lift and image zoom. */
body[data-page="home"] .watch-buy-card{
  opacity:0;
  transform:translateY(24px) scale(.985);
  transition:
    opacity .72s cubic-bezier(.22,1,.36,1),
    transform .72s cubic-bezier(.22,1,.36,1),
    box-shadow .35s ease;
  will-change:transform,opacity;
}
body[data-page="home"] .watch-buy-card.hk-motion-in{
  opacity:1;
  transform:translateY(0) scale(1);
}
body[data-page="home"] .watch-buy-card:nth-child(2){transition-delay:.08s}
body[data-page="home"] .watch-buy-card:nth-child(3){transition-delay:.16s}
body[data-page="home"] .watch-buy-card:nth-child(4){transition-delay:.24s}
body[data-page="home"] .watch-buy-card:nth-child(5){transition-delay:.32s}
body[data-page="home"] .watch-buy-card img,
body[data-page="home"] .watch-buy-card video{
  transform:scale(1.002);
  transition:transform .85s cubic-bezier(.22,1,.36,1),filter .45s ease;
  will-change:transform;
}
body[data-page="home"] .watch-buy-card:hover{
  transform:translateY(-8px) scale(1.012);
  box-shadow:0 28px 64px rgba(40,25,15,.18);
}
body[data-page="home"] .watch-buy-card:hover img,
body[data-page="home"] .watch-buy-card:hover video{
  transform:scale(1.055);
  filter:saturate(1.04) contrast(1.02);
}
body[data-page="home"] .watch-buy-card:before{
  content:'';
  position:absolute;
  inset:-35% -65%;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.18) 50%,transparent 62%);
  transform:translateX(-65%) rotate(3deg);
  opacity:0;
  transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .25s ease;
}
body[data-page="home"] .watch-buy-card:hover:before{
  opacity:1;
  transform:translateX(65%) rotate(3deg);
}

/* Other home imagery: gentle cinematic zoom, no layout changes. */
body[data-page="home"] .story-editorial-poster-frame,
body[data-page="home"] .hk-process-card{
  transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s ease;
}
body[data-page="home"] .story-editorial-video{
  transition:transform 1s cubic-bezier(.22,1,.36,1),filter .5s ease;
}
body[data-page="home"] .story-editorial-poster:hover .story-editorial-poster-frame{
  transform:translateY(-5px);
  box-shadow:0 30px 70px rgba(18,10,6,.22);
}
body[data-page="home"] .story-editorial-poster:hover .story-editorial-video{
  transform:scale(1.035);
  filter:saturate(1.04);
}
body[data-page="home"] .hk-process-card .hk-process-bg{
  transition:transform .9s cubic-bezier(.22,1,.36,1),filter .5s ease!important;
}
body[data-page="home"] .hk-process-card:hover{
  transform:translateY(-6px);
  box-shadow:0 28px 66px rgba(40,24,14,.15);
}
body[data-page="home"] .hk-process-card:hover .hk-process-bg{
  transform:scale(1.045)!important;
  filter:saturate(1.05) contrast(1.02);
}

/* Homepage B2B: smaller, simpler, more balanced than the large banner. */
body[data-page="home"] .home-b2b-compact{
  padding:34px 0 48px!important;
}
body[data-page="home"] .home-b2b-card{
  min-height:0!important;
  padding:26px 34px!important;
  border-radius:20px!important;
  gap:28px!important;
  box-shadow:0 16px 42px rgba(137,45,15,.16)!important;
  opacity:0;
  transform:translateY(18px);
  transition:
    opacity .72s cubic-bezier(.22,1,.36,1),
    transform .72s cubic-bezier(.22,1,.36,1),
    box-shadow .35s ease!important;
}
body[data-page="home"] .home-b2b-card.hk-motion-in{
  opacity:1;
  transform:translateY(0);
}
body[data-page="home"] .home-b2b-card:after{
  width:220px!important;
  height:220px!important;
  top:-95px!important;
  right:-55px!important;
  opacity:.65;
  transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .4s ease;
}
body[data-page="home"] .home-b2b-card:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 22px 54px rgba(137,45,15,.20)!important;
}
body[data-page="home"] .home-b2b-card:hover:after{
  transform:translate(-10px,10px) scale(1.08);
  opacity:.82;
}
body[data-page="home"] .home-b2b-card h2{
  font-size:clamp(28px,3vw,39px)!important;
  line-height:1.04!important;
  max-width:610px!important;
  margin:4px 0 7px!important;
}
body[data-page="home"] .home-b2b-card p{
  max-width:680px!important;
  font-size:14px!important;
  line-height:1.6!important;
}
body[data-page="home"] .home-b2b-card .eyebrow{
  font-size:9px!important;
}
body[data-page="home"] .home-b2b-card .btn{
  min-height:44px!important;
  padding:0 20px!important;
  font-size:12px!important;
  white-space:nowrap;
}

/* Keep the requested floating WhatsApp look: green circular button. */
.floating-socials .float-social-btn.whatsapp{
  background:#25d366!important;
  color:#fff!important;
}

@media(max-width:820px){
  body[data-page="home"] .home-b2b-compact{padding:28px 0 40px!important}
  body[data-page="home"] .home-b2b-card{
    display:grid!important;
    padding:24px!important;
    gap:18px!important;
  }
  body[data-page="home"] .home-b2b-card .btn{justify-self:start}
}
@media(max-width:600px){
  body[data-page="home"] .watch-buy-card:hover{transform:translateY(-3px) scale(1.004)}
  body[data-page="home"] .home-b2b-card{padding:21px 19px!important;border-radius:16px!important}
  body[data-page="home"] .home-b2b-card h2{font-size:30px!important}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .watch-buy-card,
  body[data-page="home"] .home-b2b-card{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  body[data-page="home"] .watch-buy-card img,
  body[data-page="home"] .watch-buy-card video,
  body[data-page="home"] .story-editorial-video,
  body[data-page="home"] .hk-process-card .hk-process-bg{
    transition:none!important;
  }
}


/* ======================================================================
   2026-09-23 — Editorial reel section with uploaded videos
   Structure updated to match the provided reference more closely
   while keeping the HK SPICES warm premium theme.
   ====================================================================== */
body[data-page="home"] .watch-buy-section.watch-buy-editorial{
  padding:70px 0 76px;
  background:radial-gradient(circle at top left, rgba(94,8,31,.28), transparent 34%),linear-gradient(135deg,#15070b 0%,#21060f 46%,#0f090a 100%);
  overflow:hidden;
}
body[data-page="home"] .watch-buy-shell{position:relative}
body[data-page="home"] .watch-buy-top{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.72fr);
  gap:34px;
  align-items:start;
  margin-bottom:28px;
}
body[data-page="home"] .watch-buy-intro{display:grid;gap:10px}
body[data-page="home"] .watch-buy-kicker{
  display:inline-flex;
  width:max-content;
  color:#d8b6bf;
  font-size:10px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}
body[data-page="home"] .watch-buy-head h2,
body[data-page="home"] .watch-buy-intro h2{
  margin:0;
  text-align:left;
  color:#f6ece6;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(54px,5.8vw,78px);
  line-height:.88;
  letter-spacing:-.04em;
  font-weight:600;
}
body[data-page="home"] .watch-buy-intro h2 em{
  color:#cb7b8f;
  font-style:italic;
  font-weight:500;
}
body[data-page="home"] .watch-buy-summary{
  padding-top:18px;
  color:#efe1d7;
  max-width:360px;
  justify-self:end;
}
body[data-page="home"] .watch-buy-summary p{
  margin:0 0 10px;
  font-size:14px;
  line-height:1.65;
  color:#f1e5dc;
}
body[data-page="home"] .watch-buy-summary small{
  display:block;
  color:#bfa89f;
  font-size:10px;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body[data-page="home"] .watch-buy-slider-wrap{position:relative}
body[data-page="home"] .watch-buy-viewport{max-width:none;margin:0}
body[data-page="home"] .watch-buy-track{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  overflow:visible;
  padding:0;
}
body[data-page="home"] .watch-buy-card{
  position:relative;
  flex:none!important;
  width:100%;
  aspect-ratio:9/13.5;
  border-radius:0;
  overflow:hidden;
  background:#130c0d;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 20px 46px rgba(0,0,0,.24);
  transform:translateY(0);
}
body[data-page="home"] .watch-buy-card:hover{transform:translateY(-4px)}
body[data-page="home"] .watch-buy-card img,
body[data-page="home"] .watch-buy-card video{
  width:100%;height:100%;display:block;object-fit:cover;
}
body[data-page="home"] .watch-buy-card:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.68) 0%, rgba(0,0,0,.18) 34%, rgba(0,0,0,.08) 54%, rgba(0,0,0,.24) 100%);
  z-index:1;
  pointer-events:none;
}
body[data-page="home"] .watch-buy-index{
  position:absolute;
  top:10px;left:10px;z-index:2;
  color:#f2dfd4;
  font-size:10px;font-weight:700;letter-spacing:.08em;
}
body[data-page="home"] .watch-buy-card-copy{
  position:absolute;
  left:12px;right:12px;bottom:10px;z-index:2;
  display:grid;gap:4px;
  text-align:left;
}
body[data-page="home"] .watch-buy-card-copy strong{
  color:#fff8f3;font-size:14px;line-height:1.15;font-weight:700;
}
body[data-page="home"] .watch-buy-card-copy span{
  color:#dbc8be;font-size:10px;letter-spacing:.08em;text-transform:uppercase;
}
body[data-page="home"] .watch-buy-media-mark{
  position:absolute;
  left:50%;top:50%;transform:translate(-50%,-50%);
  z-index:2;
  width:54px;height:54px;border-radius:50%;
  border:1px solid rgba(255,255,255,.35);
  display:grid;place-items:center;
  background:rgba(17,13,14,.34);
  color:#fff;
  opacity:.84;
}
body[data-page="home"] .watch-buy-footnote{
  margin-top:12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:#af9891;
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body[data-page="home"] .watch-buy-arrow-main{display:none!important}
@media(max-width:1024px){
  body[data-page="home"] .watch-buy-top{grid-template-columns:1fr;gap:16px}
  body[data-page="home"] .watch-buy-summary{justify-self:start;max-width:520px;padding-top:0}
  body[data-page="home"] .watch-buy-track{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  body[data-page="home"] .watch-buy-section.watch-buy-editorial{padding:52px 0 58px}
  body[data-page="home"] .watch-buy-intro h2{font-size:clamp(42px,13vw,58px);line-height:.92}
  body[data-page="home"] .watch-buy-summary p{font-size:13px}
  body[data-page="home"] .watch-buy-slider-wrap{margin-left:-14px;margin-right:-14px}
  body[data-page="home"] .watch-buy-track{
    display:flex;
    gap:12px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding:0 14px 6px;
  }
  body[data-page="home"] .watch-buy-card{flex:0 0 68vw!important;max-width:258px;scroll-snap-align:start}
  body[data-page="home"] .watch-buy-footnote{padding:0 2px}
}


/* ======================================================================
   2026-09-23 — Mobile product horizontal scroller
   Desktop/tablet structure stays unchanged. On phones, product grids become
   a compact swipeable row with arrow controls.
   ====================================================================== */
.product-mobile-controls{display:none}
@media(max-width:700px){
  body:not([data-page="dashboard"]) .product-grid,
  body:not([data-page="dashboard"]) .combo-product-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
    padding:4px 14px 12px 2px;
    margin-right:-14px;
  }
  body:not([data-page="dashboard"]) .product-grid::-webkit-scrollbar,
  body:not([data-page="dashboard"]) .combo-product-grid::-webkit-scrollbar{display:none}

  body:not([data-page="dashboard"]) .product-grid>.product-card,
  body:not([data-page="dashboard"]) .combo-product-grid>.product-card{
    flex:0 0 min(72vw,260px)!important;
    width:min(72vw,260px)!important;
    max-width:260px!important;
    scroll-snap-align:start;
    border-radius:16px!important;
  }
  body:not([data-page="dashboard"]) .product-card-media{
    height:230px!important;
  }
  body:not([data-page="dashboard"]) .product-card-body{
    padding:14px 14px 15px!important;
  }
  body:not([data-page="dashboard"]) .product-card-title{
    font-size:18px!important;
    margin:6px 0 5px!important;
  }
  body:not([data-page="dashboard"]) .product-card-body p{
    font-size:12px!important;
    line-height:1.45!important;
    min-height:34px!important;
    height:34px!important;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body:not([data-page="dashboard"]) .product-card-bottom{
    margin-top:12px!important;
  }
  body:not([data-page="dashboard"]) .price-stack strong{font-size:17px!important}
  body:not([data-page="dashboard"]) .quick-add{
    width:36px!important;height:36px!important;font-size:21px!important;
  }

  .product-mobile-controls{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    margin:0 0 12px;
  }
  .product-mobile-arrow{
    width:38px;
    height:38px;
    border-radius:50%;
    border:1px solid rgba(80,50,30,.18);
    background:#fff;
    color:var(--ink);
    display:grid;
    place-items:center;
    cursor:pointer;
    box-shadow:0 8px 20px rgba(45,25,12,.08);
    transition:transform .2s ease,background .2s ease,opacity .2s ease;
  }
  .product-mobile-arrow:active{transform:scale(.96)}
  .product-mobile-arrow:disabled{opacity:.35;cursor:default}
  .product-mobile-arrow svg{
    width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;
    stroke-linecap:round;stroke-linejoin:round;
  }
}

/* ======================================================================
   2026-09-23 — Two-at-a-time product sliders
   Home: separate Premium and HK Super horizontal product rows.
   Shop mobile: exactly two product cards are visible at a time.
   ====================================================================== */
.product-slider-controls{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.product-slider-arrow{
  width:42px;
  height:42px;
  border-radius:50%;
  border:1px solid rgba(80,50,30,.18);
  background:#fff;
  color:var(--ink);
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(45,25,12,.08);
  transition:transform .2s ease,background .2s ease,opacity .2s ease,border-color .2s ease;
}
.product-slider-arrow:hover{transform:translateY(-1px);background:#fffaf5;border-color:rgba(157,63,34,.28)}
.product-slider-arrow:active{transform:scale(.96)}
.product-slider-arrow:disabled{opacity:.3;cursor:default;transform:none}
.product-slider-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.home-product-ranges{overflow:hidden}
.home-range-block{margin-top:40px}
.home-range-block+.home-range-block{margin-top:58px;padding-top:46px;border-top:1px solid var(--line)}
.home-range-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.home-range-head h3{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,3.2vw,44px);line-height:1;margin:5px 0 0;letter-spacing:-.03em}
.home-range-product-grid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:20px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
  padding:4px 2px 14px;
}
.home-range-product-grid::-webkit-scrollbar{display:none}
.home-range-product-grid>.product-card{
  flex:0 0 calc((100% - 40px)/3)!important;
  width:calc((100% - 40px)/3)!important;
  max-width:none!important;
  scroll-snap-align:start;
}

@media(max-width:900px){
  .home-range-product-grid>.product-card{
    flex-basis:calc((100% - 16px)/2)!important;
    width:calc((100% - 16px)/2)!important;
  }
  .home-range-product-grid{gap:16px!important}
}

@media(max-width:700px){
  .home-products-head{margin-bottom:28px!important}
  .home-range-block{margin-top:28px}
  .home-range-block+.home-range-block{margin-top:38px;padding-top:32px}
  .home-range-head{align-items:center;margin-bottom:12px}
  .home-range-head h3{font-size:28px}
  .home-range-controls .product-slider-arrow{width:36px;height:36px}

  /* Home and Shop: keep exactly two compact cards visible at once. */
  body:not([data-page="dashboard"]) .product-grid,
  body:not([data-page="dashboard"]) .combo-product-grid,
  body[data-page="home"] .home-range-product-grid{
    gap:10px!important;
    padding:3px 12px 10px 1px!important;
    margin-right:-12px!important;
  }
  body:not([data-page="dashboard"]) .product-grid>.product-card,
  body:not([data-page="dashboard"]) .combo-product-grid>.product-card,
  body[data-page="home"] .home-range-product-grid>.product-card{
    flex:0 0 calc((100% - 10px)/2)!important;
    width:calc((100% - 10px)/2)!important;
    max-width:none!important;
    min-width:0!important;
    border-radius:13px!important;
  }
  body:not([data-page="dashboard"]) .product-card-media{
    height:auto!important;
    aspect-ratio:1/1.05;
    min-height:0!important;
  }
  body:not([data-page="dashboard"]) .product-card-body{padding:10px 10px 11px!important}
  body:not([data-page="dashboard"]) .product-meta{font-size:8px!important;gap:5px!important}
  body:not([data-page="dashboard"]) .product-card-title{
    font-size:14px!important;
    line-height:1.2!important;
    margin:5px 0 4px!important;
    min-height:34px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  body:not([data-page="dashboard"]) .product-card-body p{display:none!important}
  body:not([data-page="dashboard"]) .product-card-bottom{margin-top:8px!important;gap:5px!important}
  body:not([data-page="dashboard"]) .price-stack strong{font-size:14px!important}
  body:not([data-page="dashboard"]) .price-stack s{font-size:10px!important}
  body:not([data-page="dashboard"]) .quick-add{width:30px!important;height:30px!important;font-size:18px!important}
  body:not([data-page="dashboard"]) .feature-badge,
  body:not([data-page="dashboard"]) .combo-badge,
  body:not([data-page="dashboard"]) .discount-badge{font-size:7px!important;padding:4px 6px!important}

  /* Existing auto controls remain mobile-only for Shop. */
  .product-mobile-controls{margin:0 0 9px!important}
  .product-mobile-arrow{width:34px!important;height:34px!important}
}


/* ======================================================================
   2026-09-23 — SHOP MOBILE: vertical two-column catalogue
   Homepage Premium/Super sliders remain horizontal and unchanged.
   Shop shows every product on the page, two cards per row, continuing
   vertically down the catalogue with no horizontal product scroller.
   ====================================================================== */
@media(max-width:700px){
  body[data-page="shop"] .product-mobile-controls{
    display:none!important;
  }
  body[data-page="shop"] .product-grid,
  body[data-page="shop"] .combo-product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
    padding:0!important;
    margin-right:0!important;
    width:100%!important;
  }
  body[data-page="shop"] .product-grid>.product-card,
  body[data-page="shop"] .combo-product-grid>.product-card{
    flex:none!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    scroll-snap-align:none!important;
    margin:0!important;
  }
  body[data-page="shop"] .combo-product-grid{
    justify-content:stretch!important;
  }
}

/* =========================================================
   Checkout payment methods: COD + Razorpay UPI + Card
   2026-09-24
   ========================================================= */
.payment-section{display:grid;gap:12px;margin-top:4px}
.payment-section [hidden]{display:none!important}
.payment-box-cod{transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.online-payment-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%}
.online-pay-btn{appearance:none;-webkit-appearance:none;width:100%;min-height:76px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:12px 14px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;color:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.online-pay-btn:hover{transform:translateY(-1px);border-color:#e4b995;box-shadow:0 8px 24px rgba(63,35,21,.07)}
.online-pay-btn.active{border-color:#f45113;background:#fff8f4;box-shadow:0 0 0 2px rgba(244,81,19,.08)}
.online-pay-btn:disabled,.card-continue-btn:disabled{opacity:.66;cursor:wait;transform:none}
.online-pay-btn .pay-icon{width:48px;height:40px;border-radius:10px;background:#fff0e5;color:#f45113;display:grid;place-items:center;font-size:10px;font-weight:900;letter-spacing:.08em}
.online-pay-btn>span:nth-child(2){display:grid;gap:3px;min-width:0}
.online-pay-btn strong{font-size:12px}
.online-pay-btn small{font-size:9.5px;color:var(--muted);line-height:1.35}
.online-pay-btn b{font-size:10px;white-space:nowrap;color:#3a2115}
.card-payment-options{border:1px solid #ead7c7;border-radius:15px;background:#fffaf6;padding:16px;display:grid;gap:13px;animation:hkCardReveal .22s ease both}
@keyframes hkCardReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.card-options-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.card-options-head>div{display:grid;gap:2px}.card-options-head strong{font-size:13px}.card-options-head .eyebrow{font-size:8px;margin:0}
.secure-chip{font-size:9px;font-weight:800;color:#167a4a;background:#e8f6ee;border-radius:999px;padding:6px 9px}
.card-network-row{display:flex;flex-wrap:wrap;gap:7px}
.card-network-row span{border:1px solid #e8d9cd;background:#fff;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:.03em}
.card-payment-options p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.card-continue-btn{margin-top:1px}
.payment-feedback{border-radius:11px;border:1px solid #efc6b2;background:#fff4ee;color:#a03c19;padding:11px 13px;font-size:10px;font-weight:700;line-height:1.45}
.payment-feedback.success{border-color:#bfe1cc;background:#eef9f2;color:#16633d}
.field.has-ajax-error input,.field.has-ajax-error textarea,.field.has-ajax-error select{border-color:#c94a2c!important;box-shadow:0 0 0 2px rgba(201,74,44,.08)}
.cod-place-order{margin-top:2px}

@media (max-width:760px){
  .online-payment-actions{grid-template-columns:1fr}
  .online-pay-btn{min-height:70px;grid-template-columns:44px minmax(0,1fr) auto;padding:11px 12px}
  .online-pay-btn .pay-icon{width:44px;height:38px}
}


/* =========================================================
   2026-09-25 — Checkout payment cards visual fix
   Desktop: two premium payment cards directly below COD.
   Strong selectors prevent generic button styles from flattening them.
   ========================================================= */
body[data-page="checkout"] .checkout-payment-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;width:100%!important;margin:2px 0 0!important}
body[data-page="checkout"] .checkout-payment-actions .online-pay-btn{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:96px!important;margin:0!important;padding:15px 16px!important;border:1px solid #ead7c7!important;border-radius:16px!important;background:linear-gradient(180deg,#fff 0%,#fffaf6 100%)!important;box-shadow:0 8px 22px rgba(54,31,18,.055)!important;display:grid!important;grid-template-columns:52px minmax(0,1fr) auto!important;align-items:center!important;gap:13px!important;text-align:left!important;color:#2d211b!important;cursor:pointer!important;overflow:hidden!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important}
body[data-page="checkout"] .checkout-payment-actions .online-pay-btn:hover{transform:translateY(-2px)!important;border-color:#e7af87!important;box-shadow:0 13px 30px rgba(54,31,18,.10)!important;background:#fff!important}
body[data-page="checkout"] .checkout-payment-actions .online-pay-btn.active{border-color:#f45113!important;background:#fff8f3!important;box-shadow:0 0 0 2px rgba(244,81,19,.08),0 12px 26px rgba(54,31,18,.08)!important}
body[data-page="checkout"] .checkout-payment-actions .pay-icon{width:52px!important;height:46px!important;min-width:52px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:#fff0e5!important;border:1px solid #f8ddc9!important;color:#ed4c11!important;font-size:10px!important;line-height:1!important;font-weight:900!important;letter-spacing:.06em!important}
body[data-page="checkout"] .checkout-payment-actions .pay-icon-card{background:#f5f1ec!important;border-color:#e4d8cd!important;color:#3b2a20!important;font-size:9px!important}
body[data-page="checkout"] .checkout-payment-actions .pay-copy{display:grid!important;gap:2px!important;min-width:0!important;line-height:1.25!important}
body[data-page="checkout"] .checkout-payment-actions .pay-kicker{display:block!important;margin:0 0 1px!important;color:#a98165!important;font-size:8px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase!important}
body[data-page="checkout"] .checkout-payment-actions .pay-copy strong{display:block!important;margin:0!important;color:#2d211b!important;font-size:14px!important;line-height:1.25!important;font-weight:800!important}
body[data-page="checkout"] .checkout-payment-actions .pay-copy small{display:block!important;margin:0!important;color:#7f7066!important;font-size:10px!important;line-height:1.4!important;font-weight:500!important;white-space:normal!important}
body[data-page="checkout"] .checkout-payment-actions .pay-action{justify-self:end!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:34px!important;padding:0 12px!important;border-radius:999px!important;background:#2e211a!important;color:#fff!important;font-size:9px!important;line-height:1!important;font-weight:800!important;white-space:nowrap!important}
body[data-page="checkout"] .checkout-payment-actions .upi .pay-action{background:#f45113!important}
body[data-page="checkout"] .card-payment-options{margin-top:1px!important}
@media(max-width:760px){body[data-page="checkout"] .checkout-payment-actions{grid-template-columns:1fr!important;gap:10px!important}body[data-page="checkout"] .checkout-payment-actions .online-pay-btn{min-height:84px!important;padding:12px!important;grid-template-columns:46px minmax(0,1fr) auto!important;gap:10px!important}body[data-page="checkout"] .checkout-payment-actions .pay-icon{width:46px!important;height:42px!important;min-width:46px!important}body[data-page="checkout"] .checkout-payment-actions .pay-action{min-height:31px!important;padding:0 10px!important;font-size:8px!important}}
@media(max-width:430px){body[data-page="checkout"] .checkout-payment-actions .online-pay-btn{grid-template-columns:44px minmax(0,1fr)!important}body[data-page="checkout"] .checkout-payment-actions .pay-action{grid-column:2!important;justify-self:start!important;margin-top:4px!important}}

/* === HK CONTROL PANEL V2 START === */

.dashboard-page{
  min-height:100vh;
  background:#f5f6fa!important;
  color:#172033;
}

.dashboard-page *{
  box-sizing:border-box;
}

/* Top control bar */
.dashboard-hero{
  background:#ffffff!important;
  color:#172033!important;
  padding:20px 28px!important;
  border-bottom:1px solid #e7e9ef;
  box-shadow:none!important;
}

.dashboard-hero>.container{
  max-width:none!important;
  width:100%!important;
  padding:0!important;
  display:flex;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px;
}

.dashboard-hero .eyebrow{
  color:#f45113!important;
  font-size:9px!important;
  letter-spacing:.15em!important;
  font-weight:800!important;
}

.dashboard-hero h1{
  font-family:inherit!important;
  font-size:28px!important;
  line-height:1.15!important;
  margin:4px 0 5px!important;
  font-weight:750!important;
  letter-spacing:-.02em;
  color:#172033!important;
}

.dashboard-hero p{
  color:#7d8494!important;
  font-size:11px!important;
  margin:0!important;
}

.dashboard-hero-actions{
  display:flex!important;
  align-items:center;
  gap:10px!important;
}

.dashboard-hero-actions .btn{
  min-height:38px!important;
  padding:0 15px!important;
  border-radius:9px!important;
  font-size:10px!important;
  font-weight:700!important;
  box-shadow:none!important;
}

.dashboard-hero-actions .btn-light{
  background:#fff!important;
  color:#202738!important;
  border:1px solid #dfe3ea!important;
}

.dashboard-hero-actions .btn-glass{
  background:#f45113!important;
  border:1px solid #f45113!important;
  color:#fff!important;
}

/* Full dashboard layout */
.dashboard-body{
  padding:0!important;
}

.dashboard-body>.container{
  max-width:none!important;
  width:100%!important;
  padding:0!important;
}

.dashboard-shell{
  display:grid!important;
  grid-template-columns:245px minmax(0,1fr)!important;
  gap:0!important;
  align-items:stretch!important;
  min-height:calc(100vh - 98px);
}

/* Sidebar */
.dashboard-nav{
  position:relative!important;
  top:auto!important;
  width:100%!important;
  min-height:100%!important;
  background:#171c2b!important;
  border:0!important;
  border-radius:0!important;
  padding:18px 14px 25px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
  box-shadow:none!important;
  overflow:hidden;
}

.dashboard-nav-brand{
  display:flex;
  align-items:center;
  gap:11px;
  padding:4px 8px 19px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.dashboard-brand-mark{
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:#f45113;
  color:#fff;
  font-size:13px;
  font-weight:900;
  box-shadow:0 7px 18px rgba(244,81,19,.22);
}

.dashboard-nav-brand strong{
  display:block;
  color:#fff!important;
  font-size:12px!important;
  letter-spacing:.035em;
  padding:0!important;
}

.dashboard-nav-brand small{
  display:block;
  margin-top:2px;
  color:#9299aa;
  font-size:8px;
}

.dashboard-nav-label{
  color:#686f82;
  font-size:7px;
  font-weight:800;
  letter-spacing:.15em;
  padding:15px 10px 6px;
}

.dashboard-nav>a{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-height:42px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  color:#b8becc!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:600!important;
  transition:.18s ease!important;
  text-decoration:none!important;
}

.dashboard-nav>a:hover{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  transform:none!important;
}

.dashboard-nav>a.active{
  background:#f45113!important;
  color:#fff!important;
  box-shadow:0 7px 20px rgba(244,81,19,.2);
}

.dashboard-nav-icon{
  width:25px;
  height:25px;
  min-width:25px;
  border-radius:7px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.07);
  color:inherit;
  font-size:12px;
}

.dashboard-nav>a.active .dashboard-nav-icon{
  background:rgba(255,255,255,.15);
}

.dashboard-nav-b2b{
  font-size:9px;
  font-weight:900;
}

.dashboard-nav-spacer{
  flex:1;
  min-height:24px;
}

.dashboard-nav .dashboard-advanced-link{
  opacity:.72;
}

/* Main dashboard area */
.dashboard-main{
  display:grid!important;
  align-content:start;
  gap:18px!important;
  padding:24px!important;
  min-width:0;
  background:#f5f6fa;
}

/* Statistics */
.metric-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:13px!important;
}

.metric-grid article{
  position:relative;
  overflow:hidden;
  min-height:112px;
  padding:17px 18px!important;
  background:#fff!important;
  border:1px solid #e7e9ef!important;
  border-radius:14px!important;
  box-shadow:0 2px 6px rgba(25,32,48,.025)!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  transition:.18s ease;
}

.metric-grid article:hover{
  transform:translateY(-2px);
  border-color:#d9dde7!important;
  box-shadow:0 8px 22px rgba(25,32,48,.06)!important;
}

.metric-grid article:before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:3px;
  border-radius:0 4px 4px 0;
  background:#f45113;
}

.metric-grid span{
  color:#89909f!important;
  font-size:8px!important;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.11em!important;
}

.metric-grid strong{
  color:#1b2232!important;
  font-size:25px!important;
  line-height:1!important;
  margin:8px 0 6px!important;
  font-weight:750!important;
}

.metric-grid small{
  color:#a0a5b0!important;
  font-size:8px!important;
}

/* Panels */
.dashboard-grid.two{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr)!important;
  gap:16px!important;
}

.dash-panel{
  background:#fff!important;
  border:1px solid #e7e9ef!important;
  border-radius:14px!important;
  padding:20px!important;
  box-shadow:0 2px 6px rgba(25,32,48,.025)!important;
  min-width:0!important;
}

.dash-panel-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:16px;
  margin-bottom:16px!important;
}

.dash-panel-head span{
  color:#9a9fac!important;
  font-size:7px!important;
  font-weight:800;
  letter-spacing:.13em!important;
}

.dash-panel h2{
  font-family:inherit!important;
  color:#1c2333!important;
  font-size:17px!important;
  line-height:1.2!important;
  margin:3px 0 0!important;
  font-weight:750!important;
}

.dash-panel-head>a{
  color:#f45113!important;
  font-size:9px!important;
  font-weight:750!important;
  white-space:nowrap;
}

/* Tables */
.table-wrap{
  width:100%;
  overflow:auto!important;
  border-radius:9px;
}

.table-wrap table{
  width:100%!important;
  min-width:650px;
  border-collapse:collapse!important;
  font-size:10px!important;
}

.table-wrap th{
  background:#fafbfc;
  color:#8a909d!important;
  font-size:7px!important;
  letter-spacing:.1em!important;
  font-weight:800!important;
  text-transform:uppercase;
  padding:11px 10px!important;
  border-top:1px solid #edf0f4;
  border-bottom:1px solid #e9ecf1!important;
}

.table-wrap td{
  color:#3e4655;
  padding:13px 10px!important;
  border-bottom:1px solid #edf0f4!important;
  vertical-align:middle!important;
}

.table-wrap tbody tr:hover{
  background:#fbfcfd;
}

.table-wrap td>strong{
  color:#202738;
  font-size:10px!important;
  font-weight:700;
}

.table-wrap td>small{
  color:#989eaa!important;
  font-size:8px!important;
  margin-top:3px!important;
}

.table-wrap a,
.table-action{
  color:#f45113!important;
  font-weight:750!important;
}

/* Status */
.status-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:25px;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:8px!important;
  font-weight:800!important;
  white-space:nowrap;
}

/* Stock / enquiries */
.stock-list,
.lead-list{
  display:grid!important;
}

.stock-list>div,
.lead-list>div{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px 2px!important;
  border-bottom:1px solid #eef0f4!important;
}

.stock-list strong,
.lead-list strong{
  color:#242b3a;
  font-size:10px!important;
}

.stock-list small,
.lead-list small{
  color:#989eaa!important;
  font-size:8px!important;
  margin-top:2px;
}

.stock-danger{
  background:#fff0ed;
  color:#d24735!important;
  border-radius:999px;
  padding:5px 8px;
  font-size:8px!important;
}

.good-stock{
  color:#16855b!important;
  background:#eefaf4;
  border-radius:9px;
  padding:13px!important;
  font-size:9px!important;
}

/* Filters */
.dashboard-filter{
  display:grid!important;
  grid-template-columns:minmax(260px,1fr) 210px 95px!important;
  gap:10px!important;
  padding:14px!important;
  background:#fff;
  border:1px solid #e7e9ef;
  border-radius:13px;
  margin:0!important;
}

.dashboard-filter input,
.dashboard-filter select,
.lead-status-form select,
.status-form select,
.dashboard-main input,
.dashboard-main select,
.dashboard-main textarea{
  min-height:39px;
  border:1px solid #dfe3ea!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#333b4a!important;
  font-size:10px!important;
  outline:none!important;
}

.dashboard-filter input:focus,
.dashboard-filter select:focus,
.dashboard-main input:focus,
.dashboard-main select:focus,
.dashboard-main textarea:focus{
  border-color:#f45113!important;
  box-shadow:0 0 0 3px rgba(244,81,19,.08)!important;
}

/* Products */
.product-admin-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
}

.admin-product-card{
  background:#fff!important;
  border:1px solid #e7e9ef!important;
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

.admin-product-media{
  background:#f8f8fa!important;
}

.admin-product-body{
  padding:18px!important;
}

.admin-product-head h3{
  font-family:inherit!important;
  color:#202738!important;
  font-size:16px!important;
}

.admin-product-actions a{
  color:#f45113!important;
}

/* Order detail */
.dashboard-order-grid{
  gap:16px!important;
}

.dashboard-order-grid>div,
.dashboard-order-grid>aside{
  gap:16px!important;
}

/* Scrollbar */
.dashboard-page ::-webkit-scrollbar{
  width:7px;
  height:7px;
}

.dashboard-page ::-webkit-scrollbar-thumb{
  background:#cdd1da;
  border-radius:10px;
}

.dashboard-page ::-webkit-scrollbar-track{
  background:transparent;
}

/* Tablet */
@media (max-width:1100px){
  .dashboard-shell{
    grid-template-columns:205px minmax(0,1fr)!important;
  }

  .metric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .dashboard-grid.two{
    grid-template-columns:1fr!important;
  }

  .product-admin-grid{
    grid-template-columns:1fr!important;
  }
}

/* Mobile */
@media (max-width:760px){

  .dashboard-hero{
    padding:16px!important;
  }

  .dashboard-hero>.container{
    align-items:flex-start!important;
    flex-direction:column!important;
  }

  .dashboard-hero h1{
    font-size:23px!important;
  }

  .dashboard-hero-actions{
    width:100%;
  }

  .dashboard-hero-actions .btn{
    flex:1;
  }

  .dashboard-shell{
    display:block!important;
    min-height:auto!important;
  }

  .dashboard-nav{
    min-height:auto!important;
    padding:10px!important;
    display:flex!important;
    flex-direction:row!important;
    overflow-x:auto!important;
    gap:6px!important;
  }

  .dashboard-nav-brand,
  .dashboard-nav-label,
  .dashboard-nav-spacer{
    display:none!important;
  }

  .dashboard-nav>a{
    flex:0 0 auto;
    min-height:38px!important;
    padding:0 10px!important;
    white-space:nowrap;
  }

  .dashboard-nav-icon{
    width:23px;
    height:23px;
    min-width:23px;
  }

  .dashboard-main{
    padding:14px!important;
    gap:13px!important;
  }

  .metric-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  .metric-grid article{
    min-height:100px;
    padding:14px!important;
  }

  .metric-grid strong{
    font-size:21px!important;
  }

  .dash-panel{
    padding:14px!important;
  }

  .dashboard-filter{
    grid-template-columns:1fr!important;
  }

  .product-admin-grid{
    grid-template-columns:1fr!important;
  }
}

@media (max-width:430px){
  .metric-grid{
    grid-template-columns:1fr!important;
  }
}

/* === HK CONTROL PANEL V2 END === */


.dashboard-nav-icon svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}


/* === MULTI PRODUCT CREATE START === */

.create-product-block{
  margin-top:28px;
  padding-top:25px;
  border-top:1px solid #eee4dc;
}

.create-inline-list,
.create-image-list{
  display:grid;
  gap:12px;
}

.create-inline-row{
  display:grid;
  grid-template-columns:
    minmax(90px,.7fr)
    minmax(80px,.55fr)
    minmax(100px,.8fr)
    minmax(100px,.8fr)
    minmax(90px,.7fr)
    minmax(100px,.8fr)
    70px
    auto;
  gap:10px;
  align-items:end;
  padding:15px;
  border:1px solid #eadfd7;
  border-radius:12px;
  background:#fffaf7;
}

.image-create-row{
  grid-template-columns:minmax(220px,1.4fr) minmax(200px,1fr) 120px auto;
}

.create-check-field{
  align-self:center;
}

.create-delete-wrap{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding-bottom:4px;
}

.create-delete-wrap input[type="checkbox"]{
  display:none;
}

.create-remove-btn{
  border:0;
  background:none;
  color:#b64233;
  font-size:9px;
  font-weight:800;
  cursor:pointer;
}

.create-add-row{
  margin-top:12px;
}

@media(max-width:1100px){
  .create-inline-row{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .image-create-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:700px){
  .create-inline-row,
  .image-create-row{
    grid-template-columns:1fr;
  }

  .create-delete-wrap{
    justify-content:flex-start;
  }
}

/* === MULTI PRODUCT CREATE END === */


/* DASHBOARD SINGLE PANEL */
.dashboard-grid.dashboard-grid-single{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
}


/* RECORD REMOVE X */

.record-actions{
  display:flex;
  align-items:center;
  gap:12px;
  white-space:nowrap;
}

.record-remove-x{
  display:inline-flex;
  width:28px;
  height:28px;
  align-items:center;
  justify-content:center;
  border:1px solid #e1c7c3;
  border-radius:50%;
  background:#fff;
  color:#ad3028 !important;
  text-decoration:none !important;
  font-size:20px;
  line-height:1;
  cursor:pointer;
  transition:.2s ease;
}

.record-remove-x:hover{
  background:#ad3028;
  border-color:#ad3028;
  color:#fff !important;
  transform:scale(1.06);
}

.record-card{
  position:relative;
}

.record-card-x{
  position:absolute;
  top:10px;
  right:10px;
  z-index:10;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
}

.remove-confirm-panel{
  max-width:650px;
  margin:40px auto;
  padding:36px;
}

.remove-confirm-panel h2{
  margin-top:8px;
}

.remove-record-name{
  margin:22px 0 12px;
  padding:16px 18px;
  border:1px solid var(--line);
  border-radius:12px;
  font-weight:700;
  background:#faf8f5;
}

.remove-warning{
  margin-top:18px;
  padding:13px 15px;
  border-radius:10px;
  background:#fff1ef;
  color:#9d2e26;
  font-weight:600;
}

.remove-confirm-actions{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:28px;
}

.remove-confirm-actions form{
  margin:0;
}

.remove-confirm-button{
  background:#a82e26;
  color:#fff;
  border-color:#a82e26;
}

.remove-confirm-button:hover{
  background:#84231d;
}


/* HK SAFE DELETE OVERLAY CSS START */

.hk-record-select{
  cursor:pointer;
  width:16px !important;
  height:16px !important;
  min-width:16px !important;
  margin:0 !important;
  accent-color:#25211e;
}

.hk-row-select{
  margin-right:8px !important;
  vertical-align:middle;
}

.admin-product-card{
  position:relative;
}

.hk-card-select{
  position:absolute !important;
  top:14px;
  right:52px;
  z-index:30;
  margin:0 !important;
  background:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.12);
}

.hk-bulk-floating[hidden],
.hk-safe-modal[hidden]{
  display:none !important;
}

.hk-bulk-floating{
  position:fixed;
  left:50%;
  bottom:24px;
  transform:translateX(-50%);
  z-index:99990;
  display:flex;
  align-items:center;
  gap:18px;
  padding:10px 12px 10px 18px;
  background:#201b18;
  color:#fff;
  border-radius:14px;
  box-shadow:0 12px 35px rgba(0,0,0,.25);
  font-size:13px;
}

.hk-bulk-delete-btn{
  border:0;
  border-radius:9px;
  background:#b2372d;
  color:#fff;
  padding:9px 14px;
  font-weight:700;
  cursor:pointer;
}

.hk-safe-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
}

.hk-safe-backdrop{
  position:absolute;
  inset:0;
  background:rgba(20,16,14,.5);
  backdrop-filter:blur(3px);
}

.hk-safe-dialog{
  position:relative;
  z-index:2;
  width:min(420px,100%);
  background:#fff;
  border-radius:18px;
  padding:28px;
  box-shadow:0 25px 80px rgba(0,0,0,.3);
}

.hk-safe-dialog small{
  font-weight:700;
  letter-spacing:.15em;
  color:#b33a2f;
}

.hk-safe-dialog h3{
  margin:9px 0;
  font-size:25px;
}

.hk-safe-dialog p{
  color:#6b625c;
}

.hk-safe-close{
  position:absolute;
  right:13px;
  top:13px;
  width:30px;
  height:30px;
  border:0;
  border-radius:50%;
  background:#f3efeb;
  cursor:pointer;
  font-size:20px;
}

.hk-safe-warning{
  margin-top:16px;
  padding:11px 13px;
  border-radius:9px;
  background:#fff1ef;
  color:#a3332a;
  font-size:13px;
  font-weight:600;
}

.hk-safe-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:22px;
}

.hk-safe-remove{
  background:#aa332a !important;
  border-color:#aa332a !important;
  color:#fff !important;
}

/* HK SAFE DELETE OVERLAY CSS END */