/* ============================================================
   VIT-FIX-W2 — 2. heti P1+P2 javítások (CSS)
   Dátum: 2026-05-02
     · VIT-FIX-05  "Fedezd fel" szekció vizuál
     · VIT-FIX-06  Sztori-blokk fotó-kompozíció (overlay reposition)
     · VIT-FIX-07  Footer trust-mark monokróm pill egységesítés
     · VIT-FIX-08  Mobil header logó kontraszt + méret
     · VIT-FIX-09  "Heti kedvenceink" cím egységesítés (sub copy)
     · VIT-FIX-12  Hero outline gomb kontraszt
     · VIT-FIX-13  Footer brand-mark méret
     · VIT-FIX-18  Kosár drawer gomb-hierarchia + kék csík eltávolítás
   ============================================================ */

/* ─────────────────────────────────────────────────────────
   VIT-FIX-08 — Mobil header logó: nagyobb + kontraszt
   ───────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .vitano-header-inner {
        height: 64px !important;
    }
    .vitano-header-logo img {
        height: 44px !important;
        width: 44px !important;
        border-radius: 50% !important;
        object-fit: cover !important;
    }
}
@media (max-width: 480px) {
    .vitano-header-logo img {
        height: 40px !important;
        width: 40px !important;
    }
}
/* Sticky scroll: erősebb kontraszt */
.vitano-header[data-scrolled="true"] {
    background: rgba(250, 246, 241, 0.96) !important;
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-09 — Sub copy a "Heti kedvenceink" cím alá
   ───────────────────────────────────────────────────────── */
.vh-section-sub {
    font-family: var(--font-body);
    font-size: var(--fs-body);
    color: var(--vitano-charcoal-2);
    margin: calc(var(--sp-2) * -2) 0 var(--sp-6) 0;
    max-width: 520px;
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-12 — Hero outline gomb kontraszt
   ───────────────────────────────────────────────────────── */
.vh-btn--ghost {
    border-width: 2px !important;
    border-color: var(--vitano-charcoal) !important;
    color: var(--vitano-charcoal) !important;
    background: rgba(250, 246, 241, 0.6) !important;
    backdrop-filter: blur(2px);
    font-weight: 600 !important;
}
.vh-btn--ghost:hover,
.vh-btn--ghost:focus-visible {
    background: var(--vitano-charcoal) !important;
    color: var(--vitano-cream) !important;
    border-color: var(--vitano-charcoal) !important;
    outline: none;
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-13 — Footer brand-mark méret
   ───────────────────────────────────────────────────────── */
.vitano-footer-logo img {
    height: 80px !important;
    width: 80px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}
@media (max-width: 600px) {
    .vitano-footer-logo img { height: 64px !important; width: 64px !important; }
}
.vitano-footer-slogan {
    font-family: var(--font-accent) !important;
    font-size: 26px !important;
    line-height: 1.2 !important;
    margin-top: var(--sp-3) !important;
    color: var(--vitano-terracotta) !important;
}
@media (max-width: 600px) {
    .vitano-footer-col--brand {
        text-align: center;
    }
    .vitano-footer-social {
        justify-content: center;
    }
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-07 — Trust-mark egységes monokróm pill
   ───────────────────────────────────────────────────────── */
.vitano-footer-trust--mono .vitano-footer-trust-logo {
    background: var(--vitano-cream-2) !important;
    border: 1px solid var(--vitano-line) !important;
    color: var(--vitano-charcoal) !important;
    font-family: var(--font-body);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 6px 14px !important;
    border-radius: var(--radius-pill) !important;
    height: auto;
    display: inline-flex;
    align-items: center;
    transition: border-color var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);
}
.vitano-footer-trust--mono .vitano-footer-trust-logo:hover {
    border-color: var(--vitano-terracotta) !important;
    color: var(--vitano-terracotta) !important;
    transform: none !important;
}
/* Felülírjuk az eredeti color/bg-overrideokat (data-logo) */
.vitano-footer-trust--mono .vitano-footer-trust-logo[data-logo] {
    background: var(--vitano-cream-2) !important;
    border-color: var(--vitano-line) !important;
    color: var(--vitano-charcoal) !important;
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-06 — Sztori overlay reposition
   ───────────────────────────────────────────────────────── */
@media (min-width: 769px) {
    .vh-story.vh-story--reposed {
        position: relative;
        min-height: 70vh;
        max-height: 720px;
        align-items: stretch;
        padding: 0 !important;
    }
    .vh-story--reposed .vh-story-img {
        opacity: 1;
        position: absolute;
        inset: 0;
    }
    .vh-story--reposed .vh-story-img img {
        object-position: 30% center;
    }
    .vh-story--reposed .vh-story-card {
        position: absolute;
        bottom: 10%;
        right: 8%;
        max-width: 460px;
        margin: 0;
        padding: var(--sp-7);
        background: rgba(250, 246, 241, 0.96);
        backdrop-filter: blur(8px);
    }
}
@media (max-width: 768px) {
    .vh-story.vh-story--reposed {
        position: relative;
        min-height: 0;
        padding: 0 !important;
        background: var(--vitano-cream);
        color: var(--vitano-charcoal);
        flex-direction: column;
        display: block;
    }
    .vh-story--reposed .vh-story-img {
        position: relative;
        inset: auto;
        opacity: 1;
        aspect-ratio: 16 / 9;
        width: 100%;
        height: auto;
    }
    .vh-story--reposed .vh-story-img img {
        position: relative;
        object-position: 50% 30%;
    }
    .vh-story--reposed .vh-story-card {
        position: relative;
        max-width: 100%;
        margin: 0;
        padding: var(--sp-7) var(--sp-5);
        background: var(--vitano-cream);
        border-radius: 0;
    }
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-18 — Kosár drawer: kék csík eltávolítás + gomb-hierarchia
   ───────────────────────────────────────────────────────── */
.vitano-cart-drawer {
    border-top: none !important;
    border-left: 1px solid var(--vitano-line) !important;
}
.vitano-cart-drawer-header {
    border-top: none !important;
    border-bottom: 1px solid var(--vitano-line) !important;
}
/* WC mini-cart "blue" felső csík eltüntetése */
.vitano-cart-drawer-body .woocommerce-mini-cart,
.vitano-cart-drawer-body ul.cart_list {
    border-top: none !important;
}
.vitano-cart-drawer-body * {
    border-color: var(--vitano-line) !important;
}
/* Drawer szélesség nőjön */
@media (min-width: 1024px) {
    .vitano-cart-drawer { max-width: 420px !important; }
}
/* Gomb-hierarchia: Pénztár primary, Vásárlás folytatása secondary */
.vitano-cart-drawer-checkout {
    background: var(--vitano-coral) !important;
    color: var(--vitano-white) !important;
    border-radius: var(--radius-pill) !important;
}
.vitano-cart-drawer-continue {
    background: transparent !important;
    color: var(--vitano-charcoal) !important;
    border: 2px solid var(--vitano-charcoal) !important;
    border-radius: var(--radius-pill) !important;
    padding: var(--sp-3) var(--sp-5) !important;
}
.vitano-cart-drawer-continue:hover {
    background: var(--vitano-charcoal) !important;
    color: var(--vitano-cream) !important;
}

/* Free-shipping mini-progress a drawer-be */
.vitano-cart-drawer-body .woocommerce-mini-cart__total::after {
    content: '';
    display: block;
    height: 4px;
    margin-top: var(--sp-3);
    background: var(--vitano-line-2);
    border-radius: var(--radius-pill);
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-05 — "Fedezd fel" szekció vizuál
   (Akciós ajánlatok / Legnépszerűbbek / Újdonságok kártyák)
   Megj.: ezek a kártyák a homepage Gutenberg tartalmában vannak (page-id 18 régi),
          és NEM a vitano-home page-template-ben. A jelenlegi vitano-home
          template csak a 6 szekciót tartalmazza, "Fedezd fel" nincs benne.
          Itt csak general-purpose CSS-szabályokat adunk, ha valaki visszahozza a Gutenberg blokkokat.
   ───────────────────────────────────────────────────────── */
.page-id-18 .wp-block-group.has-background[style*="#FAF6F1"] .wp-block-column.has-background {
    background: var(--vitano-cream-2) !important;
    border: 1px solid var(--vitano-line) !important;
    border-radius: var(--radius-lg) !important;
    padding: var(--sp-6) !important;
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-HERO-MOBILE-RIGHT50 — mobilon a kép jobb 50%-a látszik
   Forrás: 1920×500. Jobb 50% = 960×500 (1.92:1 arány) — itt van a nő.
   Megoldás:
   - .vh-hero-img aspect-ratio = 960/500 (= a jobb fél arány)
   - img object-position: right center (jobb szélhez igazít)
   - object-fit: cover (változatlan) → a jobb 50%-a teljesen kitölti a konténert
   A szöveg a kép FÖLÉ kerül overlay-ben (gradient mögött), mint asztalin.
   ───────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .vh-hero-img {
        aspect-ratio: 960 / 500 !important;  /* a jobb fél arány = 1.92:1 */
        max-height: 70vh !important;
        min-height: 280px !important;
    }
    .vh-hero-img img {
        object-position: right center !important;
    }
    /* Overlay: balról erős cream → jobbra felé tisztul, hogy a nő látszódjon */
    .vh-hero-overlay {
        background: linear-gradient(90deg, rgba(250,246,241,0.92) 0%, rgba(250,246,241,0.75) 35%, rgba(250,246,241,0.25) 70%, rgba(250,246,241,0) 100%) !important;
        align-items: center !important;
    }
    .vh-hero-inner {
        padding: var(--sp-6) var(--sp-5) !important;
    }
    .vh-hero-title,
    .vh-hero-sub {
        max-width: 60% !important;  /* szöveg a bal felére, nőre nem nyúl rá */
    }
    /* Hero2 — sztori-blokk: nő bal oldalt (változatlan) */
    .vh-story--reposed .vh-story-img img {
        object-position: 15% center !important;
    }
}
@media (max-width: 480px) {
    .vh-hero-title,
    .vh-hero-sub {
        max-width: 65% !important;
    }
    .vh-story--reposed .vh-story-img img {
        object-position: 10% center !important;
    }
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-HERO-SLOGAN — Hero H1 átállítva Caveat scriptre
   (a footer szlogen stílusát követi, csak nagyobb)
   ───────────────────────────────────────────────────────── */
.vh-hero-title {
    font-family: var(--font-accent) !important;  /* Caveat script */
    font-weight: 600 !important;
    font-size: clamp(40px, 6vw, 72px) !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    color: var(--vitano-terracotta) !important;
    margin: 0 0 var(--sp-4) 0 !important;
    max-width: none !important;
    white-space: nowrap !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Mobilon kompaktabb, de még mindig 1 sorban */
@media (max-width: 768px) {
    .vh-hero-title {
        font-size: clamp(36px, 9vw, 56px) !important;
    }
}
@media (max-width: 480px) {
    .vh-hero-title {
        font-size: clamp(32px, 10vw, 48px) !important;
    }
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-CATS — Kategóriáink szekció: emoji-mentes, tipográfia-fókusz
   (a régi nagy emoji-ikonok eltávolítva, helyette akcent-pötty + Fraunces)
   ───────────────────────────────────────────────────────── */
.vh-cats .vh-section-sub {
    font-family: var(--font-body);
    font-size: var(--fs-body);
    color: var(--vitano-charcoal-2);
    margin: calc(var(--sp-2) * -2) 0 var(--sp-7) 0;
    max-width: 520px;
}
.vh-cats-grid {
    grid-template-columns: 1fr;
    gap: var(--sp-4) !important;
}
@media (min-width: 600px) {
    .vh-cats-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: var(--sp-4) !important;
    }
}
@media (min-width: 1024px) {
    .vh-cats-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: var(--sp-5) !important;
    }
}
/* Új kártya: NINCS kép, csak typography */
.vh-cat-card {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--sp-3) !important;
    padding: var(--sp-7) var(--sp-6) !important;
    background: var(--vitano-white);
    border: 1px solid var(--vitano-line);
    border-radius: var(--radius-lg);
    text-decoration: none !important;
    color: inherit;
    overflow: visible !important;
    aspect-ratio: auto !important;
    transition: border-color var(--dur) var(--ease-soft), box-shadow var(--dur) var(--ease-soft), transform var(--dur) var(--ease-soft);
}
.vh-cat-card:hover {
    border-color: var(--vitano-terracotta-lt);
    box-shadow: var(--shadow-md);
    transform: translateY(-3px);
}
.vh-cat-card:focus-visible {
    outline: 2px solid var(--vitano-terracotta);
    outline-offset: 4px;
}
/* Régi kép-zóna eltüntetése (vh-cat-img - a régi gradiens emoji-háttér) */
.vh-cat-card .vh-cat-img,
.vh-cat-img,
.vh-cat-emoji {
    display: none !important;
}
/* Új eyebrow + akcent-pötty */
.vh-cat-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-body);
    font-size: var(--fs-tiny);
    font-weight: 600;
    letter-spacing: var(--tracking-eyebrow);
    text-transform: uppercase;
    color: var(--vitano-terracotta);
    margin: 0 !important;
}
.vh-cat-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--vitano-rose);
}
.vh-cat-dot[data-cat="rose"]  { background: var(--vitano-rose); }
.vh-cat-dot[data-cat="sage"]  { background: var(--vitano-sage); }
.vh-cat-dot[data-cat="stone"] { background: var(--vitano-stone); }

/* Cím */
.vh-cat-title,
.vh-cat-card h3 {
    font-family: var(--font-display) !important;
    font-size: clamp(24px, 2.4vw, 30px) !important;
    font-weight: 600 !important;
    line-height: var(--lh-tight) !important;
    color: var(--vitano-charcoal) !important;
    margin: 0 !important;
}

/* Leírás */
.vh-cat-desc,
.vh-cat-card p {
    font-family: var(--font-body) !important;
    font-size: var(--fs-body-sm) !important;
    line-height: var(--lh-body) !important;
    color: var(--vitano-charcoal-2) !important;
    margin: 0 !important;
    flex: 1 1 auto;
}

/* Tovább link */
.vh-cat-link {
    display: inline-block !important;
    margin: var(--sp-3) 0 0 0 !important;
    color: var(--vitano-terracotta) !important;
    font-family: var(--font-body);
    font-weight: 600;
    font-size: var(--fs-body-sm);
    transition: color var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft);
}
.vh-cat-card:hover .vh-cat-link {
    color: var(--vitano-terracotta-dk);
    transform: translateX(4px);
}

/* "Vagy nézd meg az összes kategóriát" link */
.vh-cats-more {
    text-align: center;
    margin-top: var(--sp-7);
}
.vh-cats-more a {
    color: var(--vitano-charcoal-2);
    font-family: var(--font-body);
    font-size: var(--fs-body-sm);
    font-weight: 500;
    text-decoration: none;
    border-bottom: 1px solid var(--vitano-line);
    padding-bottom: 2px;
    transition: color var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft);
}
.vh-cats-more a:hover {
    color: var(--vitano-terracotta);
    border-bottom-color: var(--vitano-terracotta);
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-MEGA — Mega-menu kompakt dropdown (Termékek link alá)
   Az eredeti full-bleed mega-menu a hero szekciót teljesen lefedte.
   Most a `.vitano-nav-item--has-mega` belsejében van, és kompakt
   dropdown panel a Termékek link bal szélétől.
   ───────────────────────────────────────────────────────── */
.vitano-nav-item--has-mega {
    position: relative;
}
.vitano-megamenu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: auto;
    width: max-content;
    min-width: 540px;
    max-width: 680px;
    margin: 0;
    padding: 0;
    background: var(--vitano-white);
    border: 1px solid var(--vitano-line);
    border-top: 3px solid var(--vitano-terracotta);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
    overflow: hidden;
    z-index: 1100;
}
.vitano-megamenu-inner {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 0;
    max-width: none;
    margin: 0;
    padding: 0;
}
.vitano-megamenu-cats {
    padding: var(--sp-5);
}
.vitano-megamenu-cats ul {
    grid-template-columns: 1fr 1fr;
    gap: var(--sp-2) var(--sp-5);
}
.vitano-megamenu-cats a {
    padding: 6px 0 !important;
    font-family: var(--font-body) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}
