/* ═══════════════════════════════════════════════════════════════════
   KICKER — Dầu olive để uống · 3D scroll landing
   All rules are scoped under #kicker-landing so the file can be dropped
   into any Shopify theme without fighting its styles.
   ═══════════════════════════════════════════════════════════════════ */
#kicker-landing {
  /* ── THEME: "Forest & Lime" (default, dark) ── */
  --kk-paper: #0B1712;            /* page background */
  --kk-paper-2: #12241B;          /* raised surface */
  --kk-paper-rgb: 11, 23, 18;
  --kk-ink: #F4F1E6;              /* main text */
  --kk-ink-rgb: 244, 241, 230;
  --kk-green: #CDEB4B;            /* giant titles, prices */
  --kk-green-deep: #B5D63A;
  --kk-olive: #CDEB4B;            /* lime accent */
  --kk-olive-deep: #9BB82E;
  --kk-grape: #E5B84A;            /* secondary accent (gold): eyebrows, badges */
  --kk-gold: #E5B84A;
  --kk-muted: #9AA894;
  --kk-line: rgba(244, 241, 230, .14);
  --kk-surface: rgba(244, 241, 230, .05);
  --kk-surface-strong: #15291F;
  --kk-cta: #CDEB4B;              /* primary button */
  --kk-on-cta: #0B1712;
  --kk-cta-hover: #E2F77A;
  --kk-sec-dark-bg: #F4F1E6;      /* "videos" band */
  --kk-sec-dark-fg: #0B1712;
  --kk-sec-dark-muted: rgba(11, 23, 18, .68);
  --kk-sec-green-bg: #163826;     /* "how to" band */
  --kk-sec-green-fg: #F4F1E6;
  --kk-sec-accent-bg: #CDEB4B;    /* CTA band */
  --kk-sec-accent-fg: #0B1712;
  --kk-marquee-bg: #CDEB4B;
  --kk-marquee-fg: #0B1712;
  --kk-blob-1: #CDEB4B; --kk-blob-1-fg: #0B1712;
  --kk-blob-2: #E5B84A; --kk-blob-2-fg: #0B1712;
  --kk-blob-3: #1F4A2E; --kk-blob-3-fg: #F4F1E6;
  --kk-blob-4: #F4F1E6; --kk-blob-4-fg: #0B1712;
  --kk-specbox-shadow: #CDEB4B;
  --kk-display: "Anton", "Bebas Neue", Impact, "Arial Narrow", sans-serif;
  --kk-sans: "Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --kk-gutter: clamp(20px, 5vw, 84px);

  position: relative;
  background: var(--kk-paper);
  color: var(--kk-ink);
  font-family: var(--kk-sans);
  font-size: 16px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
/* ── THEME: "Ivory & Forest" (light) — <div id="kicker-landing" data-kk-theme="light"> ── */
#kicker-landing { color-scheme: dark; }   /* page is dark by design: tells Chromium/Edge auto-dark to leave colours alone */
#kicker-landing[data-kk-theme="light"] {
  --kk-paper: #F6F3EA; --kk-paper-2: #ECE7D8; --kk-paper-rgb: 246, 243, 234;
  --kk-ink: #0E1F16; --kk-ink-rgb: 14, 31, 22;
  --kk-green: #163826; --kk-green-deep: #0E2619;
  --kk-olive: #A8C63A; --kk-olive-deep: #7E9A22;
  --kk-grape: #B9861F; --kk-gold: #C9962E;
  --kk-muted: #66705F; --kk-line: rgba(14, 31, 22, .14);
  --kk-surface: rgba(255, 255, 255, .5); --kk-surface-strong: #FFFFFF;
  --kk-cta: #0E1F16; --kk-on-cta: #F6F3EA; --kk-cta-hover: #163826;
  --kk-sec-dark-bg: #0E1F16; --kk-sec-dark-fg: #F6F3EA; --kk-sec-dark-muted: rgba(246, 243, 234, .7);
  --kk-sec-green-bg: #163826; --kk-sec-green-fg: #F6F3EA;
  --kk-sec-accent-bg: #CDEB4B; --kk-sec-accent-fg: #0E1F16;
  --kk-marquee-bg: #CDEB4B; --kk-marquee-fg: #0E1F16;
  --kk-blob-1: #163826; --kk-blob-1-fg: #F6F3EA;
  --kk-blob-2: #CDEB4B; --kk-blob-2-fg: #0E1F16;
  --kk-blob-3: #B9861F; --kk-blob-3-fg: #F6F3EA;
  --kk-blob-4: #0E1F16; --kk-blob-4-fg: #F6F3EA;
  --kk-specbox-shadow: #CDEB4B;
}
#kicker-landing *, #kicker-landing *::before, #kicker-landing *::after { box-sizing: border-box; }
#kicker-landing img { max-width: 100%; display: block; }
#kicker-landing a { color: inherit; }
#kicker-landing button { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; }
#kicker-landing h1, #kicker-landing h2, #kicker-landing h3, #kicker-landing p, #kicker-landing ul { margin: 0; }
#kicker-landing ul { padding: 0; list-style: none; }

/* subtle paper grain */
#kicker-landing::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0; opacity: .5;
  background-image: radial-gradient(rgba(var(--kk-ink-rgb), .05) 1px, transparent 1px);
  background-size: 3px 3px;
}

/* ───────────── type helpers ───────────── */
#kicker-landing .kk-display {
  font-family: var(--kk-display);
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .01em;
  line-height: 1.04;
}
#kicker-landing .kk-eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font-size: 12px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  color: var(--kk-grape);
}
#kicker-landing .kk-eyebrow::before { content: ""; width: 26px; height: 2px; background: currentColor; }
#kicker-landing .kk-script { font-style: italic; font-weight: 500; color: var(--kk-muted); }
#kicker-landing .kk-lead { font-size: clamp(15px, 1.15vw, 18px); line-height: 1.6; color: var(--kk-ink); }
#kicker-landing .kk-muted { color: var(--kk-muted); }

/* compare-at (giá gốc gạch ngang) */
#kicker-landing .kk-compare { display: block; font-family: var(--kk-sans); font-weight: 600; font-size: 12px; letter-spacing: .02em; color: var(--kk-muted); text-decoration: line-through; text-decoration-thickness: 1.5px; line-height: 1.2; }
#kicker-landing .kk-compare[hidden] { display: none; }
#kicker-landing .kk-option-price { text-align: right; }
#kicker-landing .kk-price-row .kk-compare { display: inline; font-size: 14px; margin-left: 4px; }
#kicker-landing .kk-card-price .kk-compare { font-size: 12px; margin-bottom: 2px; }
#kicker-landing .kk-buybar .kk-compare { display: inline; font-size: 11px; margin-right: 6px; color: var(--kk-muted); }

/* gradient headings */
#kicker-landing .kk-grad { display: inline-block; padding: .22em .04em .1em; margin: -.22em 0 -.1em; background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-grad em { color: transparent; }
#kicker-landing[data-kk-theme="light"] .kk-grad { background-image: linear-gradient(180deg, #2A6B43 0%, #163826 55%, #0E2619 100%); }
#kicker-landing .kk-h2, #kicker-landing .kk-hero-title, #kicker-landing .kk-manifesto-title, #kicker-landing .kk-lineup-title, #kicker-landing .kk-section-title, #kicker-landing .kk-facts-title, #kicker-landing .kk-harvest-title, #kicker-landing .kk-amb-title, #kicker-landing .kk-amb-n { filter: drop-shadow(0 -4px 10px rgba(0,0,0,.7)) drop-shadow(0 8px 14px rgba(0,0,0,.5)); }
#kicker-landing[data-kk-theme="light"] .kk-h2, #kicker-landing[data-kk-theme="light"] .kk-hero-title, #kicker-landing[data-kk-theme="light"] .kk-manifesto-title, #kicker-landing[data-kk-theme="light"] .kk-lineup-title, #kicker-landing[data-kk-theme="light"] .kk-section-title, #kicker-landing[data-kk-theme="light"] .kk-facts-title, #kicker-landing[data-kk-theme="light"] .kk-harvest-title { filter: drop-shadow(0 4px 10px rgba(14,31,22,.22)); }
#kicker-landing .kk-section-dark .kk-section-title { filter: drop-shadow(0 3px 3px rgba(14,31,22,.32)); }   /* Theo dõi Kicker: bóng gọn, ít nhòe */
#kicker-landing .kk-section-green .kk-section-title { filter: drop-shadow(0 4px 8px rgba(0,0,0,.2)); }   /* Rót sao cho đã: bóng đen 20% */
#kicker-landing .kk-h2, #kicker-landing .kk-hero-title, #kicker-landing .kk-manifesto-title, #kicker-landing .kk-lineup-title, #kicker-landing .kk-section-title, #kicker-landing .kk-facts-title, #kicker-landing .kk-harvest-title { padding: .22em .04em .1em; margin: -.22em 0 -.1em; background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-section-title em, #kicker-landing .kk-manifesto-title em { font-style: normal; color: transparent; background: linear-gradient(180deg, #F1D283 0%, #E5B84A 52%, #C89A36 100%); -webkit-background-clip: text; background-clip: text; }
#kicker-landing .kk-section-dark .kk-section-title, #kicker-landing .kk-section-green .kk-section-title { background-image: linear-gradient(180deg, #2A6B43 0%, #163826 60%, #0E2619 100%); }
#kicker-landing .kk-section-green .kk-section-title { background-image: linear-gradient(180deg, #FFFFFF, #F4F1E6 60%, #D9D4BF); }
#kicker-landing[data-kk-theme="light"] .kk-h2, #kicker-landing[data-kk-theme="light"] .kk-hero-title, #kicker-landing[data-kk-theme="light"] .kk-manifesto-title, #kicker-landing[data-kk-theme="light"] .kk-lineup-title, #kicker-landing[data-kk-theme="light"] .kk-section-title, #kicker-landing[data-kk-theme="light"] .kk-facts-title, #kicker-landing[data-kk-theme="light"] .kk-harvest-title { background-image: linear-gradient(180deg, #2A6B43 0%, #163826 55%, #0E2619 100%); }

/* ───────────── buttons ───────────── */
#kicker-landing .kk-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px; padding: 0 26px;
  font-family: var(--kk-display); font-size: 17px; letter-spacing: .12em; text-transform: uppercase;
  text-decoration: none; border-radius: 4px;
  transition: transform .22s cubic-bezier(.34,1.56,.64,1), background .2s, color .2s, box-shadow .2s;
  white-space: nowrap;
}
#kicker-landing .kk-btn:hover { transform: translateY(-2px) scale(1.03); }
#kicker-landing .kk-btn:active { transform: scale(.97); }
#kicker-landing .kk-btn-dark { background: var(--kk-cta); color: var(--kk-on-cta); box-shadow: 0 14px 30px -14px rgba(var(--kk-ink-rgb),.35); }
#kicker-landing .kk-btn-dark:hover { background: var(--kk-cta-hover); }
#kicker-landing .kk-btn-green { background: var(--kk-cta); color: var(--kk-on-cta); box-shadow: 0 14px 30px -14px rgba(var(--kk-ink-rgb),.35); }
#kicker-landing .kk-btn-green:hover { background: var(--kk-cta-hover); }
#kicker-landing .kk-btn-ghost { border: 2px solid var(--kk-ink); color: var(--kk-ink); }
#kicker-landing .kk-btn-ghost:hover { background: var(--kk-ink); color: var(--kk-paper); }
#kicker-landing .kk-btn-sm { min-height: 42px; padding: 0 18px; font-size: 15px; }
#kicker-landing .kk-btn-lab { border: 2px solid var(--kk-olive); color: var(--kk-olive); background: transparent; gap: 8px; }
#kicker-landing .kk-btn-lab::before { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M9 13h6M9 17h6'/%3E%3C/svg%3E") center/contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M9 13h6M9 17h6'/%3E%3C/svg%3E") center/contain no-repeat; }
#kicker-landing .kk-btn-lab:hover { background: var(--kk-olive); color: var(--kk-on-cta); }
#kicker-landing .kk-btn-lab[hidden] { display: none; }
#kicker-landing .kk-facts-head .kk-btn-lab { margin-top: 6px; }

/* ───────────── header ───────────── */
#kicker-landing .kk-header {
  position: fixed; inset: 0 0 auto 0; z-index: 50;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 14px var(--kk-gutter);
  transition: background .3s, box-shadow .3s, padding .3s;
}
#kicker-landing .kk-header.is-scrolled {
  background: rgba(var(--kk-paper-rgb),.86); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 1px 0 var(--kk-line); padding-top: 8px; padding-bottom: 8px;
}
#kicker-landing .kk-logo { display: flex; align-items: center; gap: 12px; text-decoration: none; }
/* logo ngang chữ trắng: nền tối để trần; nền sáng bọc chip xanh đậm */
#kicker-landing .kk-logo img { height: 68px; }
#kicker-landing .kk-header.is-scrolled .kk-logo img { height: 50px; }
#kicker-landing[data-kk-theme="light"] .kk-logo { background: #0E1F16; border-radius: 14px; padding: 8px 14px; }
#kicker-landing .kk-logo img { height: 68px; width: auto; transition: height .3s; }
#kicker-landing .kk-header.is-scrolled .kk-logo img { height: 50px; }
#kicker-landing .kk-nav { display: flex; gap: clamp(18px, 3vw, 44px); }
#kicker-landing .kk-nav a {
  font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; text-decoration: none;
  color: var(--kk-ink); opacity: .8; transition: opacity .2s, color .2s;
}
#kicker-landing .kk-nav a:hover { opacity: 1; color: var(--kk-green); }
#kicker-landing .kk-header-right { display: flex; align-items: center; gap: 12px; }
/* mobile menu: hamburger button opens a slide-in panel */
#kicker-landing .kk-nav-burger { display: none; flex-direction: column; justify-content: center; align-items: center; gap: 5px; width: 42px; height: 42px; border: 0; background: none; padding: 0; cursor: pointer; flex-shrink: 0; }
#kicker-landing .kk-nav-burger span { display: block; width: 22px; height: 2px; border-radius: 2px; background: var(--kk-ink); transition: transform .25s, opacity .25s; }
#kicker-landing .kk-nav-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
#kicker-landing .kk-nav-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
#kicker-landing .kk-nav-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
#kicker-landing .kk-nav-backdrop { display: none; }
@media (max-width: 819px) {
  #kicker-landing .kk-logo img { height: 40px; }
  #kicker-landing .kk-header .kk-btn { min-height: 42px; padding: 0 16px; font-size: 14px; }
  #kicker-landing .kk-nav-burger { display: flex; }
  #kicker-landing .kk-nav {
    display: flex; flex-direction: column; align-items: stretch; gap: 2px;
    position: fixed; inset: 0 0 0 auto; width: min(320px, 86vw); height: 100%;
    background: var(--kk-paper); padding: 100px 28px 28px; overflow-y: auto;
    transform: translateX(100%); transition: transform .32s ease; z-index: 60;
    box-shadow: -12px 0 40px rgba(0,0,0,.25);
  }
  #kicker-landing .kk-nav.is-open { transform: translateX(0); }
  #kicker-landing .kk-nav a { font-size: 16px; padding: 15px 2px; border-bottom: 1px solid var(--kk-line); opacity: 1; }
  #kicker-landing .kk-nav-backdrop:not([hidden]) { display: block; position: fixed; inset: 0; background: rgba(11,23,18,.5); z-index: 55; }
}

/* ───────────── pinned 3D canvas ───────────── */
#kicker-landing #kk-story { position: relative; z-index: 1; }
#kicker-landing #kk-canvas-wrap {
  position: absolute; top: 0; left: 0; width: 100%; height: 100vh; height: var(--kk-vh, 100svh);
  z-index: 4; pointer-events: none;   /* chai luôn nằm trên mọi chữ trong phần story */
}
#kicker-landing #kk-canvas { display: block; width: 100%; height: 100%; }
/* GSAP bọc canvas trong .pin-spacer: phải xuyên chuột, nếu không nó che hết nút ở màn hình đầu */
#kicker-landing #kk-story .pin-spacer { pointer-events: none !important; }
#kicker-landing #kk-story .pin-spacer > * { pointer-events: none; }
#kicker-landing .kk-loader {
  position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
  font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--kk-muted);
  transition: opacity .4s;
}
#kicker-landing.is-3d-ready .kk-loader { opacity: 0; }

/* ───────────── stages (each one viewport tall, scrolls under the pinned bottle) ───────────── */
#kicker-landing .kk-stage {
  position: relative;
  min-height: 100vh; min-height: var(--kk-vh, 100svh);
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(200px, 30vw, 460px) minmax(0, 1fr);
  align-items: center;
  gap: clamp(16px, 3vw, 48px);
  padding: 120px var(--kk-gutter) 80px;
}
#kicker-landing .kk-hero { overflow: hidden; }
#kicker-landing .kk-hero-bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
#kicker-landing .kk-hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }
#kicker-landing .kk-hero-bg::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,23,18,.35) 0%, rgba(11,23,18,.15) 40%, rgba(11,23,18,.75) 100%); }
#kicker-landing .kk-hero-bg::before { content: ''; position: absolute; inset: 0; z-index: 1; background: #000; opacity: var(--kk-bg-dim, .15); }   /* extra dimming (Customize → Làm tối nền) */
/* foreground olives: nearer than the bottle, so slightly out of focus; they drift a little with the scroll, then leave with the hero */
#kicker-landing .kk-hero-olive { position: absolute; z-index: 6; width: clamp(120px, 15vw, 240px); height: auto; pointer-events: none; user-select: none; filter: blur(var(--kk-olive-blur, 3px)) drop-shadow(0 24px 30px rgba(0,0,0,.45)); will-change: transform; }
#kicker-landing .kk-hero-olive img { display: block; width: 100%; height: auto; animation: kk-float 6s ease-in-out infinite; translate: var(--kk-hx, 0px) var(--kk-hy, 0px); transition: translate .6s cubic-bezier(.2,.7,.2,1); }
#kicker-landing .kk-hero-olive-2 img { animation-duration: 7.2s; animation-delay: -2s; }
#kicker-landing .kk-hero-olive-3 img { animation-duration: 5.4s; animation-delay: -1.2s; }
#kicker-landing .kk-hero-olive-4 img { animation-duration: 6.6s; animation-delay: -3.4s; }
@keyframes kk-float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-10px) rotate(2.5deg); } }
/* the olive float stays on even with OS reduced-motion: it is a 10px, 6-second drift */
#kicker-landing:not(.is-3d-ready):not(.is-3d-failed) .kk-hero-olive { opacity: 0; }   /* hidden until the intro pops them in */
#kicker-landing .kk-hero-olive-1 { left: 4%; top: 11%; width: clamp(84px, 10.5vw, 160px); transform: rotate(-12deg); }        /* trên trái, 70% */
#kicker-landing .kk-hero-olive-3 { right: 6%; top: 22%; width: clamp(77px, 9vw, 140px); transform: rotate(22deg); }        /* trên phải, 70% */
#kicker-landing .kk-hero-olive-2, #kicker-landing .kk-hero-olive-4 { display: none; }   /* hai trái phía dưới đã bỏ */
#kicker-landing .kk-left  { grid-column: 1; position: relative; z-index: 3; }
#kicker-landing .kk-right { grid-column: 3; position: relative; z-index: 3; }
#kicker-landing .kk-panel { display: grid; gap: 20px; max-width: 460px; }
#kicker-landing .kk-right .kk-panel { margin-left: auto; }

/* giant word sitting BEHIND the bottle */
#kicker-landing .kk-giant {
  position: absolute; left: 50%; top: max(92px, 14vh); transform: translateX(-50%);
  z-index: 1; width: 100%; padding: 0 var(--kk-gutter);
  text-align: center;
  font-family: var(--kk-display); text-transform: uppercase;
  font-size: clamp(60px, 10.5vw, 168px); line-height: .95; letter-spacing: -.005em;
  color: var(--kk-green);
  pointer-events: none; user-select: none;
}
/* mỗi dòng là một lớp: dòng dưới nằm trước và đổ bóng lên dòng trên */
#kicker-landing .kk-giant-line {
  display: block; position: relative;
  padding: .24em .04em .08em; margin: -.24em 0 -.08em;          /* vùng nền phủ cả dấu tiếng Việt */
  background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 -8px 18px rgba(0,0,0,.75)) drop-shadow(0 12px 22px rgba(0,0,0,.45));
}
#kicker-landing .kk-giant-grape .kk-giant-line { background-image: linear-gradient(180deg, #F1D283 0%, #E5B84A 52%, #C89A36 100%); }
#kicker-landing[data-kk-theme="light"] .kk-giant-line { background-image: linear-gradient(180deg, #2A6B43 0%, #163826 55%, #0E2619 100%); filter: drop-shadow(0 -6px 14px rgba(14,31,22,.28)) drop-shadow(0 10px 20px rgba(14,31,22,.2)); }
#kicker-landing[data-kk-theme="light"] .kk-giant-grape .kk-giant-line { background-image: linear-gradient(180deg, #D3A64A 0%, #B9861F 55%, #8F6614 100%); }
#kicker-landing .kk-giant-line:nth-child(1) { z-index: 1; }
#kicker-landing .kk-giant-line:nth-child(2) { z-index: 2; }
#kicker-landing .kk-giant-line:nth-child(3) { z-index: 3; }
#kicker-landing .kk-giant-line:nth-child(4) { z-index: 4; }
#kicker-landing .kk-giant.kk-giant-grape { color: var(--kk-grape); }
#kicker-landing[data-kk-giant="front"] .kk-giant { z-index: 5; }
#kicker-landing .kk-giant.kk-giant-olive { color: var(--kk-olive-deep); }

/* ── hero ── */
#kicker-landing .kk-hero, #kicker-landing .kk-taste { align-items: end; padding-bottom: 96px; }

