:root {
      --honey: #d4a33a;
      --honey-dark: #a66d0d;
      --honey-soft: #f2dfac;
      --cream: #f5f0e6;
      --paper: #fbfaf6;
      --ink: #20251f;
      --muted: #6c6c63;
      --green: #173f31;
      --green-dark: #0e2d23;
      --green-soft: #e8efea;
      --line: rgba(32, 37, 31, .12);
      --shadow: 0 24px 70px rgba(32, 37, 31, .12);
      --radius: 20px;
      --farm-logo: url("../logo-vcelia-farma-kollar.webp");
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }

    body {
      margin: 0;
      color: var(--ink);
      background:
        radial-gradient(circle at 5% 3%, rgba(246, 184, 26, .15), transparent 30rem),
        var(--paper);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      line-height: 1.55;
    }

    body.no-scroll { overflow: hidden; }
    body.no-scroll .page-scroll-indicator { opacity: 0; }
    a { color: inherit; }
    button, input { font: inherit; }
    button { color: inherit; }
    img, svg { display: block; max-width: 100%; }

    .page-scroll-indicator {
      --page-scroll-progress: 0%;
      position: fixed;
      top: 50%;
      right: max(10px, env(safe-area-inset-right));
      z-index: 75;
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: .42rem;
      color: var(--honey-dark);
      opacity: 0;
      pointer-events: none;
      transform: translateY(-50%);
      transition: opacity .25s ease;
    }

    .page-scroll-indicator.is-visible { opacity: 1; }

    .page-scroll-track {
      position: relative;
      width: 4px;
      height: clamp(130px, 24vh, 190px);
      overflow: visible;
      border-radius: 99px;
      background: rgba(166, 109, 13, .18);
      box-shadow: 0 0 0 1px rgba(255, 255, 255, .72);
    }

    .page-scroll-fill {
      position: absolute;
      inset: 0 0 auto;
      height: var(--page-scroll-progress);
      border-radius: inherit;
      background: linear-gradient(180deg, #f6b81a, var(--honey-dark));
    }

    .page-scroll-thumb {
      position: absolute;
      top: var(--page-scroll-progress);
      left: 50%;
      width: 11px;
      height: 11px;
      border: 2px solid #fffaf0;
      border-radius: 50%;
      background: var(--honey-dark);
      box-shadow: 0 2px 9px rgba(68, 45, 8, .3);
      transform: translate(-50%, -50%);
    }

    .page-scroll-arrow {
      width: 13px;
      height: 13px;
      transition: transform .25s ease;
      animation: page-scroll-hint 1.8s ease-in-out infinite;
    }

    .page-scroll-indicator.at-end .page-scroll-arrow { transform: rotate(180deg); }

    @keyframes page-scroll-hint {
      0%, 100% { translate: 0 0; opacity: .55; }
      50% { translate: 0 4px; opacity: 1; }
    }

    .skip-link {
      position: absolute;
      left: 1rem;
      top: -5rem;
      z-index: 200;
      padding: .7rem 1rem;
      background: white;
      border-radius: 10px;
    }

    .skip-link:focus { top: 1rem; }

    .container {
      width: min(1140px, calc(100% - 40px));
      margin-inline: auto;
    }

    .topbar {
      font-size: .88rem;
      color: #fff;
      background: var(--green-dark);
      text-align: center;
      padding: .5rem 1rem;
    }

    .site-header {
      position: sticky;
      top: 0;
      z-index: 50;
      background: rgba(255, 254, 251, .88);
      border-bottom: 1px solid rgba(48, 39, 29, .08);
      backdrop-filter: blur(16px);
    }

    .nav {
      min-height: 76px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1.5rem;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: .75rem;
      text-decoration: none;
      white-space: nowrap;
    }

    .brand-mark {
      display: grid;
      place-items: center;
      width: 44px;
      height: 44px;
      color: var(--green-dark);
      background: var(--honey);
      border-radius: 14px 14px 18px 14px;
      transform: rotate(-3deg);
      box-shadow: 0 8px 20px rgba(217, 145, 0, .2);
    }

    .brand-mark svg { width: 27px; }
    .brand-copy { line-height: 1.05; }
    .brand-copy strong { display: block; font-size: 1.08rem; letter-spacing: -.02em; }
    .brand-copy small { color: var(--muted); font-size: .72rem; }

    .nav-links {
      display: flex;
      align-items: center;
      gap: 1.6rem;
      font-size: .94rem;
      font-weight: 700;
    }

    .nav-links a { text-decoration: none; }
    .nav-links a:hover { color: var(--green); }
    .nav-links .nav-support-link {
      padding: .48rem .72rem;
      color: #8f431f;
      background: #fff0cf;
      border: 1px solid rgba(212, 163, 58, .34);
      border-radius: 999px;
      white-space: nowrap;
    }
    .nav-links .nav-support-link:hover { color: #6f3015; background: #ffe6ae; }
    .nav-links .nav-support-link::after { display: none; }

    .cart-button {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      border: 0;
      border-radius: 999px;
      padding: .72rem 1rem;
      color: #fff;
      background: var(--green);
      font-weight: 800;
      cursor: pointer;
      box-shadow: 0 7px 18px rgba(49, 93, 70, .2);
    }

    .cart-button:hover { background: var(--green-dark); }
    .cart-button svg { width: 19px; }

    .cart-count {
      display: grid;
      place-items: center;
      min-width: 22px;
      height: 22px;
      padding-inline: 5px;
      color: var(--ink);
      background: var(--honey);
      border-radius: 999px;
      font-size: .75rem;
    }

    .hero { padding: clamp(3.5rem, 8vw, 7.5rem) 0 5rem; overflow: hidden; }
    .hero-grid { display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: clamp(2rem, 7vw, 7rem); }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: .55rem;
      margin: 0 0 1rem;
      color: var(--green);
      font-size: .78rem;
      font-weight: 900;
      letter-spacing: .14em;
      text-transform: uppercase;
    }

    .eyebrow::before {
      content: "";
      width: 24px;
      height: 3px;
      background: var(--honey);
      border-radius: 3px;
    }

    h1, h2, h3, p { margin-top: 0; }

    h1 {
      max-width: 780px;
      margin-bottom: 1.25rem;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(3rem, 7vw, 6.4rem);
      line-height: .94;
      letter-spacing: -.055em;
    }

    h1 span { color: var(--honey-dark); }

    .hero-lead {
      max-width: 650px;
      margin-bottom: 1.8rem;
      color: var(--muted);
      font-size: clamp(1.05rem, 2vw, 1.24rem);
    }

    .hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; }

    .button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .6rem;
      min-height: 50px;
      border: 0;
      border-radius: 999px;
      padding: .8rem 1.3rem;
      font-weight: 900;
      text-decoration: none;
      cursor: pointer;
      transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    }

    .button:hover { transform: translateY(-2px); }
    .button-primary { color: #fff; background: var(--green); box-shadow: 0 10px 26px rgba(49, 93, 70, .22); }
    .button-primary:hover { background: var(--green-dark); }
    .button-secondary { color: var(--ink); background: #fff; border: 1px solid var(--line); }
    .button-secondary:hover { box-shadow: 0 10px 24px rgba(48, 39, 29, .08); }
    .button-whatsapp { color: #07351c; background: #25d366; box-shadow: 0 10px 26px rgba(18, 140, 126, .2); }
    .button-whatsapp:hover { background: #20c65e; box-shadow: 0 14px 30px rgba(18, 140, 126, .27); }
    .button-whatsapp[disabled] { cursor: not-allowed; opacity: .52; transform: none; box-shadow: none; }
    .button svg { width: 20px; }

    .hero-art {
      position: relative;
      min-height: 470px;
      display: grid;
      place-items: center;
    }

    .hero-blob {
      position: absolute;
      width: min(430px, 100%);
      aspect-ratio: 1;
      background: linear-gradient(145deg, #ffd66d, #f1a900);
      border-radius: 48% 52% 44% 56% / 55% 42% 58% 45%;
      transform: rotate(7deg);
      box-shadow: 0 35px 80px rgba(217, 145, 0, .23);
    }

    .honeycomb {
      position: absolute;
      inset: 12% 4% auto auto;
      width: 150px;
      opacity: .22;
    }

    .jar-hero {
      position: relative;
      z-index: 2;
      width: min(310px, 72%);
      filter: drop-shadow(0 30px 25px rgba(91, 58, 2, .22));
      animation: float 5s ease-in-out infinite;
    }

    .bee {
      position: absolute;
      z-index: 3;
      width: 76px;
      filter: drop-shadow(0 8px 12px rgba(48, 39, 29, .14));
    }

    .bee-one { top: 13%; left: 3%; transform: rotate(-13deg); }
    .bee-two { right: 0; bottom: 14%; width: 58px; transform: rotate(15deg); }

    .hero-note {
      position: absolute;
      z-index: 4;
      right: -1rem;
      top: 31%;
      width: 150px;
      padding: .9rem 1rem;
      background: rgba(255, 255, 255, .94);
      border: 1px solid rgba(255, 255, 255, .6);
      border-radius: 18px;
      box-shadow: var(--shadow);
      transform: rotate(3deg);
      font-size: .82rem;
      font-weight: 800;
      text-align: center;
    }

    .hero-note strong { display: block; color: var(--green); font-size: 1.1rem; }

    @keyframes float {
      0%, 100% { transform: translateY(0) rotate(-2deg); }
      50% { transform: translateY(-12px) rotate(1deg); }
    }

    .benefits { padding: 0 0 5.5rem; }

    .benefit-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border: 1px solid var(--line);
      background: #fff;
      border-radius: var(--radius);
      box-shadow: 0 16px 50px rgba(75, 52, 17, .07);
      overflow: hidden;
    }

    .benefit {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: .9rem;
      padding: 1.5rem;
    }

    .benefit + .benefit { border-left: 1px solid var(--line); }
    .benefit-icon { display: grid; place-items: center; width: 46px; height: 46px; color: var(--green); background: #fef2c8; border-radius: 14px; }
    .benefit-icon svg { width: 25px; }
    .benefit strong { display: block; }
    .benefit small { color: var(--muted); }

    .section { padding: clamp(4.5rem, 8vw, 7rem) 0; }
    .section-products { background: var(--cream); border-block: 1px solid rgba(217, 145, 0, .12); }

    .section-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 2rem;
      margin-bottom: 2.2rem;
    }

    .section-head > div { max-width: 660px; }
    .section-head p:last-child { color: var(--muted); margin-bottom: 0; }

    h2 {
      margin-bottom: .7rem;
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(2.2rem, 5vw, 4rem);
      line-height: 1;
      letter-spacing: -.04em;
    }

    .products {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 1.15rem;
    }

    .product-card {
      position: relative;
      display: flex;
      min-width: 0;
      flex-direction: column;
      background: #fff;
      border: 1px solid rgba(48, 39, 29, .09);
      border-radius: 22px;
      overflow: hidden;
      box-shadow: 0 10px 35px rgba(74, 51, 16, .06);
      transition: transform .2s ease, box-shadow .2s ease;
    }

    .product-card:hover { transform: translateY(-6px); box-shadow: 0 20px 48px rgba(74, 51, 16, .13); }
    .product-visual { position: relative; display: grid; place-items: center; min-height: 230px; padding: 1.4rem; overflow: hidden; }
    .product-visual::after { content: ""; position: absolute; width: 170px; height: 30px; bottom: 20px; background: rgba(67, 39, 5, .12); border-radius: 50%; filter: blur(10px); }
    .tone-gold { background: linear-gradient(145deg, #fff4c9, #f7c341); }
    .tone-flower { background: linear-gradient(145deg, #fff3de, #f3b8a7); }
    .tone-lime { background: linear-gradient(145deg, #eff7d2, #bddb7b); }
    .tone-cream { background: linear-gradient(145deg, #fff8e8, #e8c991); }
    .tone-ginger { background: linear-gradient(145deg, #fff1d7, #e6a452); }
    .tone-cinnamon { background: linear-gradient(145deg, #fae6d7, #c88151); }
    .tone-cocoa { background: linear-gradient(145deg, #eadbd0, #9b6548); }
    .tone-forest { background: linear-gradient(145deg, #e7edcf, #829663); }

    .mini-jar { position: relative; z-index: 2; width: 132px; filter: drop-shadow(0 18px 15px rgba(91, 58, 2, .2)); }

    .jar-crop {
      width: 100%;
      min-height: 0;
      padding: 0;
      aspect-ratio: 1;
      background: linear-gradient(145deg, #fff8e8, #ecd18f);
    }

    .jar-photo {
      position: absolute;
      z-index: 1;
      top: -30%;
      left: -79%;
      width: 179%;
      max-width: none;
      height: auto;
    }

    .jar-crop::after { z-index: 2; bottom: 10px; }

    .label-visual {
      width: 100%;
      min-height: 0;
      padding: .8rem;
      aspect-ratio: 1;
      background: linear-gradient(145deg, #fff8e8, #e2b954);
    }

    .label-jar-shell { position: relative; z-index: 2; width: 88%; height: 88%; margin-top: 7%; }
    .label-lid {
      position: absolute;
      z-index: 2;
      top: 0;
      left: 7%;
      width: 86%;
      height: 15%;
      border: 2px solid rgba(71, 49, 12, .35);
      border-radius: 10px 10px 5px 5px;
      background: repeating-linear-gradient(90deg, #a97a18 0 8px, #e8be58 8px 12px);
      box-shadow: 0 5px 9px rgba(69, 43, 5, .2);
    }

    .label-glass {
      position: absolute;
      inset: 12% 0 0;
      display: grid;
      place-items: center;
      overflow: hidden;
      border: 3px solid rgba(255, 255, 255, .72);
      border-radius: 13% 13% 18% 18%;
      background: linear-gradient(90deg, rgba(255,255,255,.5), rgba(225,158,20,.78) 25%, rgba(179,104,8,.86) 78%, rgba(255,255,255,.38));
      box-shadow: inset 0 0 18px rgba(94, 49, 0, .17), 0 18px 22px rgba(74, 43, 3, .18);
    }

    .label-art { width: 112%; max-width: none; height: auto; box-shadow: 0 4px 10px rgba(49, 32, 8, .18); }
    .label-visual::after { z-index: 1; bottom: 5px; }

    .badge {
      position: absolute;
      z-index: 3;
      top: 1rem;
      left: 1rem;
      padding: .35rem .65rem;
      color: #fff;
      background: var(--green);
      border-radius: 999px;
      font-size: .68rem;
      font-weight: 900;
      letter-spacing: .05em;
      text-transform: uppercase;
    }

    .product-body { display: flex; flex: 1; flex-direction: column; padding: 1.25rem; }
    .product-body h3 { margin-bottom: .45rem; font-size: 1.1rem; line-height: 1.2; }
    .product-body p { flex: 1; margin-bottom: 1.15rem; color: var(--muted); font-size: .88rem; }
    .product-meta { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
    .price { font-size: 1.22rem; font-weight: 950; letter-spacing: -.03em; }
    .price small { display: block; color: var(--muted); font-size: .68rem; font-weight: 650; letter-spacing: 0; }

    .add-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: .35rem;
      min-width: 96px;
      border: 0;
      border-radius: 999px;
      padding: .68rem .85rem;
      background: var(--honey);
      font-size: .82rem;
      font-weight: 900;
      cursor: pointer;
    }

    .add-button:hover { background: #ffc936; }
    .add-button:active { transform: scale(.97); }
    .add-button svg { width: 16px; }

    .story-grid { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: clamp(2.5rem, 7vw, 7rem); }

    .story-art {
      position: relative;
      min-height: 450px;
      display: grid;
      place-items: center;
      background: #f5e8be;
      border-radius: 48px 18px 48px 18px;
      overflow: hidden;
    }

    .story-art::before, .story-art::after {
      content: "";
      position: absolute;
      width: 210px;
      aspect-ratio: 1;
      border: 28px solid rgba(49, 93, 70, .12);
      transform: rotate(45deg);
      border-radius: 34px;
    }

    .story-art::before { left: -100px; top: -90px; }
    .story-art::after { right: -100px; bottom: -100px; }
    .story-icon { position: relative; z-index: 2; width: 68%; color: var(--green); }

    .story-copy p { color: var(--muted); }
    .story-points { display: grid; gap: 1rem; margin: 1.6rem 0 0; padding: 0; list-style: none; }
    .story-points li { display: grid; grid-template-columns: auto 1fr; gap: .75rem; align-items: start; }
    .story-points span { display: grid; place-items: center; width: 25px; height: 25px; color: #fff; background: var(--green); border-radius: 50%; font-size: .77rem; font-weight: 900; }
    .story-points strong { display: block; margin-bottom: .12rem; }
    .story-points small { color: var(--muted); }

    .support {
      margin-top: 5rem;
      display: grid;
      grid-template-columns: minmax(180px, 225px) 1fr auto;
      align-items: center;
      gap: 2rem;
      padding: clamp(1.7rem, 5vw, 3rem);
      color: #fff;
      background: var(--green);
      border-radius: 32px;
      overflow: hidden;
      position: relative;
    }

    .support::after { content: ""; position: absolute; width: 270px; aspect-ratio: 1; right: -120px; top: -140px; border: 38px solid rgba(255, 255, 255, .08); border-radius: 50%; }
    .support > * { position: relative; z-index: 1; }
    .support h3 { margin-bottom: .45rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(1.7rem, 4vw, 2.7rem); line-height: 1.05; }
    .support p { margin-bottom: 0; color: rgba(255, 255, 255, .78); }
    .support .button { color: var(--ink); background: var(--honey); white-space: nowrap; }
    .support-media {
      position: relative;
      align-self: stretch;
      min-height: 250px;
      overflow: hidden;
      border: 1px solid rgba(255, 255, 255, .18);
      border-radius: 18px;
      background: #fff;
      box-shadow: 0 18px 36px rgba(0, 0, 0, .2);
    }
    .support-photo { width: 100%; height: 100%; object-fit: cover; object-position: 50% 44%; filter: contrast(1.04); }
    .support-logo {
      position: absolute;
      top: 12px;
      left: 12px;
      width: 76px;
      height: 76px;
      padding: 7px;
      object-fit: contain;
      background: rgba(255,255,255,.96);
      border-radius: 14px;
      box-shadow: 0 8px 22px rgba(0,0,0,.22);
    }

    .contact-section { padding-top: 0; }
    .contact-card {
      display: grid;
      grid-template-columns: 1fr 1fr;
      background: #fff;
      border: 1px solid var(--line);
      border-radius: 32px;
      box-shadow: var(--shadow);
      overflow: hidden;
    }

    .contact-copy { padding: clamp(2rem, 5vw, 4.5rem); }
    .contact-copy > p { color: var(--muted); }
    .contact-list { display: grid; gap: .85rem; margin-top: 1.7rem; }

    .contact-link {
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: .9rem;
      padding: .85rem;
      border: 1px solid var(--line);
      border-radius: 16px;
      text-decoration: none;
    }

    .contact-link:hover { border-color: rgba(49, 93, 70, .38); background: #fbfdfb; }
    .contact-icon { display: grid; place-items: center; width: 43px; height: 43px; color: var(--green); background: #eef5f0; border-radius: 12px; }
    .contact-icon svg { width: 22px; }
    .contact-link small { display: block; color: var(--muted); }
    .contact-link strong { word-break: break-word; }

    .contact-side {
      position: relative;
      display: grid;
      align-content: center;
      padding: clamp(2rem, 5vw, 4.5rem);
      background: linear-gradient(145deg, #ffdc7a, var(--honey));
      overflow: hidden;
    }

    .contact-side::before {
      content: "";
      position: absolute;
      inset: -100px -120px auto auto;
      width: 330px;
      aspect-ratio: 1;
      border: 45px solid rgba(255, 255, 255, .24);
      border-radius: 50%;
    }

    .contact-side > * { position: relative; z-index: 1; }
    .contact-side h3 { font-family: Georgia, "Times New Roman", serif; font-size: 2rem; margin-bottom: .7rem; }
    .contact-side p { margin-bottom: 1.4rem; }

    .steps { display: grid; gap: .8rem; margin: 0; padding: 0; list-style: none; counter-reset: steps; }
    .steps li { display: grid; grid-template-columns: 32px 1fr; gap: .7rem; align-items: center; font-weight: 750; }
    .steps li::before { counter-increment: steps; content: counter(steps); display: grid; place-items: center; width: 32px; height: 32px; color: white; background: var(--green); border-radius: 50%; font-size: .8rem; font-weight: 900; }

    footer { padding: 2rem 0; color: var(--muted); font-size: .82rem; }
    .footer-inner { display: flex; justify-content: space-between; gap: 1rem; align-items: center; }
    footer a { color: var(--green); font-weight: 800; text-decoration: none; }

    .cart-overlay {
      position: fixed;
      inset: 0;
      z-index: 90;
      background: rgba(30, 25, 19, .44);
      opacity: 0;
      visibility: hidden;
      transition: .2s ease;
      backdrop-filter: blur(3px);
    }

    .cart-overlay.open { opacity: 1; visibility: visible; }

    .cart-panel {
      position: fixed;
      z-index: 100;
      right: 0;
      top: 0;
      width: min(440px, 100%);
      height: 100vh;
      height: 100dvh;
      display: flex;
      flex-direction: column;
      background: var(--paper);
      box-shadow: -20px 0 60px rgba(30, 25, 19, .2);
      transform: translateX(105%);
      transition: transform .28s ease;
      overflow-y: auto;
      overscroll-behavior: contain;
      -webkit-overflow-scrolling: touch;
    }

    .cart-panel.open { transform: translateX(0); }
    .cart-head { position: sticky; top: 0; z-index: 4; flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.25rem; border-bottom: 1px solid var(--line); }
    .cart-head h2 { margin: 0; font-family: inherit; font-size: 1.22rem; letter-spacing: -.02em; }

    .icon-button { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--line); background: #fff; border-radius: 50%; cursor: pointer; }
    .icon-button:hover { background: #f7f3eb; }
    .icon-button svg { width: 20px; }

    .cart-items { flex: 0 0 auto; padding: 1rem 1.25rem; overflow: visible; }

    .empty-cart { display: grid; place-items: center; min-height: 55vh; color: var(--muted); text-align: center; }
    .empty-cart svg { width: 64px; margin: 0 auto 1rem; color: #d6b253; }
    .empty-cart strong { display: block; margin-bottom: .2rem; color: var(--ink); font-size: 1.05rem; }

    .cart-item { display: grid; grid-template-columns: 1fr auto; gap: .7rem 1rem; padding: 1rem 0; border-bottom: 1px solid var(--line); }
    .cart-item h3 { margin: 0 0 .2rem; font-size: .96rem; }
    .cart-item small { color: var(--muted); }
    .cart-item-price { font-weight: 900; }
    .qty-row { display: flex; align-items: center; gap: .45rem; }
    .qty-button { display: grid; place-items: center; width: 31px; height: 31px; border: 1px solid var(--line); background: #fff; border-radius: 50%; cursor: pointer; font-weight: 900; }
    .qty-value { min-width: 24px; text-align: center; font-weight: 850; }
    .remove-button { border: 0; background: transparent; color: #95634e; font-size: .78rem; cursor: pointer; text-decoration: underline; }

    .cart-foot { flex: 0 0 auto; max-height: none; padding: 1.2rem 1.25rem calc(1.2rem + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: #fff; overflow: visible; }
    .cart-total { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1rem; }
    .cart-total strong { font-size: 1.3rem; }
    .cart-foot .button { width: 100%; }
    .cart-foot-note { margin: .7rem 0 0; color: var(--muted); font-size: .72rem; text-align: center; }
    .cart-whatsapp { display: grid; gap: .55rem; margin-bottom: .9rem; }
    .cart-whatsapp-note { margin: 0; color: var(--muted); font-size: .7rem; line-height: 1.4; text-align: center; }
    .order-divider { display: flex; align-items: center; gap: .65rem; margin: 1rem 0 .9rem; color: var(--muted); font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
    .order-divider::before, .order-divider::after { content: ""; flex: 1; height: 1px; background: var(--line); }

    .order-form { display: grid; gap: .72rem; }
    .order-field { display: grid; gap: .3rem; }
    .order-field span { color: var(--ink); font-size: .76rem; font-weight: 850; }
    .order-field input,
    .order-field textarea {
      width: 100%;
      padding: .72rem .78rem;
      color: var(--ink);
      background: #fff;
      border: 1px solid #d9d0c1;
      border-radius: 10px;
      font: inherit;
      font-size: .88rem;
    }
    .order-field textarea { min-height: 68px; resize: vertical; }
    .order-field input:focus,
    .order-field textarea:focus { border-color: var(--green); outline: 3px solid rgba(49, 93, 70, .12); }
    .order-form .button[disabled] { cursor: not-allowed; opacity: .5; transform: none; }
    .order-privacy { margin: -.1rem 0 0; color: var(--muted); font-size: .69rem; line-height: 1.45; }
    .order-status { display: none; margin: 0; padding: .7rem .78rem; border-radius: 10px; font-size: .78rem; font-weight: 800; line-height: 1.45; }
    .order-status.show { display: block; }
    .order-status.success { color: #194e35; background: #eaf5ee; }
    .order-status.error { color: #7a2e26; background: #fff0ed; }
    .order-honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }

    .toast {
      position: fixed;
      z-index: 130;
      left: 50%;
      bottom: 25px;
      padding: .8rem 1rem;
      color: #fff;
      background: var(--green-dark);
      border-radius: 999px;
      box-shadow: 0 12px 35px rgba(0, 0, 0, .2);
      opacity: 0;
      pointer-events: none;
      transform: translate(-50%, 15px);
      transition: .2s ease;
      font-size: .85rem;
      font-weight: 800;
    }

    .toast.show { opacity: 1; transform: translate(-50%, 0); }

    :focus-visible { outline: 3px solid rgba(49, 93, 70, .35); outline-offset: 3px; }

    @media (max-width: 980px) {
      .hero-grid { grid-template-columns: 1fr .8fr; gap: 2rem; }
      .products { grid-template-columns: repeat(2, 1fr); }
      .nav-links > a { display: none; }
      .story-grid { gap: 3rem; }
    }

    @media (max-width: 760px) {
      .container { width: min(100% - 28px, 1140px); }
      .topbar { font-size: .78rem; }
      .nav { min-height: 68px; }
      .brand-mark { width: 39px; height: 39px; }
      .brand-copy strong { font-size: .97rem; }
      .brand-copy small { display: none; }
      .cart-button { padding: .67rem .8rem; }
      .cart-button .cart-label { display: none; }
      .hero { padding-top: 3.5rem; }
      .hero-grid, .story-grid, .contact-card { grid-template-columns: 1fr; }
      .hero-art { min-height: 400px; width: min(520px, 100%); margin-inline: auto; }
      .hero-note { right: 0; }
      .benefit-grid { grid-template-columns: 1fr; }
      .benefit + .benefit { border-left: 0; border-top: 1px solid var(--line); }
      .story-art { min-height: 360px; order: 2; }
      .support { grid-template-columns: 1fr; }
      .support .button { justify-self: start; }
      .contact-side { min-height: 360px; }
      .footer-inner { flex-direction: column; align-items: flex-start; }
    }

    @media (max-width: 520px) {
      h1 { font-size: clamp(2.8rem, 15vw, 4.3rem); }
      .hero-actions .button { width: 100%; }
      .hero-art { min-height: 340px; }
      .hero-blob { width: 300px; }
      .bee-one { left: 0; }
      .hero-note { top: 27%; width: 120px; font-size: .72rem; }
      .products { grid-template-columns: 1fr; }
      .product-card { display: grid; grid-template-columns: 42% 58%; }
      .product-visual { min-height: 205px; padding: .8rem; }
      .product-visual.jar-crop { min-height: 0; padding: 0; }
      .product-visual.label-visual { min-height: 0; padding: .45rem; }
      .mini-jar { width: 95px; }
      .badge { top: .7rem; left: .7rem; font-size: .57rem; }
      .product-body { padding: 1rem; }
      .product-meta { align-items: end; }
      .add-button { min-width: 82px; padding: .6rem .7rem; }
      .section-head { align-items: start; flex-direction: column; }
    }

    /* Hlavné logo Včelej farmy Kollár — cesta vzhľadom na mt-assets. */
    :root {
      --farm-logo: url("../logo-vcelia-farma-kollar.webp");
    }

    /* Profesionálnejšia firemná úprava */
    body {
      background:
        radial-gradient(circle at 8% 4%, rgba(212, 163, 58, .1), transparent 28rem),
        var(--paper);
    }

    .container { width: min(1180px, calc(100% - 48px)); }

    .farm-logo {
      display: block;
      flex: 0 0 auto;
      border-radius: 50%;
      background-color: #fff;
      background-image: var(--farm-logo);
      background-position: center;
      background-repeat: no-repeat;
      background-size: 96%;
    }

    .topbar {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .65rem;
      flex-wrap: wrap;
      padding: .58rem 1rem;
      color: rgba(255, 255, 255, .9);
      background: var(--green-dark);
      font-size: .72rem;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
    }

    .topbar span { color: inherit; }
    .topbar b { color: var(--honey); }
    .topbar-instagram {
      display: inline-flex;
      align-items: center;
      gap: .34rem;
      padding: .3rem .58rem;
      color: #fff;
      background: rgba(255, 255, 255, .1);
      border: 1px solid rgba(246, 184, 26, .55);
      border-radius: 999px;
      letter-spacing: .04em;
      text-decoration: none;
      text-transform: none;
      transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease;
    }
    .topbar-instagram:hover {
      color: var(--green-dark);
      background: var(--honey-soft);
      border-color: var(--honey);
      transform: translateY(-1px);
    }
    .topbar-instagram svg { width: 15px; height: 15px; flex: 0 0 auto; }

    .site-header {
      background: rgba(251, 250, 246, .94);
      border-bottom-color: rgba(23, 63, 49, .1);
      box-shadow: 0 8px 30px rgba(26, 41, 33, .04);
    }

    .nav { min-height: 84px; }
    .brand { gap: .85rem; }
    .brand-logo {
      width: 56px;
      height: 56px;
      border: 1px solid rgba(166, 109, 13, .32);
      box-shadow: 0 8px 24px rgba(32, 37, 31, .1);
    }

    .brand-copy { line-height: 1.08; }
    .brand-copy strong { font-family: Georgia, "Times New Roman", serif; font-size: 1.18rem; letter-spacing: -.025em; }
    .brand-copy small { margin-top: .24rem; color: var(--green); font-size: .66rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
    .nav-links { gap: 1.9rem; color: #3e453e; font-size: .89rem; }
    .nav-links > a { position: relative; }
    .nav-links > a::after { content: ""; position: absolute; right: 0; bottom: -.45rem; left: 0; height: 2px; background: var(--honey); transform: scaleX(0); transition: transform .2s ease; }
    .nav-links > a:hover::after { transform: scaleX(1); }
    .nav-audio-button {
      width: 42px;
      height: 42px;
      display: grid;
      flex: 0 0 auto;
      place-items: center;
      padding: 0;
      color: var(--green-dark);
      background: linear-gradient(135deg, var(--honey-soft), #fff4cf);
      border: 1px solid rgba(212, 163, 58, .72);
      border-radius: 50%;
      box-shadow: 0 7px 18px rgba(166, 109, 13, .13);
      cursor: pointer;
      transition: transform .2s ease, color .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .nav-audio-button:hover { transform: translateY(-1px) scale(1.04); box-shadow: 0 9px 22px rgba(166, 109, 13, .2); }
    .nav-audio-button svg { grid-area: 1 / 1; width: 17px; height: 17px; }
    .nav-audio-pause { display: none; }
    .nav-audio-button.is-playing { color: #fff; background: var(--green); box-shadow: 0 0 0 5px rgba(212, 163, 58, .2), 0 9px 22px rgba(14, 45, 35, .2); }
    .nav-audio-button.is-playing .nav-audio-play { display: none; }
    .nav-audio-button.is-playing .nav-audio-pause { display: block; }
    .nav-audio-button:disabled { cursor: not-allowed; opacity: .55; }

    .language-switcher {
      display: inline-flex;
      flex: 0 0 auto;
      align-items: center;
      padding: 3px;
      background: #f3efe5;
      border: 1px solid rgba(23, 63, 49, .16);
      border-radius: 999px;
      box-shadow: inset 0 1px 2px rgba(23, 63, 49, .04);
    }
    .language-button {
      min-width: 35px;
      height: 32px;
      padding: 0 .48rem;
      color: #5b625d;
      background: transparent;
      border: 0;
      border-radius: 999px;
      font: inherit;
      font-size: .7rem;
      font-weight: 900;
      letter-spacing: .045em;
      cursor: pointer;
      transition: color .2s ease, background .2s ease, box-shadow .2s ease;
    }
    .language-button:hover { color: var(--green-dark); }
    .language-button.is-active {
      color: #fff;
      background: var(--green);
      box-shadow: 0 4px 10px rgba(23, 63, 49, .18);
    }

    .cart-button {
      border-radius: 12px;
      padding: .76rem 1rem;
      box-shadow: 0 9px 22px rgba(14, 45, 35, .17);
    }

    .button { min-height: 52px; border-radius: 12px; padding-inline: 1.4rem; }
    .button-primary { box-shadow: 0 12px 28px rgba(14, 45, 35, .18); }

    .hero {
      position: relative;
      padding: clamp(4.5rem, 8vw, 7.2rem) 0 clamp(4.5rem, 7vw, 6rem);
      background: linear-gradient(110deg, rgba(255,255,255,.76), rgba(245,240,230,.5));
    }

    .hero::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background-image: radial-gradient(rgba(23, 63, 49, .08) 1px, transparent 1px);
      background-size: 24px 24px;
      mask-image: linear-gradient(90deg, transparent, #000 70%, #000);
      opacity: .35;
    }

    .hero-grid { position: relative; grid-template-columns: 1.08fr .92fr; gap: clamp(3rem, 8vw, 8rem); }
    .hero-copy { position: relative; z-index: 2; }
    .eyebrow { color: var(--green); letter-spacing: .16em; }
    .eyebrow::before { width: 34px; height: 2px; background: var(--honey-dark); }
    h1 { max-width: 760px; margin-bottom: 1.45rem; color: var(--green-dark); font-size: clamp(3.25rem, 5.8vw, 5.5rem); line-height: .96; }
    h1 span { color: var(--honey-dark); font-size: .78em; }
    .hero-lead { max-width: 620px; color: #62665f; font-size: clamp(1.04rem, 1.7vw, 1.18rem); line-height: 1.7; }

    .hero-art { min-height: 540px; }
    .hero-art::before {
      content: "";
      position: absolute;
      width: 76%;
      aspect-ratio: 1;
      border: 1px solid rgba(166, 109, 13, .2);
      border-radius: 50%;
      transform: translate(13%, -5%);
    }

    .hero-blob, .hero-art > .honeycomb, .jar-hero, .bee, .hero-note { display: block; }
    .hero-note { width: 178px; border: 1px solid rgba(166, 109, 13, .24); }
    .hero-note strong { font-size: 1rem; }

    .hero-audio-player {
      position: absolute;
      z-index: 7;
      left: 50%;
      bottom: 0;
      width: min(370px, calc(100% - 24px));
      overflow: hidden;
      color: #fff;
      background: rgba(14, 45, 35, .96);
      border: 1px solid rgba(212, 163, 58, .62);
      border-radius: 18px;
      box-shadow: 0 18px 45px rgba(14, 45, 35, .28);
      transform: translateX(-50%);
      backdrop-filter: blur(10px);
    }

    .hero-audio-toggle {
      width: 100%;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      gap: .78rem;
      padding: .78rem .92rem .68rem;
      color: inherit;
      background: transparent;
      border: 0;
      text-align: left;
      cursor: pointer;
      transition: background .2s ease;
    }

    .hero-audio-toggle:hover { background: rgba(255, 255, 255, .07); }
    .hero-audio-toggle:disabled { cursor: not-allowed; opacity: .7; }

    .hero-audio-icon {
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      color: var(--green-dark);
      background: var(--honey-soft);
      border-radius: 50%;
      box-shadow: 0 7px 18px rgba(0, 0, 0, .2);
    }

    .hero-audio-icon svg { width: 18px; grid-area: 1 / 1; }
    .audio-icon-pause { display: none; }
    .hero-audio-player.is-playing .audio-icon-play { display: none; }
    .hero-audio-player.is-playing .audio-icon-pause { display: block; }

    .hero-audio-copy { min-width: 0; }
    .hero-audio-copy strong, .hero-audio-copy small { display: block; }
    .hero-audio-copy strong { overflow: hidden; font-size: .8rem; letter-spacing: .02em; text-overflow: ellipsis; white-space: nowrap; }
    .hero-audio-copy small { margin-top: .13rem; color: rgba(255, 255, 255, .63); font-size: .6rem; }
    .hero-audio-time { color: var(--honey-soft); font-size: .65rem; font-weight: 850; font-variant-numeric: tabular-nums; white-space: nowrap; }

    .hero-audio-progress { height: 4px; overflow: hidden; background: rgba(255, 255, 255, .14); }
    .hero-audio-progress span { display: block; width: 0; height: 100%; background: var(--honey-soft); transition: width .18s linear; }

    .hero-identity-card {
      position: relative;
      z-index: 2;
      width: min(440px, 100%);
      min-height: 510px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 2.5rem 2rem 2.2rem;
      color: #fff;
      background:
        radial-gradient(circle at 50% 30%, rgba(212, 163, 58, .14), transparent 45%),
        var(--green-dark);
      border: 1px solid rgba(212, 163, 58, .48);
      border-radius: 32px;
      box-shadow: 0 34px 80px rgba(14, 45, 35, .26);
      overflow: hidden;
      text-align: center;
    }

    .hero-identity-card::before {
      content: "";
      position: absolute;
      inset: 14px;
      border: 1px solid rgba(212, 163, 58, .35);
      border-radius: 22px;
      pointer-events: none;
    }

    .hero-identity-card::after {
      content: "";
      position: absolute;
      right: -85px;
      bottom: -110px;
      width: 260px;
      aspect-ratio: 1;
      border: 38px solid rgba(212, 163, 58, .08);
      border-radius: 50%;
      pointer-events: none;
    }

    .hero-card-kicker { margin-bottom: 1.15rem; color: var(--honey-soft); font-size: .68rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
    .hero-logo { position: relative; z-index: 2; width: 230px; height: 230px; border: 7px solid #fff; box-shadow: 0 18px 42px rgba(0, 0, 0, .24); }
    .hero-card-name { margin-top: 1.25rem; color: var(--honey-soft); font-family: Georgia, "Times New Roman", serif; font-size: 2.1rem; font-style: italic; line-height: 1; }
    .hero-card-farm { margin-top: .55rem; font-size: .82rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
    .hero-card-reg { margin-top: 1rem; padding: .42rem .85rem; border: 1px solid rgba(212, 163, 58, .7); border-radius: 999px; color: var(--honey-soft); font-size: .73rem; font-weight: 850; letter-spacing: .06em; }
    .hero-card-origin { margin-top: .7rem; color: rgba(255,255,255,.62); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }

    .benefits { position: relative; padding: 0 0 6rem; background: linear-gradient(180deg, rgba(245,240,230,.5), transparent); }
    .benefit-grid { border-radius: 18px; box-shadow: 0 18px 48px rgba(32, 37, 31, .07); }
    .benefit { padding: 1.6rem 1.7rem; }
    .benefit-icon { color: var(--green); background: var(--green-soft); border-radius: 12px; }

    .taste-finder { padding: 0 0 6rem; background: #fff; }
    .taste-shell {
      position: relative;
      padding: clamp(2rem, 5vw, 4.2rem);
      background:
        radial-gradient(circle at 93% 5%, rgba(246, 184, 26, .18), transparent 28%),
        linear-gradient(145deg, #fffdf8, #f7efdf);
      border: 1px solid rgba(166, 109, 13, .2);
      border-radius: 30px;
      box-shadow: 0 24px 68px rgba(32, 37, 31, .09);
      overflow: hidden;
    }
    .taste-shell::after {
      content: "";
      position: absolute;
      right: -75px;
      top: -90px;
      width: 260px;
      aspect-ratio: 1;
      border: 38px solid rgba(246, 184, 26, .09);
      border-radius: 50%;
      pointer-events: none;
    }
    .taste-intro { position: relative; z-index: 1; max-width: 720px; margin-bottom: 1.8rem; }
    .taste-intro h2 { margin-top: .35rem; }
    .taste-intro p:last-child { max-width: 650px; margin-top: .8rem; color: var(--muted); }
    .taste-options { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .75rem; }
    .taste-choice {
      min-height: 128px;
      display: grid;
      align-content: start;
      gap: .35rem;
      padding: 1rem;
      color: var(--green-dark);
      background: rgba(255,255,255,.86);
      border: 1px solid rgba(23, 63, 49, .13);
      border-radius: 16px;
      cursor: pointer;
      text-align: left;
      transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease;
    }
    .taste-choice:hover { transform: translateY(-3px); border-color: rgba(166, 109, 13, .55); box-shadow: 0 14px 28px rgba(32, 37, 31, .09); }
    .taste-choice.active { color: #fff; background: var(--green-dark); border-color: var(--green-dark); box-shadow: 0 16px 34px rgba(14, 45, 35, .22); }
    .taste-number { width: 34px; height: 34px; display: grid; place-items: center; margin-bottom: .25rem; color: var(--green-dark); background: var(--honey-soft); border-radius: 50%; font-size: .68rem; font-weight: 900; }
    .taste-choice strong { font-family: Georgia, "Times New Roman", serif; font-size: 1rem; }
    .taste-choice small { color: var(--muted); font-size: .7rem; line-height: 1.4; }
    .taste-choice.active small { color: rgba(255,255,255,.7); }
    .taste-result {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 1.4rem;
      margin-top: 1rem;
      padding: 1.25rem 1.35rem;
      color: #fff;
      background: var(--green-dark);
      border: 1px solid rgba(212, 163, 58, .38);
      border-radius: 18px;
    }
    .taste-result-label { display: block; margin-bottom: .2rem; color: var(--honey-soft); font-size: .62rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
    .taste-result h3 { margin: 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 1.25rem; }
    .taste-result p { margin: .35rem 0 0; color: rgba(255,255,255,.72); font-size: .78rem; line-height: 1.5; }
    .taste-result-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
    .taste-result-link { padding: .62rem .78rem; color: var(--green-dark); background: var(--honey-soft); border: 1px solid rgba(255,255,255,.26); border-radius: 10px; font-size: .72rem; font-weight: 850; text-decoration: none; transition: transform .18s ease, background .18s ease; }
    .taste-result-link:hover { transform: translateY(-2px); background: #ffd66d; }

    .harvest-section { padding: 6rem 0; background: #fff; }
    .harvest-shell {
      display: grid;
      grid-template-columns: .9fr 1.1fr;
      color: #fff;
      background: var(--green-dark);
      border: 1px solid rgba(212, 163, 58, .42);
      border-radius: 30px;
      box-shadow: 0 28px 72px rgba(14, 45, 35, .2);
      overflow: hidden;
    }
    .harvest-intro { position: relative; padding: clamp(2rem, 5vw, 4rem); overflow: hidden; }
    .harvest-intro::after {
      content: "2026";
      position: absolute;
      right: -1rem;
      bottom: -2.5rem;
      color: rgba(255,255,255,.045);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(5rem, 12vw, 9rem);
      font-weight: 900;
      line-height: 1;
      pointer-events: none;
    }
    .harvest-intro .eyebrow { color: var(--honey-soft); }
    .harvest-intro h2 { position: relative; z-index: 1; color: #fff; }
    .harvest-intro > p:last-of-type { position: relative; z-index: 1; margin-top: .9rem; color: rgba(255,255,255,.74); line-height: 1.7; }
    .harvest-facts { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .55rem; margin-top: 1.5rem; }
    .harvest-fact { padding: .8rem .65rem; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.13); border-radius: 12px; }
    .harvest-fact strong, .harvest-fact span { display: block; }
    .harvest-fact strong { color: var(--honey-soft); font-family: Georgia, "Times New Roman", serif; font-size: 1rem; }
    .harvest-fact span { margin-top: .25rem; color: rgba(255,255,255,.62); font-size: .6rem; line-height: 1.35; }
    .harvest-timeline { display: grid; align-content: center; padding: clamp(1.4rem, 4vw, 3rem); color: var(--ink); background: #fffaf0; }
    .harvest-step { display: grid; grid-template-columns: 105px 1fr; gap: 1rem; padding: 1.05rem 0; border-bottom: 1px solid rgba(23, 63, 49, .12); }
    .harvest-step:last-child { border-bottom: 0; }
    .harvest-period { align-self: start; padding: .43rem .55rem; color: var(--green-dark); background: var(--honey-soft); border-radius: 999px; font-size: .64rem; font-weight: 900; text-align: center; }
    .harvest-step strong { display: block; color: var(--green-dark); font-family: Georgia, "Times New Roman", serif; font-size: 1rem; }
    .harvest-step p { margin: .3rem 0 0; color: var(--muted); font-size: .74rem; line-height: 1.5; }

    .product-card { scroll-margin-top: 110px; }
    .product-card.taste-highlight { animation: taste-highlight 2.2s ease; }
    @keyframes taste-highlight {
      0%, 100% { box-shadow: 0 12px 32px rgba(32, 37, 31, .06); }
      30%, 72% { box-shadow: 0 0 0 4px rgba(246, 184, 26, .55), 0 26px 55px rgba(32, 37, 31, .18); }
    }

    .section-products { background: #f3eee4; border-block-color: rgba(166, 109, 13, .13); }
    .section-head { margin-bottom: 2.6rem; }
    h2 { color: var(--green-dark); }
    .products { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
    .product-card:last-child:nth-child(3n + 1) { grid-column: 2; }
    .product-card { border-color: rgba(23, 63, 49, .1); border-radius: 18px; box-shadow: 0 12px 32px rgba(32, 37, 31, .06); }
    .product-card:hover { transform: translateY(-4px); box-shadow: 0 22px 48px rgba(32, 37, 31, .12); }
    .product-visual { min-height: 0; aspect-ratio: 1; }
    .product-body { padding: 1.35rem 1.4rem 1.45rem; }
    .product-body::before { content: "Úroda 2026"; display: inline-flex; margin-bottom: .55rem; padding: .28rem .48rem; color: var(--green-dark); background: var(--green-soft); border-radius: 6px; font-size: .56rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
    .product-body h3 { color: var(--green-dark); font-family: Georgia, "Times New Roman", serif; font-size: 1.22rem; }
    .product-body p { font-size: .85rem; line-height: 1.6; }
    .price { color: var(--honey-dark); font-size: 1.35rem; }
    .add-button { min-width: 104px; color: #fff; background: var(--green); border-radius: 10px; }
    .add-button:hover { background: var(--green-dark); }
    .badge { background: rgba(14, 45, 35, .92); border-radius: 7px; backdrop-filter: blur(8px); }

    .subsection-head {
      max-width: 720px;
      margin: 4rem auto 1.7rem;
      text-align: center;
    }
    .subsection-head .eyebrow { justify-content: center; }
    .subsection-head h3 {
      margin-bottom: .55rem;
      color: var(--green-dark);
      font-family: Georgia, "Times New Roman", serif;
      font-size: clamp(1.8rem, 4vw, 2.8rem);
      line-height: 1.05;
    }
    .subsection-head p { margin-bottom: 0; color: var(--muted); }
    .compact-products {
      max-width: 780px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      margin-inline: auto;
    }
    .product-card.small-format .product-body::before { content: attr(data-kicker); }
    .product-card.is-new .badge {
      color: var(--green-dark);
      background: rgba(255, 222, 125, .96);
      border: 1px solid rgba(166, 109, 13, .28);
    }
    .product-photo {
      position: absolute;
      z-index: 1;
      inset: 0;
      width: 100%;
      max-width: none;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }
    .product-visual.photo-visual { padding: 0; background: #f5ead5; }
    .product-visual.photo-visual::after { bottom: 9px; opacity: .35; }
    .product-gallery-thumbs {
      position: relative;
      z-index: 3;
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: .38rem;
      padding: .7rem;
      background: #fffaf0;
      border-top: 1px solid rgba(23, 63, 49, .1);
    }
    .product-gallery-thumb {
      position: relative;
      aspect-ratio: 1;
      padding: 0;
      overflow: hidden;
      border: 2px solid transparent;
      border-radius: 8px;
      background: #f5ead5;
      cursor: pointer;
      transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
    }
    .product-gallery-thumb img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .product-gallery-thumb:hover { transform: translateY(-2px); }
    .product-gallery-thumb.is-active {
      border-color: var(--honey);
      box-shadow: 0 0 0 2px rgba(246, 184, 26, .22);
    }
    .product-gallery-thumb:focus-visible {
      outline: 3px solid var(--green-dark);
      outline-offset: 2px;
    }

    .apiary-section {
      background:
        radial-gradient(circle at 90% 10%, rgba(246, 184, 26, .14), transparent 27rem),
        var(--paper);
      border-bottom: 1px solid rgba(166, 109, 13, .13);
    }
    .apiary-grid {
      max-width: 920px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      margin-inline: auto;
    }
    .apiary-card .product-body::before { content: "Pre včelárov"; }
    .apiary-card .product-body p { min-height: 5.2rem; }
    .apiary-visual {
      width: 100%;
      padding: 0;
      border: 0;
      background: #f5ead5;
      cursor: default;
    }
    button.apiary-visual { color: inherit; font: inherit; text-align: left; }
    .apiary-note {
      max-width: 920px;
      margin: 1.4rem auto 0;
      padding: 1rem 1.1rem;
      color: var(--green-dark);
      background: var(--green-soft);
      border-left: 4px solid var(--honey);
      border-radius: 0 12px 12px 0;
      font-size: .82rem;
      line-height: 1.55;
    }

    .product-card.is-sold-out {
      background: #f1f2ef;
      border-color: rgba(52, 58, 55, .2);
    }
    .product-card.is-sold-out:hover {
      transform: none;
      box-shadow: 0 12px 32px rgba(32, 37, 31, .06);
    }
    .product-card.is-sold-out .product-visual {
      filter: grayscale(1);
    }
    .product-card.is-sold-out .jar-photo {
      opacity: .72;
    }
    .product-card.is-sold-out .badge {
      color: #fff;
      background: rgba(39, 43, 41, .92);
    }
    .product-card.is-coming-soon {
      background: #fffdf6;
      border-color: rgba(212, 163, 58, .42);
    }
    .product-card.is-coming-soon .jar-photo {
      top: 0;
      left: 0;
      width: 100%;
    }
    .product-card.is-coming-soon .product-body::before { content: "Pripravujeme"; color: #805314; background: #fff0bd; }
    .product-card.is-coming-soon .badge { color: #fff; background: rgba(173, 104, 21, .94); }
    .upcoming-products .coming-soon-status { width: 100%; }
    .upcoming-products .product-visual { background: #f7edda; }
    .sold-out-status {
      width: 100%;
      padding: .7rem .9rem;
      color: #fff;
      background: #656b68;
      border-radius: 10px;
      font-size: .78rem;
      font-weight: 900;
      letter-spacing: .05em;
      text-align: center;
      text-transform: uppercase;
    }
    .coming-soon-status {
      min-width: 132px;
      padding: .66rem .72rem;
      color: var(--green-dark);
      background: #f8dea0;
      border: 1px solid rgba(166, 109, 13, .28);
      border-radius: 10px;
      font-size: .68rem;
      font-weight: 900;
      letter-spacing: .04em;
      line-height: 1.2;
      text-align: center;
      text-transform: uppercase;
    }

    .poster-trigger {
      cursor: zoom-in;
      isolation: isolate;
      outline: none;
    }
    .poster-trigger::before {
      content: "Celý leták";
      position: absolute;
      z-index: 5;
      right: .72rem;
      bottom: .72rem;
      padding: .42rem .62rem;
      color: #fff;
      background: rgba(14, 45, 35, .9);
      border: 1px solid rgba(255, 255, 255, .42);
      border-radius: 8px;
      box-shadow: 0 8px 20px rgba(14, 45, 35, .2);
      font-size: .61rem;
      font-weight: 900;
      letter-spacing: .05em;
      text-transform: uppercase;
      transition: transform .2s ease, background .2s ease;
      backdrop-filter: blur(7px);
    }
    .poster-trigger:hover::before,
    .poster-trigger:focus-visible::before { background: var(--green-dark); transform: translateY(-2px); }
    .poster-trigger:focus-visible { box-shadow: inset 0 0 0 4px rgba(246, 184, 26, .8); }
    .poster-trigger .jar-photo { transition: transform .25s ease; }
    .poster-trigger:hover .jar-photo { transform: scale(1.018); }
    .photo-trigger::before { content: "Zväčšiť"; }
    .video-trigger { cursor: pointer; isolation: isolate; outline: none; }
    .video-trigger::before {
      content: "▶  Pozrieť video";
      position: absolute;
      z-index: 5;
      right: .72rem;
      bottom: .72rem;
      padding: .48rem .7rem;
      color: #fff;
      background: rgba(14, 45, 35, .92);
      border: 1px solid rgba(255, 255, 255, .42);
      border-radius: 8px;
      box-shadow: 0 8px 20px rgba(14, 45, 35, .2);
      font-size: .61rem;
      font-weight: 900;
      letter-spacing: .04em;
      text-transform: uppercase;
      backdrop-filter: blur(7px);
    }
    .video-trigger:hover::before,
    .video-trigger:focus-visible::before { background: var(--green-dark); transform: translateY(-2px); }
    .video-trigger:focus-visible { box-shadow: inset 0 0 0 4px rgba(246, 184, 26, .8); }
    .video-trigger .product-photo { transition: transform .25s ease; }
    .video-trigger:hover .product-photo { transform: scale(1.018); }

    .poster-lightbox {
      position: fixed;
      z-index: 300;
      inset: 0;
      display: grid;
      place-items: center;
      padding: clamp(12px, 3vw, 32px);
      opacity: 0;
      visibility: hidden;
      transition: opacity .2s ease, visibility .2s ease;
    }
    .poster-lightbox.open { opacity: 1; visibility: visible; }
    .poster-lightbox-backdrop { position: absolute; inset: 0; background: rgba(8, 22, 17, .82); backdrop-filter: blur(8px); }
    .poster-lightbox-dialog {
      position: relative;
      z-index: 1;
      width: min(720px, 100%);
      max-height: calc(100vh - 24px);
      max-height: calc(100dvh - 24px);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      background: #f3eee4;
      border: 1px solid rgba(212, 163, 58, .55);
      border-radius: 20px;
      box-shadow: 0 28px 90px rgba(0, 0, 0, .42);
      transform: translateY(12px) scale(.985);
      transition: transform .22s ease;
    }
    .poster-lightbox.open .poster-lightbox-dialog { transform: translateY(0) scale(1); }
    .poster-lightbox-head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding: .85rem 1rem;
      color: #fff;
      background: var(--green-dark);
      border-bottom: 1px solid rgba(212, 163, 58, .45);
    }
    .poster-lightbox-head small { display: block; margin-bottom: .12rem; color: var(--honey-soft); font-size: .56rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
    .poster-lightbox-title { margin: 0; color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 1.15rem; letter-spacing: 0; }
    .poster-lightbox-close {
      flex: 0 0 auto;
      width: 40px;
      height: 40px;
      display: grid;
      place-items: center;
      color: #fff;
      background: rgba(255, 255, 255, .08);
      border: 1px solid rgba(255, 255, 255, .26);
      border-radius: 50%;
      cursor: pointer;
    }
    .poster-lightbox-close:hover { background: rgba(255, 255, 255, .16); }
    .poster-lightbox-close svg { width: 20px; }
    .poster-lightbox-body { min-height: 0; display: grid; place-items: center; padding: .8rem; overflow: auto; }
    .poster-lightbox-image {
      display: block;
      width: auto;
      max-width: 100%;
      height: auto;
      max-height: calc(100vh - 112px);
      max-height: calc(100dvh - 112px);
      object-fit: contain;
      border-radius: 10px;
      box-shadow: 0 14px 38px rgba(33, 27, 19, .2);
    }
    .poster-lightbox.is-sold-out .poster-lightbox-image { filter: grayscale(1); opacity: .82; }
    .video-lightbox .poster-lightbox-dialog { width: min(520px, 100%); }
    .video-lightbox-body { padding: .75rem; background: #111; overflow: auto; }
    .video-lightbox-video {
      display: block;
      width: 100%;
      max-height: calc(100vh - 112px);
      max-height: calc(100dvh - 112px);
      background: #000;
      border-radius: 10px;
    }

    .story-art { min-height: 520px; background: var(--green-dark); border: 1px solid rgba(212, 163, 58, .42); border-radius: 28px; box-shadow: 0 26px 58px rgba(14, 45, 35, .2); }
    .story-art::before, .story-art::after { display: none; }
    .story-photo-collage {
      position: absolute;
      inset: 0;
      display: grid;
      grid-template-columns: 1.25fr .75fr;
      grid-template-rows: repeat(3, 1fr);
      gap: 8px;
      padding: 8px;
    }
    .story-photo-collage img { width: 100%; height: 100%; object-fit: cover; }
    .story-photo-main { grid-row: 1 / 4; border-radius: 20px 8px 8px 20px; object-position: 50% 20%; }
    .story-photo-detail { border-radius: 8px 20px 8px 8px; object-position: 54% 50%; }
    .story-photo-family { border-radius: 8px; object-position: 50% 22%; }
    .story-photo-mama { border-radius: 8px 8px 20px 8px; object-position: 50% 30%; }
    .story-video-trigger {
      position: relative;
      display: block;
      min-width: 0;
      padding: 0;
      overflow: hidden;
      color: inherit;
      background: var(--green-dark);
      border: 0;
      border-radius: 8px 20px 8px 8px;
    }
    .story-video-trigger .story-photo-detail { transition: transform .25s ease; }
    .story-video-trigger:hover .story-photo-detail { transform: scale(1.025); }
    .story-video-trigger.video-trigger::before {
      content: "▶  Krátke video";
      right: .45rem;
      bottom: .45rem;
      padding: .42rem .58rem;
      font-size: .55rem;
    }
    .story-photo-badge {
      position: absolute;
      z-index: 3;
      left: 22px;
      bottom: 22px;
      display: flex;
      align-items: center;
      gap: .7rem;
      padding: .55rem .85rem .55rem .55rem;
      color: var(--green-dark);
      background: rgba(255,255,255,.94);
      border: 1px solid rgba(212, 163, 58, .55);
      border-radius: 999px;
      box-shadow: 0 12px 28px rgba(0,0,0,.22);
      backdrop-filter: blur(8px);
    }
    .story-photo-badge .farm-logo { width: 52px; height: 52px; border: 1px solid rgba(166, 109, 13, .3); }
    .story-photo-badge strong { display: block; font-family: Georgia, "Times New Roman", serif; font-size: .92rem; }
    .story-photo-badge small { display: block; margin-top: .12rem; color: var(--muted); font-size: .62rem; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }
    .story-points span { background: var(--green); }
    .founder-quote { margin: 1.2rem 0; padding: 1rem 1.15rem; color: var(--green-dark); background: var(--green-soft); border-left: 4px solid var(--honey); border-radius: 0 12px 12px 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.02rem; font-style: italic; line-height: 1.55; }
    .founder-signature { display: grid; gap: .12rem; margin: 1.1rem 0 1.4rem; color: var(--green-dark); }
    .founder-signature strong { font-family: Georgia, "Times New Roman", serif; font-size: 1.2rem; font-style: italic; }
    .founder-signature span { color: var(--muted); font-size: .68rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

    .support {
      color: var(--green-dark);
      background:
        radial-gradient(circle at 94% 8%, rgba(238, 183, 58, .3), transparent 24%),
        linear-gradient(135deg, #fffdf8 0%, #fff8ea 58%, #f7e2b2 100%);
      border: 1px solid rgba(212, 163, 58, .72);
      border-radius: 22px;
      box-shadow: 0 24px 58px rgba(116, 79, 22, .13);
    }
    .support .button {
      color: #fff;
      background: var(--green-dark);
      box-shadow: 0 10px 24px rgba(23, 63, 49, .18);
    }
    .support .button:hover { background: #0f3328; box-shadow: 0 13px 28px rgba(23, 63, 49, .24); }
    .support.support-joint {
      grid-template-columns: minmax(270px, 320px) minmax(0, 1fr) minmax(190px, 210px);
      align-items: stretch;
      gap: clamp(1.35rem, 2.6vw, 2.5rem);
      padding: clamp(1.25rem, 3vw, 2.35rem);
      scroll-margin-top: 110px;
    }
    .support-joint::after {
      width: 360px;
      right: -150px;
      top: -175px;
      border-color: rgba(212, 163, 58, .2);
    }
    .support-duo {
      min-height: 430px;
      border-color: rgba(212, 163, 58, .9);
      background: #fbf0d4;
      box-shadow: 0 0 0 3px rgba(255, 224, 146, .36), 0 18px 38px rgba(126, 82, 15, .2);
    }
    .support-duo-photo {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
      filter: none;
    }
    .support-duo::after {
      content: "";
      position: absolute;
      inset: auto 0 0;
      height: 34%;
      background: linear-gradient(transparent, rgba(23, 63, 49, .72));
    }
    .support-duo-label {
      position: absolute;
      z-index: 2;
      left: 50%;
      bottom: 16px;
      transform: translateX(-50%);
      padding: .52rem .85rem;
      color: #fff;
      background: rgba(23, 63, 49, .9);
      border: 1px solid rgba(246, 211, 125, .72);
      border-radius: 999px;
      box-shadow: 0 10px 24px rgba(0,0,0,.22);
      font-size: .72rem;
      font-weight: 900;
      letter-spacing: .08em;
      text-transform: uppercase;
      white-space: nowrap;
      backdrop-filter: blur(8px);
    }
    .support-copy { align-self: center; min-width: 0; }
    .support-campaign-logo {
      width: min(320px, 84%);
      height: auto;
      margin: 0 0 .55rem;
    }
    .support .support-kicker {
      margin: 0 0 .7rem;
      color: #ad6815;
      font-size: .68rem;
      font-weight: 900;
      letter-spacing: .14em;
      text-transform: uppercase;
    }
    .support-kicker span { margin-left: .28rem; color: #d79a24; font-size: .82rem; }
    .support-joint h3 {
      max-width: 680px;
      margin-bottom: 1rem;
      color: var(--green-dark);
      font-size: clamp(1.9rem, 3.1vw, 2.65rem);
    }
    .support .support-story {
      margin-top: .72rem;
      color: #4e514a;
      font-size: .9rem;
      line-height: 1.65;
    }
    .support .support-thanks {
      margin: .9rem 0 0;
      color: #c45f38;
      font-size: .84rem;
      font-weight: 850;
      line-height: 1.5;
    }
    .support-contribution {
      display: grid;
      gap: .28rem;
      margin-top: 1.15rem;
      padding: .9rem 1rem;
      color: var(--green-dark);
      background: linear-gradient(135deg, #fff0bd, #f7dfa0);
      border: 1px solid rgba(212, 163, 58, .75);
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(166, 109, 13, .08);
    }
    .support-contribution strong { font-size: .86rem; line-height: 1.4; }
    .support-contribution span { color: rgba(23,63,49,.75); font-size: .73rem; line-height: 1.45; }
    .support-split {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: .5rem;
      margin-top: .42rem;
    }
    .support-split b {
      display: block;
      padding: .5rem .58rem;
      color: var(--green-dark);
      background: rgba(255,255,255,.7);
      border: 1px solid rgba(166,109,13,.22);
      border-radius: 9px;
      font-size: .76rem;
      line-height: 1.2;
      text-align: center;
    }
    .support-organizations {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: .65rem;
      margin-top: .7rem;
    }
    .support-org {
      display: grid;
      align-content: start;
      gap: .1rem;
      padding: .7rem .78rem;
      color: var(--green-dark);
      text-decoration: none;
      background: rgba(255,255,255,.74);
      border: 1px solid rgba(23,63,49,.16);
      border-radius: 11px;
      box-shadow: 0 7px 16px rgba(78, 61, 27, .06);
      transition: transform .2s ease, background .2s ease, border-color .2s ease;
    }
    .support-org:hover { transform: translateY(-2px); background: #fff; border-color: rgba(212,163,58,.82); }
    .support-org:focus-visible { outline-color: var(--honey-soft); }
    .support-org small { color: #ad6815; font-size: .58rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
    .support-org strong { color: var(--green-dark); font-size: .75rem; line-height: 1.35; }
    .support-org span { margin-top: .28rem; color: #c45f38; font-size: .62rem; font-weight: 800; line-height: 1.35; }
    .support-cta {
      align-self: center;
      display: grid;
      gap: .8rem;
      justify-items: stretch;
      padding-left: 1.4rem;
      border-left: 1px solid rgba(212, 163, 58, .48);
      text-align: center;
    }
    .support-price { display: grid; gap: .16rem; }
    .support-price small { color: rgba(23,63,49,.72); font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
    .support-price strong { color: #b67413; font-family: Georgia, "Times New Roman", serif; font-size: 2.25rem; line-height: 1; }
    .support-edition {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .55rem;
      width: 100%;
      padding: .72rem .75rem;
      color: var(--green-dark);
      background: rgba(255,255,255,.74);
      border: 1px solid rgba(212,163,58,.42);
      border-radius: 11px;
    }
    .support-edition span { color: #c45f38; font-size: 1rem; line-height: 1; }
    .support-edition strong { font-size: .68rem; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
    .support-cta .button { width: 100%; padding-inline: .65rem; font-size: .78rem; line-height: 1.25; white-space: normal; }
    .support-cta > small { color: rgba(23,63,49,.66); font-size: .62rem; }
    .support-label-link {
      justify-self: center;
      padding: .12rem .2rem;
      color: #c45f38;
      background: transparent;
      border: 0;
      cursor: pointer;
      font: inherit;
      font-size: .72rem;
      font-weight: 900;
      letter-spacing: .06em;
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: .24em;
      text-transform: uppercase;
      white-space: nowrap;
      appearance: none;
    }
    .support-label-link:hover { color: var(--green-dark); }
    .support-label-link:focus-visible { outline-color: #c45f38; }
    .contact-card { border-radius: 24px; box-shadow: 0 24px 65px rgba(32, 37, 31, .1); }
    .contact-link { border-radius: 12px; }
    .farm-registration { cursor: default; }
    .contact-side { color: #fff; background: var(--green-dark); }
    .contact-side p { color: rgba(255,255,255,.75); }
    .contact-side::before { border-color: rgba(212, 163, 58, .12); }
    .steps li::before { color: var(--green-dark); background: var(--honey-soft); }

    footer { padding: 2.3rem 0; color: rgba(255,255,255,.72); background: var(--green-dark); }
    footer a { color: #fff; }
    .footer-inner { align-items: center; }
    .footer-brand { display: flex; align-items: center; gap: .8rem; }
    .footer-logo { width: 58px; height: 58px; border: 2px solid #fff; }
    .footer-brand strong, .footer-brand small { display: block; }
    .footer-brand strong { color: #fff; font-family: Georgia, "Times New Roman", serif; font-size: 1rem; }
    .footer-brand small { margin-top: .2rem; color: var(--honey-soft); font-size: .62rem; letter-spacing: .05em; text-transform: uppercase; }
    .footer-contact { display: grid; gap: .3rem; text-align: right; }

    .cart-panel { background: var(--paper); }
    .cart-head { background: var(--green-dark); border-bottom: 0; color: #fff; }
    .cart-head h2 { color: #fff; }
    .cart-head .icon-button { color: #fff; background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.2); }
    .order-field input, .order-field textarea { border-radius: 9px; }

    @media (max-width: 980px) {
      .hero-grid { grid-template-columns: 1fr .82fr; gap: 2.5rem; }
      .hero-identity-card { min-height: 470px; }
      .hero-logo { width: 205px; height: 205px; }
      .taste-options { grid-template-columns: repeat(3, minmax(0, 1fr)); }
      .harvest-shell { grid-template-columns: 1fr; }
      .products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .product-card:last-child:nth-child(3n + 1) { grid-column: auto; }
      .nav-links { gap: .72rem; }
      .support.support-joint { grid-template-columns: minmax(235px, 290px) minmax(0, 1fr); }
      .support-cta {
        grid-column: 2;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        padding: 1rem 0 0;
        border-top: 1px solid rgba(212, 163, 58, .42);
        border-left: 0;
        text-align: left;
      }
      .support-cta .button { width: auto; }
    }

    @media (max-width: 760px) {
      .container { width: min(100% - 30px, 1180px); }
      .topbar { font-size: .63rem; letter-spacing: .06em; }
      .topbar .topbar-extra, .topbar b:last-of-type { display: none; }
      .nav { min-height: 74px; }
      .brand-logo { width: 48px; height: 48px; }
      .brand-copy strong { font-size: 1.02rem; }
      .nav-audio-button { width: 38px; height: 38px; }
      .language-button { min-width: 32px; height: 30px; padding-inline: .38rem; }
      .hero { padding-top: 3.6rem; }
      .hero-grid { grid-template-columns: 1fr; }
      .hero-art { min-height: 500px; }
      .hero-identity-card { width: min(430px, 100%); }
      .benefit-grid { grid-template-columns: 1fr; }
      .taste-shell { border-radius: 24px; }
      .taste-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .taste-choice:last-child { grid-column: 1 / -1; }
      .taste-result { grid-template-columns: 1fr; }
      .taste-result-links { justify-content: flex-start; }
      .harvest-section { padding: 4.5rem 0; }
      .story-art { min-height: 440px; }
      .support.support-joint { grid-template-columns: 1fr; }
      .support-duo { min-height: 430px; }
      .support-cta {
        grid-column: auto;
        display: grid;
        justify-content: stretch;
        text-align: center;
      }
      .support-cta .button { width: 100%; justify-self: stretch; }
      .contact-side { min-height: 390px; }
      .footer-inner { align-items: flex-start; }
      .footer-contact { text-align: left; }
    }

    @media (max-width: 520px) {
      .page-scroll-indicator { right: max(4px, env(safe-area-inset-right)); gap: .3rem; }
      .page-scroll-track { width: 3px; height: 105px; }
      .page-scroll-thumb { width: 9px; height: 9px; border-width: 1px; }
      .page-scroll-arrow { width: 11px; height: 11px; }
      h1 { font-size: clamp(2.75rem, 14vw, 4.05rem); }
      h1 span { font-size: .72em; }
      .hero-lead { font-size: .97rem; }
      .hero-art { min-height: 450px; }
      .hero-audio-player { width: min(340px, calc(100% - 16px)); }
      .hero-audio-toggle { gap: .62rem; padding: .7rem .72rem .62rem; }
      .hero-audio-icon { width: 36px; height: 36px; }
      .hero-audio-copy strong { font-size: .74rem; }
      .hero-audio-copy small { font-size: .56rem; }
      .hero-audio-time { font-size: .59rem; }
      .hero-identity-card { min-height: 430px; padding: 2rem 1.25rem; border-radius: 24px; }
      .nav { gap: .6rem; }
      .nav-links { gap: .45rem; }
      .language-switcher { padding: 2px; }
      .language-button { min-width: 29px; height: 29px; padding-inline: .3rem; font-size: .64rem; }
      .hero-logo { width: 180px; height: 180px; }
      .hero-card-name { font-size: 1.8rem; }
      .taste-finder { padding-bottom: 4.5rem; }
      .taste-shell { padding: 1.45rem; }
      .taste-choice { min-height: 116px; padding: .85rem; }
      .harvest-shell { border-radius: 24px; }
      .harvest-intro { padding: 1.6rem 1.4rem; }
      .harvest-facts { grid-template-columns: 1fr; }
      .harvest-timeline { padding: 1rem 1.25rem; }
      .harvest-step { grid-template-columns: 88px 1fr; gap: .75rem; }
      .products { grid-template-columns: 1fr; }
      .product-card { display: flex; grid-template-columns: none; }
      .product-visual, .product-visual.jar-crop, .product-visual.label-visual { min-height: 0; padding: 0; aspect-ratio: 1; }
      .product-visual.label-visual { padding: .75rem; }
      .mini-jar { width: 132px; }
      .product-body { padding: 1.25rem; }
      .support.support-joint { padding: 1rem; border-radius: 18px; }
      .support-duo { min-height: 390px; }
      .support-organizations { grid-template-columns: 1fr; }
      .support-joint h3 { font-size: 2rem; }
      .footer-brand { align-items: flex-start; }
      .poster-lightbox { padding: 0; }
      .poster-lightbox-dialog { width: 100%; max-height: 100vh; max-height: 100dvh; border-radius: 0; }
      .poster-lightbox-head { padding: .72rem .8rem; }
      .poster-lightbox-title { font-size: 1rem; }
      .poster-lightbox-body { padding: .5rem; }
      .poster-lightbox-image { max-height: calc(100vh - 88px); max-height: calc(100dvh - 88px); border-radius: 7px; }
    }

    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    }
  
/* Medové tóny — september 2026. Shared visual system. */
:root{--honey:#e9ad35;--honey-dark:#8b531a;--honey-soft:#f5dfa9;--paper:#fffdf8;--cream:#f5eddf;--ink:#30251d;--muted:#716354;--green:#5b3823;--green-dark:#302219;--green-soft:#f1e6d4;--line:#dfd1bd;--radius:12px;--shadow:0 18px 50px #40291912}
body{background:var(--paper);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}
html{scroll-padding-top:110px}h1,h2,h3{color:var(--ink);text-wrap:balance}p{font-size:1rem}button,a,input,textarea{touch-action:manipulation}button,textarea,input{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #9c631c;outline-offset:5px}small{font-size:.875rem}::selection{color:#302219;background:#f1ca78}
.container{width:min(1240px,calc(100% - 72px))}.section{padding:88px 0}.eyebrow{font-size:.875rem;letter-spacing:.12em;font-weight:650;color:var(--honey-dark);margin-bottom:20px}.eyebrow:before{width:25px}.topbar{background:#38281c;color:#f5e7cc;font-size:.75rem;letter-spacing:.06em;padding:8px 16px}.topbar-instagram{font-size:.75rem}
.site-header{background:#fffdf8ee;border-bottom:1px solid #e5dac7;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.nav{min-height:90px;gap:24px}.brand{gap:12px}.brand-logo{width:52px;height:52px;box-shadow:none}.brand-copy strong{font-size:1.35rem;color:var(--ink)}.brand-copy small{font-size:.75rem;letter-spacing:.04em}.nav-links{display:flex;gap:22px;align-items:center}.nav-links>a{font-size:.875rem;font-weight:600;white-space:nowrap;position:relative}.nav-links>a:not(.nav-support-link):after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s}.nav-links>a:hover:after{transform:scaleX(1)}.nav-support-link{border:none;background:none;padding:0;color:#8b531a}.language-switcher{box-shadow:none;border:1px solid var(--line);background:#f6f0e6}.language-button{font-size:.875rem;min-width:34px;min-height:36px}.nav-audio-button{width:40px;height:40px;border:1px solid var(--line);box-shadow:none;background:#f5e5c3}.cart-button{border-radius:8px;min-height:46px;box-shadow:none;padding:10px 16px;flex-shrink:0;background:var(--ink);font-size:.875rem}.cart-count{font-size:.875rem;background:#efbb55;color:#302219}.menu-toggle{display:none}.button,.add-button{min-height:48px;border-radius:8px;font-size:1rem;letter-spacing:0;box-shadow:none;transition:background .2s,transform .2s,box-shadow .2s}.button:hover,.add-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #53381720}.button-primary,.add-button{background:#52341f;color:#fffdf8}.button-primary:hover,.add-button:hover{background:#302219}.button-secondary{border:1px solid #bd9f73;background:transparent;color:var(--ink)}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:64px 0 60px;background:radial-gradient(ellipse at 96% 30%,#f4c5634d,transparent 56%),#fbf5e9}.hero:before,.hero:after{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-copy{position:relative;z-index:2;padding:20px 0}.hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(3.5rem,6.8vw,6rem);line-height:1.02;letter-spacing:-.055em;margin:0 0 27px;max-width:650px}.hero h1 span{display:block;font-size:1em;font-style:italic;color:#a26720;letter-spacing:-.06em}.hero .hero-lead{font-size:1.125rem;line-height:1.75;color:#655444;max-width:440px;margin:0 0 30px}.hero-actions{gap:12px;flex-wrap:wrap}.hero-local{margin:24px 0 0;display:flex;align-items:center;gap:10px;font-size:.875rem;color:#655444}.hero-local svg{width:18px;height:18px;flex-shrink:0}.hero-art{position:relative;min-height:0;padding:0;display:block;transform:none;aspect-ratio:1/1.08;border-radius:160px 12px 12px 12px;background:#eed6a5;overflow:hidden;box-shadow:0 26px 58px #6b46151c}.hero-photo{width:100%;height:100%;object-fit:cover;display:block;animation:hero-enter 1s ease-out both}.hero-art:before{width:auto;height:auto;aspect-ratio:auto;border:0;border-radius:0;transform:none;content:'';position:absolute;inset:0;background:linear-gradient(120deg,#fff4d214,transparent 50%,#9e67161a);z-index:1;pointer-events:none}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#fff8df55 48%,transparent 65%);transform:translateX(-110%);animation:honey-light 2s ease-out .6s 1;pointer-events:none;z-index:1}.hero-photo-caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 20px;border:1px solid #ffffff80;border-radius:8px;background:#fffaf0eb;backdrop-filter:blur(15px);text-decoration:none}.hero-photo-caption strong{display:block;font-size:1.125rem;line-height:1.3}.hero-photo-caption small{font-size:.875rem;color:var(--muted)}.hero-photo-caption>span:last-child{font-family:Georgia,serif;font-size:1.75rem;white-space:nowrap;color:#704816}.hero-copy>.eyebrow,.hero-copy>h1,.hero-copy>.hero-lead,.hero-copy>.hero-actions{animation:copy-enter .7s ease-out both}.hero-copy>h1{animation-delay:.08s}.hero-copy>.hero-lead{animation-delay:.16s}.hero-copy>.hero-actions{animation-delay:.24s}
.shop-paths{background:#fffdf8;border-bottom:1px solid var(--line)}.path-grid{display:grid;grid-template-columns:repeat(3,1fr)}.path-card{display:grid;grid-template-columns:32px 1fr 22px;gap:15px;align-items:center;text-decoration:none;padding:28px 26px;transition:background .2s}.path-card+.path-card{border-left:1px solid var(--line)}.path-card:hover{background:#f4ead8}.path-card>span:first-child{font-family:Georgia,serif;font-size:1rem;color:#9f7441}.path-card strong{font-size:1.0625rem;font-weight:600;display:block}.path-card small{font-size:.875rem;color:var(--muted)}.path-card>span:last-child{font-size:1.4rem;color:#9b6a29;transition:transform .2s}.path-card:hover>span:last-child{transform:translateX(5px)}
.gift-section{padding-bottom:72px}.gift-section .section-head{margin-bottom:30px}.section-head h2,.story-copy h2{font-size:clamp(2.25rem,4vw,3.6rem);font-weight:400;line-height:1.1;letter-spacing:-.035em}.section-head p{font-size:1rem;max-width:600px}.gift-feature.product-card{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;border-radius:12px;background:#f4e4c4;border:1px solid #dfc492;box-shadow:none;overflow:hidden}.gift-feature.product-card:hover{transform:none}.gift-feature>.product-visual{grid-column:1;grid-row:1;aspect-ratio:1.25;min-height:0;border-radius:0}.gift-feature .product-visual img{object-fit:cover;object-position:50% 52%}.gift-feature>.product-gallery-thumbs{grid-column:1;grid-row:2;background:#f5e9d4;border:0;padding:12px 20px;gap:8px}.gift-feature .product-gallery-thumb{border-radius:6px;max-height:76px}.gift-feature>.product-body{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:44px 50px;background:linear-gradient(135deg,#f9efd9,#f4e4c4)}.gift-feature .product-body:before{display:none}.gift-feature .product-body h3{font-size:clamp(2rem,3.4vw,3rem);line-height:1.15;letter-spacing:-.025em;font-weight:400;margin-bottom:24px}.gift-feature .product-body p{font-size:1.0625rem;line-height:1.8;max-width:400px}.gift-feature .product-meta{width:100%;align-items:flex-end;gap:18px;margin-top:28px;flex-wrap:wrap}.gift-feature .price{font-size:2.5rem;font-weight:400;font-family:Georgia,serif;line-height:1.2}.gift-feature .price small{display:block;font-size:.875rem;margin-top:8px;font-family:inherit}.gift-feature .add-button{min-width:160px}
.section-products{background:#f7f1e7;border:0}.products{gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{border:1px solid #e5d7c2;border-radius:10px;box-shadow:none;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden;background:#fffdf8}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #563b1314;border-color:#c7a971}.product-body{padding:24px}.product-body:before{font-size:.75rem;width:fit-content;background:transparent;color:#8b6d43;border:0;padding:0;letter-spacing:.09em;margin-bottom:10px}.product-body h3{font-size:1.375rem;line-height:1.25;margin-bottom:12px;font-weight:400;letter-spacing:-.02em}.product-body p{font-size:1rem;line-height:1.65}.price{font-size:1.5rem;color:#79501c}.price small{font-size:.875rem}.add-button{font-size:.9375rem;min-width:112px}.product-visual,.product-visual.jar-crop{aspect-ratio:1.15;min-height:0}.product-visual:after{display:none}.poster-trigger:before{font-size:.75rem;padding:7px 10px;background:#382719dd;letter-spacing:.03em;border-radius:5px;bottom:12px;right:12px}.jar-crop .jar-photo{transition:transform .55s}.product-card:hover .jar-photo{filter:none}.badge{font-size:.8125rem;padding:6px 10px;background:#6c4b2a;color:#fff;box-shadow:none}.compact-products{max-width:850px}.subsection-head{text-align:left;max-width:none}.subsection-head .eyebrow{justify-content:flex-start}.subsection-head h3{font-weight:400}.sold-out-status{font-size:.9375rem}
.taste-finder{padding:80px 0;background:#fffdf8}.taste-shell{padding:38px;border-radius:12px;box-shadow:none;border:1px solid var(--line);background:#fcf8ef}.taste-intro h2{font-size:2.5rem;font-weight:400;letter-spacing:-.03em}.taste-intro p{font-size:1rem}.taste-choice{border-radius:8px;min-height:118px;background:#fffdf8;box-shadow:none;padding:18px}.taste-choice strong{font-size:1.1875rem;font-weight:400}.taste-choice small{font-size:.875rem}.taste-number{font-size:.875rem}.taste-result{border-radius:8px;background:#523822;padding:24px}.taste-result h3{font-weight:400;font-size:1.5rem}.taste-result p{font-size:1rem;color:#f3e9d7}.taste-result-label{font-size:.75rem}.taste-result-links a{font-size:.9375rem}
.support.support-joint{grid-template-columns:.85fr 1.15fr;padding:30px;gap:35px;background:#faf0df;border:1px solid #e0cda7;border-radius:12px;box-shadow:none}.support-joint:after{display:none}.support-duo{min-height:480px;border-radius:8px;overflow:hidden}.support-duo-photo{object-fit:contain;object-position:center;background:#f7e7c8}.support-copy{align-self:center}.support-joint h3{font-size:clamp(2rem,3.2vw,3rem);font-weight:400;line-height:1.12;color:#523822}.support .support-story,.support .support-thanks{font-size:1rem;line-height:1.7;color:#665241}.support-contribution{background:#f2e2c3;border-color:#dcc79d;padding:18px;border-radius:8px}.support-contribution strong{font-size:1rem;line-height:1.5}.support-contribution span,.support-split b{font-size:.875rem}.support-cta{grid-column:1/-1;display:flex;align-items:center;gap:24px;padding:22px 0 0;border-top:1px solid #d6c399;text-align:left;background:transparent}.support-price strong{font-size:2.25rem}.support-price small,.support-cta>small{font-size:.875rem}.support-cta .button{width:auto;font-size:1rem;flex:1;min-height:52px}.support-edition strong{font-size:.875rem}.support-label-link{font-size:.875rem}.support-org small{font-size:.75rem}.support-org strong{font-size:.9375rem}.support-org span{font-size:.8125rem}.support-organizations{gap:12px}.support-org{border-radius:8px;padding:15px}.support-duo-label{font-size:.875rem}
.benefits{padding:0 0 60px;background:#fffdf8}.benefit-grid{box-shadow:none;border:1px solid var(--line);border-radius:8px}.benefit{padding:24px}.benefit strong{font-size:1rem}.benefit small{font-size:.875rem}.benefit-icon{background:#f3e6cc}.story-copy>p{font-size:1.0625rem;line-height:1.8}.story-points small{font-size:.9375rem}.story-points strong{font-size:1rem}.story-art{min-height:550px}.story-photo-collage{grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:12px;transform:none}.story-photo-main{grid-column:1;grid-row:1/3;object-fit:cover;border-radius:100px 8px 8px 8px}.story-video-trigger{grid-column:2;grid-row:1;border-radius:8px}.story-photo-family{grid-column:2;grid-row:2;border-radius:8px}.story-photo-collage img{box-shadow:none}.story-photo-badge{border-radius:8px;padding:16px;box-shadow:var(--shadow)}.story-photo-badge small{font-size:.875rem}.founder-quote{font-size:1.2rem;background:#f3e8d5;color:#704719;font-weight:400;border-color:#c8953d}.founder-signature span{font-size:.875rem}.brand-music{max-width:440px;margin-top:24px}.brand-music .hero-audio-player{position:static;width:100%;transform:none;border-radius:8px;background:#523822;box-shadow:none}.hero-audio-copy strong{font-size:.9375rem}.hero-audio-copy small,.hero-audio-time{font-size:.8125rem}
.harvest-section{padding:72px 0;background:#f4ebda}.harvest-shell{border-radius:12px;box-shadow:none}.harvest-intro{background:#523822}.harvest-intro h2{font-weight:400}.harvest-intro p,.harvest-step p{font-size:1rem}.harvest-fact strong{font-size:1.25rem}.harvest-fact span{font-size:.875rem}.harvest-step strong{font-size:1.125rem}.harvest-month{font-size:.875rem}.apiary-note{font-size:.9375rem}.contact-section{background:#f4ead8}.contact-card{border-radius:8px}.contact-card span,.contact-card small{font-size:.875rem}.contact-card strong{font-size:1.125rem}.contact-side{border-radius:12px;background:#50341f;box-shadow:none}.contact-side h3{font-size:2rem;font-weight:400}.contact-side p,.contact-side li{font-size:1rem}.contact-section h2{font-size:3rem;font-weight:400}.footer-brand strong{font-size:1.25rem}.footer-brand small,.footer-contact,.footer-contact a{font-size:.875rem}footer{background:#302219;padding-bottom:35px}.footer-extra{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px;padding-top:22px;border-top:1px solid #ffffff2e;font-size:.9375rem;color:#f0dcb8}
.cart-panel{width:min(480px,100%);height:100dvh;border-left:1px solid var(--line);background:#fffdf8}.cart-head{position:sticky;top:0;z-index:3;background:#fffdf8;border-color:var(--line)}.cart-head h2{font-size:2rem;font-weight:400}.cart-item h3{font-size:1.125rem}.cart-item small{font-size:.875rem}.qty-button{width:44px;height:44px}.remove-button{font-size:.875rem}.order-field>span{font-size:.9375rem}.order-field input,.order-field textarea{font-size:1rem;border-radius:6px;min-height:48px;background:#fff;border-color:#b5a58b}.order-privacy,.cart-whatsapp-note{font-size:.875rem;line-height:1.6}.cart-whatsapp{margin:0 0 18px}.order-divider{font-size:.875rem}.cart-total{padding-bottom:20px}.cart-status-note{font-size:.875rem;margin:0 0 18px;color:#735a3d}.cart-order-method{font-size:1rem;font-weight:600;margin:0 0 12px}.cart-foot .button{width:100%;white-space:normal}.cart-items:has(.empty-cart)+.cart-foot .order-form,.cart-items:has(.empty-cart)+.cart-foot .cart-whatsapp,.cart-items:has(.empty-cart)+.cart-foot .order-divider{display:none}.mobile-cart{display:none}.page-scroll-indicator{display:none}.site-header:after{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:var(--scroll-progress,0%);background:#c48a29;transition:width .08s linear}.poster-lightbox-title{font-size:1.2rem;font-weight:400}.poster-lightbox-kicker{font-size:.8125rem}.poster-lightbox-head{background:#49321e}.toast{font-size:.9375rem;max-width:calc(100vw - 32px);border-radius:8px;background:#49321e}
.reveal-pending{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}.reveal-pending.is-revealed{opacity:1;transform:none}.product-card.reveal-pending.is-revealed:hover{transform:translateY(-5px)}@keyframes copy-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes hero-enter{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes honey-light{to{transform:translateX(110%)}}
@media(min-width:1101px){.nav-links{margin-left:auto}.nav-links .language-switcher{margin-left:5px}.hero{min-height:680px}.hero-grid{min-height:545px}}
@media(max-width:1100px){.nav{gap:14px}.nav-links{gap:15px}.nav-links>a{font-size:.8125rem}.nav-audio-button{display:none}.hero-grid{gap:32px}.hero h1{font-size:4.25rem}.gift-feature>.product-body{padding:32px}.brand-copy small{font-size:.6875rem}.support-cta{flex-wrap:wrap}.support-cta .button{flex-basis:50%}}
@media(max-width:1100px){.container{width:calc(100% - 40px)}.nav{min-height:76px}.brand-copy strong{font-size:1.25rem}.brand-copy small{font-size:.75rem}.menu-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:7px;background:transparent;order:3}.menu-toggle svg{width:22px;height:22px}.nav>.cart-button{margin-left:auto}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fffdf8;border-bottom:1px solid var(--line);padding:20px;box-shadow:0 14px 24px #37281014;max-height:calc(100dvh - 100px);overflow:auto}.nav-links.is-open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.nav-links>a{display:block!important;padding:14px;font-size:1.0625rem;border-bottom:1px solid #eee4d4}.nav-links>a:after{display:none}.nav-links .language-switcher{align-self:flex-start;margin:10px 14px}.nav-links .language-button{min-width:46px;min-height:42px}.nav-links .nav-audio-button{display:none}.hero h1{font-size:3.6rem}.hero-grid{gap:24px}.hero .hero-lead{font-size:1rem}.hero-actions .button{font-size:.9375rem;padding:12px 18px}.hero-photo-caption{left:16px;right:16px;padding:12px}.hero-photo-caption strong{font-size:1rem}.hero-photo-caption>span:last-child{font-size:1.4rem}.path-card{padding:22px 12px;gap:8px;grid-template-columns:20px 1fr 15px}.path-card small{font-size:.8125rem}.path-card strong{font-size:1rem}.gift-feature>.product-body{padding:28px}.gift-feature .product-meta{margin-top:15px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.support.support-joint{padding:24px;gap:24px}.support-duo{min-height:380px}.support-organizations{grid-template-columns:1fr}.story-grid{gap:35px}.story-art{min-height:430px}.story-photo-badge{position:absolute;bottom:20px;left:20px;right:20px;margin-top:0}.taste-options{gap:10px}.taste-choice{padding:12px}.taste-choice strong{font-size:1.0625rem}.section{padding:64px 0}}
@media(max-width:650px){html{scroll-padding-top:90px}.container{width:calc(100% - 36px)}.topbar{font-size:.75rem;padding:7px 12px;letter-spacing:0}.topbar .topbar-extra,.topbar b{display:none}.topbar-instagram{margin-left:8px}.brand-logo{width:42px;height:42px}.brand-copy strong{font-size:1.125rem}.brand-copy small{font-size:.625rem;letter-spacing:0}.nav{gap:10px;min-height:70px}.cart-button{padding:10px;gap:6px}.cart-label{display:none}.cart-button svg{width:20px;height:20px}.hero{padding:34px 0 28px;min-height:0}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{padding:0}.hero h1{font-size:clamp(3.25rem,12vw,4.5rem);line-height:1.03;margin-bottom:20px}.hero h1 span{font-size:1em}.hero .eyebrow{font-size:.75rem;margin-bottom:17px}.hero .hero-lead{font-size:1rem;line-height:1.7;margin-bottom:22px;max-width:35ch}.hero-actions{gap:10px}.hero-actions .button{flex:1;width:auto;font-size:.9375rem;padding:12px;min-height:49px;white-space:nowrap}.hero-local{font-size:.875rem;margin-top:17px}.hero-art{min-height:0;aspect-ratio:1.22;border-radius:80px 8px 8px 8px}.hero-photo{object-position:center 52%}.hero-photo-caption{bottom:14px;padding:10px 14px}.hero-photo-caption small{font-size:.8125rem}.path-grid{grid-template-columns:1fr}.path-card{padding:18px 0;grid-template-columns:25px 1fr 24px;gap:14px}.path-card+.path-card{border-left:0;border-top:1px solid var(--line)}.path-card strong{font-size:1.0625rem}.path-card small{font-size:.875rem}.section{padding:52px 0}.section-head{margin-bottom:24px;gap:20px}.section-head h2,.story-copy h2{font-size:2.5rem}.section-head .button{display:none}.eyebrow{font-size:.75rem}.gift-feature.product-card{grid-template-columns:1fr;grid-template-rows:auto auto auto}.gift-feature>.product-visual{grid-column:1;grid-row:1;aspect-ratio:1.1}.gift-feature>.product-gallery-thumbs{grid-column:1;grid-row:2;padding:10px;gap:5px}.gift-feature>.product-body{grid-column:1;grid-row:3;padding:26px 22px}.gift-feature .product-body h3{font-size:2.125rem;margin-bottom:16px}.gift-feature .product-body p{font-size:1rem}.gift-feature .product-meta{gap:20px;margin-top:22px;flex-direction:column;align-items:flex-start}.gift-feature .add-button{width:100%}.gift-feature .price{font-size:2.25rem}.products{grid-template-columns:1fr;gap:24px}.product-card{border-radius:10px}.product-visual,.product-visual.jar-crop{aspect-ratio:1.3}.product-body{padding:22px}.product-body h3{font-size:1.5rem}.product-body p{font-size:1rem}.product-meta{margin-top:20px}.add-button{min-width:124px;font-size:1rem;min-height:48px}.product-body:before{font-size:.75rem}.price small{font-size:.875rem}.taste-finder{padding:52px 0}.taste-shell{padding:24px 18px}.taste-intro h2{font-size:2rem}.taste-options{grid-template-columns:1fr 1fr}.taste-choice{min-height:105px;padding:15px}.taste-choice:last-child{grid-column:1/-1;min-height:88px}.taste-choice small{font-size:.875rem}.taste-result{padding:20px}.taste-result-links{gap:10px}.taste-result-links a{padding:10px}.support.support-joint{grid-template-columns:1fr;padding:18px;gap:24px}.support-duo{min-height:0;aspect-ratio:1/1.02}.support-duo-photo{width:100%;height:100%;object-fit:contain}.support-joint h3{font-size:2.3rem}.support .support-story,.support .support-thanks{font-size:1rem}.support-cta{display:grid;grid-template-columns:1fr;gap:16px;grid-column:1;text-align:left}.support-cta .button{width:100%;font-size:1rem}.support-edition{width:fit-content}.support-contribution{padding:16px}.support-price small{font-size:.875rem}.support-campaign-logo{max-width:100%}.support-org strong{font-size:.9375rem}.benefits{padding-bottom:40px}.benefit-grid{grid-template-columns:1fr}.benefit{padding:20px}.story-grid{grid-template-columns:1fr}.story-art{min-height:0}.story-photo-collage{position:relative;inset:auto;height:420px;min-height:0}.story-photo-badge{margin-top:0}.story-copy>p{font-size:1rem}.story-points{gap:18px}.story-points small{font-size:.9375rem}.harvest-section{padding:48px 0}.harvest-fact span{font-size:.875rem}.harvest-intro{padding:28px}.harvest-timeline{padding:24px}.harvest-step{grid-template-columns:1fr}.harvest-month{font-size:.875rem}.contact-section h2{font-size:2.5rem}.contact-side{padding:28px;min-height:0}.contact-side h3{font-size:2rem}.footer-inner{gap:24px}.footer-extra{gap:18px}.cart-panel{border:0}.cart-head{padding:18px 22px}.cart-items,.cart-foot{padding:20px 22px}.cart-total{padding-bottom:15px}.mobile-cart:not([hidden]){position:fixed;bottom:max(12px,env(safe-area-inset-bottom));left:16px;right:16px;z-index:65;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;border:1px solid #d7ac5c;border-radius:10px;color:#fffaf0;background:#49321ef5;box-shadow:0 10px 40px #30221930;backdrop-filter:blur(12px);font-size:.9375rem;font-weight:600;min-height:54px}.mobile-cart span{display:flex;gap:10px;align-items:center}.mobile-cart strong{white-space:nowrap;font-size:1rem}body.has-cart{padding-bottom:88px}body.no-scroll .mobile-cart{display:none}.toast{bottom:88px}.story-video-trigger:before{font-size:.8125rem}.hero-audio-copy strong{font-size:.9375rem}.hero-audio-copy small,.hero-audio-time{font-size:.8125rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}
@media print{.site-header,.mobile-cart,.cart-panel,.cart-overlay,.hero-actions,.add-button,.menu-toggle{display:none!important}.reveal-pending{opacity:1;transform:none}.section{break-inside:avoid;padding:20px 0}body{background:#fff}}

/* Match remaining overlays to the warm palette. */
.support-duo:after{background:linear-gradient(transparent,#382719b8)}.support-duo-label{background:#523822e6}.nav-links{color:#534335}.story-grid>*{min-width:0}.hero-grid>*{min-width:0}

@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero-art{transform:perspective(1200px) rotateX(var(--hero-rx,0deg)) rotateY(var(--hero-ry,0deg));transition:transform .3s ease-out,box-shadow .3s}.hero-art:hover{box-shadow:0 32px 65px #6b461530}.hero-art:before{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,30%),#fff9df45,transparent 55%),linear-gradient(120deg,#fff4d214,transparent 50%,#9e67161a)}}

/* Explicit contrast and layout for components that had dark legacy headers. */
.cart-head,.cart-head h2{color:#30251d}.cart-head .icon-button{color:#30251d;background:#f3eadb;border-color:#c9b89c}.cart-head .icon-button:hover{background:#e9d8b9}.icon-button,.poster-lightbox-close{width:44px;height:44px}.contact-side h3{color:#fff6e5}.harvest-period{font-size:.875rem}.poster-lightbox-head small{font-size:.8125rem}.support-label-link{white-space:normal;min-height:44px}.support-cta>small{color:#705b41}.story-art{border-radius:12px;box-shadow:none;background:#eedcb7}.products.compact-products,.products.apiary-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;margin-inline:auto}.products .product-card:last-child:nth-child(3n + 1){grid-column:auto}
@media(max-width:650px){.products.compact-products,.products.apiary-grid{grid-template-columns:1fr}.story-photo-badge{bottom:15px;left:15px;right:15px}.hero-actions .button{white-space:normal}.hero-art{width:100%}}
/* Current blossom-honey consistency: visible on the photo and in its detail. */
.product-consistency{position:absolute;z-index:4;top:14px;left:14px;right:14px;display:block;padding:13px 16px;border:1px solid #f1cb7a;border-radius:8px;color:#fffaf0;background:#49321ef5;box-shadow:0 5px 20px #30221922;pointer-events:none;text-align:left;line-height:1.35}.product-consistency strong{display:block;font-size:1.0625rem;font-weight:750;letter-spacing:0;text-wrap:balance}.product-consistency small{display:block;margin-top:5px;font-size:.875rem;color:#f5dfa9;line-height:1.45}.product-body .consistency-description{padding:13px 15px;margin:0 0 16px;background:#f6e8c9;border-left:3px solid #a26720;border-radius:0 6px 6px 0;color:#52341f;font-size:.9375rem;line-height:1.6}.consistency-description strong{display:block;margin-bottom:3px;font-weight:750}#poster-lightbox .poster-lightbox-body{position:relative}#poster-lightbox-image,.poster-consistency{grid-area:1/1}.poster-consistency{align-self:start;justify-self:center;z-index:2;width:min(460px,calc(100% - 24px));margin:14px;padding:14px 18px;background:#49321ef5;color:#fffaf0;border:1px solid #f1cb7a;border-radius:8px;text-align:center;pointer-events:none}.poster-consistency[hidden]{display:none}.poster-consistency strong{display:block;font-size:1.125rem;line-height:1.35}.poster-consistency span{display:block;margin-top:5px;font-size:.9375rem;color:#f5dfa9;line-height:1.45}@media(max-width:650px){.product-consistency{top:12px;left:12px;right:12px;padding:12px 14px}.product-consistency strong{font-size:1.0625rem}.poster-consistency{margin:10px;padding:12px}.poster-consistency strong{font-size:1.0625rem}}

/* Gift set: layered photo, warm light and a short entrance; no continuous loop. */
.hero-gift-scene{position:relative;min-width:0;isolation:isolate;animation:gift-scene-enter 1.15s cubic-bezier(.2,.65,.25,1) both}
.hero-gift-scene:before{content:'';position:absolute;inset:13% -3% -3% 10%;background:radial-gradient(ellipse,#c894414d,transparent 70%);filter:blur(20px);z-index:-1;pointer-events:none}
.hero-gift-scene .hero-art{border:1px solid #fff8e2;box-shadow:0 28px 65px #80501328,0 3px 12px #724c1212}
.hero-gift-scene .hero-photo{animation:none;transform:translate3d(var(--gift-x,0px),var(--gift-y,0px),0) scale(1.035);transition:transform .55s cubic-bezier(.2,.65,.3,1)}
.hero-gift-scene .hero-photo-caption{transform:translate3d(var(--caption-x,0px),var(--caption-y,0px),0);transition:transform .4s ease-out,box-shadow .3s,border-color .3s;box-shadow:0 9px 28px #68431615;border-color:#ffffffb3}
.hero-gift-scene .hero-art:after{background:linear-gradient(112deg,transparent 32%,#fff8dc08 40%,#fff8dc70 49%,#fff8dc0a 58%,transparent 67%);animation:gift-intro-light 2.8s ease-in-out .45s both;opacity:.85}
.hero-gift-scene .hero-photo-caption:focus-visible{outline:3px solid #8c601c;outline-offset:4px}
@keyframes gift-scene-enter{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}
@keyframes gift-intro-light{0%,12%{transform:translateX(-115%)}100%{transform:translateX(115%)}}
@keyframes gift-hover-light{from{transform:translateX(-115%)}to{transform:translateX(115%)}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .hero-gift-scene .hero-art{transition:transform .35s cubic-bezier(.2,.65,.3,1),box-shadow .35s}
 .hero-gift-scene .hero-art:hover{box-shadow:0 36px 75px #80501338,0 5px 16px #724c121a}
 .hero-gift-scene .hero-art:is(:hover,:focus-within):after{animation:gift-hover-light 1.35s ease-out both}
 .hero-gift-scene .hero-art:before{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,30%),#fff8d759,transparent 58%),linear-gradient(120deg,#fff4d20a,transparent 55%,#9e671614)}
 .hero-gift-scene .hero-photo-caption:hover{box-shadow:0 12px 28px #68431624;border-color:#cbb17e}
}
@media(max-width:650px){.hero-gift-scene{width:100%}.hero-gift-scene .hero-photo-caption{transform:none}.hero-gift-scene:before{inset:20% 0 -3% 10%;filter:blur(14px)}}
@media(prefers-reduced-motion:reduce){.hero-gift-scene{animation:none;transform:none}.hero-gift-scene .hero-art,.hero-gift-scene .hero-photo,.hero-gift-scene .hero-photo-caption{transform:none;transition:none}.hero-gift-scene .hero-art:after{display:none}}