.vitano-megamenu-all {
    margin-top: var(--sp-3) !important;
    font-size: 13px !important;
}
/* Lifestyle fotó eltüntetve — a kompakt méret nem fér el */
.vitano-megamenu-photo {
    display: none !important;
}
/* Callout: kompakt cream-2 panel jobbra */
.vitano-megamenu-callout {
    background: var(--vitano-cream-2);
    padding: var(--sp-5) !important;
    border-radius: 0;
    border-left: 1px solid var(--vitano-line);
    align-self: stretch;
    display: flex;
    flex-direction: column;
}
.vitano-megamenu-callout h3 {
    font-size: 18px !important;
    margin: 0 0 var(--sp-2) 0 !important;
}
.vitano-megamenu-callout p {
    font-size: 13px !important;
    margin: 0 0 var(--sp-3) 0 !important;
}
.vitano-megamenu-cta {
    margin-top: auto;
    align-self: flex-start;
    padding: 8px 16px !important;
    font-size: 13px !important;
}

/* Mobile: a dropdown nem releváns, hamburger menü */
@media (max-width: 1023px) {
    .vitano-megamenu { display: none !important; }
}

/* ─────────────────────────────────────────────────────────
   VIT-FIX-11 — Akciók chip a kategória-csíkon (ha van)
   ───────────────────────────────────────────────────────── */
