/*
====================================================
NÉV: Karácsony Most redesign skin
PROJEKT: Occasion Engine
TÍPUS: CSS – brand skin réteg (site.theme_key = "christmas")
VERZIÓ: v1.0.1
UTOLSÓ FRISSÍTÉS: 2026-10-23
LEÍRÁS: Éjkék–arany–áfonya megjelenés a közös komponens-markupra.
        Csak a christmas brand tölti be (brand.assets.skinCss), és minden
        szabály [data-theme="christmas"] alá szűkül, így a Valentin skin érintetlen.
        A sötét oldalfej-sáv és a hóesés pszeudo-elem: nincs extra markup,
        nincs kép, nincs layout shift. prefers-reduced-motion: mozgás kikapcsolva.
FEJLESZTŐ: Balázs Bakos | NextSheet Innovations | https://www.nextsheet.hu
CHANGELOG: v1.0.1 - 2026-10-23 - Keskeny mobil termékgrid és tördelhető vásárlási CTA
v1.0.0 - 2026-10-23 - Első verzió (főoldali wow hero, sötét oldalfej, arany CTA)
====================================================
*/

/* ---------- 0. Alap ---------- */
[data-theme="christmas"], [data-theme="christmas"] body { overflow-x: clip; }
[data-theme="christmas"] body { background: var(--c-paper); }
[data-theme="christmas"] .t-display,
[data-theme="christmas"] .t-h1,
[data-theme="christmas"] .t-h2,
[data-theme="christmas"] .t-h3 { font-weight: 800; }
[data-theme="christmas"] .t-display em,
[data-theme="christmas"] .t-h1 em { font-style: normal; font-weight: 800; color: var(--c-accent); }
[data-theme="christmas"] .eyebrow { color: var(--c-berry); font-weight: var(--fw-bold); }
[data-theme="christmas"] .eyebrow--accent { color: var(--c-berry); }