#kicker-landing .kk-hero-title { font-size: clamp(30px, 3.2vw, 46px); color: var(--kk-ink); }
#kicker-landing .kk-price-row { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
#kicker-landing .kk-price { font-family: var(--kk-display); font-size: clamp(30px, 2.6vw, 40px); line-height: 1; color: var(--kk-green); }
#kicker-landing .kk-size { font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--kk-muted); }
#kicker-landing .kk-hero-cta { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }
#kicker-landing .kk-hero-note { font-size: 13px; color: var(--kk-muted); }
#kicker-landing .kk-scroll-cue {
  position: absolute; left: 50%; bottom: 26px; transform: translateX(-50%); z-index: 3;
  display: flex; flex-direction: column; align-items: center; gap: 8px;
  font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: var(--kk-muted);
}
#kicker-landing .kk-scroll-cue i { width: 1px; height: 38px; background: currentColor; display: block; transform-origin: top; animation: kk-cue 1.6s ease-in-out infinite; }
@keyframes kk-cue { 0% { transform: scaleY(0); opacity: 0 } 40% { transform: scaleY(1); opacity: 1 } 100% { transform: scaleY(1) translateY(20px); opacity: 0 } }

/* product options (hero right) */
#kicker-landing .kk-options { display: grid; gap: 10px; }
#kicker-landing #kk-options { display: grid; gap: 10px; }
#kicker-landing .kk-options-head { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--kk-muted); }
#kicker-landing .kk-option {
  display: grid; grid-template-columns: 56px 1fr auto; align-items: center; gap: 14px;
  padding: 10px 14px 10px 10px; text-align: left;
  border: 1.5px solid var(--kk-line); border-radius: 12px; background: var(--kk-surface);
  transition: border-color .2s, background .2s, transform .2s, box-shadow .2s;
}
#kicker-landing .kk-option:hover { border-color: rgba(var(--kk-ink-rgb),.4); transform: translateX(-3px); }
#kicker-landing .kk-option.is-active { border-color: var(--kk-olive); background: var(--kk-surface-strong); box-shadow: 0 14px 30px -18px rgba(0,0,0,.5); }
#kicker-landing .kk-option-fig { width: 56px; height: 86px; display: block; border-radius: 8px; background: var(--kk-paper-2); overflow: hidden; padding: 4px; box-sizing: border-box; }
#kicker-landing .kk-option-img { display: block; width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; object-position: center; opacity: 0; transition: opacity .4s; }
#kicker-landing .kk-option-img.is-ready { opacity: 1; }
#kicker-landing .kk-option-name { display: block; font-family: var(--kk-display); font-size: 20px; letter-spacing: .03em; text-transform: uppercase; line-height: 1.1; }
#kicker-landing .kk-option-meta { display: block; font-size: 12px; color: var(--kk-muted); margin-top: 4px; letter-spacing: .04em; }
#kicker-landing .kk-option-price { font-family: var(--kk-display); font-size: 20px; color: var(--kk-green); }
#kicker-landing .kk-option.is-active .kk-option-price { color: var(--kk-olive); }

/* ── specs stage ── */
#kicker-landing .kk-h2 { font-size: clamp(34px, 4vw, 60px); line-height: 1.08; }
#kicker-landing .kk-taste .kk-h2 { font-size: clamp(26px, 2.5vw, 38px); line-height: 1.14; }   /* long sentence title: ~3 lines beside the bottle */
#kicker-landing .kk-specbox {
  border: 2px solid var(--kk-ink); border-radius: 6px; background: var(--kk-surface-strong);
  padding: 8px 22px; box-shadow: 10px 10px 0 var(--kk-specbox-shadow);
}
#kicker-landing .kk-spec { display: grid; grid-template-columns: 1fr auto; gap: 2px 18px; padding: 16px 0; border-bottom: 1px solid var(--kk-line); }
#kicker-landing .kk-spec:last-child { border-bottom: 0; }
#kicker-landing .kk-spec-k { font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--kk-muted); grid-column: 1 / -1; }
#kicker-landing .kk-spec-v { font-family: var(--kk-display); font-size: 36px; line-height: 1.08; color: var(--kk-green); }
#kicker-landing .kk-spec-v small { font-family: var(--kk-sans); font-size: 12px; font-weight: 700; margin-left: 6px; color: var(--kk-muted); letter-spacing: .06em; }
#kicker-landing .kk-spec-n { font-size: 13px; color: var(--kk-muted); align-self: end; text-align: right; max-width: 220px; }

/* ── taste stage ── */

#kicker-landing .kk-video-card {
  position: relative; aspect-ratio: 9 / 13; max-width: 250px; width: 100%;
  border-radius: 16px; overflow: hidden; background: var(--kk-ink); cursor: pointer;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,.6);
  transform: rotate(-2deg); transition: transform .3s;
}
#kicker-landing .kk-video-card:hover { transform: rotate(0deg) scale(1.02); }
#kicker-landing .kk-video-card img, #kicker-landing .kk-video-card iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
#kicker-landing .kk-video-card::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; transform: translate(-50%, -50%);
  border-radius: 50%; background: var(--kk-olive) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l12-7z' fill='%2317150F'/%3E%3C/svg%3E") center/26px no-repeat;
  box-shadow: 0 10px 30px rgba(0,0,0,.35); transition: transform .2s;
}
#kicker-landing .kk-video-card:hover::after { transform: translate(-50%, -50%) scale(1.08); }
#kicker-landing .kk-video-card.is-playing::after { display: none; }
#kicker-landing .kk-video-cap { margin-top: 12px; font-size: 13px; color: var(--kk-muted); }
#kicker-landing .kk-benefits { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; max-width: 320px; }
#kicker-landing .kk-benefit { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; border: 1.5px solid rgba(205,235,75,.45); background: rgba(205,235,75,.08); font-size: 12px; font-weight: 700; letter-spacing: .02em; color: var(--kk-ink); }
#kicker-landing .kk-benefit::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--kk-olive); }
#kicker-landing[data-kk-theme="light"] .kk-benefit { border-color: rgba(22,56,38,.35); background: rgba(22,56,38,.06); }
#kicker-landing .kk-video-cap strong, #kicker-landing .kk-video-cap em { color: var(--kk-ink); font-style: normal; font-weight: 700; }
#kicker-landing .kk-video-cap-list { line-height: 1.75; font-size: 13.5px; margin-top: 14px; }
#kicker-landing .kk-video-cap-list strong, #kicker-landing .kk-video-cap-list em { color: var(--kk-lime, #CDEB4B); }
#kicker-landing[data-kk-theme="light"] .kk-video-cap-list strong, #kicker-landing[data-kk-theme="light"] .kk-video-cap-list em { color: var(--kk-green); }
#kicker-landing .kk-quote { font-size: clamp(18px, 1.5vw, 22px); line-height: 1.45; font-weight: 500; }
#kicker-landing .kk-quote em { font-style: normal; color: var(--kk-olive); font-weight: 800; }

/* ── facts stage (floating blobs) ── */
/* ── sự thật về dầu olive: clip dọc bên phải, chữ bên trái, chai giữa như các stage khác ── */
#kicker-landing .kk-truth-title em { font-style: normal; color: transparent; background: linear-gradient(180deg, #F1D283 0%, #E5B84A 52%, #C89A36 100%); -webkit-background-clip: text; background-clip: text; }
#kicker-landing .kk-truth-video {
  position: relative; aspect-ratio: 9 / 16; width: 100%; max-width: 300px; margin-right: auto;
  border-radius: 18px; overflow: hidden; background: var(--kk-ink); cursor: pointer;
  border: 1.5px solid rgba(244,241,230,.14);
  box-shadow: 0 34px 70px -32px rgba(0,0,0,.72);
  transform: rotate(-2deg); transition: transform .3s, border-color .3s;
}
#kicker-landing .kk-truth-video:hover { transform: rotate(0deg) scale(1.02); border-color: rgba(205,235,75,.5); }
#kicker-landing .kk-truth-video img, #kicker-landing .kk-truth-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
#kicker-landing .kk-truth-video::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 68px; height: 68px; transform: translate(-50%, -50%);
  border-radius: 50%; background: var(--kk-olive) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l12-7z' fill='%2317150F'/%3E%3C/svg%3E") center/28px no-repeat;
  box-shadow: 0 12px 34px rgba(0,0,0,.45); transition: transform .2s;
}
#kicker-landing .kk-truth-video:hover::after { transform: translate(-50%, -50%) scale(1.08); }
#kicker-landing .kk-truth-video.is-playing::after { display: none; }
#kicker-landing .kk-truth-cap { max-width: 300px; margin-right: auto; }
#kicker-landing[data-kk-theme="light"] .kk-truth-video { border-color: rgba(14,31,22,.16); box-shadow: 0 26px 54px -30px rgba(14,31,22,.5); }
@media (max-width: 819px) {
  /* mobile xếp dọc: clip rơi đúng chỗ chai, mà canvas chai có z-index 4 nên che mất nút play.
     Nâng CẢ HAI cột lên trên canvas (clip lẫn chữ) và thu nhỏ clip để chai ló ra hai bên. */
  #kicker-landing .kk-truth .kk-right { order: 1; }   /* chữ lên trước */
  #kicker-landing .kk-truth .kk-left { order: 2; }    /* clip xuống dưới, chai nấp sau thẻ clip đục */
  #kicker-landing .kk-truth .kk-left, #kicker-landing .kk-truth .kk-right { z-index: 5; }
  #kicker-landing .kk-truth-video { max-width: 250px; margin: 0 auto; }
  #kicker-landing .kk-truth-cap { max-width: 250px; margin-left: auto; margin-right: auto; text-align: center; }
}

#kicker-landing .kk-facts { display: block; padding-top: 140px; }
#kicker-landing .kk-facts-head { position: relative; z-index: 3; text-align: center; max-width: 720px; margin: 0 auto; display: grid; gap: 14px; justify-items: center; }
#kicker-landing .kk-facts-title { font-size: clamp(28px, 3.4vw, 48px); }
#kicker-landing .kk-blobs { position: relative; z-index: 3; height: calc(100vh - 300px); min-height: 480px; }
#kicker-landing .kk-blob {
  position: absolute; width: clamp(200px, 20vw, 290px); padding: 30px 26px;
  color: var(--blob-fg, #fff); text-align: center;
  filter: drop-shadow(0 18px 30px rgba(0,0,0,.35));
}
#kicker-landing .kk-blob::before {
  content: ""; position: absolute; inset: -8%; z-index: -1; background: var(--blob, var(--kk-green));
  border-radius: 58% 42% 55% 45% / 45% 58% 42% 55%;
  transform: rotate(var(--r, 0deg));
}
#kicker-landing .kk-blob-v { font-family: var(--kk-display); font-size: clamp(30px, 3vw, 44px); line-height: 1.08; }
#kicker-landing .kk-blob-k { display: block; margin-top: 6px; font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
#kicker-landing .kk-blob-n { display: block; margin-top: 8px; font-size: 13px; line-height: 1.4; opacity: .92; }
#kicker-landing .kk-blob-1 { left: 4%;  top: 6%;  --blob: var(--kk-blob-1); --blob-fg: var(--kk-blob-1-fg); --r: -6deg; }
#kicker-landing .kk-blob-2 { right: 5%; top: 2%;  --blob: var(--kk-blob-2); --blob-fg: var(--kk-blob-2-fg); --r: 8deg; }
#kicker-landing .kk-blob-3 { left: 9%;  bottom: 6%; --blob: var(--kk-blob-3); --blob-fg: var(--kk-blob-3-fg); --r: 5deg; }
#kicker-landing .kk-blob-4 { right: 8%; bottom: 10%; --blob: var(--kk-blob-4); --blob-fg: var(--kk-blob-4-fg); --r: -9deg; }

/* ── lineup stage (bottle lands in the active card) ── */
#kicker-landing .kk-lineup { display: flex; flex-direction: column; justify-content: center; padding-top: 96px; padding-bottom: 40px; }
#kicker-landing .kk-lineup-head { position: relative; z-index: 1; text-align: center; display: grid; gap: 16px; justify-items: center; margin-bottom: 30px; }
#kicker-landing .kk-lineup-title { font-size: clamp(40px, 6vw, 92px); }
#kicker-landing .kk-cards { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(14px, 2.4vw, 32px); width: 100%; max-width: 1080px; margin: 0 auto; }
#kicker-landing .kk-card {
  position: relative; display: grid; grid-template-rows: auto 1fr; gap: 14px;
  padding: 16px; border-radius: 18px; border: 1.5px solid var(--kk-line); background: var(--kk-surface);
  cursor: pointer; transition: border-color .25s, background .25s, transform .25s, box-shadow .25s;
}
#kicker-landing .kk-card:hover { border-color: rgba(var(--kk-ink-rgb),.4); transform: translateY(-4px); }
#kicker-landing .kk-card.is-active { border-color: var(--kk-olive); background: var(--kk-surface-strong); box-shadow: 0 30px 50px -30px rgba(0,0,0,.6); }
#kicker-landing .kk-card-figure { position: relative; height: clamp(180px, 36vh, 380px); border-radius: 12px; background: linear-gradient(180deg, var(--kk-paper-2), var(--kk-surface-strong)); overflow: hidden; }
#kicker-landing .kk-card-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; opacity: 0; transition: opacity .35s; }
#kicker-landing .kk-card-img.is-ready { opacity: 1; }
#kicker-landing .kk-card.is-active .kk-card-img { opacity: 0; }   /* live 3D bottle sits here */
#kicker-landing .kk-card-badge, #kicker-landing .kk-option-badge {
  position: absolute; z-index: 2; left: 14px; top: 14px; font-size: 10px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase;
  padding: 5px 9px; border-radius: 999px; background: var(--kk-grape); color: #0B1712; box-shadow: 0 6px 14px -6px rgba(0,0,0,.5);
}
#kicker-landing .kk-option-badge { left: auto; right: -6px; top: -11px; font-size: 10px; padding: 5px 10px; }
#kicker-landing .kk-option { position: relative; }
#kicker-landing .kk-card-body { display: grid; gap: 4px; align-content: start; text-align: center; justify-items: center; }
#kicker-landing .kk-card-tag { font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--kk-grape); }
#kicker-landing .kk-card-name { font-family: var(--kk-display); font-size: clamp(22px, 2.2vw, 30px); text-transform: uppercase; line-height: 1.1; }
#kicker-landing .kk-card-size { font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--kk-muted); }
#kicker-landing .kk-card-price { font-family: var(--kk-display); font-size: clamp(24px, 2.2vw, 32px); color: var(--kk-green); margin: 4px 0 8px; }
#kicker-landing .kk-card .kk-btn { width: 100%; }

/* ───────────── sticky buy bar (appears after the hero) ───────────── */
#kicker-landing .kk-buybar {
  position: fixed; z-index: 60; right: 22px; bottom: 22px;
  display: flex; align-items: center; gap: 14px; padding: 10px 10px 10px 12px;
  border-radius: 999px; background: var(--kk-surface-strong); color: var(--kk-ink); border: 1px solid var(--kk-line);
  box-shadow: 0 24px 50px -20px rgba(0,0,0,.7); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  transform: translateY(120%); opacity: 0; transition: transform .5s cubic-bezier(.2,.8,.2,1), opacity .4s;
}
#kicker-landing .kk-buybar.is-on { transform: none; opacity: 1; }
#kicker-landing .kk-buybar-fig { width: 40px; height: 56px; display: block; border-radius: 10px; background: var(--kk-surface); overflow: hidden; padding: 3px; box-sizing: border-box; }
#kicker-landing .kk-buybar-fig img { width: 100%; height: 100%; object-fit: contain; }
#kicker-landing .kk-buybar-body { display: grid; line-height: 1.25; gap: 2px; }
#kicker-landing .kk-buybar-name { font-family: var(--kk-display); font-size: 16px; letter-spacing: .04em; text-transform: uppercase; }
#kicker-landing .kk-buybar-price { font-size: 13px; font-weight: 700; color: var(--kk-olive); }
#kicker-landing .kk-buybar .kk-btn { min-height: 44px; padding: 0 20px; font-size: 15px; border-radius: 999px; background: var(--kk-cta); color: var(--kk-on-cta); box-shadow: none; }
#kicker-landing .kk-buybar .kk-btn:hover { background: var(--kk-cta-hover); }
@media (max-width: 819px) {
  #kicker-landing .kk-buybar { right: 12px; left: 12px; bottom: 12px; justify-content: space-between; border-radius: 18px; }
  #kicker-landing .kk-buybar .kk-btn { flex: 1; max-width: 46%; }
}

/* ───────────── marquee strip ───────────── */
#kicker-landing .kk-marquee {
  position: relative; z-index: 2; overflow: hidden; white-space: nowrap;
  background: var(--kk-marquee-bg); color: var(--kk-marquee-fg); padding: 14px 0;
  border-top: 2px solid var(--kk-marquee-fg); border-bottom: 2px solid var(--kk-marquee-fg);
  transform: rotate(-1.2deg) scale(1.02); margin: -8px 0;
}
#kicker-landing .kk-marquee-track { display: inline-flex; gap: 0; animation: kk-marquee 28s linear infinite; will-change: transform; }
#kicker-landing .kk-marquee span { display: inline-flex; align-items: center; gap: 22px; padding: 0 22px; font-family: var(--kk-display); font-size: clamp(18px, 1.6vw, 24px); letter-spacing: .08em; text-transform: uppercase; }
#kicker-landing .kk-marquee span::after { content: "🫒"; font-size: .8em; }
@keyframes kk-marquee { to { transform: translateX(-50%); } }
#kicker-landing .kk-marquee:hover .kk-marquee-track { animation-play-state: paused; }