.page-id-18 .wp-block-buttons .wp-block-button:last-child .wp-block-button__link {
    background: var(--vitano-coral) !important;
    color: var(--vitano-white) !important;
    border-color: var(--vitano-coral) !important;
}

/* ============================================================
   VIT-FIX-W3-COMPACT — Főoldal sűrítés (2026-05-02)
   - Szekció padding ~40% csökkentés
   - Szekció címek arányosabbak (nem versengenek a hero-val)
   - Kategória kártyák kompaktabbak (kisebb cím, less padding)
   - Hero / Story / Newsletter / Blog inner spacing tightening
   ============================================================ */

/* A. SZEKCIÓ PADDING — globális szűkítés */
.vh-cats,
.vh-faves,
.vh-blog {
    padding: var(--sp-7) 0 !important;  /* 32px mobil */
}
@media (min-width: 768px) {
    .vh-cats,
    .vh-faves,
    .vh-blog {
        padding: var(--sp-8) 0 !important;  /* 40px desktop (eddig 96px) */
    }
}
.vh-newsletter {
    padding: var(--sp-7) var(--sp-5) !important;
}
@media (min-width: 768px) {
    .vh-newsletter {
        padding: var(--sp-8) var(--sp-7) !important;
    }
}
.vh-story {
    padding: var(--sp-8) var(--sp-5) !important;
    min-height: auto !important;  /* 480px erőltetés ki */
}
@media (min-width: 768px) {
    .vh-story {
        padding: var(--sp-9) var(--sp-7) !important;  /* 56px (eddig 96) */
    }
}

/* B. SZEKCIÓ CÍMEK — kisebbek, hierarchia rendben */
.vh-section-title {
    font-size: clamp(22px, 2.4vw, 30px) !important;
    margin: var(--sp-1) 0 var(--sp-5) 0 !important;
    line-height: var(--lh-tight) !important;
}
.vh-section-sub {
    margin: var(--sp-1) 0 var(--sp-6) 0 !important;
    max-width: 480px !important;
}
.vh-cats .vh-section-sub {
    margin: var(--sp-1) 0 var(--sp-6) 0 !important;
}

/* C. HERO — kompaktabb belső padding + szűkebb belső térköz */
@media (min-width: 768px) {
    .vh-hero-inner {
        padding: var(--sp-8) var(--sp-7) !important;  /* 40px V (eddig 72) */
    }
}
.vh-hero-title {
    margin: 0 0 var(--sp-3) 0 !important;
}
.vh-hero-sub {
    margin: 0 0 var(--sp-4) 0 !important;
}

/* D. KATEGÓRIA KÁRTYÁK — kisebb és arányosabb */
.vh-cat-card {
    padding: var(--sp-5) var(--sp-5) !important;  /* 20px (eddig 32/24) */
    gap: var(--sp-2) !important;  /* 8px (eddig 12) */
}
.vh-cat-title,
.vh-cat-card h3 {
    font-size: clamp(19px, 1.7vw, 22px) !important;  /* eddig max 30 */
}
.vh-cat-desc,
.vh-cat-card p {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}
.vh-cat-link {
    margin: var(--sp-2) 0 0 0 !important;  /* eddig sp-3 */
}

/* E. STORY-BLOKK — tighter card */
.vh-story-card {
    padding: var(--sp-6) !important;  /* 24px (eddig 32) */
}
.vh-story-title {
    font-size: clamp(22px, 2.2vw, 28px) !important;  /* eddig max 36 */
    margin: 0 0 var(--sp-3) 0 !important;
}
.vh-story-card p {
    margin: 0 0 var(--sp-4) 0 !important;
}

/* F. NEWSLETTER — kisebb cím */
.vh-newsletter-title {
    font-size: clamp(22px, 2.4vw, 30px) !important;  /* eddig max 44 */
    margin: var(--sp-1) 0 var(--sp-3) 0 !important;
}
.vh-newsletter-desc {
    margin: 0 0 var(--sp-4) 0 !important;
}

/* G. BLOG RAIL — szellősebb body padding nélkül */
.vh-blog-card-body {
    padding: var(--sp-4) !important;  /* 16px (eddig 20) */
}
.vh-blog-card-title {
    font-size: 17px !important;
}

/* H. HETI KEDVENCEK — "Összes termék →" margin */
.vh-faves-all {
    margin-top: var(--sp-4) !important;
}

/* I. ASTRA #primary WRAPPER — 4em padding/margin felülírás
   Astra parent: #primary { padding: 4em 0 } + { margin: 4em 0 } → ~128px V tér
   Mi a szekciókon kezeljük a ritmust, ezért #primary-ra 0-t adunk. */
main#primary,
.page-template-template-home #primary,
.home #primary {
    padding: 0 !important;
    margin: 0 !important;
}

/* J. FOOTER margin/padding csökkentés
   Eddig: margin-top sp-10 (72px) + padding-top sp-11 (96px) desktop = 168px üres
   Új: margin-top 0, padding-top sp-7/sp-8 — a szekció-cream → footer-cream-2 átmenet
   önmagában elég vizuális határ, nem kell extra tér. */
footer.vitano-footer {
    margin-top: 0 !important;
    padding: var(--sp-7) var(--sp-5) var(--sp-6) !important;  /* 32/20/24 mobil */
}
@media (min-width: 768px) {
    footer.vitano-footer {
        padding: var(--sp-8) var(--sp-7) var(--sp-7) !important;  /* 40/32/32 desktop (eddig 96/32/40) */
    }
}
.vitano-footer-cols {
    gap: var(--sp-5) !important;  /* eddig sp-7 (32px) → 20px */
}
@media (min-width: 1024px) {
    .vitano-footer-cols {
        gap: var(--sp-6) !important;  /* desktop: sp-8 (40px) → 24px */
    }
}

/* ============================================================
   VIT-FIX-W3-PAGES — Aloldalak sűrítése (PDP / Cart / Checkout)
   A főoldali elv: tipográfiai arány + ritmus tisztítás.
   ============================================================ */

/* ─── PDP (termékoldal) ─────────────────────────────────────── */
.vitano-pdp-wrap {
    padding: var(--sp-5) var(--sp-4) !important;  /* mobil 20/16 */
}
@media (min-width: 768px) {
    .vitano-pdp-wrap {
        padding: var(--sp-6) var(--sp-6) !important;  /* desktop 24/24 (eddig 40/24) */
    }
}

/* PDP cím — kisebb, arányosabb */
.vitano-pdp-title {
    font-size: clamp(24px, 2.4vw, 32px) !important;  /* eddig 28-40 */
}

/* PDP ár — nem hero méret, hanem fókuszáltabb */
.vitano-pdp-price,
.vitano-pdp-summary .price {
    font-size: clamp(28px, 3vw, 40px) !important;  /* eddig --fs-hero (40-72) */
}

/* PDP summary belső gap szűkítés */
.vitano-pdp-summary {
    gap: var(--sp-2) !important;  /* eddig sp-3 */
}
.vitano-pdp-shortdesc {
    margin: var(--sp-2) 0 !important;
}
.vitano-pdp-actions {
    margin: var(--sp-3) 0 !important;
    padding: var(--sp-4) !important;  /* eddig sp-5 */
}
.vitano-pdp-shipping-info {
    padding: var(--sp-3) var(--sp-4) !important;
    margin-top: var(--sp-2) !important;
}

/* PDP tabok — kisebb felső térköz */
.vitano-pdp-tabs {
    margin-top: var(--sp-7) !important;  /* eddig sp-9 (56→32) */
    padding-top: var(--sp-5) !important;  /* eddig sp-7 (32→20) */
}
.vitano-pdp-tabs .wc-tabs {
    margin: 0 0 var(--sp-4) 0 !important;
}