/* Hóesés: két réteg radiális pötty, lassan úszó háttérrel. */
@keyframes xmas-snow { to { background-position: 60px 320px, -40px 420px, 30px 260px; } }
[data-theme="christmas"] .xmas-snowfield::after,
[data-theme="christmas"] .page-head::after {
  content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw);
  pointer-events: none; z-index: -1; opacity: .55;
  background-image:
    radial-gradient(2.5px 2.5px at 24px 40px, #fff 50%, transparent 52%),
    radial-gradient(1.8px 1.8px at 140px 110px, #fff 50%, transparent 52%),
    radial-gradient(3.5px 3.5px at 80px 190px, rgba(255,255,255,.7) 50%, transparent 52%);
  background-size: 220px 320px, 300px 420px, 260px 260px;
  animation: xmas-snow 22s linear infinite;
}

/* ---------- 1. Visszaszámláló-sáv + fejléc ---------- */
[data-theme="christmas"] .xmas-topbar { background: var(--c-berry); color: #fff; font: var(--fw-semibold) var(--fs-small)/1.3 var(--f-text); text-align: center; padding: 8px var(--page-margin); }
[data-theme="christmas"] .xmas-topbar a { color: #fff; }
[data-theme="christmas"] .site-header { background: var(--c-brand-deep); border-bottom: 1px solid var(--c-on-dark-line); backdrop-filter: none; color: var(--c-on-dark); }
[data-theme="christmas"] .site-header .wordmark { color: var(--c-on-dark); }
[data-theme="christmas"] .site-header .wordmark__badge { background: var(--c-accent); color: var(--c-brand); }
[data-theme="christmas"] .wordmark__text { font-weight: 800; letter-spacing: -.03em; }
[data-theme="christmas"] .wordmark__accent { font-style: normal; font-weight: 800; color: var(--c-accent-ink); }
[data-theme="christmas"] .site-header .wordmark__accent,
[data-theme="christmas"] .on-dark .wordmark__accent { color: var(--c-accent); }
[data-theme="christmas"] .site-nav__link { color: var(--c-on-dark-2); }
[data-theme="christmas"] .site-nav__link:hover,
[data-theme="christmas"] .site-nav__link[aria-current="page"] { color: var(--c-on-dark); text-decoration-color: var(--c-accent); }
[data-theme="christmas"] .site-header .countdown-pill { display: none; } /* a felső sáv mutatja */
[data-theme="christmas"] .site-header .btn--primary { background: var(--c-accent); color: var(--c-brand); }
[data-theme="christmas"] .site-header .btn--primary:hover { background: var(--c-accent-hover); }
[data-theme="christmas"] .site-header .icon-btn { color: var(--c-on-dark); border-color: var(--c-on-dark-line); background: transparent; }
[data-theme="christmas"] .site-header :focus-visible { outline: var(--focus-outline-dark); box-shadow: var(--focus-halo-dark); }

/* ---------- 2. Gombok, chipek ---------- */
[data-theme="christmas"] .btn { font-weight: var(--fw-bold); }
[data-theme="christmas"] .btn--accent { background: var(--c-accent); color: var(--c-brand); }
[data-theme="christmas"] .btn--accent:hover { background: var(--c-accent-hover); }
[data-theme="christmas"] .offer-card__cta,
[data-theme="christmas"] .buy-box .btn--primary,
[data-theme="christmas"] .product-copy .btn--primary { background: var(--c-accent); color: var(--c-brand); }
[data-theme="christmas"] .offer-card__cta:hover,
[data-theme="christmas"] .buy-box .btn--primary:hover,
[data-theme="christmas"] .product-copy .btn--primary:hover { background: var(--c-brand); color: var(--c-on-dark); }

/* ---------- 3. Sötét oldalfej (téma, kereső, hub) ---------- */
[data-theme="christmas"] main > .container:first-child > .page-head,
[data-theme="christmas"] main > .container > .page-head { position: relative; isolation: isolate; color: var(--c-on-dark); padding-bottom: clamp(32px, 4vw, 56px); margin-bottom: clamp(8px, 2vw, 24px); }
[data-theme="christmas"] .page-head::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); background: var(--c-brand-deep); z-index: -2; }
[data-theme="christmas"] .page-head .crumbs,
[data-theme="christmas"] .page-head .crumbs a { color: var(--c-on-dark-3); }
[data-theme="christmas"] .page-head .crumbs [aria-current="page"] { color: var(--c-on-dark); }
[data-theme="christmas"] .page-head .crumbs a:hover { color: var(--c-on-dark); }
[data-theme="christmas"] .page-head .eyebrow { color: var(--c-accent); }
[data-theme="christmas"] .page-head .t-h1 { color: var(--c-on-dark); }
[data-theme="christmas"] .page-head .lead { color: var(--c-on-dark-2); }
[data-theme="christmas"] .page-head .page-meta,
[data-theme="christmas"] .page-head .page-meta a,
[data-theme="christmas"] .page-head .refine__label { color: var(--c-on-dark-2); }
[data-theme="christmas"] .page-head .chip { background: transparent; color: var(--c-on-dark); box-shadow: inset 0 0 0 1.5px rgba(255,255,255,.28); }
[data-theme="christmas"] .page-head .chip:hover { box-shadow: inset 0 0 0 1.5px var(--c-accent); }
[data-theme="christmas"] .page-head :focus-visible { outline: var(--focus-outline-dark); box-shadow: var(--focus-halo-dark); }
[data-theme="christmas"] .page-head .quick-finder { background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: var(--r-lg); padding: 16px; }
[data-theme="christmas"] .page-head .quick-finder .field__label { color: var(--c-on-dark-2); }
[data-theme="christmas"] .page-head .quick-finder .btn--primary { background: var(--c-accent); color: var(--c-brand); }
[data-theme="christmas"] .page-head .text-link { color: var(--c-accent); }

/* ---------- 4. Ajánlatkártya ---------- */
[data-theme="christmas"] .offer-card { border-radius: var(--r-md); border-color: var(--c-line); }
@media (hover: hover) { [data-theme="christmas"] .offer-card:hover { transform: var(--hover-lift); box-shadow: var(--shadow-pop); } }
[data-theme="christmas"] .offer-card__media { background: var(--tile, var(--c-noimg)); }
[data-theme="christmas"] .offer-card__title { font: var(--fw-bold) var(--fs-card-title)/1.28 var(--f-text); letter-spacing: -.01em; }
@media (min-width: 640px) { [data-theme="christmas"] .offer-grid--3 .offer-card__title, [data-theme="christmas"] .offer-grid--4 .offer-card__title { font-size: 1.125rem; } }
[data-theme="christmas"] .offer-card--top .offer-card__title { font-family: var(--f-display); font-weight: 800; letter-spacing: -.02em; }
[data-theme="christmas"] .offer-card__eyebrow { color: var(--c-ink-2); font-weight: var(--fw-bold); }
[data-theme="christmas"] .offer-card__price { font-family: var(--f-display); font-weight: 800; font-size: 1.375rem; }
[data-theme="christmas"] .offer-grid > .offer-card .offer-card__price,
[data-theme="christmas"] .offer-card--row .offer-card__price { font-size: 1.1875rem; }
[data-theme="christmas"] .pick-tag { background: var(--c-brand); color: var(--c-on-dark); }
[data-theme="christmas"] .offer-card__body > a:not(.btn) { color: var(--c-berry); font-weight: var(--fw-semibold); }

/* ---------- 5. Kész csomag: sötét panel ---------- */
[data-theme="christmas"] .bundle-card { background: var(--c-brand-deep); color: var(--c-on-dark); border: 0; border-radius: var(--r-xl); }
[data-theme="christmas"] .bundle-card__title { color: var(--c-on-dark); font-family: var(--f-display); font-weight: 800; }
[data-theme="christmas"] .bundle-card__desc,
[data-theme="christmas"] .bundle-card__total-label,
[data-theme="christmas"] .bundle-card__total-note,
[data-theme="christmas"] .bundle-card__total--none { color: var(--c-on-dark-2); }
[data-theme="christmas"] .bundle-card__eyebrow { color: var(--c-accent); }
[data-theme="christmas"] .bundle-card__total { background: rgba(255,255,255,.07); border-color: var(--c-on-dark-line); color: var(--c-on-dark); }
[data-theme="christmas"] .bundle-card__total-value { font-family: var(--f-display); font-weight: 800; color: var(--c-on-dark); }
[data-theme="christmas"] .bundle-card .notice { background: rgba(255,255,255,.07); color: var(--c-on-dark-2); }
[data-theme="christmas"] .bundle-card__list { gap: 10px; display: grid; }
[data-theme="christmas"] .bundle-item { background: var(--c-snow); color: var(--c-ink); border-top: 0; border-radius: var(--r-sm); padding-inline: 14px; }
[data-theme="christmas"] .bundle-item__name { font: var(--fw-bold) 1rem/1.3 var(--f-text); letter-spacing: 0; }
[data-theme="christmas"] .bundle-item__num { color: var(--c-berry); font-family: var(--f-display); font-weight: 800; }
[data-theme="christmas"] .bundle-item__price { font-family: var(--f-display); font-weight: 800; }
[data-theme="christmas"] .bundle-item .btn--ghost { background: var(--c-accent); color: var(--c-brand); box-shadow: none; }
[data-theme="christmas"] .bundle-card :focus-visible { outline: var(--focus-outline-dark); }
[data-theme="christmas"] [data-bundle-controls] .btn--ghost { background: var(--c-snow); }

/* ---------- 6. Célcsoport- és témacsempék ---------- */
[data-theme="christmas"] .aud-tile__label { font-family: var(--f-display); font-weight: 800; letter-spacing: -.02em; }
[data-theme="christmas"] .landing-card { border: 0; background: var(--c-tile-1); border-radius: var(--r-md); transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); }
[data-theme="christmas"] .landing-grid > .landing-card:nth-child(6n+2) { background: var(--c-tile-2); }
[data-theme="christmas"] .landing-grid > .landing-card:nth-child(6n+3) { background: var(--c-tile-3); }
[data-theme="christmas"] .landing-grid > .landing-card:nth-child(6n+4) { background: var(--c-tile-4); }
[data-theme="christmas"] .landing-grid > .landing-card:nth-child(6n+5) { background: var(--c-tile-5); }
[data-theme="christmas"] .landing-grid > .landing-card:nth-child(6n+6) { background: var(--c-tile-6); }
@media (hover: hover) { [data-theme="christmas"] .landing-card:hover { transform: var(--hover-lift); box-shadow: var(--shadow-pop); } }
[data-theme="christmas"] .landing-card__title { font-family: var(--f-display); font-weight: 800; letter-spacing: -.02em; }
[data-theme="christmas"] .landing-card__meta { color: var(--c-ink-2); font-weight: var(--fw-semibold); }
[data-theme="christmas"] .landing-card__desc { color: #2E384D; }
[data-theme="christmas"] .landing-card__more { color: var(--c-brand); font-weight: var(--fw-bold); }
[data-theme="christmas"] .az-list a:hover { color: var(--c-berry); }

/* ---------- 7. Lépések, kereső-sáv, értesítések ---------- */
[data-theme="christmas"] .steps { background: var(--c-snow); border: 1px solid var(--c-line); border-radius: var(--r-lg); }
[data-theme="christmas"] .steps__num { font-family: var(--f-display); font-weight: 800; color: var(--c-berry); }
[data-theme="christmas"] .finder-band { background: var(--c-brand-deep); }
[data-theme="christmas"] .finder-band__title { font-family: var(--f-display); font-weight: 800; }
[data-theme="christmas"] .finder-band__mark { color: var(--c-accent); }
[data-theme="christmas"] .notice--accent { background: var(--c-accent-soft); }

/* ---------- 8. Ajándékkereső ---------- */
[data-theme="christmas"] .finder-panel { background: var(--c-snow); border: 1px solid var(--c-line); border-radius: var(--r-lg); padding: 20px; }
[data-theme="christmas"] .results-count { font-family: var(--f-display); font-weight: 800; letter-spacing: -.02em; }
[data-theme="christmas"] .chip-input:checked + .chip,
[data-theme="christmas"] .chip--on { background: var(--c-brand); color: var(--c-on-dark); }
[data-theme="christmas"] .chip--removable { background: var(--c-accent-soft); color: #3A2A08; box-shadow: none; }
[data-theme="christmas"] .finder-bar .chip--on { background: var(--c-accent); color: var(--c-brand); }
[data-theme="christmas"] .load-more__bar > span { background: var(--c-accent); }

/* ---------- 9. Termékoldal ---------- */
[data-theme="christmas"] main .product-hero { align-items: start; }
[data-theme="christmas"] main .product-hero > * { min-width: 0; }
[data-theme="christmas"] main .product-image { border-radius: var(--r-lg); background: var(--c-snow); border: 1px solid var(--c-line); }
[data-theme="christmas"] .product-hero .t-h1 { font-weight: 800; }
[data-theme="christmas"] .product-hero .eyebrow { color: var(--c-berry); }
[data-theme="christmas"] .buy-box { display: flex; flex-direction: column; gap: 14px; margin-top: 20px; padding: 24px; background: var(--c-snow); border: 1px solid var(--c-line); border-radius: var(--r-lg); box-shadow: var(--shadow-raise); }
[data-theme="christmas"] .buy-box .product-price { margin: 0; font-family: var(--f-display); font-weight: 800; font-size: clamp(2rem, 1.6rem + 1.4vw, 2.6rem); line-height: 1; }
[data-theme="christmas"] .buy-box__meta { margin: 0; font-size: var(--fs-small); color: var(--c-ink-2); }
[data-theme="christmas"] .buy-box .btn--primary { min-height: var(--btn-h-lg); font: 800 1.1875rem/1.25 var(--f-display); width: 100%; white-space: normal; text-align: center; }
[data-theme="christmas"] .buy-box__note { margin: 0; font-size: .8125rem; color: var(--c-ink-2); }
[data-theme="christmas"] .reason-grid { display: grid; gap: 16px; margin: 8px 0 24px; }
@media (min-width: 900px) { [data-theme="christmas"] .reason-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
[data-theme="christmas"] .reason-card { background: var(--c-snow); border: 1px solid var(--c-line); border-radius: var(--r-md); padding: 22px; }
[data-theme="christmas"] .reason-card h2 { margin: 0 0 8px; font: var(--fw-bold) var(--fs-micro)/1.2 var(--f-text); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--c-berry); }
[data-theme="christmas"] .reason-card p, [data-theme="christmas"] .reason-card ul { margin: 0; font-size: var(--fs-body); line-height: 1.55; }
[data-theme="christmas"] .reason-card ul { padding-left: 1.1em; }
[data-theme="christmas"] .product-copy { max-width: none; }
[data-theme="christmas"] .product-copy > h2:first-child { font: 800 var(--fs-h2)/1.1 var(--f-display); letter-spacing: var(--ls-h2); }

/* ---------- 10. Főoldali hero (wow) ---------- */
[data-theme="christmas"] .hero.xmas-hero { position: relative; isolation: isolate; padding-block: clamp(28px, 4vw, 56px) clamp(40px, 5vw, 72px); color: var(--c-on-dark); }
[data-theme="christmas"] .xmas-hero::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw); background: var(--c-brand-deep); z-index: -2; }
[data-theme="christmas"] .xmas-hero__grid { display: grid; gap: 40px; align-items: center; }
@media (min-width: 1024px) { [data-theme="christmas"] .xmas-hero__grid { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 56px; } }
[data-theme="christmas"] .xmas-hero__main { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
[data-theme="christmas"] .xmas-count__label { font: var(--fw-bold) var(--fs-micro)/1 var(--f-text); letter-spacing: var(--ls-eyebrow); text-transform: uppercase; color: var(--c-accent); margin: 0 0 10px; }
[data-theme="christmas"] .xmas-count__boxes { display: flex; gap: 10px; margin: 0; padding: 0; }
[data-theme="christmas"] .xmas-count__box { display: flex; flex-direction: column; align-items: center; min-width: 68px; padding: 10px 12px; border-radius: 14px; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); }
[data-theme="christmas"] .xmas-count__box:last-child { background: rgba(242,181,68,.16); border-color: rgba(242,181,68,.5); }
[data-theme="christmas"] .xmas-count__box:last-child .xmas-count__num { color: var(--c-accent); }
[data-theme="christmas"] .xmas-count__num { font: 800 clamp(1.75rem, 1.3rem + 1.4vw, 2.4rem)/1 var(--f-display); font-variant-numeric: tabular-nums; }
[data-theme="christmas"] .xmas-count__unit { font-size: .75rem; color: var(--c-on-dark-2); margin-top: 4px; }
[data-theme="christmas"] .xmas-hero__kicker { margin: 0; font: 800 clamp(1.125rem, 1rem + .6vw, 1.5rem)/1.2 var(--f-display); color: var(--c-accent); letter-spacing: -.01em; }
[data-theme="christmas"] .xmas-hero__title { margin: 0; font: 800 clamp(2.5rem, 1.4rem + 4.2vw, 4.25rem)/1.02 var(--f-display); letter-spacing: -.035em; color: #fff; text-wrap: balance; }
[data-theme="christmas"] .xmas-hero__title em { font-style: normal; color: var(--c-accent); }
[data-theme="christmas"] .xmas-hero__lead { margin: 0; font-size: var(--fs-lead); line-height: 1.5; color: var(--c-on-dark-2); max-width: 58ch; }
[data-theme="christmas"] .xmas-hero__partners { margin: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: .8125rem; color: var(--c-on-dark-3); }
[data-theme="christmas"] .xmas-hero__partners strong { color: #C9D0E2; font-weight: var(--fw-bold); }
[data-theme="christmas"] .xmas-hero :focus-visible { outline: var(--focus-outline-dark); box-shadow: var(--focus-halo-dark); }

/* Varázsló */
[data-theme="christmas"] .gift-wizard { display: flex; flex-direction: column; gap: 16px; padding: 20px; border-radius: 20px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.12); }
[data-theme="christmas"] .gift-wizard__step { border: 0; margin: 0; padding: 0; min-width: 0; }
[data-theme="christmas"] .gift-wizard__legend { padding: 0; margin-bottom: 10px; font-weight: var(--fw-bold); font-size: 1rem; color: #fff; }
[data-theme="christmas"] .gift-wizard__hint { font-weight: var(--fw-regular); font-size: .8125rem; color: var(--c-on-dark-3); margin-left: 8px; }
[data-theme="christmas"] .gift-wizard__who { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
@media (min-width: 640px) { [data-theme="christmas"] .gift-wizard__who { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
[data-theme="christmas"] .gift-wizard__input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
[data-theme="christmas"] .gift-wizard__tile { display: flex; flex-direction: column; gap: 2px; min-height: 64px; padding: 12px 14px; border-radius: 14px; border: 1.5px solid rgba(255,255,255,.18); background: rgba(255,255,255,.04); color: #fff; cursor: pointer; transition: transform var(--dur-fast) var(--ease), border-color var(--dur-fast), background var(--dur-fast); }
[data-theme="christmas"] .gift-wizard__tile:hover { transform: translateY(-2px); border-color: rgba(242,181,68,.75); }
[data-theme="christmas"] .gift-wizard__name { font-weight: var(--fw-bold); font-size: 1.0625rem; }
[data-theme="christmas"] .gift-wizard__count { font-size: .8125rem; color: var(--c-on-dark-3); }
[data-theme="christmas"] .gift-wizard__input:checked + .gift-wizard__tile { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-brand); }
[data-theme="christmas"] .gift-wizard__input:checked + .gift-wizard__tile .gift-wizard__count { color: #3A2A08; }
[data-theme="christmas"] .gift-wizard__input:focus-visible + .gift-wizard__tile,
[data-theme="christmas"] .gift-wizard__input:focus-visible + .gift-wizard__chip { outline: var(--focus-outline-dark); box-shadow: var(--focus-halo-dark); }
[data-theme="christmas"] .gift-wizard__chips { display: flex; flex-wrap: wrap; gap: 8px; }
[data-theme="christmas"] .gift-wizard__chip { display: inline-flex; align-items: center; min-height: var(--tap-min); padding: 0 16px; border-radius: var(--r-pill); border: 1.5px solid rgba(255,255,255,.26); color: #fff; font: var(--fw-semibold) var(--fs-ui-sm)/1 var(--f-text); cursor: pointer; }
[data-theme="christmas"] .gift-wizard__chip:hover { border-color: rgba(242,181,68,.75); }
[data-theme="christmas"] .gift-wizard__input:checked + .gift-wizard__chip { background: #fff; color: var(--c-brand); border-color: #fff; }
[data-theme="christmas"] .gift-wizard__submit { align-self: stretch; min-height: 52px; font-size: 1.0625rem; }
@media (min-width: 640px) { [data-theme="christmas"] .gift-wizard__submit { align-self: flex-start; } }

/* Ajándékfal + Lepj meg */
[data-theme="christmas"] .xmas-hero__side { display: flex; flex-direction: column; gap: 18px; min-width: 0; }
[data-theme="christmas"] .gift-wall { display: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
@media (min-width: 1024px) { [data-theme="christmas"] .gift-wall { display: grid; } }
@keyframes xmas-bob { 0%, 100% { translate: 0 0; } 50% { translate: 0 -10px; } }
[data-theme="christmas"] .gift-wall__card { display: flex; flex-direction: column; background: #fff; color: var(--c-ink); border-radius: 18px; padding: 10px; text-decoration: none; box-shadow: 0 20px 40px rgba(0,0,0,.35); rotate: -2deg; animation: xmas-bob 6s ease-in-out infinite; }
[data-theme="christmas"] .gift-wall__card:nth-child(2) { rotate: 2.5deg; margin-top: 24px; animation-duration: 7s; animation-delay: -3s; }
[data-theme="christmas"] .gift-wall__card:nth-child(3) { rotate: 1.5deg; animation-duration: 7s; animation-delay: -2s; }
[data-theme="christmas"] .gift-wall__card:nth-child(4) { rotate: -1.5deg; margin-top: 24px; animation-delay: -4s; }
[data-theme="christmas"] .gift-wall__card:hover { rotate: 0deg; }
[data-theme="christmas"] .gift-wall__img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; border-radius: 12px; background: var(--c-tile-1); }
[data-theme="christmas"] .gift-wall__name { font-size: .8125rem; font-weight: var(--fw-bold); line-height: 1.3; padding: 8px 4px 2px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
[data-theme="christmas"] .gift-wall__meta { font-size: .75rem; color: var(--c-ink-2); padding: 0 4px 4px; }
[data-theme="christmas"] .surprise-btn { display: flex; align-items: center; gap: 16px; width: 100%; text-align: left; background: var(--c-accent); color: var(--c-brand); border: 0; border-radius: 18px; padding: 16px 20px; min-height: 72px; cursor: pointer; font: inherit; transition: transform var(--dur-fast) var(--ease); }
[data-theme="christmas"] .surprise-btn:hover { transform: translateY(-2px); }
[data-theme="christmas"] .surprise-btn[hidden] { display: none; }
[data-theme="christmas"] .surprise-btn__title { display: block; font: 800 1.375rem/1.1 var(--f-display); }
[data-theme="christmas"] .surprise-btn__text { display: block; font-size: .875rem; font-weight: var(--fw-medium); }
[data-theme="christmas"] .surprise-btn .icon { width: 36px; height: 36px; flex: none; }

/* Élő varázsló-eredmények */
[data-theme="christmas"] .wizard-results[hidden] { display: none; }
[data-theme="christmas"] .wizard-results { scroll-margin-top: calc(var(--header-h) + 16px); }
[data-theme="christmas"] .wizard-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--gutter); }
@media (min-width: 1024px) { [data-theme="christmas"] .wizard-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
[data-theme="christmas"] .wizard-card { display: flex; flex-direction: column; background: var(--c-snow); border: 1px solid var(--c-line); border-radius: var(--r-md); overflow: hidden; text-decoration: none; color: var(--c-ink); transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease); animation: xmas-pop .4s var(--ease) both; }
@media (hover: hover) { [data-theme="christmas"] .wizard-card:hover { transform: var(--hover-lift); box-shadow: var(--shadow-pop); } }
@keyframes xmas-pop { from { opacity: 0; transform: translateY(12px) scale(.98); } }
[data-theme="christmas"] .wizard-card__img { width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: var(--c-tile-1); padding: 12px; }
[data-theme="christmas"] .wizard-card__body { display: flex; flex-direction: column; gap: 6px; padding: 14px 16px 16px; flex: 1; }
[data-theme="christmas"] .wizard-card__name { font-weight: var(--fw-bold); line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
[data-theme="christmas"] .wizard-card__meta { margin-top: auto; display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
[data-theme="christmas"] .wizard-card__price { font: 800 1.1875rem/1.2 var(--f-display); }
[data-theme="christmas"] .wizard-card__partner { font-size: .75rem; color: var(--c-ink-2); text-align: right; }
[data-theme="christmas"] .wizard-card__more { font-size: .875rem; font-weight: var(--fw-bold); color: var(--c-berry); }
[data-theme="christmas"] .wizard-results__foot { display: flex; justify-content: center; margin-top: 24px; }
[data-theme="christmas"] .wizard-results__empty { padding: 32px; text-align: center; color: var(--c-ink-2); background: var(--c-snow); border: 1px dashed var(--c-line-2); border-radius: var(--r-md); }

/* Meglepetés-dialógus */
[data-theme="christmas"] .surprise { width: min(440px, calc(100% - 32px)); padding: 0; border: 0; border-radius: 24px; overflow: hidden; box-shadow: 0 30px 80px rgba(0,0,0,.5); background: var(--c-snow); color: var(--c-ink); }
[data-theme="christmas"] .surprise::backdrop { background: var(--c-overlay); }
[data-theme="christmas"] .surprise[open] { animation: xmas-pop .45s cubic-bezier(.2, 1.4, .4, 1); }
[data-theme="christmas"] .surprise__media { position: relative; background: var(--c-tile-3); }
[data-theme="christmas"] .surprise__img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; padding: 16px; }
[data-theme="christmas"] .surprise__close { position: absolute; top: 12px; right: 12px; width: 44px; height: 44px; border-radius: 50%; border: 0; background: #fff; color: var(--c-brand); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
[data-theme="christmas"] .surprise__body { padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 10px; }
[data-theme="christmas"] .surprise__title { margin: 0; font: 800 1.625rem/1.15 var(--f-display); letter-spacing: -.02em; }
[data-theme="christmas"] .surprise__why { margin: 0; color: var(--c-ink-2); line-height: 1.5; }
[data-theme="christmas"] .surprise__price { font: 800 1.625rem/1 var(--f-display); }
[data-theme="christmas"] .surprise__actions { display: grid; gap: 10px; margin-top: 6px; }

/* ---------- 11. Mozgás csökkentése ---------- */
@media (prefers-reduced-motion: reduce) {
  [data-theme="christmas"] .xmas-snowfield::after,
  [data-theme="christmas"] .page-head::after,
  [data-theme="christmas"] .gift-wall__card,
  [data-theme="christmas"] .wizard-card,
  [data-theme="christmas"] .surprise[open] { animation: none; }
}