/* ───────────── ambassador page ───────────── */
#kicker-landing.kk-amb-page .kk-amb-hero { padding-top: 150px; padding-bottom: 20px; }
#kicker-landing .kk-amb-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 32px); align-items: start; }
#kicker-landing .kk-amb-card { position: relative; display: grid; gap: 14px; align-content: start; padding: clamp(22px, 2.6vw, 36px); border-radius: 22px; border: 1.5px solid var(--kk-line); background: var(--kk-surface); }
#kicker-landing .kk-amb-n { font-family: var(--kk-display); font-size: 56px; line-height: 1; background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; display: inline-block; padding: .22em .04em .1em; margin: -.22em 0 -.1em; }
#kicker-landing .kk-amb-title { font-size: clamp(26px, 2.4vw, 36px); line-height: 1.1; padding: .22em .04em .1em; margin: -.22em 0 -.1em; background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-amb-list { display: grid; gap: 8px; }
#kicker-landing .kk-amb-list li { position: relative; padding-left: 18px; font-size: 14px; color: var(--kk-ink); }
#kicker-landing .kk-amb-list li::before { content: ""; position: absolute; left: 0; top: .55em; width: 8px; height: 8px; border-radius: 50%; background: var(--kk-olive); }
#kicker-landing .kk-amb-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
#kicker-landing .kk-amb-form { display: grid; gap: 10px; margin-top: 6px; }
#kicker-landing .kk-amb-form label { display: grid; gap: 4px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--kk-muted); }
#kicker-landing .kk-amb-form input, #kicker-landing .kk-amb-form textarea { font: inherit; font-size: 14px; padding: 11px 12px; border-radius: 10px; border: 1.5px solid var(--kk-line); background: var(--kk-surface-strong); color: var(--kk-ink); }
#kicker-landing .kk-amb-form input:focus, #kicker-landing .kk-amb-form textarea:focus { outline: 2px solid var(--kk-olive); outline-offset: 1px; }
#kicker-landing .kk-amb-form .kk-btn { margin-top: 6px; }
#kicker-landing .kk-amb-ok { padding: 12px 14px; border-radius: 10px; background: rgba(205,235,75,.15); border: 1.5px solid var(--kk-olive); font-weight: 700; }
#kicker-landing .kk-amb-err { padding: 12px 14px; border-radius: 10px; background: rgba(229,184,74,.15); border: 1.5px solid var(--kk-grape); font-size: 13px; }
#kicker-landing .kk-nav a.is-current { color: var(--kk-olive); opacity: 1; }
@media (max-width: 1100px) { #kicker-landing .kk-amb-grid { grid-template-columns: 1fr; } }

/* ───────────── sections after the pinned story ───────────── */
#kicker-landing .kk-section { position: relative; z-index: 2; padding: clamp(70px, 9vw, 130px) var(--kk-gutter); }
#kicker-landing .kk-section-inner { max-width: 1240px; margin: 0 auto; }
#kicker-landing .kk-section-head { display: grid; gap: 18px; max-width: 760px; margin-bottom: clamp(30px, 4vw, 56px); }
#kicker-landing .kk-section-title { font-size: clamp(36px, 5.2vw, 78px); line-height: 1.06; }
#kicker-landing .kk-section-title em { font-style: normal; }
#kicker-landing .kk-section-head.is-center { text-align: center; margin-left: auto; margin-right: auto; justify-items: center; }
#kicker-landing .kk-section-dark { background: var(--kk-sec-dark-bg); color: var(--kk-sec-dark-fg); }
#kicker-landing .kk-section-dark .kk-section-title { color: var(--kk-sec-dark-fg); }
#kicker-landing .kk-section-dark .kk-section-title em { color: var(--kk-olive-deep); }
#kicker-landing .kk-section-dark .kk-eyebrow { color: var(--kk-olive-deep); }
#kicker-landing .kk-section-dark .kk-muted { color: var(--kk-sec-dark-muted); }
#kicker-landing .kk-section-green { background: var(--kk-sec-green-bg); color: var(--kk-sec-green-fg); }
#kicker-landing .kk-section-green .kk-section-title em { background-image: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); }
#kicker-landing .kk-section-green .kk-eyebrow { background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-section-green .kk-eyebrow::before { background: linear-gradient(180deg, #E3F784, #B4D53A); }
#kicker-landing .kk-section-green .kk-muted { color: rgba(244,241,230,.75); }
#kicker-landing .kk-section-accent { background: var(--kk-sec-accent-bg); color: var(--kk-sec-accent-fg); }
#kicker-landing .kk-section-accent .kk-eyebrow { color: rgba(11,23,18,.72); }
#kicker-landing .kk-section-accent .kk-cta-title { color: #0B1712; }
#kicker-landing .kk-section-accent .kk-cta-title em { color: #F4F1E6; text-shadow: 0 3px 0 rgba(11,23,18,.35), 0 14px 28px rgba(11,23,18,.35); }
#kicker-landing .kk-section-accent .kk-cta-title .kk-giant-line { display: block; position: relative; padding: .22em .04em .1em; margin: -.22em 0 -.1em; background: linear-gradient(180deg, #2F6C46 0%, #143520 45%, #0B1712 100%); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 3px 4px rgba(0,0,0,.45)) drop-shadow(0 8px 10px rgba(0,0,0,.3)); }
#kicker-landing .kk-section-accent .kk-cta-title .kk-giant-line:nth-child(2) { z-index: 2; }
#kicker-landing .kk-section-accent .kk-cta-title em { background: linear-gradient(180deg, #FFFFFF, #F4F1E6 60%, #D9D4BF); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: none; }
#kicker-landing .kk-section-accent .kk-btn { background: var(--kk-sec-accent-fg); color: var(--kk-sec-accent-bg); box-shadow: 0 16px 34px -16px rgba(0,0,0,.5); }
#kicker-landing .kk-section-accent .kk-btn:hover { background: #163826; }

/* videos */
#kicker-landing .kk-video-group + .kk-video-group { margin-top: clamp(40px, 5vw, 70px); }
#kicker-landing .kk-video-group-head { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 22px; }
#kicker-landing .kk-pill { display: inline-block; padding: 8px 14px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; background: var(--kk-sec-dark-fg); color: var(--kk-sec-dark-bg); }
#kicker-landing .kk-pill.is-grape { background: var(--kk-grape); color: #0B1712; }
#kicker-landing .kk-video-group-title { font-size: clamp(16px, 1.3vw, 19px); font-weight: 700; }
#kicker-landing .kk-video-group-title em { font-style: normal; font-weight: 400; color: var(--kk-sec-dark-muted); }
#kicker-landing .kk-carousel { position: relative; }
#kicker-landing .kk-video-row {
  --kk-gap: clamp(14px, 2vw, 26px); --kk-per: 4;
  display: flex; gap: var(--kk-gap); overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory;
  padding: 14px 4px 18px; margin: -14px -4px -18px; scrollbar-width: none; -webkit-overflow-scrolling: touch; scroll-behavior: smooth;
}
#kicker-landing .kk-video-row::-webkit-scrollbar { display: none; }
#kicker-landing .kk-video-row > * { flex: 0 0 calc((100% - (var(--kk-per) - 1) * var(--kk-gap)) / var(--kk-per)); scroll-snap-align: start; }
#kicker-landing .kk-car-btn {
  position: absolute; top: 50%; z-index: 4; width: 48px; height: 48px; margin-top: -24px; border-radius: 50%;
  background: var(--kk-sec-dark-fg); color: var(--kk-sec-dark-bg); display: grid; place-items: center;
  box-shadow: 0 14px 30px -12px rgba(0,0,0,.6); transition: transform .2s, opacity .2s, background .2s; opacity: 0;
}
#kicker-landing .kk-carousel.is-scrollable .kk-car-btn { opacity: 1; }
#kicker-landing .kk-car-btn:disabled { opacity: .25; cursor: default; }
#kicker-landing .kk-car-btn:not(:disabled):hover { transform: scale(1.08); background: #CDEB4B; color: #0B1712; }
#kicker-landing .kk-car-prev { left: -24px; } #kicker-landing .kk-car-next { right: -24px; }
#kicker-landing .kk-car-prev svg { transform: rotate(180deg); }
#kicker-landing .kk-car-btn svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
#kicker-landing .kk-car-count { position: absolute; right: 0; top: -34px; font-size: 12px; font-weight: 700; letter-spacing: .12em; color: var(--kk-sec-dark-muted); }
#kicker-landing .kk-video-group-head { padding-right: 70px; }
#kicker-landing .kk-tok {
  position: relative; aspect-ratio: 9 / 16; border-radius: 16px; overflow: hidden; background: #000;
  transform: rotate(var(--tilt, 0deg)); transition: transform .3s; cursor: pointer; text-decoration: none; display: block; color: inherit; --tilt: 0deg;
  box-shadow: 0 30px 60px -30px rgba(0,0,0,.8);
}
#kicker-landing .kk-tok:hover { transform: scale(1.02); }
#kicker-landing .kk-tok img, #kicker-landing .kk-tok iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; }
#kicker-landing .kk-tok.is-playing .kk-tok-badge, #kicker-landing .kk-tok.is-playing .kk-tok-cap { display: none; }
#kicker-landing .kk-tok-player { position: absolute; inset: 0; z-index: 1; }
#kicker-landing .kk-tok.is-live > img, #kicker-landing .kk-tok.is-live > .kk-tok-ph { visibility: hidden; }
#kicker-landing .kk-tok-badge, #kicker-landing .kk-tok-cap { z-index: 2; }
#kicker-landing .kk-tok-ph { position: absolute; inset: 0; display: grid; place-items: center; padding: 20px; text-align: center; font-family: var(--kk-display); font-size: 22px; letter-spacing: .06em; text-transform: uppercase; color: rgba(244,241,230,.6); background: linear-gradient(160deg, #15291F, #0B1712); }
#kicker-landing .kk-tok::after {
  content: ""; position: absolute; left: 50%; top: 50%; width: 58px; height: 58px; transform: translate(-50%, -50%);
  border-radius: 50%; background: rgba(244,241,230,.94) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5v14l12-7z' fill='%2317150F'/%3E%3C/svg%3E") center/24px no-repeat;
}
#kicker-landing .kk-tok.is-playing::after, #kicker-landing .kk-tok.is-live::after { display: none; }
#kicker-landing .kk-tok-sound { position: absolute; inset: 0; z-index: 3; border: 0; background: transparent; cursor: pointer; padding: 0; }
#kicker-landing .kk-tok-sound::after {
  content: ""; position: absolute; right: 12px; bottom: 12px; width: 40px; height: 40px; border-radius: 50%;
  background: rgba(11,23,18,.8) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F4F1E6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6.5 9H3v6h3.5L11 19V5Z' fill='%23F4F1E6' stroke='none'/%3E%3Cpath d='m16 9 5 6M21 9l-5 6'/%3E%3C/svg%3E") center/20px no-repeat;
  box-shadow: 0 8px 20px rgba(0,0,0,.4); transition: transform .2s, background-color .2s;
}
#kicker-landing .kk-tok-sound:hover::after { transform: scale(1.08); }
#kicker-landing .kk-tok.is-sound .kk-tok-sound::after {
  background-color: #CDEB4B;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B1712' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5 6.5 9H3v6h3.5L11 19V5Z' fill='%230B1712' stroke='none'/%3E%3Cpath d='M15.5 8.5a5 5 0 0 1 0 7'/%3E%3Cpath d='M18.5 6a9 9 0 0 1 0 12'/%3E%3C/svg%3E");
}
#kicker-landing .kk-tok.is-sound { outline: 3px solid #CDEB4B; outline-offset: 2px; }
#kicker-landing .kk-tok-cap { pointer-events: none; }
#kicker-landing .kk-tok-badge { position: absolute; z-index: 2; left: 12px; top: 12px; padding: 6px 10px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .08em; background: #CDEB4B; color: #0B1712; }
#kicker-landing .kk-tok-cap { position: absolute; z-index: 2; left: 12px; right: 12px; bottom: 12px; font-size: 12px; font-weight: 700; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,.6); }

/* harvest editorial (N.o 400 / N.o 500) */
#kicker-landing .kk-harvest-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px, 2.4vw, 32px); }
#kicker-landing .kk-harvest-card { position: relative; display: grid; grid-template-rows: auto 1fr; border-radius: 22px; overflow: hidden; border: 1.5px solid var(--kk-line); background: var(--kk-surface); }
#kicker-landing .kk-harvest-media { position: relative; aspect-ratio: 16 / 10; background: linear-gradient(135deg, var(--kk-paper-2), var(--kk-surface-strong)); display: grid; place-items: center; overflow: hidden; }
#kicker-landing .kk-harvest-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#kicker-landing .kk-harvest-media .kk-harvest-big { font-family: var(--kk-display); font-size: clamp(64px, 9vw, 150px); line-height: 1; color: var(--kk-green); opacity: .9; letter-spacing: -.01em; }
#kicker-landing .kk-harvest-card.is-whiskey .kk-harvest-media .kk-harvest-big { color: var(--kk-grape); }
#kicker-landing .kk-harvest-body { display: grid; gap: 10px; padding: clamp(18px, 2.4vw, 32px); align-content: start; }
#kicker-landing .kk-harvest-tag { font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: var(--kk-grape); }
#kicker-landing .kk-harvest-no { font-family: var(--kk-display); font-size: 14px; letter-spacing: .2em; color: var(--kk-muted); }
#kicker-landing .kk-harvest-title { font-size: clamp(26px, 2.6vw, 40px); }
#kicker-landing .kk-harvest-line { font-size: clamp(16px, 1.3vw, 20px); font-weight: 600; }
#kicker-landing .kk-harvest-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
#kicker-landing .kk-harvest-body .kk-btn { justify-self: start; }

/* manifesto band */
#kicker-landing .kk-manifesto-title { font-size: clamp(26px, 3.4vw, 52px); line-height: 1.14; max-width: 1100px; margin-top: 18px; }
#kicker-landing .kk-manifesto-title em { font-style: normal; }
#kicker-landing .kk-manifesto-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: clamp(24px, 4vw, 60px); align-items: center; margin-top: clamp(28px, 4vw, 56px); }
#kicker-landing .kk-manifesto-grid.no-media { grid-template-columns: 1fr; }
#kicker-landing .kk-manifesto-media { position: relative; aspect-ratio: 4 / 5; border-radius: 22px; overflow: hidden; background: var(--kk-paper-2); }
#kicker-landing .kk-manifesto-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#kicker-landing .kk-manifesto-line { font-family: var(--kk-display); font-size: clamp(18px, 1.7vw, 26px); text-transform: uppercase; line-height: 1.25; letter-spacing: .02em; color: var(--kk-green); }
#kicker-landing .kk-manifesto-line + .kk-manifesto-line { margin-top: 12px; color: var(--kk-ink); }
#kicker-landing .kk-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 28px; }
#kicker-landing .kk-stat { padding: 18px 16px; border-radius: 16px; border: 1.5px solid var(--kk-line); background: var(--kk-surface); display: grid; gap: 6px; }
#kicker-landing .kk-stat-v { font-family: var(--kk-display); font-size: clamp(22px, 2vw, 30px); line-height: 1.05; text-transform: uppercase; color: var(--kk-olive); }
#kicker-landing .kk-stat-n { font-size: 13px; color: var(--kk-muted); }

/* how-to steps */
#kicker-landing .kk-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: clamp(16px, 2.4vw, 32px); }
#kicker-landing .kk-step { position: relative; padding: 28px 24px 26px; border-radius: 18px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); display: grid; gap: 10px; align-content: start; }
#kicker-landing .kk-step-n { font-family: var(--kk-display); font-size: 56px; line-height: 1; color: #CDEB4B; }
#kicker-landing .kk-step-t { font-family: var(--kk-display); font-size: 23px; text-transform: uppercase; line-height: 1.22; letter-spacing: .07em; }
#kicker-landing .kk-step-d { font-size: 14px; color: rgba(255,255,255,.78); }
#kicker-landing .kk-step-media { aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: rgba(255,255,255,.06); }
#kicker-landing .kk-step-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
#kicker-landing .kk-step-tip { font-size: 12px; font-weight: 700; letter-spacing: .06em; color: #CDEB4B; }

/* stories */
#kicker-landing .kk-stories { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: clamp(20px, 3vw, 40px); }
#kicker-landing .kk-story-fig { aspect-ratio: 16 / 10; border-radius: 12px; overflow: hidden; background: var(--kk-paper-2); margin-bottom: 4px; }
#kicker-landing .kk-story-fig img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
#kicker-landing .kk-story:hover .kk-story-fig img { transform: scale(1.04); }
#kicker-landing .kk-story { display: grid; gap: 12px; text-decoration: none; padding: 28px; border-radius: 18px; border: 1.5px solid var(--kk-line); background: var(--kk-surface); transition: transform .25s, border-color .25s; }
#kicker-landing .kk-story:hover { transform: translateY(-4px); border-color: rgba(var(--kk-ink-rgb),.4); }
#kicker-landing .kk-story-meta { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--kk-muted); }
#kicker-landing .kk-story-title { font-family: var(--kk-display); font-size: clamp(20px, 1.8vw, 27px); text-transform: uppercase; line-height: 1.22; letter-spacing: .02em; }
#kicker-landing .kk-story-x { font-size: 15px; color: var(--kk-muted); }
#kicker-landing .kk-story-more { font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--kk-olive); }

/* CTA + footer */
#kicker-landing .kk-cta { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr); gap: clamp(28px, 5vw, 72px); align-items: center; text-align: left; }
#kicker-landing .kk-cta-text { display: grid; gap: 28px; justify-items: start; }
#kicker-landing .kk-cta-text .kk-eyebrow { justify-content: flex-start; text-align: left; }
/* before / after slider */
#kicker-landing .kk-ba { position: relative; width: 100%; max-width: 560px; justify-self: end; height: clamp(230px, 23vw, 330px); border-radius: 22px; overflow: hidden; isolation: isolate; box-shadow: 0 30px 70px rgba(11,23,18,.35), 0 0 0 4px rgba(244,241,230,.55); user-select: none; -webkit-user-select: none; touch-action: pan-y; }
#kicker-landing .kk-ba-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
#kicker-landing .kk-ba-before { clip-path: inset(0 calc(100% - var(--kk-ba)) 0 0); }
#kicker-landing .kk-ba-handle { position: absolute; top: 0; bottom: 0; left: var(--kk-ba); width: 3px; margin-left: -1.5px; background: #F4F1E6; box-shadow: 0 0 0 1px rgba(11,23,18,.25), 0 0 18px rgba(0,0,0,.35); pointer-events: none; }
#kicker-landing .kk-ba-handle span { position: absolute; top: 50%; left: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; background: #F4F1E6; box-shadow: 0 8px 20px rgba(11,23,18,.35); }
#kicker-landing .kk-ba-handle span::before, #kicker-landing .kk-ba-handle span::after { content: ''; position: absolute; top: 50%; width: 0; height: 0; border: 7px solid transparent; margin-top: -7px; }
#kicker-landing .kk-ba-handle span::before { left: 7px; border-right-color: #0B1712; border-left: 0; }
#kicker-landing .kk-ba-handle span::after { right: 7px; border-left-color: #0B1712; border-right: 0; }
#kicker-landing .kk-ba-range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; -webkit-appearance: none; appearance: none; background: transparent; pointer-events: none; }   /* keyboard only; dragging is handled on the box */
#kicker-landing .kk-ba { cursor: ew-resize; touch-action: pan-y; -webkit-user-select: none; user-select: none; }
#kicker-landing .kk-ba-range::-webkit-slider-thumb { -webkit-appearance: none; width: 60px; height: 100%; }
#kicker-landing .kk-ba-range::-moz-range-thumb { width: 60px; height: 100%; border: 0; }
#kicker-landing .kk-ba-tag { position: absolute; top: 14px; padding: 6px 12px; border-radius: 999px; font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; pointer-events: none; z-index: 2; }
#kicker-landing .kk-ba-tag-before { left: 14px; background: rgba(244,241,230,.92); color: #0B1712; }
#kicker-landing .kk-ba-tag-after { right: 14px; background: #0B1712; color: #CDEB4B; }
@media (max-width: 900px) { #kicker-landing .kk-cta { grid-template-columns: 1fr; } #kicker-landing .kk-ba { justify-self: stretch; max-width: none; } }
#kicker-landing .kk-cta-title { font-size: clamp(38px, 4.9vw, 78px); color: var(--kk-sec-dark-fg); line-height: .98; letter-spacing: .005em; }
#kicker-landing .kk-cta-title em { font-style: normal; color: var(--kk-olive-deep); }
#kicker-landing .kk-footer { display: flex; flex-wrap: wrap; gap: 16px 30px; align-items: center; justify-content: space-between; padding: 28px var(--kk-gutter); border-top: 1px solid var(--kk-line); background: var(--kk-paper); color: var(--kk-muted); font-size: 13px; }
#kicker-landing .kk-footer a { text-decoration: none; }
#kicker-landing .kk-footer a:hover { color: var(--kk-olive); }

/* ───────────── responsive ───────────── */
@media (max-width: 1100px) {
  #kicker-landing .kk-video-row { --kk-per: 3; }
  #kicker-landing .kk-stage { grid-template-columns: minmax(0, 1fr) clamp(160px, 24vw, 320px) minmax(0, 1fr); }
  #kicker-landing .kk-spec-v { font-size: 30px; }
}
@media (max-width: 819px) {
  #kicker-landing .kk-stage {
    grid-template-columns: 1fr; align-content: start;
    padding: 66vh var(--kk-gutter) 40px; gap: 18px;   /* bottle is pinned mid-screen: content starts under it */
  }
  #kicker-landing .kk-hero-note { display: none; }
  #kicker-landing .kk-lead { font-size: 14px; }
  #kicker-landing .kk-left, #kicker-landing .kk-right { grid-column: 1; }
  #kicker-landing .kk-right .kk-panel { margin-left: 0; }
  #kicker-landing .kk-panel { max-width: none; }
  #kicker-landing .kk-giant { top: max(84px, calc(var(--kk-vh, 100vh) * .12)); font-size: clamp(50px, 14.5vw, 110px); line-height: .95; }
  #kicker-landing .kk-hero, #kicker-landing .kk-taste { padding-bottom: 28px; align-items: start; }
  #kicker-landing .kk-hero { padding-top: 68vh; }
  #kicker-landing .kk-hero-olive-1 { left: 2%; top: 9%; width: 96px; }
  #kicker-landing .kk-hero-olive-3 { right: 2%; top: 12%; width: 84px; }
  #kicker-landing .kk-hero-olive-2, #kicker-landing .kk-hero-olive-4 { display: none; }
  #kicker-landing .kk-hero .kk-panel { gap: 10px; }
  #kicker-landing .kk-option-name { font-size: 15px; }
  #kicker-landing .kk-option-badge { display: none; }
  #kicker-landing .kk-hero .kk-left { order: 2; }
  #kicker-landing .kk-hero .kk-right { order: 1; }
  #kicker-landing .kk-hero .kk-panel { gap: 12px; }
  #kicker-landing .kk-hero-title { display: none; }
  #kicker-landing #kk-options { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  #kicker-landing .kk-options { gap: 8px; }
  #kicker-landing .kk-options-head { font-size: 11px; }
  #kicker-landing .kk-option { grid-template-columns: 1fr; gap: 6px; padding: 10px; text-align: center; justify-items: center; }
  #kicker-landing .kk-option-fig { display: none; }
  #kicker-landing .kk-option-name { font-size: 16px; }
  #kicker-landing .kk-option-meta { font-size: 11px; }
  #kicker-landing .kk-option-price { font-size: 16px; }
  #kicker-landing .kk-scroll-cue { display: none; }
  #kicker-landing .kk-specs .kk-left { order: 1; }
  #kicker-landing .kk-specs .kk-right { order: 2; }
  #kicker-landing .kk-specbox { box-shadow: 6px 6px 0 var(--kk-specbox-shadow); }
  #kicker-landing .kk-spec { padding: 10px 0; }
  #kicker-landing .kk-spec-v { font-size: 26px; }
  #kicker-landing .kk-spec-n { display: none; }
  #kicker-landing .kk-taste .kk-giant { top: auto; bottom: 9%; }   /* gold giant text in the empty lower part of the stage, behind the bottle, clear of the paragraph */
  #kicker-landing .kk-taste .kk-left { display: none; }
  #kicker-landing .kk-facts { padding-top: 84px; }
  #kicker-landing .kk-facts-title { font-size: 26px; }
  #kicker-landing .kk-blobs { height: auto; min-height: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 54vh; }
  #kicker-landing .kk-blob { position: static; width: auto; padding: 22px 16px; }
  #kicker-landing .kk-blob-v { font-size: 28px; }
  #kicker-landing .kk-lineup { padding-top: 90px; justify-content: flex-start; }
  #kicker-landing .kk-cards { grid-template-columns: 1fr 1fr; }
  #kicker-landing .kk-card { padding: 10px; }
  #kicker-landing .kk-card:nth-child(3) { grid-column: 1 / -1; }
  #kicker-landing .kk-video-row { --kk-per: 2; --kk-gap: 10px; }
  #kicker-landing .kk-car-prev { left: -6px; } #kicker-landing .kk-car-next { right: -6px; }
  #kicker-landing .kk-car-btn { width: 40px; height: 40px; margin-top: -20px; }
  #kicker-landing .kk-video-group-head { padding-right: 0; }
  #kicker-landing .kk-car-count { display: none; }
  #kicker-landing .kk-harvest-grid { grid-template-columns: 1fr; }
  #kicker-landing .kk-manifesto-grid { grid-template-columns: 1fr; }
  #kicker-landing .kk-stats { grid-template-columns: 1fr; }
  #kicker-landing .kk-card-figure { height: clamp(140px, 24vh, 220px); }
  #kicker-landing .kk-card:nth-child(3) .kk-card-figure { height: clamp(150px, 26vh, 240px); }
  #kicker-landing .kk-lineup { padding-bottom: 90px; }
  #kicker-landing .kk-card .kk-btn { min-height: 42px; font-size: 14px; padding: 0 12px; }
}
@media (min-width: 820px) and (max-height: 780px) {
  #kicker-landing .kk-giant { font-size: clamp(48px, 8.4vw, 118px); }
  #kicker-landing .kk-hero, #kicker-landing .kk-taste { padding-bottom: 48px; }
  #kicker-landing .kk-hero-title { display: none; }
  #kicker-landing .kk-panel { gap: 12px; }
  #kicker-landing .kk-lead { font-size: 14px; }
  #kicker-landing .kk-option { padding: 7px 12px 7px 8px; gap: 10px; grid-template-columns: 44px 1fr auto; }
  #kicker-landing .kk-option-fig { width: 44px; height: 68px; }
  #kicker-landing .kk-option-name, #kicker-landing .kk-option-price { font-size: 17px; }
  #kicker-landing .kk-video-card { max-width: 190px; }
  #kicker-landing .kk-h2 { font-size: clamp(28px, 3vw, 40px); }
  #kicker-landing .kk-quote { font-size: 17px; }
  #kicker-landing .kk-spec { padding: 10px 0; }
  #kicker-landing .kk-spec-v { font-size: 28px; }
  #kicker-landing .kk-facts { padding-top: 100px; }
  #kicker-landing .kk-blobs { height: calc(var(--kk-vh, 100vh) - 250px); min-height: 380px; }
  #kicker-landing .kk-blob { width: clamp(180px, 17vw, 240px); padding: 22px 18px; }
  #kicker-landing .kk-blob-v { font-size: 30px; }
  #kicker-landing .kk-card-figure { height: clamp(140px, 27vh, 260px); }
  #kicker-landing .kk-lineup { padding-top: 84px; padding-bottom: 28px; }
  #kicker-landing .kk-lineup-head { margin-bottom: 16px; }
  #kicker-landing .kk-lineup-title { font-size: clamp(30px, 4vw, 54px); }
  #kicker-landing .kk-card { gap: 8px; padding: 12px; }
  #kicker-landing .kk-card-name { font-size: 22px; }
  #kicker-landing .kk-card-price { font-size: 22px; margin: 2px 0 4px; }
  #kicker-landing .kk-card .kk-btn { min-height: 42px; font-size: 15px; }
}
@media (min-width: 820px) and (max-height: 640px) {
  #kicker-landing .kk-giant { font-size: clamp(44px, 7vw, 96px); }
  #kicker-landing .kk-giant { top: 84px; }
  #kicker-landing .kk-hero-note { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  #kicker-landing .kk-scroll-cue i { animation: none; }   /* the marquee keeps running: it is brand content, not motion decoration */
}