/* "Kapcsolódó termékek" / "Upsells" cím — szűkebb margin */
.related.products > h2,
.upsells.products > h2 {
    font-size: clamp(22px, 2.4vw, 30px) !important;  /* eddig --fs-h2 (24-32) */
    margin: var(--sp-7) 0 var(--sp-4) !important;  /* eddig sp-9 0 sp-5 */
}

/* Termékkártya body (related products grid is) — tighter */
.vitano-card-body {
    padding: var(--sp-3) !important;  /* eddig sp-4 (12px) */
    gap: var(--sp-1) !important;  /* eddig sp-2 (4px) */
}
/* Add-to-cart margin szűkítés */
.woocommerce ul.products li.product.vitano-card .vitano-card-add,
.vitano-card-add {
    margin: 0 var(--sp-3) var(--sp-3) var(--sp-3) !important;  /* eddig sp-4 minden */
    padding: var(--sp-2) var(--sp-4) !important;  /* eddig sp-3 / sp-4 */
    min-height: 40px !important;  /* eddig 44px */
}

/* ─── CART DRAWER ───────────────────────────────────────────── */
.vitano-cart-empty {
    padding: var(--sp-7) 0 !important;  /* eddig sp-9 */
}
.vitano-cart-drawer-header {
    padding: var(--sp-4) var(--sp-5) !important;  /* eddig sp-5 (V szűkebb) */
}
.vitano-cart-drawer-body {
    padding: var(--sp-3) var(--sp-5) !important;
}
.vitano-cart-drawer-title {
    font-size: 18px !important;  /* eddig --fs-h3 (20) — picit kisebb */
}

/* ─── CHECKOUT — TELJES ÚJRATERVEZÉS (V4) ─────────────────────
   A WC checkout HTML strukturája:
   .woocommerce
   ├── .woocommerce-form-coupon-toggle (info banner)
   ├── form.checkout_coupon (collapsed coupon form)
   └── form.checkout
       ├── #customer_details (.col2-set)
       │   ├── .col-1 → .woocommerce-billing-fields
       │   └── .col-2 → .woocommerce-shipping-fields + .woocommerce-additional-fields
       ├── h3#order_review_heading
       └── #order_review
           ├── table.shop_table (items + tfoot subtotal/shipping/total)
           └── #payment (.payment_methods + .place-order)
   ─────────────────────────────────────────────────────────── */

/* Page wrapper */
.woocommerce-checkout {
    background: var(--vitano-cream) !important;
}
.woocommerce-checkout > .woocommerce,
.woocommerce-checkout main .woocommerce {
    max-width: var(--max-width) !important;
    margin: 0 auto !important;
    padding: var(--sp-5) var(--sp-4) !important;
}
@media (min-width: 1024px) {
    .woocommerce-checkout > .woocommerce,
    .woocommerce-checkout main .woocommerce {
        padding: var(--sp-7) var(--sp-7) !important;
        display: block !important;  /* a 2-col grid a form.checkout-on van */
    }
}

/* Coupon banner */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    background: var(--vitano-cream-2) !important;
    border: 1px solid var(--vitano-line) !important;
    border-radius: var(--radius) !important;
    padding: var(--sp-3) var(--sp-4) !important;
    margin: 0 0 var(--sp-5) 0 !important;
    font-family: var(--font-body) !important;
    font-size: 13px !important;
    color: var(--vitano-charcoal-2) !important;
    box-shadow: none !important;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info::before {
    display: none !important;  /* WC default ikon eltávolítása */
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .showcoupon {
    color: var(--vitano-terracotta) !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}
.woocommerce-checkout form.checkout_coupon {
    display: flex !important;
    flex-direction: row !important;
    gap: var(--sp-3) !important;
    align-items: flex-end !important;
    margin: 0 0 var(--sp-5) 0 !important;
    padding: var(--sp-4) !important;
    background: var(--vitano-white) !important;
    border: 1px solid var(--vitano-line) !important;
    border-radius: var(--radius) !important;
}
.woocommerce-checkout form.checkout_coupon p.form-row {
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto !important;
}
.woocommerce-checkout form.checkout_coupon p.form-row:last-child {
    flex: 0 0 auto !important;
}

/* MAIN FORM grid szabály ELKÖLTÖZTETVE checkout.css-be (VIT-DESIGN-AUDIT user-blokk).
   Itt csak a margin/padding reset marad. */
.woocommerce-checkout form.checkout,
.woocommerce-checkout form.checkout.woocommerce-checkout {
    margin: 0 !important;
    padding: 0 !important;
}

/* Customer details — belső col-1/col-2 STACK (nem egymás mellett) */
.woocommerce-checkout #customer_details.col2-set {
    display: block !important;
    width: 100% !important;
}
.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.woocommerce-checkout #customer_details .col-2 {
    margin-top: var(--sp-5) !important;
}

/* Section headings */
.woocommerce-checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .woocommerce-shipping-fields h3,
.woocommerce-checkout #order_review_heading {
    font-family: var(--font-display) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--vitano-charcoal) !important;
    margin: 0 0 var(--sp-3) 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
}
.woocommerce-checkout #order_review_heading {
    margin-bottom: var(--sp-3) !important;
}

/* Field wrapper — 2-col grid desktop, 1-col mobile */
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: var(--sp-3) var(--sp-4) !important;
    margin: 0 0 var(--sp-4) 0 !important;
}
@media (max-width: 600px) {
    .woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    .woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
    .woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }
}

/* Form rows */
.woocommerce-checkout p.form-row {
    display: flex !important;
    flex-direction: column !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    float: none !important;
}
.woocommerce-checkout p.form-row.form-row-first { grid-column: 1 !important; }
.woocommerce-checkout p.form-row.form-row-last { grid-column: 2 !important; }
.woocommerce-checkout p.form-row.form-row-wide { grid-column: 1 / -1 !important; }
@media (max-width: 600px) {
    .woocommerce-checkout p.form-row.form-row-first,
    .woocommerce-checkout p.form-row.form-row-last {
        grid-column: 1 !important;
    }
}

/* Labels */
.woocommerce-checkout p.form-row label {
    font-family: var(--font-body) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: var(--vitano-charcoal-2) !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
}
.woocommerce-checkout p.form-row label.required_field .required,
.woocommerce-checkout p.form-row .required {
    color: var(--vitano-coral-dk) !important;
    margin-left: 2px;
    text-decoration: none !important;
    border: none !important;
}
.woocommerce-checkout p.form-row .optional {
    color: var(--vitano-charcoal-3) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-left: 4px;
}

/* Input wrapper + inputs */
.woocommerce-checkout .woocommerce-input-wrapper {
    display: block !important;
    width: 100% !important;
}
.woocommerce-checkout p.form-row input.input-text,
.woocommerce-checkout p.form-row textarea,
.woocommerce-checkout p.form-row select,
.woocommerce-checkout .select2-container--default .select2-selection--single {
    width: 100% !important;
    height: 44px !important;
    padding: 0 var(--sp-3) !important;
    background: var(--vitano-white) !important;
    border: 1.5px solid var(--vitano-line) !important;
    border-radius: var(--radius) !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    color: var(--vitano-charcoal) !important;
    outline: none !important;
    box-shadow: none !important;
    line-height: 42px !important;
    transition: border-color var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft);
}
.woocommerce-checkout p.form-row textarea {
    height: auto !important;
    min-height: 80px !important;
    padding: var(--sp-3) !important;
    line-height: 1.5 !important;
}
.woocommerce-checkout p.form-row input.input-text:focus,
.woocommerce-checkout p.form-row textarea:focus,
.woocommerce-checkout p.form-row select:focus,
.woocommerce-checkout .select2-container--default.select2-container--focus .select2-selection--single {
    border-color: var(--vitano-terracotta) !important;
    box-shadow: 0 0 0 3px rgba(196, 98, 45, 0.15) !important;
}
.woocommerce-checkout p.form-row.woocommerce-invalid input.input-text {
    border-color: var(--status-error) !important;
}

/* Select2 align */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px !important;
    padding: 0 var(--sp-3) !important;
    color: var(--vitano-charcoal) !important;
    font-size: 14px !important;
}
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 42px !important;
    right: var(--sp-2) !important;
}

/* Ship-to-different-address checkbox */
.woocommerce-checkout #ship-to-different-address {
    margin: var(--sp-4) 0 var(--sp-3) 0 !important;
    padding: var(--sp-3) !important;
    background: var(--vitano-cream-2) !important;
    border: 1px solid var(--vitano-line) !important;
    border-radius: var(--radius) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--vitano-charcoal) !important;
    font-family: var(--font-body) !important;
    line-height: 1.4 !important;
}
.woocommerce-checkout #ship-to-different-address label {
    display: flex !important;
    align-items: center !important;
    gap: var(--sp-2) !important;
    cursor: pointer !important;
    margin: 0 !important;
    font-weight: 600 !important;
    color: var(--vitano-charcoal) !important;
}
.woocommerce-checkout #ship-to-different-address-checkbox {
    width: 18px !important;
    height: 18px !important;
    accent-color: var(--vitano-terracotta);
    margin: 0 !important;
}

/* ORDER REVIEW BOX */
.woocommerce-checkout #order_review {
    background: var(--vitano-white) !important;
    border: 1px solid var(--vitano-line) !important;
    border-radius: var(--radius-lg) !important;
    padding: var(--sp-5) !important;
    box-shadow: var(--shadow-sm) !important;
    margin: 0 !important;
}

/* Shop table — items + totals */
.woocommerce-checkout table.shop_table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 0 0 var(--sp-4) 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
}
.woocommerce-checkout table.shop_table thead {
    display: none !important;  /* "Termék / Részösszeg" header redundáns */
}
.woocommerce-checkout table.shop_table tr {
    background: transparent !important;
    border: none !important;
}
.woocommerce-checkout table.shop_table tbody tr.cart_item td {
    padding: var(--sp-2) 0 !important;
    border: none !important;
    border-bottom: 1px solid var(--vitano-line-2) !important;
    background: transparent !important;
    font-family: var(--font-body) !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    vertical-align: top !important;
    color: var(--vitano-charcoal) !important;
}
.woocommerce-checkout table.shop_table .product-name {
    width: 70% !important;
    color: var(--vitano-charcoal) !important;
}
.woocommerce-checkout table.shop_table .product-quantity {
    color: var(--vitano-charcoal-3) !important;
    font-weight: 600 !important;
    font-family: var(--font-body) !important;
    font-size: 12px !important;
    margin-left: 4px;
}
.woocommerce-checkout table.shop_table .product-total {
    text-align: right !important;
    font-weight: 700 !important;
    color: var(--vitano-terracotta) !important;
    white-space: nowrap !important;
}
.woocommerce-checkout table.shop_table tfoot tr th,
.woocommerce-checkout table.shop_table tfoot tr td {
    padding: var(--sp-2) 0 !important;
    border: none !important;
    background: transparent !important;
    font-family: var(--font-body) !important;
    font-size: 13px !important;
    color: var(--vitano-charcoal-2) !important;
    font-weight: 500 !important;
    vertical-align: top !important;
}
.woocommerce-checkout table.shop_table tfoot tr th {
    text-align: left !important;
}
.woocommerce-checkout table.shop_table tfoot tr td {
    text-align: right !important;
    color: var(--vitano-charcoal) !important;
    font-weight: 600 !important;
}
.woocommerce-checkout table.shop_table tfoot tr.order-total th,
.woocommerce-checkout table.shop_table tfoot tr.order-total td {
    padding-top: var(--sp-3) !important;
    border-top: 1px solid var(--vitano-line) !important;
    font-family: var(--font-display) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--vitano-charcoal) !important;
}
.woocommerce-checkout table.shop_table tfoot tr.order-total td strong {
    color: var(--vitano-coral-dk) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Shipping methods inside table tfoot */
.woocommerce-checkout table.shop_table .woocommerce-shipping-methods,
.woocommerce-checkout table.shop_table ul#shipping_method {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: var(--sp-1) !important;
}
.woocommerce-checkout table.shop_table ul#shipping_method li {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    list-style: none !important;
}
.woocommerce-checkout table.shop_table ul#shipping_method li label {
    font-family: var(--font-body) !important;
    font-size: 13px !important;
    color: var(--vitano-charcoal) !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline !important;
    line-height: 1.4 !important;
}
.woocommerce-checkout table.shop_table ul#shipping_method input[type="radio"] {
    accent-color: var(--vitano-terracotta);
    width: 16px;
    height: 16px;
    margin-right: 4px;
    vertical-align: middle;
}

/* PAYMENT */
.woocommerce-checkout #payment.woocommerce-checkout-payment {
    background: transparent !important;
    padding: 0 !important;
    margin: var(--sp-4) 0 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
}
.woocommerce-checkout #payment ul.payment_methods {
    list-style: none !important;
    margin: 0 0 var(--sp-3) 0 !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    flex-direction: column !important;
    gap: var(--sp-2) !important;
}
.woocommerce-checkout #payment ul.payment_methods li {
    background: var(--vitano-white) !important;
    border: 1.5px solid var(--vitano-line) !important;
    border-radius: var(--radius) !important;
    padding: var(--sp-3) !important;
    list-style: none !important;
    margin: 0 !important;
    transition: border-color var(--dur-fast) var(--ease-soft), background var(--dur-fast) var(--ease-soft);
}
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked) {
    border-color: var(--vitano-terracotta) !important;
    background: rgba(196, 98, 45, 0.04) !important;
}
.woocommerce-checkout #payment ul.payment_methods li label {
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--vitano-charcoal) !important;
    margin: 0 0 0 var(--sp-2) !important;
    padding: 0 !important;
    cursor: pointer !important;
    display: inline !important;
}
.woocommerce-checkout #payment ul.payment_methods input[type="radio"] {
    accent-color: var(--vitano-terracotta);
    width: 18px;
    height: 18px;
    margin: 0 !important;
    vertical-align: middle;
}
.woocommerce-checkout #payment .payment_box {
    margin: var(--sp-2) 0 0 !important;
    padding: var(--sp-2) var(--sp-3) !important;
    background: var(--vitano-cream) !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    font-size: 13px !important;
    color: var(--vitano-charcoal-2) !important;
    box-shadow: none !important;
}
.woocommerce-checkout #payment .payment_box::before {
    display: none !important;  /* WC default tooltip arrow */
}
.woocommerce-checkout #payment .payment_box p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
}

/* Privacy + terms */
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper,
.woocommerce-checkout #payment .woocommerce-privacy-policy-text {
    margin: var(--sp-3) 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    color: var(--vitano-charcoal-3) !important;
    line-height: 1.5 !important;
}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p {
    margin: 0 !important;
}
.woocommerce-checkout #payment .woocommerce-terms-and-conditions-wrapper a,
.woocommerce-checkout #payment .woocommerce-privacy-policy-text a {
    color: var(--vitano-terracotta) !important;
    text-decoration: underline !important;
}

/* PLACE ORDER button — max specificity */
.woocommerce-checkout #payment button#place_order,
.woocommerce-checkout button#place_order,
.woocommerce-checkout .form-row.place-order button#place_order,
button#place_order {
    width: 100% !important;
    background: var(--vitano-coral) !important;
    background-color: var(--vitano-coral) !important;
    color: var(--vitano-white) !important;
    border: 2px solid var(--vitano-coral) !important;
    border-radius: var(--radius-pill) !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 14px var(--sp-6) !important;
    min-height: 56px !important;
    cursor: pointer !important;
    margin: var(--sp-3) 0 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
    line-height: 1.2 !important;
    transition: background var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft);
}
.woocommerce-checkout #payment button#place_order:hover,
.woocommerce-checkout button#place_order:hover,
button#place_order:hover {
    background: var(--vitano-coral-dk) !important;
    background-color: var(--vitano-coral-dk) !important;
    border-color: var(--vitano-coral-dk) !important;
    color: var(--vitano-white) !important;
    transform: translateY(-1px);
}

/* EMPTY CART STATE on /penztar/ */
.woocommerce-checkout .woocommerce-info.cart-empty,
.woocommerce-cart .woocommerce-info.cart-empty {
    background: var(--vitano-cream-2) !important;
    border: 1px solid var(--vitano-line) !important;
    border-radius: var(--radius-lg) !important;
    padding: var(--sp-7) var(--sp-5) !important;
    text-align: center !important;
    font-family: var(--font-body) !important;
    font-size: 16px !important;
    color: var(--vitano-charcoal-2) !important;
    box-shadow: none !important;
}
.woocommerce-checkout .woocommerce-info.cart-empty::before,
.woocommerce-cart .woocommerce-info.cart-empty::before {
    display: none !important;
}
.woocommerce-checkout .return-to-shop,
.woocommerce-cart .return-to-shop {
    text-align: center !important;
    margin: var(--sp-4) 0 0 !important;
}
.woocommerce-checkout .return-to-shop a.button,
.woocommerce-cart .return-to-shop a.button {
    display: inline-block !important;
    background: var(--vitano-coral) !important;
    color: var(--vitano-white) !important;
    border-radius: var(--radius-pill) !important;
    padding: var(--sp-3) var(--sp-6) !important;
    border: none !important;
    font-family: var(--font-body) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    transition: background var(--dur-fast) var(--ease-soft);
}
.woocommerce-checkout .return-to-shop a.button:hover,
.woocommerce-cart .return-to-shop a.button:hover {
    background: var(--vitano-coral-dk) !important;
}