/* light palette: ambassador numbers/titles and buy-bar price need dark ink on ivory */
#kicker-landing[data-kk-theme="light"] .kk-amb-n, #kicker-landing[data-kk-theme="light"] .kk-amb-title { background-image: linear-gradient(180deg, #2A6B43 0%, #163826 55%, #0E2619 100%); filter: drop-shadow(0 4px 10px rgba(14,31,22,.18)); }
#kicker-landing[data-kk-theme="light"] .kk-buybar-price { color: var(--kk-olive-deep); }
#kicker-landing[data-kk-theme="light"] .kk-buybar-price [data-kk="price"] { color: var(--kk-green); }

/* nav compact: 6 mục menu vừa một hàng trên laptop 13" */
@media (min-width: 820px) and (max-width: 1360px) { #kicker-landing .kk-nav { gap: 16px; } #kicker-landing .kk-nav a { font-size: 11px; letter-spacing: .1em; white-space: nowrap; } }

/* ── phones: cheaper compositing (no filters on moving layers, no glass blur) + tighter vertical rhythm ── */
@media (max-width: 819px) {
  #kicker-landing .kk-hero-olive { filter: none; will-change: auto; }
  #kicker-landing .kk-hero-olive img { animation-duration: 7s; }
  #kicker-landing .kk-giant-line, #kicker-landing .kk-h2, #kicker-landing .kk-hero-title, #kicker-landing .kk-manifesto-title, #kicker-landing .kk-lineup-title,
  #kicker-landing .kk-section-title, #kicker-landing .kk-facts-title, #kicker-landing .kk-harvest-title, #kicker-landing .kk-amb-title, #kicker-landing .kk-amb-n,
  #kicker-landing .kk-section-accent .kk-cta-title .kk-giant-line { filter: none; }
  #kicker-landing .kk-header, #kicker-landing .kk-buybar { backdrop-filter: none; -webkit-backdrop-filter: none; }
  #kicker-landing .kk-header { background: rgba(var(--kk-paper-rgb), .96); }
  #kicker-landing .kk-buybar { background: var(--kk-surface-strong); }
  /* rhythm: bottle sits higher and smaller, so content starts right under it */
  #kicker-landing .kk-stage { min-height: 0; padding-top: calc(var(--kk-vh, 100vh) * .13); padding-bottom: 16px; gap: 12px; }   /* text starts right under the header; the (big) bottle sits in the lower half */
  #kicker-landing .kk-hero { padding-top: calc(var(--kk-vh, 100vh) * .68); }
  #kicker-landing .kk-facts { padding-top: calc(var(--kk-vh, 100vh) * .13); }
  #kicker-landing .kk-specs, #kicker-landing .kk-taste, #kicker-landing .kk-facts { min-height: calc(var(--kk-vh, 100vh) * .92); }
  #kicker-landing .kk-blobs { margin-top: 26px; }
  #kicker-landing .kk-lineup { padding-top: 64px; padding-bottom: 40px; }
  #kicker-landing .kk-lineup-head { margin-bottom: 14px; }
  #kicker-landing .kk-section { padding: 44px var(--kk-gutter); }
  #kicker-landing .kk-section-head { gap: 10px; margin-bottom: 18px; }
  #kicker-landing .kk-section-title { font-size: clamp(30px, 8.6vw, 44px); }
  #kicker-landing .kk-cards { gap: 10px; }
  #kicker-landing .kk-steps { grid-template-columns: 1fr 1fr; gap: 10px; }
  #kicker-landing .kk-step { padding: 12px 12px 12px; gap: 6px; }
  #kicker-landing .kk-step-t { font-size: 15px; letter-spacing: .05em; }
  #kicker-landing .kk-step-d { font-size: 12px; }
  #kicker-landing .kk-step-tip { font-size: 11px; }
  #kicker-landing .kk-step-n { font-size: 20px; }
  #kicker-landing .kk-step { padding: 18px 16px 16px; gap: 8px; }
  #kicker-landing .kk-stories { grid-template-columns: 1fr 1fr; gap: 10px; }
  #kicker-landing .kk-story { padding: 12px; gap: 6px; }
  #kicker-landing .kk-story-title { font-size: 14px; line-height: 1.25; }
  #kicker-landing .kk-story-x { font-size: 12px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  #kicker-landing .kk-story-meta { font-size: 10px; }
  #kicker-landing .kk-harvest-grid { gap: 12px; }
  #kicker-landing .kk-manifesto-grid { gap: 16px; margin-top: 18px; }
  #kicker-landing .kk-video-groups { gap: 22px; }
  #kicker-landing .kk-cta { gap: 18px; }
  #kicker-landing .kk-hero-olive-1 { left: 3%; width: 60px; }    /* ngang chai, hơi cao hơn tâm chai */
  #kicker-landing .kk-hero-olive-3 { right: 3%; top: calc(var(--kk-vh, 100vh) * .50); width: 54px; }   /* thấp hơn chai một chút */
  #kicker-landing .kk-option:not(.is-active) { background: rgba(8, 18, 13, .62); }   /* thẻ chưa chọn đặc hơn để đọc chữ trên nền ảnh */
}

/* buy bar product picker */
#kicker-landing .kk-buybar-pick { display: flex; align-items: center; gap: 12px; background: none; border: 0; padding: 0; margin: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; border-radius: 12px; }
#kicker-landing .kk-buybar-pick:focus-visible { outline: 2px solid var(--kk-olive); outline-offset: 3px; }
#kicker-landing .kk-buybar-caret { display: inline-block; width: 7px; height: 7px; margin-left: 8px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-3px) rotate(45deg); opacity: .7; transition: transform .2s; }
#kicker-landing .kk-buybar.is-open .kk-buybar-caret { transform: translateY(1px) rotate(-135deg); }
#kicker-landing .kk-buybar-menu { position: absolute; left: 0; bottom: calc(100% + 10px); min-width: 280px; padding: 8px; border-radius: 16px; background: var(--kk-surface-strong); border: 1px solid var(--kk-line); box-shadow: 0 24px 50px -18px rgba(0,0,0,.7); display: grid; gap: 4px; z-index: 61; }
#kicker-landing .kk-buybar-menu[hidden] { display: none; }
#kicker-landing .kk-buybar-item { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 10px; background: none; border: 0; color: inherit; font: inherit; text-align: left; cursor: pointer; }
#kicker-landing .kk-buybar-item:hover, #kicker-landing .kk-buybar-item.is-active { background: rgba(205,235,75,.14); }
#kicker-landing .kk-buybar-item.is-active { box-shadow: inset 0 0 0 1.5px var(--kk-olive); }
#kicker-landing .kk-buybar-item-fig { width: 34px; height: 48px; display: block; border-radius: 8px; background: var(--kk-surface); overflow: hidden; padding: 2px; box-sizing: border-box; }
#kicker-landing .kk-buybar-item-fig img { display: block; width: 100%; height: 100%; object-fit: contain; }
#kicker-landing .kk-buybar-item-body { display: grid; line-height: 1.2; }
#kicker-landing .kk-buybar-item-body b { font-family: var(--kk-display); font-weight: 400; font-size: 15px; letter-spacing: .04em; text-transform: uppercase; }
#kicker-landing .kk-buybar-item-body small { font-size: 11px; color: var(--kk-muted); }
#kicker-landing .kk-buybar-item-price { font-weight: 800; font-size: 13px; color: var(--kk-olive); }
@media (max-width: 819px) { #kicker-landing .kk-buybar-menu { left: 0; right: 0; min-width: 0; } }

/* quantity stepper */
#kicker-landing .kk-qty { display: inline-flex; align-items: center; height: 46px; border-radius: 999px; border: 1.5px solid var(--kk-line); background: var(--kk-surface); overflow: hidden; }
#kicker-landing .kk-qty button { width: 40px; height: 100%; border: 0; background: none; color: var(--kk-ink); font: inherit; font-size: 20px; line-height: 1; cursor: pointer; }
#kicker-landing .kk-qty button:hover { background: rgba(205,235,75,.14); }
#kicker-landing .kk-qty span { min-width: 28px; text-align: center; font-family: var(--kk-display); font-size: 18px; letter-spacing: .04em; }
#kicker-landing .kk-buybar .kk-qty { height: 40px; }
#kicker-landing .kk-buybar .kk-qty button { width: 32px; font-size: 18px; }
#kicker-landing .kk-buybar .kk-qty span { min-width: 22px; font-size: 15px; }
@media (max-width: 819px) {
  #kicker-landing .kk-hero-cta .kk-qty { height: 42px; }
  #kicker-landing .kk-buybar .kk-qty { height: 38px; }
  #kicker-landing .kk-buybar .kk-qty button { width: 28px; }
  #kicker-landing .kk-buybar .kk-btn { flex: 1; max-width: none; }
  #kicker-landing .kk-buybar { gap: 8px; }
  #kicker-landing .kk-buybar-price { display: none; }   /* make room for the stepper on narrow phones */
}

/* cart toast + header count */
#kicker-landing .kk-toast { position: fixed; left: 50%; bottom: 96px; transform: translate(-50%, 20px); z-index: 70; padding: 12px 18px; border-radius: 999px; background: var(--kk-surface-strong); color: var(--kk-ink); border: 1px solid var(--kk-line); box-shadow: 0 18px 40px -16px rgba(0,0,0,.7); font-size: 14px; font-weight: 600; opacity: 0; pointer-events: none; transition: opacity .25s, transform .25s; white-space: nowrap; max-width: 92vw; overflow: hidden; text-overflow: ellipsis; }
#kicker-landing .kk-toast.is-on { opacity: 1; transform: translate(-50%, 0); }
#kicker-landing .kk-checkout { position: relative; }
#kicker-landing .kk-cart-count { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px; margin-left: 8px; border-radius: 999px; background: var(--kk-ink); color: var(--kk-paper); font-size: 11px; font-weight: 800; letter-spacing: 0; }
#kicker-landing .kk-cart-count[hidden] { display: none; }
@media (max-width: 819px) { #kicker-landing .kk-toast { bottom: 84px; font-size: 13px; } }

/* corner ribbon (hero, top-right) */
#kicker-landing .kk-ribbon { position: absolute; z-index: 7; top: 92px; right: var(--kk-gutter); pointer-events: none; }
#kicker-landing .kk-ribbon span { display: inline-block; transform: rotate(-4deg); padding: 9px 18px; background: #CDEB4B; color: #0B1712; font-family: var(--kk-display); font-size: 18px; letter-spacing: .2em; text-transform: uppercase; box-shadow: 0 10px 24px rgba(0,0,0,.45), 0 0 0 2px rgba(11,23,18,.6); border-radius: 4px; }
@media (max-width: 819px) { #kicker-landing .kk-ribbon { top: 74px; right: 12px; } #kicker-landing .kk-ribbon span { font-size: 12px; letter-spacing: .16em; padding: 6px 12px; } }

/* taste clip: larger card to balance the text column */
@media (min-width: 820px) { #kicker-landing .kk-taste .kk-video-card { max-width: 340px; } }

/* pre-order bar (fixed under the header) */
#kicker-landing .kk-preorder { position: fixed; z-index: 49; left: 0; right: 0; top: var(--kk-header-h, 72px); display: flex; align-items: center; justify-content: center; gap: 16px; min-height: 38px; padding: 6px var(--kk-gutter); font-size: 13px; font-weight: 600; letter-spacing: .02em; box-shadow: 0 10px 30px -14px rgba(0,0,0,.6); }
#kicker-landing .kk-preorder b { font-family: var(--kk-display); font-weight: 400; font-size: 15px; letter-spacing: .18em; text-transform: uppercase; }
#kicker-landing .kk-preorder-track { width: 200px; height: 6px; border-radius: 999px; overflow: hidden; }
#kicker-landing .kk-preorder-track i { display: block; height: 100%; border-radius: 999px; }
/* amber: the palette's gold/orange, dark ink */
#kicker-landing[data-kk-preorder-style="amber"] .kk-preorder { background: linear-gradient(90deg, #F2C866 0%, #E5B84A 45%, #D9A93B 100%); color: #0B1712; }
#kicker-landing[data-kk-preorder-style="amber"] .kk-preorder-track { background: rgba(11,23,18,.22); }
#kicker-landing[data-kk-preorder-style="amber"] .kk-preorder-track i { background: #0B1712; }
/* lime: brand neon, dark ink */
#kicker-landing[data-kk-preorder-style="lime"] .kk-preorder { background: #CDEB4B; color: #0B1712; }
#kicker-landing[data-kk-preorder-style="lime"] .kk-preorder-track { background: rgba(11,23,18,.22); }
#kicker-landing[data-kk-preorder-style="lime"] .kk-preorder-track i { background: #0B1712; }
/* dark: ink bar with amber text */
#kicker-landing[data-kk-preorder-style="dark"] .kk-preorder { background: #0F1F16; color: #F4F1E6; border-bottom: 1px solid rgba(229,184,74,.5); }
#kicker-landing[data-kk-preorder-style="dark"] .kk-preorder b, #kicker-landing[data-kk-preorder-style="dark"] .kk-preorder-pct { color: #E5B84A; }
#kicker-landing[data-kk-preorder-style="dark"] .kk-preorder-track { background: rgba(244,241,230,.15); }
#kicker-landing[data-kk-preorder-style="dark"] .kk-preorder-track i { background: linear-gradient(90deg, #C89A36, #F2C866); }
/* content under the bar: hero giant title moves down by the bar height */
#kicker-landing.has-preorder .kk-hero .kk-giant { top: calc(max(92px, 14vh) + var(--kk-preorder-h, 38px)); }
@media (max-width: 819px) {
  #kicker-landing .kk-preorder { gap: 10px; font-size: 11px; padding: 6px 12px; flex-wrap: wrap; min-height: 34px; }
  #kicker-landing .kk-preorder b { font-size: 13px; letter-spacing: .14em; }
  #kicker-landing .kk-preorder-track { width: 90px; height: 5px; }
  #kicker-landing.has-preorder .kk-hero .kk-giant { top: calc(max(84px, calc(var(--kk-vh, 100vh) * .12)) + var(--kk-preorder-h, 34px)); }
  #kicker-landing.has-preorder .kk-hero { padding-top: calc(var(--kk-vh, 100vh) * .68 + 34px); }
}

/* pre-order stamp: rubber "coming soon" seal — serrated lime ring + tilted lime banner, transparent centre */
#kicker-landing .kk-stamp { position: absolute; z-index: 7; left: calc(50% - 215px); top: 57%; width: 150px; height: 150px; pointer-events: none; animation: kk-stamp-float 6.5s ease-in-out infinite; }
#kicker-landing .kk-stamp-seal { position: absolute; inset: 0; width: 100%; height: 100%; display: block; overflow: visible; }
#kicker-landing .kk-stamp-ink { filter: url(#kk-grunge); }
#kicker-landing .kk-stamp-banner { position: absolute; left: -14%; right: -14%; top: 50%; transform: translateY(-50%) rotate(-11deg); padding: 7px 0 6px; background: #CDEB4B; color: #0B1712; font: 400 21px/1 var(--kk-display); letter-spacing: .07em; text-transform: uppercase; text-align: center; white-space: nowrap; box-shadow: 0 0 0 3px #0B1712; }
@keyframes kk-stamp-float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-8px) rotate(2deg); } }
@media (min-width: 820px) and (max-width: 1100px) { #kicker-landing .kk-stamp { left: calc(50% - 190px); width: 124px; height: 124px; } #kicker-landing .kk-stamp-banner { font-size: 17px; padding: 5px 0 4px; } }
@media (max-width: 819px) {
  #kicker-landing .kk-stamp { left: 10%; top: calc(var(--kk-vh, 100vh) * .44); width: 88px; height: 88px; filter: none; }
  #kicker-landing .kk-stamp-ink { filter: none; }
  #kicker-landing .kk-stamp-banner { font-size: 12px; padding: 4px 0 3px; letter-spacing: .05em; box-shadow: 0 0 0 2px #0B1712; }
}

/* ───────────── pre-order page (kicker-preorder.liquid) ───────────── */
#kicker-landing.kk-po-page .kk-po-hero { padding-top: 150px; padding-bottom: 8px; }
#kicker-landing .kk-po-hero .kk-section-head p { max-width: 560px; margin-left: auto; margin-right: auto; }
#kicker-landing .kk-po-main { padding-top: 24px; }
#kicker-landing .kk-po-main .kk-section-inner { max-width: 1080px; }
#kicker-landing .kk-po-grid { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: clamp(16px, 2.4vw, 28px); align-items: start; }
#kicker-landing .kk-po-card { position: relative; display: grid; gap: 18px; align-content: start; padding: clamp(22px, 2.6vw, 34px); border-radius: 22px; border: 1.5px solid var(--kk-line); background: var(--kk-surface); }
#kicker-landing .kk-po-card-head { display: grid; gap: 4px; }
#kicker-landing .kk-po-card-title { font-size: clamp(26px, 2.4vw, 34px); line-height: 1.05; padding: .18em .04em .1em; margin: -.18em 0 -.1em; background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-po-order.is-pulse { animation: kk-po-pulse .6s ease-out; }
@keyframes kk-po-pulse { 0% { box-shadow: 0 0 0 0 rgba(205,235,75,.55); } 100% { box-shadow: 0 0 0 14px rgba(205,235,75,0); } }
/* item rows */
#kicker-landing .kk-po-items { display: grid; gap: 10px; list-style: none; margin: 0; padding: 0; }
#kicker-landing .kk-po-item { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto auto 28px; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; background: var(--kk-surface-strong); border: 1px solid var(--kk-line); }
#kicker-landing .kk-po-fig { display: block; width: 52px; height: 68px; border-radius: 10px; background: rgba(var(--kk-ink-rgb), .06); overflow: hidden; padding: 3px; box-sizing: border-box; }
#kicker-landing .kk-po-fig img { display: block; width: 100%; height: 100%; object-fit: contain; }
#kicker-landing .kk-po-item-body { display: grid; gap: 2px; line-height: 1.2; min-width: 0; }
#kicker-landing .kk-po-item-body b { font-family: var(--kk-display); font-weight: 400; font-size: 18px; letter-spacing: .04em; text-transform: uppercase; color: var(--kk-ink); }
#kicker-landing .kk-po-item-body small { font-size: 12px; color: var(--kk-muted); }
#kicker-landing .kk-po-item .kk-qty { height: 38px; }
#kicker-landing .kk-po-item .kk-qty button { width: 30px; font-size: 17px; }
#kicker-landing .kk-po-item .kk-qty span { min-width: 22px; font-size: 15px; }
#kicker-landing .kk-po-item-price { font-weight: 800; font-size: 14px; color: var(--kk-olive); min-width: 84px; text-align: right; font-variant-numeric: tabular-nums; }
#kicker-landing .kk-po-remove { width: 28px; height: 28px; border-radius: 50%; border: 0; background: none; color: var(--kk-muted); font: inherit; font-size: 20px; line-height: 1; cursor: pointer; }
#kicker-landing .kk-po-remove:hover { background: rgba(229,184,74,.18); color: var(--kk-ink); }
#kicker-landing .kk-po-empty { margin: 0; padding: 18px 16px; border-radius: 14px; border: 1.5px dashed rgba(229,184,74,.55); color: var(--kk-grape); font-size: 14px; font-weight: 700; text-align: center; transition: border-color .3s, color .3s; }
#kicker-landing .kk-po-empty.is-warn { border-color: var(--kk-grape); color: var(--kk-grape); }
/* catalogue (add rows) */
#kicker-landing .kk-po-add { display: grid; gap: 8px; }
#kicker-landing .kk-po-add-label { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--kk-muted); }
#kicker-landing .kk-po-catalog { display: grid; gap: 6px; list-style: none; margin: 0; padding: 0; }
#kicker-landing .kk-po-cat { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto auto; align-items: center; gap: 12px; padding: 6px 8px 6px 6px; border-radius: 12px; }
#kicker-landing .kk-po-cat:hover { background: rgba(205,235,75,.08); }
#kicker-landing .kk-po-cat .kk-po-fig { width: 40px; height: 52px; }
#kicker-landing .kk-po-cat .kk-po-item-body b { font-size: 15px; }
#kicker-landing .kk-po-cat .kk-po-item-body small { font-size: 11px; }
#kicker-landing .kk-po-cat-price { font-weight: 700; font-size: 13px; color: var(--kk-ink); font-variant-numeric: tabular-nums; }
#kicker-landing .kk-po-plus { min-width: 74px; height: 32px; padding: 0 12px; border-radius: 999px; border: 1.5px solid var(--kk-olive); background: transparent; color: var(--kk-olive); font: inherit; font-size: 12px; font-weight: 800; letter-spacing: .04em; cursor: pointer; transition: background .2s, color .2s, transform .2s; }
#kicker-landing .kk-po-plus:hover { background: var(--kk-olive); color: var(--kk-on-cta); transform: translateY(-1px); }
#kicker-landing .kk-po-cat.is-in .kk-po-plus { border-color: var(--kk-line); color: var(--kk-muted); }
#kicker-landing .kk-po-cat.is-in .kk-po-plus:hover { border-color: var(--kk-olive); background: var(--kk-olive); color: var(--kk-on-cta); }
/* summary */
#kicker-landing .kk-po-sum { display: grid; gap: 6px; padding-top: 16px; border-top: 1.5px dashed var(--kk-line); }
#kicker-landing .kk-po-sum-row { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; }
#kicker-landing .kk-po-sum-row span { font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--kk-muted); }
#kicker-landing .kk-po-sum-row b { font-family: var(--kk-display); font-weight: 400; font-size: 30px; line-height: 1; letter-spacing: .02em; color: var(--kk-green); font-variant-numeric: tabular-nums; }
#kicker-landing .kk-po-sum-note { margin: 0; font-size: 12px; color: var(--kk-muted); }
/* form */
#kicker-landing .kk-po-form { gap: 12px; margin-top: 0; }
#kicker-landing .kk-po-form label span i { font-style: normal; font-weight: 500; letter-spacing: 0; text-transform: none; opacity: .7; }
#kicker-landing .kk-po-form input, #kicker-landing .kk-po-form textarea { padding: 13px 14px; border-radius: 12px; }
#kicker-landing .kk-po-form input::placeholder, #kicker-landing .kk-po-form textarea::placeholder { color: rgba(var(--kk-ink-rgb), .35); }
#kicker-landing .kk-po-form-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#kicker-landing .kk-po-submit { width: 100%; margin-top: 4px; gap: 12px; }
#kicker-landing .kk-po-submit.is-disabled { opacity: .55; }
#kicker-landing .kk-po-submit.is-busy { pointer-events: none; opacity: .7; }
#kicker-landing .kk-po-arrow { width: 18px; height: 18px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .25s; }
#kicker-landing .kk-po-submit:hover .kk-po-arrow { transform: translateX(4px); }
#kicker-landing .kk-po-fine { margin: 2px 0 0; font-size: 12px; line-height: 1.55; color: var(--kk-muted); text-align: center; }
/* steps */
#kicker-landing .kk-po-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; list-style: none; margin: 36px 0 0; padding: 26px 0 0; border-top: 1px solid var(--kk-line); }
#kicker-landing .kk-po-steps li { display: grid; gap: 4px; align-content: start; }
#kicker-landing .kk-po-step-n { font-family: var(--kk-display); font-size: 34px; line-height: 1; color: var(--kk-green); }
#kicker-landing .kk-po-steps b { font-size: 14px; font-weight: 800; }
#kicker-landing .kk-po-steps small { font-size: 12px; color: var(--kk-muted); line-height: 1.5; }
/* done */
#kicker-landing .kk-po-done { display: grid; gap: 14px; justify-items: center; text-align: center; max-width: 560px; margin: 0 auto; padding: clamp(28px, 4vw, 48px) clamp(22px, 3vw, 40px); border-radius: 26px; border: 1.5px solid var(--kk-line); background: var(--kk-surface); }
#kicker-landing .kk-po-done[hidden], #kicker-landing .kk-po-grid[hidden], #kicker-landing .kk-po-steps[hidden], #kicker-landing .kk-po-empty[hidden] { display: none !important; }
#kicker-landing .kk-po-done-mark { width: 84px; height: 84px; border-radius: 50%; display: grid; place-items: center; background: var(--kk-olive); color: var(--kk-on-cta); font-size: 44px; font-weight: 800; line-height: 1; box-shadow: 0 22px 44px -18px rgba(205,235,75,.7); animation: kk-po-pop .6s cubic-bezier(.2,1.4,.4,1) both; }
@keyframes kk-po-pop { from { transform: scale(.4); opacity: 0; } to { transform: none; opacity: 1; } }
#kicker-landing .kk-po-done-title { font-size: clamp(30px, 3.4vw, 46px); line-height: 1.02; color: var(--kk-green); }
#kicker-landing .kk-po-done p { margin: 0; max-width: 460px; }
#kicker-landing .kk-po-done-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 6px; }
#kicker-landing .kk-checkout.is-current { pointer-events: none; }
@media (max-width: 900px) {
  #kicker-landing .kk-po-grid { grid-template-columns: 1fr; }
  #kicker-landing .kk-po-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 819px) {
  #kicker-landing.kk-po-page .kk-po-hero { padding-top: 112px; }
  #kicker-landing .kk-po-main { padding-top: 12px; }
  #kicker-landing .kk-po-card { padding: 18px 16px; border-radius: 18px; gap: 14px; }
  #kicker-landing .kk-po-item { grid-template-columns: 44px minmax(0, 1fr) auto 24px; grid-template-areas: "fig body qty x" "fig price price x"; gap: 8px 10px; padding: 8px 8px 8px 8px; }
  #kicker-landing .kk-po-item .kk-po-fig { grid-area: fig; width: 44px; height: 58px; }
  #kicker-landing .kk-po-item .kk-po-item-body { grid-area: body; }
  #kicker-landing .kk-po-item .kk-qty { grid-area: qty; height: 32px; }
  #kicker-landing .kk-po-item .kk-qty button { width: 28px; }
  #kicker-landing .kk-po-item-price { grid-area: price; text-align: left; min-width: 0; }
  #kicker-landing .kk-po-remove { grid-area: x; }
  #kicker-landing .kk-po-item-body b { font-size: 16px; }
  #kicker-landing .kk-po-cat { grid-template-columns: 34px minmax(0, 1fr) auto; }
  #kicker-landing .kk-po-cat .kk-po-fig { width: 34px; height: 44px; }
  #kicker-landing .kk-po-cat-price { display: none; }
  #kicker-landing .kk-po-form-2 { grid-template-columns: 1fr; }
  #kicker-landing .kk-po-sum-row b { font-size: 26px; }
  #kicker-landing .kk-po-steps { margin-top: 26px; gap: 14px; }
}

/* pre-order summary: gross / combo discount / total */
#kicker-landing .kk-po-sum-sub b, #kicker-landing .kk-po-sum-disc b { font-family: var(--kk-sans); font-weight: 700; font-size: 14px; color: var(--kk-ink); }
#kicker-landing .kk-po-sum-disc b { color: var(--kk-grape); }
#kicker-landing .kk-po-sum-disc span { color: var(--kk-grape); }
#kicker-landing .kk-po-sum-row[hidden] { display: none; }
#kicker-landing .kk-po-cat { position: relative; }
#kicker-landing .kk-po-cat-save { position: absolute; right: 8px; bottom: -4px; font-size: 10px; font-weight: 800; letter-spacing: .04em; color: var(--kk-grape); }
#kicker-landing .kk-po-cat.is-in .kk-po-cat-save { display: none; }

/* ───────────── shared footer (snippet kk-footer) ───────────── */
#kicker-landing .kk-foot { position: relative; z-index: 2; margin-top: 0; padding: clamp(48px, 6vw, 80px) var(--kk-gutter) 0; background: #08120E; color: var(--kk-ink); border-top: 1px solid var(--kk-line); }
#kicker-landing .kk-foot-inner { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: 1.3fr 1fr 1fr 1fr; gap: clamp(24px, 3vw, 48px); align-items: start; }
#kicker-landing .kk-foot.has-news .kk-foot-inner { grid-template-columns: 1.1fr 1fr 1fr 1fr 1.3fr; }
#kicker-landing .kk-foot-brand { display: grid; gap: 14px; justify-items: start; }
#kicker-landing .kk-foot-brand img { height: 74px; width: auto; display: block; }
#kicker-landing .kk-foot-tag { margin: 0; font-size: 13px; color: var(--kk-muted); line-height: 1.5; max-width: 220px; }
#kicker-landing .kk-foot-country { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1.5px solid var(--kk-line); border-radius: 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
#kicker-landing .kk-foot-col h4 { margin: 0 0 16px; font-family: var(--kk-display); font-weight: 400; font-size: 20px; letter-spacing: .04em; text-transform: uppercase; color: var(--kk-gold); }
#kicker-landing .kk-foot-col p { margin: 0 0 10px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
#kicker-landing .kk-foot-col ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
#kicker-landing .kk-foot-col li a, #kicker-landing .kk-foot-col p a { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--kk-ink); text-decoration: none; opacity: .92; }
#kicker-landing .kk-foot-col li a:hover, #kicker-landing .kk-foot-col p a:hover { color: var(--kk-olive); opacity: 1; }
#kicker-landing .kk-foot-social { display: flex; gap: 10px; flex-wrap: wrap; margin: 14px 0 18px; }
#kicker-landing .kk-foot-social a { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--kk-ink); color: #0B1712; text-decoration: none; transition: transform .2s, background .2s; }
#kicker-landing .kk-foot-social a:hover { transform: translateY(-2px); background: var(--kk-olive); }
#kicker-landing .kk-foot-social svg { width: 20px; height: 20px; fill: currentColor; }
#kicker-landing .kk-foot-zalo { font: 800 11px/1 var(--kk-sans); letter-spacing: 0; }
#kicker-landing .kk-foot-badge { display: block; margin-top: 4px; } #kicker-landing .kk-foot-badge img { height: 56px; width: auto; display: block; }
#kicker-landing .kk-foot-form { display: grid; gap: 10px; }
#kicker-landing .kk-foot-form input { font: inherit; font-size: 14px; padding: 12px 14px; border-radius: 8px; border: 1.5px solid var(--kk-line); background: #F4F1E6; color: #0B1712; }
#kicker-landing .kk-foot-form input:focus { outline: 2px solid var(--kk-olive); outline-offset: 1px; }
#kicker-landing .kk-foot-form .kk-btn { width: 100%; min-height: 44px; font-size: 14px; }
#kicker-landing .kk-foot-fine { margin: 0; font-size: 12px; color: var(--kk-muted); font-weight: 500; letter-spacing: 0; text-transform: none; }
#kicker-landing .kk-foot-ok { padding: 12px 14px; border-radius: 8px; background: rgba(205,235,75,.15); border: 1.5px solid var(--kk-olive); font-size: 13px; font-weight: 700; letter-spacing: 0; text-transform: none; }
#kicker-landing .kk-foot-err { padding: 10px 12px; border-radius: 8px; background: rgba(229,184,74,.15); border: 1.5px solid var(--kk-grape); font-size: 12px; font-weight: 500; letter-spacing: 0; text-transform: none; }
#kicker-landing .kk-foot-bottom { max-width: 1240px; margin: clamp(36px, 5vw, 56px) auto 0; padding: 22px 0; border-top: 1px solid var(--kk-line); display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--kk-muted); }
#kicker-landing .kk-foot-legal { font-weight: 500; letter-spacing: 0; text-transform: none; }
#kicker-landing[data-kk-theme="light"] .kk-foot { background: #0E1F16; color: #F4F1E6; }
@media (max-width: 1100px) { #kicker-landing .kk-foot-inner { grid-template-columns: 1fr 1fr 1fr; } #kicker-landing .kk-foot-brand { grid-column: 1 / -1; } #kicker-landing .kk-foot-news { grid-column: 1 / -1; max-width: 480px; } }
@media (max-width: 819px) {
  #kicker-landing .kk-foot { padding-top: 40px; }
  #kicker-landing .kk-foot-inner { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
  #kicker-landing .kk-foot-brand, #kicker-landing .kk-foot-news { grid-column: 1 / -1; }
  #kicker-landing .kk-foot-brand img { height: 60px; }
  #kicker-landing .kk-foot-col h4 { font-size: 18px; margin-bottom: 12px; }
  #kicker-landing .kk-foot-col li a, #kicker-landing .kk-foot-col p a, #kicker-landing .kk-foot-col p { font-size: 12px; }
  #kicker-landing .kk-foot-bottom { justify-content: center; text-align: center; }
}

/* ───────────── community page (kicker-community.liquid) ───────────── */
#kicker-landing.kk-cm-page .kk-cm-hero { padding-top: 150px; padding-bottom: 20px; }
#kicker-landing .kk-cm-hero-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(24px, 4vw, 64px); align-items: center; }
#kicker-landing .kk-cm-hero .kk-section-head { margin-bottom: 0; }
#kicker-landing .kk-cm-hero-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px; }
#kicker-landing .kk-cm-stats { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
#kicker-landing .kk-cm-stats li { display: grid; gap: 4px; padding: 22px 20px; border-radius: 18px; border: 1.5px solid var(--kk-line); background: var(--kk-surface); }
#kicker-landing .kk-cm-stats b { font-family: var(--kk-display); font-weight: 400; font-size: clamp(36px, 3.4vw, 52px); line-height: 1; color: var(--kk-green); }
#kicker-landing .kk-cm-stats span { font-size: 13px; color: var(--kk-muted); }
#kicker-landing .kk-cm-phases { padding-top: 40px; }
#kicker-landing .kk-cm-join .kk-po-steps { border-top: 0; margin-top: 0; padding-top: 0; }
#kicker-landing .kk-cm-join .kk-po-steps b { color: #F4F1E6; }
#kicker-landing .kk-cm-join .kk-po-steps small { color: rgba(244,241,230,.72); }
#kicker-landing .kk-cm-join-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 36px; }
#kicker-landing .kk-cm-join .kk-btn-ghost { border-color: #F4F1E6; color: #F4F1E6; }
#kicker-landing .kk-cm-quotes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 28px); }
#kicker-landing .kk-cm-quote { margin: 0; display: grid; gap: 16px; padding: clamp(22px, 2.6vw, 32px); border-radius: 22px; border: 1.5px solid var(--kk-line); background: var(--kk-surface); }
#kicker-landing .kk-cm-quote img, #kicker-landing .kk-cm-avatar { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; }
#kicker-landing .kk-cm-avatar { display: grid; place-items: center; background: var(--kk-olive); color: var(--kk-on-cta); font-family: var(--kk-display); font-size: 26px; }
#kicker-landing .kk-cm-quote blockquote { margin: 0; font-size: 17px; line-height: 1.55; font-style: italic; }
#kicker-landing .kk-cm-quote blockquote::before { content: '“'; color: var(--kk-olive); font-family: var(--kk-display); font-size: 1.4em; line-height: 0; margin-right: 2px; }
#kicker-landing .kk-cm-quote figcaption { display: grid; gap: 2px; font-size: 13px; }
#kicker-landing .kk-cm-quote figcaption b { font-size: 14px; }
#kicker-landing .kk-cm-quote figcaption span { color: var(--kk-muted); }
#kicker-landing .kk-cm-faq-list { display: grid; gap: 10px; max-width: 820px; }
#kicker-landing .kk-cm-faq-item { border: 1.5px solid var(--kk-line); border-radius: 16px; background: var(--kk-surface); padding: 0 20px; }
#kicker-landing .kk-cm-faq-item summary { cursor: pointer; list-style: none; padding: 18px 32px 18px 0; position: relative; font-weight: 800; font-size: 16px; }
#kicker-landing .kk-cm-faq-item summary::-webkit-details-marker { display: none; }
#kicker-landing .kk-cm-faq-item summary::after { content: '+'; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-family: var(--kk-display); font-size: 26px; color: var(--kk-olive); transition: transform .25s; }
#kicker-landing .kk-cm-faq-item[open] summary::after { transform: translateY(-50%) rotate(45deg); }
#kicker-landing .kk-cm-faq-item p { margin: 0; padding: 0 0 18px; color: var(--kk-muted); line-height: 1.65; }
#kicker-landing .kk-cm-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
#kicker-landing .kk-section-accent .kk-btn.kk-btn-ghost { background: transparent; border: 2px solid #0B1712; color: #0B1712; box-shadow: none; }
#kicker-landing .kk-section-accent .kk-btn.kk-btn-ghost:hover { background: #0B1712; color: #CDEB4B; }
@media (max-width: 1100px) { #kicker-landing .kk-cm-quotes { grid-template-columns: 1fr; } }
@media (max-width: 900px) { #kicker-landing .kk-cm-hero-grid { grid-template-columns: 1fr; } }
@media (max-width: 819px) {
  #kicker-landing.kk-cm-page .kk-cm-hero { padding-top: 112px; }
  #kicker-landing .kk-cm-stats { gap: 10px; }
  #kicker-landing .kk-cm-stats li { padding: 16px 14px; border-radius: 14px; }
  #kicker-landing .kk-cm-stats b { font-size: 32px; }
  #kicker-landing .kk-cm-quote blockquote { font-size: 15px; }
}

/* ───────────── lab report popup ───────────── */
#kicker-landing .kk-modal { position: fixed; inset: 0; z-index: 120; display: none; align-items: center; justify-content: center; padding: 24px; }
#kicker-landing .kk-modal.is-on { display: flex; }
#kicker-landing .kk-modal-back { position: absolute; inset: 0; background: rgba(5, 12, 9, .82); }
#kicker-landing .kk-modal-panel { position: relative; z-index: 1; width: min(860px, 100%); max-height: calc(100vh - 48px); display: flex; flex-direction: column; background: #F4F1E6; color: #0B1712; border-radius: 18px; overflow: hidden; box-shadow: 0 40px 90px -30px rgba(0,0,0,.8); animation: kk-modal-in .28s cubic-bezier(.2,.9,.3,1.2) both; }
@keyframes kk-modal-in { from { transform: translateY(18px) scale(.97); opacity: 0; } to { transform: none; opacity: 1; } }
#kicker-landing .kk-modal-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px 12px 20px; border-bottom: 1px solid rgba(11,23,18,.12); background: #fff; }
#kicker-landing .kk-modal-title { display: grid; line-height: 1.15; }
#kicker-landing .kk-modal-title small { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #6B7A66; }
#kicker-landing .kk-modal-title b { font-family: var(--kk-display); font-weight: 400; font-size: 22px; letter-spacing: .04em; text-transform: uppercase; }
#kicker-landing .kk-modal-tools { display: flex; align-items: center; gap: 8px; }
#kicker-landing .kk-modal-pdf { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #163826; text-decoration: none; padding: 9px 14px; border: 1.5px solid #163826; border-radius: 999px; }
#kicker-landing .kk-modal-pdf:hover { background: #163826; color: #CDEB4B; }
#kicker-landing .kk-modal-pdf[hidden] { display: none; }
#kicker-landing .kk-modal-x { width: 40px; height: 40px; border-radius: 50%; border: 0; background: #0B1712; color: #F4F1E6; font: 400 26px/1 var(--kk-sans); cursor: pointer; }
#kicker-landing .kk-modal-x:hover { background: #CDEB4B; color: #0B1712; }
#kicker-landing .kk-modal-body { overflow: auto; -webkit-overflow-scrolling: touch; background: #DDD9CC; padding: 14px; display: grid; gap: 14px; }
#kicker-landing .kk-modal-body img { display: block; width: 100%; height: auto; background: #fff; box-shadow: 0 8px 24px -12px rgba(0,0,0,.4); }
#kicker-landing .kk-modal-body iframe { width: 100%; height: 75vh; border: 0; background: #fff; }
html.kk-modal-open, html.kk-modal-open body { overflow: hidden; }
@media (max-width: 819px) {
  #kicker-landing .kk-modal { padding: 0; }
  #kicker-landing .kk-modal-panel { width: 100%; height: 100%; max-height: none; border-radius: 0; }
  #kicker-landing .kk-modal-head { padding: 10px 10px 10px 16px; }
  #kicker-landing .kk-modal-title b { font-size: 18px; }
  #kicker-landing .kk-modal-pdf { padding: 8px 10px; font-size: 11px; }
  #kicker-landing .kk-modal-body { padding: 8px; gap: 8px; }
}

/* phones: the header GIỎ HÀNG button and the sticky buy bar do the same job → show only one at a time */
@media (max-width: 819px) {
  #kicker-landing .kk-header .kk-checkout { transition: opacity .25s, transform .25s; }
  #kicker-landing.has-buybar .kk-header .kk-checkout { opacity: 0; transform: translateY(-8px); pointer-events: none; }
}

/* ═══ gradient titles (14/09): amber → "90 ngày với Kicker" gradient · lime → "Dầu olive để uống" gradient · white → "bùng nổ" gradient ═══ */
#kicker-landing .kk-grad-amber, #kicker-landing .kk-grad-lime, #kicker-landing .kk-grad-ivory { -webkit-background-clip: text; background-clip: text; color: transparent; }
/* amber */
#kicker-landing .kk-eyebrow { background: linear-gradient(180deg, #F1D283 0%, #E5B84A 52%, #C89A36 100%); -webkit-background-clip: text; background-clip: text; color: transparent; padding: .1em 0; margin: -.1em 0; }
#kicker-landing .kk-eyebrow::before { background: linear-gradient(180deg, #F1D283, #C89A36); }
#kicker-landing .kk-section-dark .kk-eyebrow { background: none; color: var(--kk-olive-deep); }
#kicker-landing .kk-section-dark .kk-eyebrow::before { background: currentColor; }
#kicker-landing .kk-card-tag, #kicker-landing .kk-harvest-tag, #kicker-landing .kk-foot-col h4 { background: linear-gradient(180deg, #F1D283 0%, #E5B84A 52%, #C89A36 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-card-tag, #kicker-landing .kk-harvest-tag { display: inline-block; padding: .1em 0; margin: -.1em 0; }
#kicker-landing .kk-foot-col h4 { display: inline-block; padding: .18em .04em .1em; margin: -.18em 0 calc(16px - .1em); }
#kicker-landing .kk-harvest-card.is-whiskey .kk-harvest-media .kk-harvest-big { background: linear-gradient(180deg, #F1D283 0%, #E5B84A 52%, #C89A36 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
/* lime */
#kicker-landing .kk-harvest-media .kk-harvest-big, #kicker-landing .kk-manifesto-line, #kicker-landing .kk-step-n, #kicker-landing .kk-po-step-n, #kicker-landing .kk-po-done-title, #kicker-landing .kk-cm-stats b, #kicker-landing .kk-stat-v { background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-manifesto-line, #kicker-landing .kk-stat-v, #kicker-landing .kk-po-done-title { padding: .18em .04em .1em; margin: -.18em 0 -.1em; }
#kicker-landing .kk-step-n, #kicker-landing .kk-po-step-n, #kicker-landing .kk-cm-stats b { display: inline-block; padding: .12em .04em .06em; margin: -.12em 0 -.06em; }
/* ivory (white) */
#kicker-landing .kk-card-name, #kicker-landing .kk-option-name, #kicker-landing .kk-step-t, #kicker-landing .kk-story-title, #kicker-landing .kk-po-item-body b, #kicker-landing .kk-po-steps b, #kicker-landing .kk-cm-join .kk-po-steps b { background: linear-gradient(180deg, #FFFFFF, #F4F1E6 60%, #D9D4BF); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-card-name, #kicker-landing .kk-step-t, #kicker-landing .kk-story-title { padding: .18em .04em .1em; margin: -.18em 0 -.1em; }
#kicker-landing .kk-option-name, #kicker-landing .kk-po-item-body b { display: inline-block; padding: .14em .04em .08em; margin: -.14em 0 -.08em; }
/* pre-order intro: first line bold ivory */
#kicker-landing .kk-po-hero .kk-section-head p em { font-style: normal; font-weight: 700; color: var(--kk-ink); }

/* stories: "see all posts" button under the cards */
#kicker-landing .kk-stories-more { display: flex; justify-content: center; margin-top: clamp(28px, 3.5vw, 44px); }
#kicker-landing .kk-stories-more .kk-btn { gap: 12px; }
#kicker-landing .kk-stories-more .kk-btn:hover .kk-po-arrow { transform: translateX(4px); }
@media (max-width: 819px) { #kicker-landing .kk-stories-more { margin-top: 20px; } #kicker-landing .kk-stories-more .kk-btn { width: 100%; } }

/* article titles: same treatment as the footer headings (Anton, amber gradient, wider tracking, looser lines) */
#kicker-landing .kk-story-title { font-size: clamp(18px, 1.5vw, 22px); line-height: 1.32; letter-spacing: .05em; background: linear-gradient(180deg, #F1D283 0%, #E5B84A 52%, #C89A36 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
@media (max-width: 819px) { #kicker-landing .kk-story-title { font-size: 15px; line-height: 1.3; letter-spacing: .04em; } }

/* ───────────── content pages (kicker-page.liquid) ───────────── */
#kicker-landing.kk-pg-page .kk-pg { padding-top: 72px; }
#kicker-landing .kk-pg .kk-section { padding-top: clamp(40px, 5vw, 72px); padding-bottom: clamp(40px, 5vw, 72px); }
#kicker-landing .kk-pg .kk-section-inner { max-width: 1180px; }
/* hero: full-width image, title overlaid bottom-left */
#kicker-landing .kk-pg-hero { position: relative; min-height: clamp(360px, 48vw, 560px); display: flex; align-items: flex-end; overflow: hidden; background: var(--kk-paper-2); }
#kicker-landing .kk-pg-hero-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .55; }
#kicker-landing .kk-pg-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11,23,18,.15) 0%, rgba(11,23,18,.25) 50%, rgba(11,23,18,.92) 100%); }
#kicker-landing .kk-pg-hero-body { position: relative; z-index: 1; width: 100%; max-width: 1180px; margin: 0 auto; padding: clamp(36px, 5vw, 64px) var(--kk-gutter) clamp(34px, 4vw, 56px); display: grid; gap: 12px; }
#kicker-landing .kk-pg-hero.is-plain { min-height: 0; padding-top: 40px; }
#kicker-landing .kk-pg-hero.is-plain::after { display: none; }
#kicker-landing .kk-pg-hero-sub { margin: 0; max-width: 620px; font-size: clamp(15px, 1.2vw, 18px); color: rgba(244,241,230,.82); }
/* rich text block */
#kicker-landing .kk-pg-rich .kk-section-inner { display: grid; gap: 16px; justify-items: center; text-align: center; max-width: 900px; }
#kicker-landing .kk-pg-rich .kk-section-title { font-size: clamp(30px, 4vw, 58px); }
#kicker-landing .kk-pg-rich-text { font-size: clamp(16px, 1.3vw, 19px); line-height: 1.7; color: var(--kk-ink); }
#kicker-landing .kk-pg-rich.is-big .kk-pg-rich-text { font-family: var(--kk-display); font-size: clamp(20px, 2.3vw, 32px); line-height: 1.32; letter-spacing: .03em; text-transform: uppercase; background: linear-gradient(180deg, #FFFFFF, #F4F1E6 60%, #D9D4BF); -webkit-background-clip: text; background-clip: text; color: transparent; padding: .18em .04em .1em; margin: -.18em 0 -.1em; }
#kicker-landing .kk-pg-rich-text em, #kicker-landing .kk-pg-text em { font-style: normal; font-weight: 700; color: var(--kk-gold); }
#kicker-landing .kk-pg-rich.is-big .kk-pg-rich-text em { color: transparent; background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); -webkit-background-clip: text; background-clip: text; }
#kicker-landing .kk-pg-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 6px; }
/* image + text */
#kicker-landing .kk-pg-it-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 72px); align-items: center; }
#kicker-landing .kk-pg-it.is-flip .kk-pg-it-fig { order: 2; }
#kicker-landing .kk-pg-it-fig { margin: 0; aspect-ratio: 4 / 3; border-radius: 22px; overflow: hidden; background: var(--kk-paper-2); }
#kicker-landing .kk-pg-it-fig img { width: 100%; height: 100%; object-fit: cover; display: block; }
#kicker-landing .kk-pg-it-body { display: grid; gap: 14px; }
#kicker-landing .kk-pg-it-body .kk-section-title { font-size: clamp(28px, 3.4vw, 48px); }
#kicker-landing .kk-pg-text { font-size: clamp(15px, 1.15vw, 17px); line-height: 1.7; color: var(--kk-muted); }
/* cards / people / stores grids */
#kicker-landing .kk-pg-grid { display: grid; gap: clamp(16px, 2.4vw, 28px); }
#kicker-landing .kk-pg-grid-card { grid-template-columns: repeat(3, minmax(0, 1fr)); }
#kicker-landing .kk-pg-grid-person { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#kicker-landing .kk-pg-grid-store { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#kicker-landing .kk-pg-card { display: grid; gap: 12px; align-content: start; padding: 16px 16px 22px; border-radius: 20px; border: 1.5px solid var(--kk-line); background: var(--kk-surface); }
#kicker-landing .kk-pg-card-fig { display: block; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: var(--kk-paper-2); }
#kicker-landing .kk-pg-card-fig img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .4s; }
#kicker-landing .kk-pg-card:hover .kk-pg-card-fig img { transform: scale(1.04); }
#kicker-landing .kk-pg-card-title { font-size: 22px; line-height: 1.2; letter-spacing: .04em; background: linear-gradient(180deg, #F1D283 0%, #E5B84A 52%, #C89A36 100%); -webkit-background-clip: text; background-clip: text; color: transparent; padding: .16em .04em .1em; margin: -.16em 0 -.1em; }
#kicker-landing .kk-pg-card p { margin: 0; font-size: 14px; line-height: 1.65; color: var(--kk-muted); }
#kicker-landing .kk-pg-card-more { font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--kk-olive); text-decoration: none; }
#kicker-landing .kk-pg-person { margin: 0; display: grid; gap: 12px; justify-items: center; text-align: center; }
#kicker-landing .kk-pg-person-fig { width: min(100%, 200px); aspect-ratio: 1; border-radius: 50%; overflow: hidden; background: var(--kk-surface-strong); border: 2px solid var(--kk-line); display: grid; place-items: center; }
#kicker-landing .kk-pg-person-fig img { width: 100%; height: 100%; object-fit: cover; }
#kicker-landing .kk-pg-person-fig i { font: 400 48px/1 var(--kk-display); color: var(--kk-olive); font-style: normal; }
#kicker-landing .kk-pg-person figcaption { display: grid; gap: 2px; }
#kicker-landing .kk-pg-person b { font-family: var(--kk-display); font-weight: 400; font-size: 20px; letter-spacing: .04em; text-transform: uppercase; }
#kicker-landing .kk-pg-person span { font-size: 13px; color: var(--kk-muted); }
#kicker-landing .kk-pg-store { display: grid; grid-template-columns: 40% 1fr; border-radius: 20px; overflow: hidden; border: 1.5px solid var(--kk-line); background: var(--kk-surface); }
#kicker-landing .kk-pg-store img { width: 100%; height: 100%; object-fit: cover; min-height: 200px; }
#kicker-landing .kk-pg-store-body { display: grid; gap: 8px; align-content: start; padding: 22px; }
#kicker-landing .kk-pg-store-body p { margin: 0; font-size: 14px; line-height: 1.6; color: var(--kk-muted); }
/* gallery */
#kicker-landing .kk-pg-gallery { padding-top: 0 !important; }
#kicker-landing .kk-pg-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
#kicker-landing .kk-pg-gallery-grid img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 14px; display: block; }
#kicker-landing .kk-pg-gallery-grid img:nth-child(2n) { transform: translateY(18px); }
/* faq */
#kicker-landing .kk-pg-faq { padding-top: 12px !important; padding-bottom: 12px !important; }
#kicker-landing .kk-pg-faq-title { font-size: clamp(24px, 2.6vw, 34px); margin-bottom: 14px; }
#kicker-landing .kk-pg-faq .kk-cm-faq-list { max-width: none; }
/* contact */
#kicker-landing .kk-pg-contact-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(20px, 3vw, 40px); align-items: start; }
#kicker-landing .kk-pg-contact-info { display: grid; gap: 18px; padding-top: 10px; }
#kicker-landing .kk-pg-contact-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
#kicker-landing .kk-pg-contact-list li { display: grid; gap: 2px; padding: 12px 0; border-bottom: 1px solid var(--kk-line); }
#kicker-landing .kk-pg-contact-list span { font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--kk-muted); }
#kicker-landing .kk-pg-contact-list a, #kicker-landing .kk-pg-contact-list b { font-size: 16px; font-weight: 700; color: var(--kk-ink); text-decoration: none; }
#kicker-landing .kk-pg-contact-list a:hover { color: var(--kk-olive); }
/* map */
#kicker-landing .kk-pg-map-frame { border-radius: 20px; overflow: hidden; border: 1.5px solid var(--kk-line); aspect-ratio: 16 / 7; background: var(--kk-paper-2); margin-top: 18px; }
#kicker-landing .kk-pg-map-frame iframe { width: 100%; height: 100%; border: 0; }
/* jobs */
#kicker-landing .kk-pg-jobs-list { list-style: none; margin: 18px 0 0; padding: 0; display: grid; gap: 10px; }
#kicker-landing .kk-pg-jobs-list li { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 16px 20px; border-radius: 16px; border: 1.5px solid var(--kk-line); background: var(--kk-surface); }
#kicker-landing .kk-pg-jobs-list li div { display: grid; gap: 2px; }
#kicker-landing .kk-pg-jobs-list b { font-family: var(--kk-display); font-weight: 400; font-size: 20px; letter-spacing: .04em; text-transform: uppercase; }
#kicker-landing .kk-pg-jobs-list span { font-size: 13px; color: var(--kk-muted); }
#kicker-landing .kk-pg-jobs-note { margin: 16px 0 0; font-size: 14px; }
#kicker-landing .kk-pg-spacer { height: clamp(20px, 4vw, 48px); }
@media (max-width: 1000px) { #kicker-landing .kk-pg-grid-card { grid-template-columns: 1fr 1fr; } #kicker-landing .kk-pg-grid-person { grid-template-columns: 1fr 1fr; } }
@media (max-width: 819px) {
  #kicker-landing.kk-pg-page .kk-pg { padding-top: 64px; }
  #kicker-landing .kk-pg-hero { min-height: 300px; }
  #kicker-landing .kk-pg-it-grid, #kicker-landing .kk-pg-contact-grid, #kicker-landing .kk-pg-grid-store, #kicker-landing .kk-pg-store { grid-template-columns: 1fr; }
  #kicker-landing .kk-pg-it.is-flip .kk-pg-it-fig { order: 0; }
  #kicker-landing .kk-pg-grid-card { grid-template-columns: 1fr 1fr; gap: 10px; }
  #kicker-landing .kk-pg-card { padding: 10px 10px 14px; gap: 8px; border-radius: 14px; }
  #kicker-landing .kk-pg-card-title { font-size: 16px; }
  #kicker-landing .kk-pg-card p { font-size: 12.5px; }
  #kicker-landing .kk-pg-gallery-grid { grid-template-columns: 1fr 1fr; }
  #kicker-landing .kk-pg-gallery-grid img:nth-child(2n) { transform: none; }
  #kicker-landing .kk-pg-jobs-list li { flex-direction: column; align-items: flex-start; }
  #kicker-landing .kk-pg-store img { min-height: 160px; max-height: 200px; }
}

/* ───────────── Instagram grid under the CTA (Marou style: 4×2 square tiles) ───────────── */
#kicker-landing .kk-insta { padding-top: clamp(56px, 7vw, 100px); }
#kicker-landing .kk-insta-head { margin-bottom: clamp(22px, 3vw, 36px); gap: 10px; }
#kicker-landing .kk-insta-head .kk-section-title { font-size: clamp(34px, 4.6vw, 64px); }
#kicker-landing .kk-insta-sub { margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; line-height: 1.6; color: var(--kk-ink); }
#kicker-landing .kk-insta-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
#kicker-landing .kk-insta-tile { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: var(--kk-surface-strong); text-decoration: none; }
#kicker-landing .kk-insta-tile.is-ph { background: linear-gradient(135deg, #15291F, #0B1712); animation: kk-insta-pulse 1.6s ease-in-out infinite; }
@keyframes kk-insta-pulse { 0%, 100% { opacity: .6; } 50% { opacity: 1; } }
#kicker-landing .kk-insta-tile img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
#kicker-landing .kk-insta-tile:hover img { transform: scale(1.05); }
#kicker-landing .kk-insta-badge { position: absolute; top: 10px; right: 10px; width: 22px; height: 22px; border-radius: 50%; background: rgba(11,23,18,.7); }
#kicker-landing .kk-insta-badge::after { content: ''; position: absolute; left: 8px; top: 6px; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #F4F1E6; }
#kicker-landing .kk-insta-cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 12px 12px; font-size: 12px; line-height: 1.4; color: #F4F1E6; background: linear-gradient(180deg, rgba(11,23,18,0), rgba(11,23,18,.88)); opacity: 0; transition: opacity .25s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
#kicker-landing .kk-insta-tile:hover .kk-insta-cap { opacity: 1; }
#kicker-landing .kk-insta-app { max-width: 1240px; margin: 0 auto; }
#kicker-landing .kk-insta-empty { text-align: center; font-size: 13px; }
#kicker-landing .kk-insta-more { display: flex; justify-content: center; margin-top: clamp(24px, 3vw, 40px); }
#kicker-landing .kk-insta-more .kk-btn { gap: 12px; }
#kicker-landing .kk-modal.is-video .kk-modal-panel { width: min(520px, 100%); }
#kicker-landing .kk-modal.is-video .kk-modal-body { padding: 0; background: #000; }
#kicker-landing .kk-modal.is-video .kk-modal-body iframe { height: min(80vh, 760px); }
@media (max-width: 819px) {
  #kicker-landing .kk-insta-grid { grid-template-columns: 1fr 1fr; gap: 6px; }
  #kicker-landing .kk-insta-cap { display: none; }
  #kicker-landing .kk-insta-sub { font-size: 11px; }
  #kicker-landing .kk-insta-more .kk-btn { width: 100%; }
}

/* Instagram tiles: hover → darken + Instagram icon */
#kicker-landing .kk-insta-hover { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(11,23,18,.55); opacity: 0; transition: opacity .25s; }
#kicker-landing .kk-insta-hover svg { width: 44px; height: 44px; color: #F4F1E6; filter: drop-shadow(0 4px 12px rgba(0,0,0,.5)); transform: scale(.85); transition: transform .25s; }
#kicker-landing .kk-insta-tile:hover .kk-insta-hover { opacity: 1; }
#kicker-landing .kk-insta-tile:hover .kk-insta-hover svg { transform: scale(1); }
@media (max-width: 819px) { #kicker-landing .kk-insta-hover svg { width: 30px; height: 30px; } }

/* Polyphenol spec: measurement source line (shown on every screen size) */
#kicker-landing .kk-spec-src { grid-column: 1 / -1; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: #E5B84A; margin-top: 2px; }
@media (max-width: 819px) { #kicker-landing .kk-spec-src { font-size: 11px; } }

/* ───────────── Cộng đồng v2: băng video người nổi tiếng + món ăn trending ───────────── */
#kicker-landing.kk-cm2 .kk-cm2-hero { padding: 150px 0 10px; }
#kicker-landing.kk-cm2 .kk-cm2-hero .kk-section-head { margin-bottom: 0; max-width: 900px; margin-left: auto; margin-right: auto; }
#kicker-landing .kk-cm2-title { font-size: clamp(38px, 6vw, 88px); line-height: 1.02; }
#kicker-landing .kk-cm2-intro { max-width: 640px; margin: 14px auto 0; font-size: 17px; line-height: 1.7; }
#kicker-landing .kk-cm2-block { padding-top: clamp(36px, 5vw, 70px); padding-bottom: clamp(20px, 3vw, 40px); }
#kicker-landing .kk-cm2-head { display: grid; gap: 12px; margin-bottom: clamp(18px, 2.5vw, 30px); max-width: 860px; }
#kicker-landing .kk-cm2-head .kk-section-title { font-size: clamp(26px, 3.6vw, 50px); }
#kicker-landing .kk-cm2-head .kk-muted { margin: 0; max-width: 620px; line-height: 1.7; }
#kicker-landing .kk-cm2-tag { justify-self: start; display: inline-block; padding: 7px 14px; border: 2px solid #E5B84A; color: #E5B84A; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; border-radius: 6px; }
#kicker-landing .kk-cm2-car { position: relative; --kk-cm2-w: 240px; }
#kicker-landing .kk-cm2-car-celeb { --kk-cm2-w: 270px; }
#kicker-landing .kk-cm2-track { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; scrollbar-width: none; padding: 4px 2px 10px; -webkit-overflow-scrolling: touch; }
#kicker-landing .kk-cm2-track::-webkit-scrollbar { display: none; }
#kicker-landing .kk-cm2-card { flex: 0 0 var(--kk-cm2-w); margin: 0; scroll-snap-align: start; display: grid; gap: 10px; align-content: start; }
#kicker-landing .kk-cm2-cap { font-family: var(--kk-display); font-size: 19px; line-height: 1.2; letter-spacing: .03em; text-transform: uppercase; color: var(--kk-ink); min-height: 2.4em; display: flex; align-items: end; }
#kicker-landing .kk-cm2-note { margin: 0; font-size: 13px; line-height: 1.5; color: var(--kk-muted); }
#kicker-landing .kk-cm2-vid { position: relative; display: block; aspect-ratio: 9 / 16; border-radius: 16px; overflow: hidden; background: #0F1F18; border: 1.5px solid rgba(244,241,230,.14); box-shadow: 0 10px 30px rgba(0,0,0,.35); text-decoration: none; transition: transform .3s, border-color .3s; }
#kicker-landing .kk-cm2-vid:hover { transform: translateY(-4px); border-color: #CDEB4B; }
#kicker-landing .kk-cm2-vid img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#kicker-landing .kk-cm2-ph { position: absolute; inset: 0; background: linear-gradient(160deg, #15291F, #0B1712); }
#kicker-landing .kk-cm2-ph::after { content: ''; position: absolute; inset: 0; background: radial-gradient(circle at 50% 40%, rgba(205,235,75,.16), transparent 55%); }
#kicker-landing .kk-cm2-vid.is-ready .kk-cm2-ph { display: none; }
#kicker-landing .kk-cm2-play { position: absolute; left: 50%; top: 50%; width: 58px; height: 58px; margin: -29px 0 0 -29px; border-radius: 50%; background: rgba(11,23,18,.72); border: 2px solid rgba(244,241,230,.9); transition: transform .3s, background .3s; }
#kicker-landing .kk-cm2-play::after { content: ''; position: absolute; left: 22px; top: 17px; border-style: solid; border-width: 10px 0 10px 17px; border-color: transparent transparent transparent #F4F1E6; }
#kicker-landing .kk-cm2-vid:hover .kk-cm2-play { transform: scale(1.1); background: #CDEB4B; border-color: #CDEB4B; }
#kicker-landing .kk-cm2-vid:hover .kk-cm2-play::after { border-left-color: #0B1712; }
#kicker-landing .kk-cm2-by { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 12px 12px; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: #F4F1E6; background: linear-gradient(180deg, rgba(11,23,18,0), rgba(11,23,18,.9)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#kicker-landing .kk-cm2-by:empty { display: none; }
#kicker-landing .kk-cm2-arrow { position: absolute; top: 50%; z-index: 2; width: 46px; height: 46px; margin-top: -23px; border-radius: 50%; border: 1.5px solid rgba(244,241,230,.3); background: rgba(11,23,18,.85); cursor: pointer; display: none; transition: background .25s, border-color .25s, opacity .25s; }
#kicker-landing .kk-cm2-arrow::after { content: ''; position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; border-right: 2.5px solid #F4F1E6; border-top: 2.5px solid #F4F1E6; transform: translate(-60%, -50%) rotate(45deg); }
#kicker-landing .kk-cm2-arrow.is-prev { left: -22px; } #kicker-landing .kk-cm2-arrow.is-prev::after { transform: translate(-30%, -50%) rotate(-135deg); }
#kicker-landing .kk-cm2-arrow.is-next { right: -22px; }
#kicker-landing .kk-cm2-arrow:hover { background: #CDEB4B; border-color: #CDEB4B; } #kicker-landing .kk-cm2-arrow:hover::after { border-color: #0B1712; }
#kicker-landing .kk-cm2-car.has-more .kk-cm2-arrow { display: block; }
#kicker-landing .kk-cm2-car.at-start .kk-cm2-arrow.is-prev, #kicker-landing .kk-cm2-car.at-end .kk-cm2-arrow.is-next { opacity: .25; pointer-events: none; }
#kicker-landing .kk-cm2-dish { padding: clamp(22px, 3vw, 34px) 0 6px; border-top: 1px solid rgba(244,241,230,.1); }
#kicker-landing .kk-cm2-dish-head { display: grid; gap: 6px; margin-bottom: 16px; }
#kicker-landing .kk-cm2-dish-name { margin: 0; font-family: var(--kk-display); font-size: clamp(22px, 2.6vw, 34px); line-height: 1.15; letter-spacing: .03em; text-transform: uppercase; padding: .16em .04em .1em; margin: -.16em 0 -.1em; background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-cm2-dish-head .kk-muted { margin: 0; max-width: 620px; }
#kicker-landing.kk-cm2 .kk-cm-cta-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; margin-top: 8px; }
#kicker-landing .kk-cm2-modal { position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center; padding: 20px; }
#kicker-landing .kk-cm2-modal[hidden] { display: none; }
#kicker-landing .kk-cm2-modal-back { position: absolute; inset: 0; background: rgba(4,10,7,.82); backdrop-filter: blur(6px); }
#kicker-landing .kk-cm2-modal-box { position: relative; width: min(420px, 100%); display: grid; gap: 10px; }
#kicker-landing .kk-cm2-modal-frame { aspect-ratio: 9 / 16; max-height: 82vh; border-radius: 18px; overflow: hidden; background: #000; border: 1.5px solid rgba(244,241,230,.2); }
#kicker-landing .kk-cm2-modal-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
#kicker-landing .kk-cm2-modal-x { position: absolute; right: -8px; top: -46px; width: 38px; height: 38px; border-radius: 50%; border: 1.5px solid rgba(244,241,230,.4); background: rgba(11,23,18,.9); color: #F4F1E6; font-size: 24px; line-height: 1; cursor: pointer; }
#kicker-landing .kk-cm2-modal-open { justify-self: center; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #CDEB4B; text-decoration: none; }
html.kk-cm2-lock { overflow: hidden; }
@media (max-width: 819px) {
  #kicker-landing.kk-cm2 .kk-cm2-hero { padding-top: 112px; }
  #kicker-landing .kk-cm2-car { --kk-cm2-w: 46vw; } #kicker-landing .kk-cm2-car-celeb { --kk-cm2-w: 62vw; }
  #kicker-landing .kk-cm2-track { gap: 10px; }
  #kicker-landing .kk-cm2-cap { font-size: 16px; }
  #kicker-landing .kk-cm2-arrow { display: none !important; }
  #kicker-landing .kk-cm2-play { width: 46px; height: 46px; margin: -23px 0 0 -23px; }
  #kicker-landing .kk-cm2-play::after { left: 17px; top: 13px; border-width: 8px 0 8px 14px; }
}

/* ───────────── bài viết: căn giữa + “Đọc thêm” ───────────── */
.kk-fb .kk-fb-article { max-width: 780px; margin: 0 auto; text-align: center; }
.kk-fb .kk-fb-article > h1 { margin-left: auto; margin-right: auto; }
.kk-fb .kk-fb-article .kk-story-meta { display: block; }
.kk-fb .kk-fb-article .kk-fb-cover { display: block; width: 100%; border-radius: 18px; margin: 10px auto 30px; }
.kk-fb .kk-fb-article .kk-rte { max-width: none; text-align: justify; text-justify: inter-word; hyphens: auto; }
.kk-fb .kk-fb-article .kk-rte h2, .kk-fb .kk-fb-article .kk-rte h3, .kk-fb .kk-fb-article .kk-rte h4 { text-align: left; margin: 1.6em 0 .6em; }
.kk-fb .kk-fb-article .kk-rte img { display: block; margin: 26px auto; max-width: 100%; height: auto; }
.kk-fb .kk-fb-article .kk-rte ul, .kk-fb .kk-fb-article .kk-rte ol { text-align: justify; margin: .6em 0 1em; padding-left: 1.4em; }
.kk-fb .kk-fb-article .kk-rte blockquote { margin: 1.4em auto; padding: 0 1em; border-left: 0; font-style: italic; color: var(--kk-muted); }
.kk-fb .kk-fb-article .kk-rte table { margin: 1em auto; }
.kk-fb .kk-fb-related { max-width: 1100px; margin: clamp(48px, 6vw, 80px) auto 0; padding-top: 36px; border-top: 1px solid var(--kk-line); }
.kk-fb .kk-fb-related-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 4px; }
.kk-fb .kk-fb-related h2 { margin: 0; font-family: var(--kk-display); font-size: clamp(24px, 3vw, 36px); letter-spacing: .04em; text-transform: uppercase; padding: .16em .04em .1em; margin: -.16em 0 -.1em; background: linear-gradient(180deg, #F1D283 0%, #E5B84A 52%, #C89A36 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.kk-fb .kk-fb-related-all { font-size: 13px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--kk-olive); text-decoration: none; }
.kk-fb .kk-fb-related .kk-fb-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 22px; }
.kk-fb .kk-fb-related .kk-fb-card img { aspect-ratio: 4 / 3; object-fit: cover; }
.kk-fb .kk-fb-related .kk-fb-card h3 { font-size: 17px; }
.kk-fb .kk-fb-related .kk-fb-kind { font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: #CDEB4B; }
@media (max-width: 819px) {
  .kk-fb .kk-fb-related .kk-fb-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  .kk-fb .kk-fb-related .kk-fb-card { padding: 10px; }
  .kk-fb .kk-fb-related .kk-fb-card h3 { font-size: 14px; }
  .kk-fb .kk-fb-article .kk-rte { font-size: 16px; }
}

/* blog list: mọi ảnh cùng tỉ lệ 4:3 như khối Đọc thêm */
.kk-fb .kk-fb-blog-grid .kk-fb-card img { aspect-ratio: 4 / 3; object-fit: cover; }

/* đặt trước: tag FREE SHIP */
#kicker-landing .kk-po-tag { display: inline-flex; align-items: center; gap: 8px; margin: 14px auto 0; padding: 9px 18px; border-radius: 999px; background: #CDEB4B; color: #0B1712; font-size: 13px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; box-shadow: 0 8px 24px rgba(205,235,75,.25); }
#kicker-landing .kk-po-tag::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: #0B1712; }
@media (max-width: 819px) { #kicker-landing .kk-po-tag { font-size: 12px; padding: 8px 14px; } }

/* ───────────── trang Sản phẩm ───────────── */
#kicker-landing.kk-sp-page .kk-sp-hero { padding: 150px 0 20px; }
#kicker-landing .kk-sp-title { font-size: clamp(40px, 6vw, 88px); line-height: 1.02; }
#kicker-landing .kk-sp-intro { max-width: 620px; margin: 12px auto 0; font-size: 17px; line-height: 1.7; }
#kicker-landing .kk-sp-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.4vw, 32px); margin-top: clamp(28px, 4vw, 56px); }
#kicker-landing .kk-sp-card { display: grid; gap: 8px; align-content: start; padding: clamp(16px, 2vw, 26px); border-radius: 22px; background: var(--kk-surface); border: 1.5px solid rgba(244,241,230,.12); transition: transform .3s, border-color .3s; }
#kicker-landing .kk-sp-card:hover { transform: translateY(-4px); border-color: rgba(205,235,75,.6); }
#kicker-landing .kk-sp-card-img { position: relative; display: block; aspect-ratio: 4 / 5; border-radius: 16px; overflow: hidden; background: radial-gradient(circle at 50% 30%, #1B3A2A, #0B1712 70%); margin-bottom: 8px; }
#kicker-landing .kk-sp-card-img img { width: 100%; height: 100%; object-fit: contain; display: block; transition: transform .5s; }
#kicker-landing .kk-sp-card:hover .kk-sp-card-img img { transform: scale(1.04); }
#kicker-landing .kk-sp-badge { position: absolute; top: 12px; left: 12px; padding: 7px 12px; border-radius: 999px; background: #E5B84A; color: #0B1712; font-size: 11px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
#kicker-landing .kk-sp-no { font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--kk-muted); }
#kicker-landing .kk-sp-name { margin: 0; font-size: clamp(28px, 2.8vw, 40px); line-height: 1.05; letter-spacing: .02em; text-transform: uppercase; padding: .1em .04em; margin: -.1em 0; background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-sp-sub { margin: 4px 0 0; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--kk-ink); }
#kicker-landing .kk-sp-tag { margin: 0; font-size: 14px; line-height: 1.6; }
#kicker-landing .kk-sp-price { display: flex; align-items: baseline; gap: 12px; margin-top: 6px; }
#kicker-landing .kk-sp-price b { font-family: var(--kk-display); font-size: 30px; letter-spacing: .02em; color: var(--kk-ink); }
#kicker-landing .kk-sp-price s { font-size: 15px; color: var(--kk-muted); }
#kicker-landing .kk-sp-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
#kicker-landing .kk-sp-card .kk-sp-actions .kk-btn { flex: 1 1 auto; justify-content: center; }
#kicker-landing .kk-sp-details { padding-top: clamp(40px, 6vw, 90px); }
#kicker-landing .kk-sp-detail { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(24px, 4vw, 64px); align-items: center; padding: clamp(28px, 4vw, 56px) 0; border-top: 1px solid rgba(244,241,230,.1); scroll-margin-top: 110px; }
#kicker-landing .kk-sp-detail.is-flip .kk-sp-detail-img { order: 2; }
#kicker-landing .kk-sp-detail-img { border-radius: 24px; overflow: hidden; background: radial-gradient(circle at 50% 35%, #1B3A2A, #0B1712 72%); aspect-ratio: 4 / 5; }
#kicker-landing .kk-sp-detail-img img { width: 100%; height: 100%; object-fit: contain; display: block; }
#kicker-landing .kk-sp-detail-text { display: grid; gap: 14px; }
#kicker-landing .kk-sp-detail-name { margin: 0; font-size: clamp(32px, 4vw, 56px); line-height: 1.02; letter-spacing: .02em; text-transform: uppercase; padding: .1em .04em; margin: -.1em 0; background: linear-gradient(180deg, #F1D283 0%, #E5B84A 52%, #C89A36 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-sp-detail-name small { display: block; margin-top: 8px; font-family: var(--kk-sans); font-size: 12px; font-weight: 800; letter-spacing: .16em; -webkit-text-fill-color: var(--kk-ink); color: var(--kk-ink); }
#kicker-landing .kk-sp-desc { margin: 0; font-size: 16px; line-height: 1.75; color: var(--kk-muted); max-width: 560px; }
#kicker-landing .kk-sp-specs { margin: 6px 0 4px; }
@media (max-width: 900px) { #kicker-landing .kk-sp-grid { grid-template-columns: 1fr; max-width: 520px; margin-left: auto; margin-right: auto; } }
@media (max-width: 819px) {
  #kicker-landing.kk-sp-page .kk-sp-hero { padding-top: 112px; }
  #kicker-landing .kk-sp-detail { grid-template-columns: 1fr; gap: 20px; }
  #kicker-landing .kk-sp-detail.is-flip .kk-sp-detail-img { order: 0; }
  #kicker-landing .kk-sp-detail-img { aspect-ratio: 1; max-width: 420px; margin: 0 auto; width: 100%; }
  #kicker-landing .kk-sp-price b { font-size: 26px; }
  #kicker-landing .kk-sp-actions .kk-btn { width: 100%; }
}

/* ───────────── footer v2: trái = "lắng nghe bạn" + social → logo + BCT; phải = 2 cột menu ───────────── */
#kicker-landing .kk-foot-v2 .kk-foot-inner { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 4vw, 72px); }
#kicker-landing .kk-foot-v2.has-news .kk-foot-inner { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr); }
#kicker-landing .kk-foot-left { display: grid; gap: clamp(26px, 3vw, 40px); align-content: start; }
#kicker-landing .kk-foot-listen { display: grid; gap: 16px; justify-items: start; padding-bottom: clamp(24px, 3vw, 36px); border-bottom: 1px solid rgba(244,241,230,.12); }
#kicker-landing .kk-foot-band-title { margin: 0; font-family: var(--kk-display); font-weight: 400; font-size: clamp(28px, 3vw, 40px); line-height: 1.1; letter-spacing: .03em; text-transform: uppercase; color: var(--kk-ink); }
#kicker-landing .kk-foot-band-title em { font-style: normal; padding: .1em .04em; background: linear-gradient(180deg, #E3F784 0%, #CDEB4B 52%, #B4D53A 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
#kicker-landing .kk-foot-listen > p { margin: 0; max-width: 520px; font-size: 14px; line-height: 1.7; color: var(--kk-muted); }
#kicker-landing .kk-foot-band-btn { gap: 12px; }
#kicker-landing .kk-foot-contact { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 16px 40px; }
#kicker-landing .kk-foot-contact a { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--kk-ink); }
#kicker-landing .kk-foot-contact small { display: block; font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: var(--kk-muted); margin-bottom: 3px; }
#kicker-landing .kk-foot-contact b { display: block; font-size: 18px; font-weight: 800; letter-spacing: .01em; line-height: 1.1; }
#kicker-landing .kk-foot-contact a:hover b { color: #CDEB4B; }
#kicker-landing .kk-foot-ci { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--kk-ink); color: #0B1712; flex: 0 0 44px; }
#kicker-landing .kk-foot-ci svg { width: 22px; height: 22px; fill: currentColor; }
#kicker-landing .kk-foot-ci img { width: 28px; height: 28px; display: block; border-radius: 7px; }
#kicker-landing .kk-foot-socials { display: flex; gap: 12px; flex-wrap: wrap; }
#kicker-landing .kk-foot-socials a { position: relative; width: 50px; height: 50px; border-radius: 12px; border: 2.5px solid var(--kk-ink); display: grid; place-items: center; color: var(--kk-ink); text-decoration: none; transition: background .25s, color .25s, transform .25s, border-color .25s; }
#kicker-landing .kk-foot-socials a:hover { background: #CDEB4B; border-color: #CDEB4B; color: #0B1712; transform: translateY(-3px); }
#kicker-landing .kk-foot-socials svg { width: 26px; height: 26px; fill: currentColor; }
#kicker-landing .kk-foot-socials a small { position: absolute; bottom: 4px; font-size: 7px; font-weight: 800; letter-spacing: .04em; }
#kicker-landing .kk-foot-socials a:has(small) svg { width: 20px; height: 20px; margin-top: -8px; }
#kicker-landing .kk-foot-zalo-txt { font-size: 12px; font-weight: 800; letter-spacing: .02em; }
#kicker-landing .kk-foot-v2 .kk-foot-brand { gap: 12px; }
#kicker-landing .kk-foot-brand-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
#kicker-landing .kk-foot-v2 .kk-foot-badge { margin: 0; }
@media (max-width: 1100px) {
  #kicker-landing .kk-foot-v2 .kk-foot-inner, #kicker-landing .kk-foot-v2.has-news .kk-foot-inner { grid-template-columns: 1fr 1fr; }
  #kicker-landing .kk-foot-left { grid-column: 1 / -1; }
}
@media (max-width: 819px) {
  #kicker-landing .kk-foot-v2 .kk-foot-inner { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
  #kicker-landing .kk-foot-left { grid-column: 1 / -1; }
  #kicker-landing .kk-foot-band-btn { width: 100%; }
  #kicker-landing .kk-foot-contact { flex-direction: column; gap: 12px; }
  #kicker-landing .kk-foot-socials { gap: 10px; }
  #kicker-landing .kk-foot-socials a { width: 46px; height: 46px; border-radius: 11px; }
}
/* CTA trên nền dạ quang: mỗi dòng không được gãy; JS thu chữ nhỏ lại cho vừa */
#kicker-landing .kk-section-accent .kk-cta-title .kk-giant-line { white-space: nowrap; }

/* footer v4: menu gộp 1 cột bên phải, logo + Việt Nam + BCT cùng hàng, nút góp ý cạnh icon */
#kicker-landing .kk-foot-v2 .kk-foot-inner { grid-template-columns: minmax(0, 1fr) max-content; gap: clamp(32px, 5vw, 90px); }
#kicker-landing .kk-foot-v2.has-news .kk-foot-inner { grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1.2fr); }
#kicker-landing .kk-foot-menus { display: grid; gap: clamp(26px, 3vw, 40px); align-content: start; justify-self: end; margin-right: clamp(0px, 15%, 200px); }
#kicker-landing .kk-foot-listen > p { max-width: 620px; }
#kicker-landing .kk-foot-brand-row { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
#kicker-landing .kk-foot-v2 .kk-foot-brand img { height: 64px; }
#kicker-landing .kk-foot-socials-row { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
#kicker-landing .kk-foot-band-btn { min-height: 50px; padding: 0 22px; font-size: 13px; }
@media (max-width: 1100px) { #kicker-landing .kk-foot-v2 .kk-foot-inner, #kicker-landing .kk-foot-v2.has-news .kk-foot-inner { grid-template-columns: minmax(0, 1fr) max-content; } #kicker-landing .kk-foot-left { grid-column: auto; } }
@media (max-width: 819px) { #kicker-landing .kk-foot-v2 .kk-foot-inner { grid-template-columns: 1fr; } #kicker-landing .kk-foot-menus { justify-self: start; margin-right: 0; } #kicker-landing .kk-foot-band-btn { width: auto; } }

/* footer v5 (Coolmate): dải ngang 3 phần → hàng cột bên dưới */
#kicker-landing .kk-foot-v5 .kk-foot-band { max-width: 1240px; margin: 0 auto clamp(32px, 4vw, 56px); padding-bottom: clamp(28px, 4vw, 48px); border-bottom: 1px solid rgba(244,241,230,.14); display: grid; grid-template-columns: minmax(0, 1.4fr) max-content max-content; gap: clamp(28px, 5vw, 90px); align-items: center; }
#kicker-landing .kk-foot-v5 .kk-foot-band-l { display: grid; gap: 14px; justify-items: start; }
#kicker-landing .kk-foot-v5 .kk-foot-band-l p { margin: 0; max-width: 560px; font-size: 14px; line-height: 1.7; color: var(--kk-muted); }
#kicker-landing .kk-foot-v5 .kk-foot-contact { display: grid; gap: 20px; margin: 0; }
#kicker-landing .kk-foot-v5 .kk-foot-contact b { font-size: 21px; }
#kicker-landing .kk-foot-v5 .kk-foot-socials { gap: 16px; justify-self: end; }
#kicker-landing .kk-foot-v5 .kk-foot-socials a { width: 54px; height: 54px; border-radius: 13px; }
#kicker-landing .kk-foot-v5 .kk-foot-inner { grid-template-columns: max-content max-content minmax(0, 1fr); gap: clamp(32px, 6vw, 110px); }
#kicker-landing .kk-foot-v5 .kk-foot-brand { justify-self: end; justify-items: end; text-align: right; gap: 12px; }
#kicker-landing .kk-foot-v5 .kk-foot-brand img { height: 64px; }
#kicker-landing .kk-foot-v5 .kk-foot-brand-row { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; justify-content: flex-end; }
#kicker-landing .kk-foot-v5 .kk-foot-badge { margin: 0; }
@media (max-width: 1100px) {
  #kicker-landing .kk-foot-v5 .kk-foot-band { grid-template-columns: minmax(0, 1fr) max-content; }
  #kicker-landing .kk-foot-v5 .kk-foot-socials { grid-column: 1 / -1; justify-self: start; }
  #kicker-landing .kk-foot-v5 .kk-foot-inner { grid-template-columns: 1fr 1fr; }
  #kicker-landing .kk-foot-v5 .kk-foot-brand { grid-column: 1 / -1; justify-self: start; justify-items: start; text-align: left; }
  #kicker-landing .kk-foot-v5 .kk-foot-brand-row { justify-content: flex-start; }
}
@media (max-width: 819px) {
  #kicker-landing .kk-foot-v5 .kk-foot-band { grid-template-columns: 1fr; gap: 24px; }
  #kicker-landing .kk-foot-v5 .kk-foot-contact { gap: 14px; }
  #kicker-landing .kk-foot-v5 .kk-foot-socials { gap: 10px; }
  #kicker-landing .kk-foot-v5 .kk-foot-socials a { width: 48px; height: 48px; border-radius: 12px; }
  #kicker-landing .kk-foot-v5 .kk-foot-inner { grid-template-columns: 1fr 1fr; gap: 28px 20px; }
}
#kicker-landing .kk-foot-lang { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1.5px solid var(--kk-line); border-radius: 8px; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--kk-ink); text-decoration: none; }
#kicker-landing .kk-foot-lang svg { width: 22px; height: 22px; display: block; }
#kicker-landing a.kk-foot-lang:hover { border-color: #CDEB4B; color: #CDEB4B; }

/* ───────────── tiêu đề gradient nhiều dòng: xếp lớp như hero (dòng dưới đè lên dòng trên, đổ bóng lên) ───────────── */
#kicker-landing .kk-layered > .kk-giant-line { display: block; position: relative; padding: .2em .04em .08em; margin: -.2em 0 -.08em; background: inherit; -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 3px 4px rgba(0,0,0,.45)) drop-shadow(0 8px 10px rgba(0,0,0,.3)); }
#kicker-landing .kk-layered { filter: none; }
#kicker-landing .kk-layered > .kk-giant-line:nth-child(1) { z-index: 1; } #kicker-landing .kk-layered > .kk-giant-line:nth-child(2) { z-index: 2; } #kicker-landing .kk-layered > .kk-giant-line:nth-child(3) { z-index: 3; } #kicker-landing .kk-layered > .kk-giant-line:nth-child(4) { z-index: 4; }
@media (max-width: 819px) { #kicker-landing .kk-layered > .kk-giant-line { filter: drop-shadow(0 3px 4px rgba(0,0,0,.45)); } }

/* trang Sản phẩm: video so sánh */
#kicker-landing .kk-sp-video { padding-top: clamp(30px, 5vw, 70px); padding-bottom: 0; }
#kicker-landing .kk-sp-video-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(24px, 4vw, 64px); align-items: center; }
#kicker-landing .kk-sp-video-text { display: grid; gap: 14px; justify-items: start; }
#kicker-landing .kk-sp-video-text .kk-section-title { font-size: clamp(30px, 4vw, 56px); }
#kicker-landing .kk-sp-pills { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
#kicker-landing .kk-sp-pills li { padding: 10px 16px; border-radius: 999px; background: #CDEB4B; color: #0B1712; font-size: 14px; font-weight: 900; letter-spacing: .04em; box-shadow: 0 8px 24px rgba(205,235,75,.22); }
#kicker-landing .kk-sp-pills li:nth-child(2) { background: #E5B84A; }
#kicker-landing .kk-sp-video-note { margin: -4px 0 0; font-size: 13px; font-weight: 700; color: #E5B84A; letter-spacing: .02em; }
#kicker-landing .kk-sp-video-box { position: relative; width: min(360px, 100%); aspect-ratio: 9 / 16; justify-self: center; border-radius: 22px; overflow: hidden; background: #0F1F18; border: 1.5px solid rgba(244,241,230,.16); box-shadow: 0 20px 50px rgba(0,0,0,.45); cursor: pointer; }
#kicker-landing .kk-sp-video-box img, #kicker-landing .kk-sp-video-box iframe { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border: 0; display: block; }
#kicker-landing .kk-sp-video-box .kk-cm2-play { cursor: pointer; }
#kicker-landing .kk-sp-video-box:hover .kk-cm2-play { transform: scale(1.1); background: #CDEB4B; border-color: #CDEB4B; }
#kicker-landing .kk-sp-video-box:hover .kk-cm2-play::after { border-left-color: #0B1712; }
@media (max-width: 819px) { #kicker-landing .kk-sp-video-grid { grid-template-columns: 1fr; } #kicker-landing .kk-sp-video-box { width: min(300px, 100%); } }

/* ───────────── câu "Vị cay gây thương nhớ" ở hero: 3 kiểu, chọn bằng data-kk-spice (setting) hoặc ?cay=1/2/3 ───────────── */
#kicker-landing .kk-spice { display: none; }
#kicker-landing .kk-spice i { font-style: normal; }
#kicker-landing[data-kk-spice="line"] .kk-spice-line { display: flex; align-items: center; gap: 10px; margin: -6px 0 4px; font-family: var(--kk-display); font-size: 26px; letter-spacing: .04em; text-transform: uppercase; line-height: 1.1; }
#kicker-landing .kk-spice-line b { font-weight: 400; background: linear-gradient(180deg, #F1D283 0%, #E5B84A 52%, #C89A36 100%); -webkit-background-clip: text; background-clip: text; color: transparent; padding: .1em .04em; margin: -.1em 0; filter: drop-shadow(0 3px 6px rgba(0,0,0,.5)); }
#kicker-landing .kk-spice-line i { font-size: 22px; }
#kicker-landing[data-kk-spice="tag"] .kk-spice-tag { position: absolute; z-index: 8; right: 29%; bottom: 23%; transform: rotate(7deg); display: inline-flex; align-items: center; gap: 10px; padding: 10px 20px 9px; background: #E5B84A; color: #0B1712; font: 400 21px/1 var(--kk-display); letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; box-shadow: 0 0 0 3px #0B1712, 0 14px 30px rgba(0,0,0,.5); animation: kk-stamp-float 7s ease-in-out -2s infinite; pointer-events: none; }
#kicker-landing .kk-spice-tag i { font-size: 20px; }
#kicker-landing[data-kk-spice="pill"] .kk-spice-pill { display: inline-flex; align-items: center; gap: 8px; justify-self: start; margin: -8px 0 2px; padding: 8px 16px; border-radius: 999px; background: linear-gradient(180deg, #F1D283, #E5B84A 52%, #C89A36); color: #0B1712; font-size: 12px; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; box-shadow: 0 8px 24px rgba(229,184,74,.3); }
#kicker-landing .kk-spice-pill i { font-size: 14px; }
@media (max-width: 819px) {
  #kicker-landing[data-kk-spice="line"] .kk-spice-line { font-size: 20px; margin: 0; }
  #kicker-landing[data-kk-spice="tag"] .kk-spice-tag { right: 6%; bottom: auto; top: calc(var(--kk-vh, 100vh) * .5); font-size: 13px; padding: 6px 12px 5px; box-shadow: 0 0 0 2px #0B1712; }
  #kicker-landing .kk-spice-tag i { font-size: 13px; }
  #kicker-landing[data-kk-spice="pill"] .kk-spice-pill { font-size: 11px; padding: 7px 12px; }
}

/* mũi tên đổi chai dưới bảng thông số */
#kicker-landing .kk-spec-nav { display: flex; align-items: center; justify-content: flex-end; gap: 14px; margin-top: 18px; }
#kicker-landing .kk-spec-nav-label { font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--kk-muted); }
#kicker-landing .kk-spec-nav-btn { position: relative; width: 46px; height: 46px; border-radius: 50%; border: 1.5px solid rgba(244,241,230,.3); background: rgba(11,23,18,.6); cursor: pointer; transition: background .25s, border-color .25s, transform .2s; }
#kicker-landing .kk-spec-nav-btn::after { content: ''; position: absolute; left: 50%; top: 50%; width: 11px; height: 11px; border-left: 2.5px solid #F4F1E6; border-bottom: 2.5px solid #F4F1E6; transform: translate(-30%, -50%) rotate(45deg); transition: border-color .25s; }
#kicker-landing .kk-spec-nav-btn.is-next::after { transform: translate(-70%, -50%) rotate(-135deg); }
#kicker-landing .kk-spec-nav-btn:hover { background: #CDEB4B; border-color: #CDEB4B; transform: translateY(-2px); }
#kicker-landing .kk-spec-nav-btn:hover::after { border-color: #0B1712; }
@media (max-width: 819px) { #kicker-landing .kk-spec-nav { justify-content: center; margin-top: 12px; } #kicker-landing .kk-spec-nav-btn { width: 40px; height: 40px; } }

/* popup kiểm nghiệm: tab Việt Nam / quốc tế */
#kicker-landing .kk-modal-tabs { display: flex; gap: 4px; padding: 3px; border-radius: 999px; background: rgba(11,23,18,.08); }
#kicker-landing .kk-modal-tab { border: 0; background: none; padding: 7px 14px; border-radius: 999px; font: 800 12px/1 var(--kk-sans); letter-spacing: .04em; color: #163826; cursor: pointer; white-space: nowrap; transition: background .2s, color .2s; }
#kicker-landing .kk-modal-tab.is-on { background: #163826; color: #F4F1E6; }
@media (max-width: 819px) { #kicker-landing .kk-modal-head { flex-wrap: wrap; } #kicker-landing .kk-modal-tabs { order: 3; width: 100%; } #kicker-landing .kk-modal-tab { flex: 1; text-align: center; padding: 7px 8px; font-size: 11px; } }

/* ───────────────────────── Vào bếp cùng Kicker ───────────────────────── */
#kicker-landing .kk-cook-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 32px; flex-wrap: wrap; }
#kicker-landing .kk-cook-title { font-size: clamp(30px, 3.6vw, 54px); color: var(--kk-sec-dark-fg); line-height: 1; margin-top: .3em; }
#kicker-landing .kk-cook-title em { font-style: normal; color: var(--kk-olive-deep); }
#kicker-landing .kk-cook-nav { display: flex; align-items: center; gap: 10px; }
#kicker-landing .kk-cook-count { font: 800 15px/1 var(--kk-sans); color: #163826; margin-right: 4px; min-width: 44px; text-align: center; }
#kicker-landing .kk-cook-arrow { width: 42px; height: 42px; border-radius: 50%; border: 2px solid #0E1F16; background: transparent; color: #0E1F16; cursor: pointer; display: grid; place-items: center; transition: background .2s, color .2s; }
#kicker-landing .kk-cook-arrow:hover { background: #0E1F16; color: #CDEB4B; }

#kicker-landing .kk-cook-stage { display: grid; grid-template-columns: minmax(220px, 320px) minmax(0, 1fr); gap: 26px; align-items: stretch; }
#kicker-landing .kk-cook-video { position: relative; border-radius: 20px; overflow: hidden; box-shadow: 0 24px 50px rgba(14,31,22,.3); background: #0B1712; }
#kicker-landing .kk-cook-vitem { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity .35s; }
#kicker-landing .kk-cook-vitem.is-active { position: relative; width: 100%; height: 100%; opacity: 1; visibility: visible; }
#kicker-landing .kk-cook-video:has(.kk-cook-vitem.is-active) { aspect-ratio: 9 / 16; }
#kicker-landing .kk-cook-vid { width: 100%; height: 100%; object-fit: cover; display: block; }
#kicker-landing .kk-cook-play { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
#kicker-landing .kk-cook-yt { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; background: none; cursor: pointer; display: block; }
#kicker-landing .kk-cook-yt-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
#kicker-landing .kk-cook-play i { width: 62px; height: 62px; border-radius: 50%; background: rgba(246,243,234,.92); display: grid; place-items: center; }
#kicker-landing .kk-cook-sound { position: absolute; right: 12px; top: 12px; background: rgba(14,31,22,.72); color: #fff; border: 0; border-radius: 999px; padding: 6px 10px; font-size: 15px; cursor: pointer; }
#kicker-landing .kk-cook-ig { position: absolute; left: 12px; bottom: 12px; display: flex; gap: 7px; align-items: center; background: rgba(14,31,22,.75); color: #fff; padding: 6px 11px; border-radius: 999px; font: 700 11px/1 var(--kk-sans); text-decoration: none; }

#kicker-landing .kk-cook-card { background: #F6F3EA; border-radius: 20px; padding: clamp(24px, 3vw, 40px); box-shadow: 0 24px 50px rgba(14,31,22,.16); position: relative; overflow: hidden; }
#kicker-landing .kk-cook-citem { display: none; }
#kicker-landing .kk-cook-citem.is-active { display: block; height: 100%; }
#kicker-landing .kk-cook-cover, #kicker-landing .kk-cook-recipe { display: flex; flex-direction: column; height: 100%; }
#kicker-landing .kk-cook-citem.is-active .kk-cook-cover { display: flex; }
#kicker-landing .kk-cook-citem.is-active .kk-cook-recipe { display: none; }
#kicker-landing .kk-cook-citem.is-open .kk-cook-cover { display: none; }
#kicker-landing .kk-cook-citem.is-open .kk-cook-recipe { display: flex; }
#kicker-landing .kk-cook-tag { display: inline-flex; align-self: flex-start; background: #0E1F16; color: #CDEB4B; padding: 6px 13px; border-radius: 999px; font: 800 11px/1 var(--kk-sans); letter-spacing: .12em; text-transform: uppercase; }
#kicker-landing .kk-cook-dish { font-family: var(--kk-display); font-size: clamp(26px, 3vw, 40px); line-height: 1.05; margin: 14px 0 8px; text-transform: uppercase; color: #163826; }
#kicker-landing .kk-cook-meta { display: flex; gap: 18px; flex-wrap: wrap; color: #66705F; font: 500 13px/1 var(--kk-sans); margin-bottom: 16px; }
#kicker-landing .kk-cook-meta b { color: #0E1F16; }
#kicker-landing .kk-cook-teaser { font: 400 16px/1.6 var(--kk-sans); max-width: 520px; margin: 0 0 20px; color: #2b3327; }
#kicker-landing .kk-cook-oil { display: flex; gap: 12px; align-items: center; background: #fff; border-radius: 12px; padding: 12px 14px; margin-bottom: 22px; max-width: 480px; }
#kicker-landing .kk-cook-oil-dot { width: 36px; height: 36px; border-radius: 9px; background: var(--kk-gold, #C9962E); color: #fff; display: grid; place-items: center; font-family: var(--kk-display); font-size: 15px; flex: none; }
#kicker-landing .kk-cook-oil b { display: block; font: 700 13px/1.3 var(--kk-sans); color: #0E1F16; }
#kicker-landing .kk-cook-oil small { display: block; color: #66705F; font-size: 11px; margin-top: 2px; }
#kicker-landing .kk-cook-open { align-self: flex-start; margin-top: auto; display: inline-flex; gap: 10px; align-items: center; }

#kicker-landing .kk-cook-rtop { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; }
#kicker-landing .kk-cook-rtop .kk-cook-dish { font-size: clamp(22px, 2.2vw, 30px); margin-top: 12px; }
#kicker-landing .kk-cook-close { width: 38px; height: 38px; border-radius: 50%; border: 2px solid #0E1F16; background: none; color: #0E1F16; font-size: 16px; cursor: pointer; flex: none; }
#kicker-landing .kk-cook-cols { display: grid; grid-template-columns: 1fr 1.35fr; gap: 28px; margin-top: 14px; flex: 1; }
#kicker-landing .kk-cook-cols h4 { font-family: var(--kk-display); font-size: 15px; letter-spacing: .06em; text-transform: uppercase; margin: 0 0 10px; color: #163826; }
#kicker-landing .kk-cook-ing { list-style: none; padding: 0; margin: 0; }
#kicker-landing .kk-cook-ing li { padding: 7px 0; border-bottom: 1px dashed #cfcab8; font: 400 14px/1.4 var(--kk-sans); color: #2b3327; }
#kicker-landing .kk-cook-ing li.hl { background: #CDEB4B; margin: 0 -8px; padding: 7px 8px; border-radius: 8px; border-bottom: 0; font-weight: 700; }
#kicker-landing .kk-cook-steps { counter-reset: kks; list-style: none; padding: 0; margin: 0; }
#kicker-landing .kk-cook-steps li { counter-increment: kks; display: grid; grid-template-columns: 26px 1fr; gap: 10px; padding: 0 0 12px; font: 400 14px/1.5 var(--kk-sans); color: #2b3327; }
#kicker-landing .kk-cook-steps li::before { content: counter(kks); width: 22px; height: 22px; border-radius: 50%; background: #0E1F16; color: #CDEB4B; display: grid; place-items: center; font: 700 12px/1 var(--kk-sans); }
#kicker-landing .kk-cook-foot { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 16px; padding-top: 16px; border-top: 2px solid #0E1F16; flex-wrap: wrap; }
#kicker-landing .kk-cook-foot > a:first-child { color: #0E1F16; font: 700 13px/1 var(--kk-sans); text-decoration: none; }

#kicker-landing .kk-cook-thumbs { display: flex; gap: 12px; margin-top: 26px; overflow-x: auto; padding-bottom: 4px; }
#kicker-landing .kk-cook-thumb { flex: none; width: 190px; display: flex; gap: 9px; align-items: center; background: rgba(14,31,22,.08); border: 2px solid transparent; border-radius: 12px; padding: 7px; cursor: pointer; text-align: left; font: inherit; color: inherit; }
#kicker-landing .kk-cook-thumb.is-active { border-color: #0E1F16; background: #F6F3EA; }
#kicker-landing .kk-cook-thumb img { width: 40px; height: 54px; border-radius: 7px; object-fit: cover; flex: none; }
#kicker-landing .kk-cook-thumb b { display: block; font-size: 12.5px; line-height: 1.3; }
#kicker-landing .kk-cook-thumb small { font-size: 10.5px; color: #66705F; }

@media (max-width: 900px) {
  #kicker-landing .kk-cook-stage { grid-template-columns: 1fr; }
  #kicker-landing .kk-cook-video:has(.kk-cook-vitem.is-active) { aspect-ratio: 16 / 11; width: 100%; max-width: 360px; margin: 0 auto; }
}
@media (max-width: 819px) {
  #kicker-landing .kk-cook-cols { grid-template-columns: 1fr; gap: 18px; }
  #kicker-landing .kk-cook-thumb { width: 160px; }
  #kicker-landing .kk-cook-foot { flex-direction: column; align-items: stretch; }
  #kicker-landing .kk-cook-foot .kk-btn { width: 100%; text-align: center; }
}

/* trang Bếp nhà Healthy */
#kicker-landing.kk-bep-page .kk-bep-hero { padding-top: 150px; }
@media (max-width: 819px) { #kicker-landing.kk-bep-page .kk-bep-hero { padding-top: 112px; } }

/* 90 ngày thói quen: 3 cột — ảnh | Instagram nhúng | chữ — đứng đầu trang Bếp nhà Healthy */
#kicker-landing .kk-habit-inner { display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: clamp(20px, 3vw, 40px); align-items: start; }
#kicker-landing .kk-habit-col { min-width: 0; }
#kicker-landing .kk-habit-photo { position: relative; border-radius: 18px; overflow: hidden; background: var(--kk-paper-2); line-height: 0; }
#kicker-landing .kk-habit-photo img { display: block; width: 100%; height: auto; }   /* ảnh giữ nguyên tỉ lệ thật — không cắt mất chữ viết tay trên ảnh */
#kicker-landing .kk-habit-day { position: absolute; left: 16px; top: 16px; background: #CDEB4B; color: #0E1F16; font-family: var(--kk-display); font-size: 14px; padding: 8px 16px; border-radius: 999px; z-index: 2; }
#kicker-landing .kk-habit-body { display: flex; flex-direction: column; justify-content: center; padding: 8px 0; }
#kicker-landing .kk-habit-title { font-size: clamp(28px, 2.6vw, 40px); line-height: 1.08; margin: 14px 0 16px; }
#kicker-landing .kk-habit-title em { font-style: normal; color: var(--kk-olive-deep); }
#kicker-landing .kk-habit-text { font-size: 15px; line-height: 1.7; color: var(--kk-muted); margin: 0 0 22px; }
#kicker-landing .kk-habit-stats { display: flex; gap: 12px; margin-bottom: 26px; flex-wrap: wrap; }
#kicker-landing .kk-habit-stats .kk-stat { background: rgba(205,235,75,.08); border: 1px solid rgba(205,235,75,.25); border-radius: 12px; padding: 12px 14px; flex: 1; min-width: 100px; }
#kicker-landing .kk-habit-stats .kk-stat b { display: block; font-family: var(--kk-display); font-size: 22px; color: var(--kk-olive-deep); }
#kicker-landing .kk-habit-stats .kk-stat small { color: var(--kk-muted); font-size: 11.5px; }
#kicker-landing .kk-habit-actions { display: flex; gap: 14px; flex-wrap: wrap; }
@media (max-width: 1100px) {
  #kicker-landing .kk-habit-inner { grid-template-columns: 1fr 1fr; }
  #kicker-landing .kk-habit-body { grid-column: 1 / -1; padding-top: 20px; }
}
@media (max-width: 700px) {
  #kicker-landing .kk-habit-inner { grid-template-columns: 1fr; }
  #kicker-landing .kk-habit-body { grid-column: auto; }
}
@media (max-width: 819px) {
  #kicker-landing .kk-habit-actions { flex-direction: column; }
  #kicker-landing .kk-habit-actions .kk-btn { width: 100%; text-align: center; justify-content: center; }
}
/* menu 6 mục: giữ logo, thu gọn chữ ở màn vừa */
#kicker-landing .kk-header .kk-logo { flex-shrink: 0; }
@media (min-width: 820px) and (max-width: 1100px) { #kicker-landing .kk-nav { gap: 10px; } #kicker-landing .kk-nav a { font-size: 10px; letter-spacing: .05em; } #kicker-landing .kk-header .kk-logo img { height: 34px; width: auto; } }
html.kk-nav-lock, html.kk-nav-lock body { overflow: hidden; }

/* Hợp tác cùng Kicker: đầu trang video trái (thẻ bo góc như Bếp nhà Healthy) + tóm tắt phải */
#kicker-landing .kk-amb-intro { display: grid; grid-template-columns: minmax(260px, 360px) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
#kicker-landing .kk-amb-intro-video { min-width: 0; }
#kicker-landing .kk-amb-intro-body { min-width: 0; }
#kicker-landing .kk-amb-intro-title { font-size: clamp(38px, 5vw, 76px); line-height: 1; margin: 14px 0 18px; }
#kicker-landing .kk-amb-intro-title em { font-style: normal; color: var(--kk-olive); }
#kicker-landing .kk-amb-intro-lead { font-size: 17px; line-height: 1.65; color: var(--kk-ink); margin: 0 0 12px; max-width: 620px; }
#kicker-landing .kk-amb-intro-body .kk-muted { max-width: 620px; margin: 0 0 22px; }
#kicker-landing .kk-amb-intro-list { list-style: none; padding: 0; margin: 0 0 26px; display: grid; gap: 10px; max-width: 620px; }
#kicker-landing .kk-amb-intro-list a { display: flex; flex-direction: column; gap: 3px; padding: 14px 18px; border-radius: 14px; border: 1px solid var(--kk-line); background: rgba(205,235,75,.05); text-decoration: none; transition: border-color .2s, background .2s; }
#kicker-landing .kk-amb-intro-list a:hover { border-color: var(--kk-olive); background: rgba(205,235,75,.1); }
#kicker-landing .kk-amb-intro-list b { font-family: var(--kk-display); font-weight: 400; font-size: 18px; letter-spacing: .03em; color: var(--kk-olive); }
#kicker-landing .kk-amb-intro-list span { font-size: 14px; color: var(--kk-muted); }
#kicker-landing .kk-amb-intro-actions { display: flex; gap: 14px; flex-wrap: wrap; }
@media (max-width: 900px) {
  #kicker-landing .kk-amb-intro { grid-template-columns: 1fr; }
  #kicker-landing .kk-amb-intro-video { max-width: 360px; width: 100%; margin: 0 auto; }
}
@media (max-width: 819px) {
  #kicker-landing .kk-amb-intro-actions { flex-direction: column; }
  #kicker-landing .kk-amb-intro-actions .kk-btn { width: 100%; justify-content: center; text-align: center; }
}
/* reel dọc: giữ khung 9:16 cả trên điện thoại (khác thẻ món ăn 16:11) */
@media (max-width: 900px) {
  #kicker-landing .kk-amb-intro .kk-cook-video:has(.kk-cook-vitem.is-active),
  #kicker-landing .kk-habit-embed .kk-cook-video:has(.kk-cook-vitem.is-active) { aspect-ratio: 9 / 16; width: 100%; max-width: 320px; margin: 0 auto; }
}
#kicker-landing .kk-embed-sound { z-index: 3; font: 700 12px/1 var(--kk-sans); padding: 8px 12px; }
#kicker-landing .kk-amb-labs { display: flex; gap: 12px; flex-wrap: wrap; margin: 4px 0 22px; }
@media (max-width: 819px) { #kicker-landing .kk-amb-labs .kk-btn { flex: 1 1 100%; justify-content: center; } }
/* 90 ngày: 2 cột — video trái, chữ phải (bỏ ảnh morning shot) */
#kicker-landing .kk-habit-inner.is-2col { grid-template-columns: minmax(260px, 360px) minmax(0, 1fr); gap: clamp(28px, 5vw, 72px); align-items: center; }
#kicker-landing .kk-habit-inner.is-2col .kk-habit-body { grid-column: auto; padding: 0; }
#kicker-landing .kk-habit-inner.is-2col .kk-habit-title { font-size: clamp(38px, 4.6vw, 68px); line-height: 1.02; }
#kicker-landing .kk-habit-inner.is-2col .kk-habit-text { font-size: 17px; max-width: 620px; }
#kicker-landing .kk-habit-inner.is-2col .kk-habit-stats { max-width: 640px; }
#kicker-landing .kk-habit-embed .kk-habit-day { z-index: 3; pointer-events: none; }
@media (max-width: 900px) {
  #kicker-landing .kk-habit-inner.is-2col { grid-template-columns: 1fr; }
  #kicker-landing .kk-habit-inner.is-2col .kk-habit-embed { width: 100%; max-width: 320px; margin: 0 auto; }
}