/* Stepper — mehet, eddig is volt */
.woocommerce-checkout .vitano-checkout-stepper {
    margin-bottom: var(--sp-5) !important;
}

/* Thank you oldal — kompakt marad */
.woocommerce-order-received .woocommerce {
    padding: var(--sp-7) var(--sp-5) !important;
}
.woocommerce-thankyou-order-received {
    font-size: clamp(24px, 2.6vw, 32px) !important;
    margin-bottom: var(--sp-3) !important;
}
.woocommerce-order-overview {
    margin: var(--sp-4) 0 !important;
    padding: var(--sp-4) !important;
    gap: var(--sp-4) !important;
}
.woocommerce-order-overview li strong {
    font-size: 18px !important;
}

/* ============================================================
   VIT-FIX-W3-PDP-BERRY — Berry színek a termékoldalon
   Brief: berry = PDP fő accent (CTA, ár, eyebrow dot, focus ring, bg)
   ============================================================ */

/* Eyebrow + pötty */
.vitano-pdp-eyebrow {
    color: var(--vitano-berry) !important;
}
.vitano-pdp-eyebrow .vitano-cat-dot {
    background: var(--vitano-berry) !important;
}

/* Ár */
.vitano-pdp-price,
.vitano-pdp-summary .price,
.vitano-pdp-price ins,
.vitano-pdp-summary .price ins {
    color: var(--vitano-berry) !important;
}

/* Action box berry-bg, finom berry-lt keret */
.vitano-pdp-actions {
    background: var(--vitano-berry-bg) !important;
    border-color: var(--vitano-berry-lt) !important;
}

/* Add-to-cart gomb (a default WC `single_add_to_cart_button` — több specificitás) */
.woocommerce div.product form.cart .button.alt,
.woocommerce div.product form.cart button.single_add_to_cart_button,
.woocommerce div.product form.cart input.single_add_to_cart_button,
.single_add_to_cart_button.button.alt,
.single_add_to_cart_button {
    background: var(--vitano-berry) !important;
    background-color: var(--vitano-berry) !important;
    color: var(--vitano-white) !important;
    border: 2px solid var(--vitano-berry) !important;
    border-radius: var(--radius-pill) !important;
    font-family: var(--font-body) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding: 14px var(--sp-6) !important;
    min-height: 52px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    transition: background var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft) !important;
}
.woocommerce div.product form.cart .button.alt:hover,
.woocommerce div.product form.cart button.single_add_to_cart_button:hover,
.single_add_to_cart_button:hover,
.single_add_to_cart_button:focus-visible {
    background: var(--vitano-berry-dk) !important;
    background-color: var(--vitano-berry-dk) !important;
    border-color: var(--vitano-berry-dk) !important;
    color: var(--vitano-white) !important;
    transform: translateY(-1px);
}

/* Mennyiség +/- gombok berry */
.woocommerce div.product form.cart .quantity .qty-btn,
.woocommerce div.product form.cart .quantity button {
    background: var(--vitano-white) !important;
    color: var(--vitano-berry) !important;
    border: 1.5px solid var(--vitano-berry-lt) !important;
    border-radius: 50% !important;
    transition: background var(--dur-fast) var(--ease-soft), border-color var(--dur-fast) var(--ease-soft);
}
.woocommerce div.product form.cart .quantity .qty-btn:hover,
.woocommerce div.product form.cart .quantity button:hover {
    background: var(--vitano-berry-bg) !important;
    border-color: var(--vitano-berry) !important;
}

/* Mennyiség input border és focus berry-lt */
.woocommerce div.product form.cart .quantity input.qty {
    border: 1.5px solid var(--vitano-line) !important;
    border-radius: var(--radius) !important;
    background: var(--vitano-white) !important;
    transition: border-color var(--dur-fast) var(--ease-soft), box-shadow var(--dur-fast) var(--ease-soft);
}
.woocommerce div.product form.cart .quantity input.qty:focus {
    border-color: var(--vitano-berry) !important;
    box-shadow: 0 0 0 3px var(--vitano-berry-lt) !important;
    outline: none !important;
}

/* Tab aktív állapot — berry */
.vitano-pdp-tabs .wc-tabs li.active a {
    color: var(--vitano-berry) !important;
    border-bottom-color: var(--vitano-berry) !important;
}

/* PDP rating star berry */
.vitano-pdp-rating .star-rating {
    color: var(--vitano-berry) !important;
}

/* Szállítási mini-info: új egysoros design */
.vitano-pdp-shipping-info {
    background: var(--vitano-berry-bg) !important;
    border: 1px solid var(--vitano-berry-lt) !important;
    border-radius: var(--radius-lg) !important;
    padding: var(--sp-3) var(--sp-4) !important;
}
.vitano-pdp-shipping-row--main {
    display: flex !important;
    align-items: center !important;
    gap: var(--sp-3) !important;
    font-family: var(--font-body) !important;
    font-size: var(--fs-body) !important;
    color: var(--vitano-charcoal) !important;
}
.vitano-pdp-shipping-row--main strong {
    color: var(--vitano-berry-dk) !important;
    font-weight: 700;
}
.vitano-pdp-shipping-truck {
    color: var(--vitano-berry) !important;
    flex-shrink: 0;
}
.vitano-pdp-shipping-note {
    color: var(--vitano-berry-dk) !important;
    margin: var(--sp-2) 0 0 0 !important;
    font-size: var(--fs-meta) !important;
    font-weight: 600 !important;
}

/* Focus ring univerzális PDP-n berry-lt */
.vitano-pdp-summary a:focus-visible,
.vitano-pdp-summary button:focus-visible,
.vitano-pdp-summary input:focus-visible {
    outline: 2px solid var(--vitano-berry) !important;
    outline-offset: 2px !important;
}

/* ============================================================
   VIT-FIX-W3-MINICART-V3 — Kosár drawer mini-cart REWRITE
   Alapelv: absolute positioning a képre + ×-re, block flow a szövegre.
   Sokkal kisebb betű (11px title), 44px kép, tiszta vertikális struktúra.
   ============================================================ */

/* Mini-cart container */
.vitano-cart-drawer-body ul.woocommerce-mini-cart,
ul.woocommerce-mini-cart {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Egy termék-sor: position relative tartomány, csak block flow a tartalomban.
   Bal oldalt 56px (kép helye), jobbra 32px (× helye). */
.vitano-cart-drawer-body ul.woocommerce-mini-cart li.woocommerce-mini-cart-item,
.vitano-cart-drawer-body ul.woocommerce-mini-cart li.mini_cart_item,
ul.woocommerce-mini-cart li.woocommerce-mini-cart-item,
ul.woocommerce-mini-cart li.mini_cart_item {
    display: block !important;
    position: relative !important;
    padding: var(--sp-3) 32px var(--sp-3) 56px !important;
    margin: 0 !important;
    border-bottom: 1px solid var(--vitano-line-2) !important;
    list-style: none !important;
    min-height: 60px !important;
}

/* Kép: absolute a sor bal oldalán, fix 44×44 (kicsit kisebb mint volt) */
.vitano-cart-drawer-body ul.woocommerce-mini-cart li img,
.vitano-cart-drawer-body ul.woocommerce-mini-cart .mini_cart_item img,
ul.woocommerce-mini-cart li img,
ul.woocommerce-mini-cart .mini_cart_item img {
    position: absolute !important;
    top: var(--sp-3) !important;
    left: 0 !important;
    width: 44px !important;
    height: 44px !important;
    object-fit: cover !important;
    border-radius: var(--radius) !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    background: var(--vitano-cream-2);
    box-shadow: 0 0 0 1px var(--vitano-line);
}

/* Termék-cím link: simple block, a kép a li paddingján kívül van — sose fedi */
.woocommerce-mini-cart-item a:not(.remove),
.mini_cart_item a:not(.remove) {
    display: block !important;
    position: static !important;
    color: var(--vitano-charcoal) !important;
    text-decoration: none !important;
    font-family: var(--font-body) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Quantity sor a cím alatt: "1 × Ft 1 947" inline */
.woocommerce-mini-cart-item .quantity,
.mini_cart_item .quantity {
    display: block !important;
    color: var(--vitano-charcoal-3) !important;
    font-size: 11px !important;
    font-family: var(--font-body) !important;
    font-weight: 500 !important;
    margin: 4px 0 0 !important;
    padding: 0 !important;
    text-align: left !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}
.woocommerce-mini-cart-item .quantity .amount,
.mini_cart_item .quantity .amount {
    display: inline !important;
    color: var(--vitano-terracotta) !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    margin: 0 0 0 4px !important;
}

/* Remove (×) gomb: absolute jobb felső sarok — z-index: 5 + pointer-events biztos kattintásra */
.woocommerce-mini-cart-item a.remove,
.mini_cart_item a.remove,
.vitano-cart-drawer-body .remove {
    position: absolute !important;
    top: var(--sp-3) !important;
    right: 0 !important;
    width: 28px !important;
    height: 28px !important;
    z-index: 5 !important;
    pointer-events: auto !important;
    background: var(--vitano-line-2) !important;
    color: var(--vitano-charcoal) !important;
    border: none !important;
    border-radius: 50% !important;
    text-align: center !important;
    line-height: 28px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft);
}
.woocommerce-mini-cart-item a.remove:hover,
.mini_cart_item a.remove:hover {
    background: var(--vitano-coral) !important;
    color: var(--vitano-white) !important;
}
/* A title link NE fedje a remove-ot — biztosíték a stacking contextre */
.woocommerce-mini-cart-item a:not(.remove),
.mini_cart_item a:not(.remove) {
    position: relative !important;
    z-index: 1 !important;
}

/* WC AJAX loading overlay — a drawerben ne maradjon ott "stuck" */
.vitano-cart-drawer .blockUI.blockOverlay,
.vitano-cart-drawer-body .blockUI.blockOverlay,
.vitano-cart-drawer .woocommerce-mini-cart-item.is-loading::before,
.vitano-cart-drawer-body .processing::before {
    background: rgba(255, 255, 255, 0.6) !important;
    opacity: 0.6 !important;
    pointer-events: none !important;
}
/* Ha mégis elakadna a WC blockUI overlay, max 3 mp után tűntessük el */
.vitano-cart-drawer .blockUI.blockOverlay {
    animation: vitano-block-fadeout 3s forwards !important;
}
@keyframes vitano-block-fadeout {
    0%, 90% { opacity: 0.6; }
    100% { opacity: 0; pointer-events: none; visibility: hidden; }
}

/* Close gomb (x) a drawer fejlécben — biztos kattintható és látszik */
.vitano-cart-drawer .vitano-cart-drawer-close,
.vitano-cart-drawer-header .vitano-cart-drawer-close {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
    flex-shrink: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
}
.vitano-cart-drawer .vitano-cart-drawer-close svg {
    width: 22px !important;
    height: 22px !important;
    stroke-width: 2.2 !important;
    color: var(--vitano-charcoal) !important;
    stroke: currentColor !important;
}

/* Részösszeg / total */
p.woocommerce-mini-cart__total,
.woocommerce-mini-cart__total {
    margin: var(--sp-4) 0 var(--sp-3) !important;
    padding: var(--sp-3) 0 0 !important;
    border-top: 1px solid var(--vitano-line) !important;
    font-family: var(--font-body) !important;
    font-size: var(--fs-body) !important;
    font-weight: 600 !important;
    color: var(--vitano-charcoal) !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
}
p.woocommerce-mini-cart__total .amount,
.woocommerce-mini-cart__total .amount,
.woocommerce-mini-cart__total strong + .amount {
    font-family: var(--font-display) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: var(--vitano-terracotta) !important;
}

/* WC default mini-cart gombok ELREJTVE a drawerben — a custom .vitano-cart-drawer-footer
   tartalmaz egyet ("Tovább a fizetéshez →") + "Vásárlás folytatása" outline.
   (A widgetterületen — ha van — még megjelenik.) */
.vitano-cart-drawer-body p.woocommerce-mini-cart__buttons,
.vitano-cart-drawer-body .woocommerce-mini-cart__buttons {
    display: none !important;
}

/* Régi (widget context) — ott marad a kettős gomb */
p.woocommerce-mini-cart__buttons,
.woocommerce-mini-cart__buttons {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--sp-2) !important;
    margin: var(--sp-3) 0 0 !important;
    padding: 0 !important;
}
p.woocommerce-mini-cart__buttons a,
.woocommerce-mini-cart__buttons a.button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 48px !important;
    padding: 0 var(--sp-5) !important;
    font-family: var(--font-body) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-align: center !important;
    border-radius: var(--radius-pill) !important;
    margin: 0 !important;
    width: 100% !important;
    transition: background var(--dur-fast) var(--ease-soft), color var(--dur-fast) var(--ease-soft), transform var(--dur-fast) var(--ease-soft);
}
/* Első gomb (View cart / "Kosár") = OUTLINE charcoal */
p.woocommerce-mini-cart__buttons a:not(.checkout):first-child,
.woocommerce-mini-cart__buttons a.wc-forward:not(.checkout) {
    background: transparent !important;
    color: var(--vitano-charcoal) !important;
    border: 2px solid var(--vitano-charcoal) !important;
}
p.woocommerce-mini-cart__buttons a:not(.checkout):first-child:hover,
.woocommerce-mini-cart__buttons a.wc-forward:not(.checkout):hover {
    background: var(--vitano-charcoal) !important;
    color: var(--vitano-cream) !important;
}
/* Második gomb (Checkout / "Pénztár") = SOLID coral */
p.woocommerce-mini-cart__buttons a.checkout,
.woocommerce-mini-cart__buttons a.checkout {
    background: var(--vitano-coral) !important;
    color: var(--vitano-white) !important;
    border: 2px solid var(--vitano-coral) !important;
}
p.woocommerce-mini-cart__buttons a.checkout:hover,
.woocommerce-mini-cart__buttons a.checkout:hover {
    background: var(--vitano-coral-dk) !important;
    border-color: var(--vitano-coral-dk) !important;
    transform: translateY(-1px);
}

/* Header: "Kosár" cím + close gomb (a hatalmas fehér téglalap fix) */
.vitano-cart-drawer-header {
    background: var(--vitano-white) !important;
}
.vitano-cart-drawer-title {
    font-family: var(--font-display) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--vitano-charcoal) !important;
    margin: 0 !important;
}

/* Close gomb — extra magas specificitás, hogy az Astra/WC default `.button` reset
   ne hagyjon coral keretes téglalapot */
.vitano-cart-drawer .vitano-cart-drawer-close,
.vitano-cart-drawer button.vitano-cart-drawer-close,
button.vitano-cart-drawer-close,
.vitano-cart-drawer-header .vitano-cart-drawer-close {
    width: 36px !important;
    height: 36px !important;
    min-height: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--vitano-charcoal) !important;
    border: none !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    text-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer;
    transition: background var(--dur-fast) var(--ease-soft);
}
.vitano-cart-drawer .vitano-cart-drawer-close:hover,
button.vitano-cart-drawer-close:hover {
    background: var(--vitano-line-2) !important;
}
.vitano-cart-drawer .vitano-cart-drawer-close svg,
button.vitano-cart-drawer-close svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
}

/* WC mini-cart widget title (ha a widget-context-ben megjelenik) */
.widget_shopping_cart h2.widgettitle,
.widget_shopping_cart .widgettitle {
    font-family: var(--font-display) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--vitano-charcoal) !important;
    margin: 0 0 var(--sp-3) 0 !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* ============================================================
   FIX-FB-WIDGET — Fogyasztóbarát badge pozícionálás
   ============================================================ */
#h-api-widget,
[id^="h-api"],
#fbarat,
[id^="fbarat"],
[class*="fogyasztobarat"],
iframe[src*="fogyasztobarat"] {
    position: fixed !important;
    bottom: 16px !important;
    right: 16px !important;
    left: auto !important;
    top: auto !important;
    z-index: 900 !important;
    max-width: 72px !important;
    max-height: 72px !important;
}

@media (max-width: 768px) {
    #h-api-widget,
    [id^="h-api"],
    #fbarat,
    [id^="fbarat"],
    [class*="fogyasztobarat"],
    iframe[src*="fogyasztobarat"] {
        bottom: 80px !important;
        right: 12px !important;
    }
}

/* A megnyíló popup ne takarjon mindent */
[id*="fogyasztobarat"][id*="popup"],
[class*="fogyasztobarat"][class*="popup"],
[id*="h-api"][id*="modal"],
[class*="h-api"][class*="modal"] {
    z-index: 901 !important;
    max-height: 75vh !important;
    overflow-y: auto !important;
    bottom: 90px !important;
    right: 16px !important;
    left: auto !important;
    top: auto !important;
}

/* ============================================================
   VIT-EDITORIAL-PASS — Frontend-design skill audit alapján
   #1 asszimetrikus cat-grid · #2 hero blend-mode · #3 editorial
   alternating faves · #4 Caveat annotációk · #5 paper-grain ·
   B1 számozott section-eyebrow · B2 hero cursor
   ============================================================ */

/* ─── #5 PAPER-GRAIN OVERLAY (subtle, +depth) ─── */
body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.045;
    mix-blend-mode: multiply;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch' /><feColorMatrix values='0 0 0 0 0.3, 0 0 0 0 0.2, 0 0 0 0 0.15, 0 0 0 1 0' /></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
    background-size: 240px 240px;
}

/* ─── B1 SZÁMOZOTT SECTION-EYEBROW (CSS counter) ─── */
.vitano-home {
    counter-reset: vh-section;
}
.vh-cats,
.vh-faves,
.vh-story,
.vh-blog,
.vh-newsletter {
    counter-increment: vh-section;
}
.vh-cats > .vh-section-inner > .vh-section-title::before,
.vh-faves > .vh-section-inner > .vh-section-title::before,
.vh-blog > .vh-section-inner > .vh-section-title::before {
    content: counter(vh-section, decimal-leading-zero) ".";
    display: block;
    font-family: var(--font-display);
    font-style: italic;
    font-size: 14px;
    font-weight: 500;
    color: var(--vitano-terracotta);
    margin-bottom: 6px;
    letter-spacing: 0.04em;
    line-height: 1;
}

/* ─── #1 ASSZIMETRIKUS KATEGÓRIA-GRID (1 nagy + 5 kicsi) ─── */
@media (min-width: 1024px) {
    .vh-cats-grid {
        grid-template-columns: repeat(6, 1fr) !important;
        grid-template-rows: 220px 220px !important;
        gap: 16px !important;
    }
    .vh-cats-grid .vh-cat-card:nth-child(1) {
        grid-column: span 3 !important;
        grid-row: span 2 !important;
        background: linear-gradient(135deg, var(--vitano-cream-2) 0%, var(--vitano-rose) 100%) !important;
    }
    .vh-cats-grid .vh-cat-card:nth-child(1) .vh-cat-title {
        font-size: clamp(22px, 2vw, 28px) !important;
    }
    .vh-cats-grid .vh-cat-card:nth-child(2) {
        grid-column: span 3 !important;
        grid-row: span 1 !important;
    }
    .vh-cats-grid .vh-cat-card:nth-child(3),
    .vh-cats-grid .vh-cat-card:nth-child(4),
    .vh-cats-grid .vh-cat-card:nth-child(5) {
        grid-column: span 2 !important;
        grid-row: span 1 !important;
    }
    .vh-cats-grid .vh-cat-card:nth-child(6) {
        display: none !important;  /* desktop-on 5 mosaic, vitaminok elrejtve (megmarad mobilon) */
    }
}

/* ─── #2 HERO OVERLAY KI + TÍPO BLEND-MODE ─── */
@media (min-width: 769px) {
    .vh-hero-overlay {
        background: linear-gradient(90deg, rgba(250,246,241,0.45) 0%, rgba(250,246,241,0.1) 50%, rgba(250,246,241,0) 100%) !important;
    }
    .vh-hero-title {
        mix-blend-mode: multiply !important;
        color: var(--vitano-terracotta) !important;
        text-shadow: none !important;
        font-size: clamp(56px, 9vw, 110px) !important;
        line-height: 1 !important;
        font-family: var(--font-accent) !important;
        font-weight: 600 !important;
        white-space: nowrap !important;
        max-width: none !important;
    }
    .vh-hero-sub {
        font-size: 14px !important;
        max-width: 320px !important;
        color: var(--vitano-charcoal-2) !important;
        line-height: 1.5 !important;
        margin-top: 12px !important;
    }
}

/* ─── B2 HERO CURSOR ─── */
@media (hover: hover) and (min-width: 769px) {
    .vh-hero {
        cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14'><circle cx='7' cy='7' r='6' fill='%23C4622D' fill-opacity='0.9'/></svg>") 7 7, auto;
    }
}

/* ─── #3 EDITORIAL ALTERNATING HETI KEDVENCEK ───
   A faves-rail .products grid-jét felülírjuk: 1-col, magas gap,
   minden second product flex-direction: row-reverse → mirror layout.
   Megjegyzés: a WC default <ul.products><li.product> markup-on dolgozunk,
   nincs PHP-változás. Csak desktop-on aktív, mobilon stack marad. */
@media (min-width: 1024px) {
    .vh-faves-rail .products,
    .woocommerce ul.products.vh-faves-rail {
        grid-template-columns: 1fr !important;
        gap: 80px !important;
        max-width: 1080px;
        margin: 0 auto;
    }
    .vh-faves-rail .products > li.product {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 60px !important;
        align-items: center !important;
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
    .vh-faves-rail .products > li.product:nth-child(even) {
        direction: rtl;  /* tükrözött layout — image right, text left */
    }
    .vh-faves-rail .products > li.product:nth-child(even) > * {
        direction: ltr;  /* a tartalom marad balról-jobbra */
    }
    .vh-faves-rail .products > li.product .vitano-card-img-wrap {
        aspect-ratio: 4 / 5 !important;
        background: var(--vitano-cream-2) !important;
        border-radius: 0 !important;
        overflow: hidden !important;
    }
    .vh-faves-rail .products > li.product:nth-child(1) .vitano-card-img-wrap {
        background: linear-gradient(135deg, var(--vitano-cream-2), var(--vitano-rose) 80%) !important;
    }
    .vh-faves-rail .products > li.product:nth-child(2) .vitano-card-img-wrap {
        background: linear-gradient(135deg, var(--vitano-cream-2), var(--vitano-sage) 80%) !important;
    }
    .vh-faves-rail .products > li.product:nth-child(3) .vitano-card-img-wrap {
        background: linear-gradient(135deg, var(--vitano-cream-2), var(--vitano-stone) 80%) !important;
    }
    .vh-faves-rail .products > li.product:nth-child(n+4) {
        display: none !important;  /* csak 3 editorial product, a többi rejtve */
    }
    .vh-faves-rail .products > li.product .vitano-card-img {
        object-fit: contain !important;
        padding: 40px !important;
        max-width: 75% !important;
        margin: 0 auto !important;
    }
    .vh-faves-rail .products > li.product .vitano-card-body {
        padding: 0 !important;
        gap: 16px !important;
        position: relative;
    }
    .vh-faves-rail .products > li.product .vitano-card-body::before {
        content: counter(fave, decimal-leading-zero);
        counter-increment: fave;
        font-family: var(--font-accent);
        font-size: 32px;
        color: var(--vitano-terracotta);
        line-height: 1;
        opacity: 0.65;
    }
    .vh-faves-rail .products {
        counter-reset: fave;
    }
    .vh-faves-rail .products > li.product .vitano-card-title,
    .vh-faves-rail .products > li.product h3 {
        font-size: clamp(24px, 2.4vw, 32px) !important;
        line-height: 1.15 !important;
        min-height: 0 !important;
        -webkit-line-clamp: unset !important;
        margin: 0 !important;
    }
    .vh-faves-rail .products > li.product .vitano-card-price,
    .vh-faves-rail .products > li.product .price {
        font-size: 22px !important;
        margin: 0 !important;
    }
    .vh-faves-rail .products > li.product .vitano-card-add {
        max-width: 200px !important;
        margin: 8px 0 0 !important;
    }
}

/* ─── #4 CAVEAT ANNOTATION — sztori-blokk emphasis ─── */
.vh-story-card p em.vh-caveat,
.vh-story-card p .v-script-emphasis {
    font-family: var(--font-accent) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 1.2em !important;
    color: var(--vitano-terracotta) !important;
    line-height: 1 !important;
    padding: 0 4px;
}

/* "Heti kedvenc" handwritten badge — termékkártyán (csak 1-en) */
.woocommerce ul.products li.product.vitano-card.is-fave::before {
    content: '✋ Heti kedvenc';
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    font-family: var(--font-accent);
    font-size: 16px;
    color: var(--vitano-terracotta);
    transform: rotate(-4deg);
    pointer-events: none;
}

/* VIT-STRIPE-NO-TOP-EXPRESS és VIT-STRIPE-NO-LINK-CSS szekciók eltávolítva 2026-05-09 (NAP-7) — Stripe uninstall, SimplePay váltás. */