.noel-page{--noel-green:#0c2f1e;--noel-green-deep:#071d13;--noel-green-soft:#14402b;--noel-gold:var(--color-accent-gold,#c7a266);--noel-gold-light:#e6cd96;--noel-cream:#fdfbf8;--noel-red:#8f1f2f;background-color:var(--noel-cream);margin-top:calc(var(--header-offset) * -1);overflow-x:clip}.noel-hero{height:100vh;min-height:100dvh;color:var(--color-white,#fff);isolation:isolate;background-position:50%;background-size:cover;align-items:center;display:flex;position:relative}.noel-hero:after{content:"";inset-inline:0;background:linear-gradient(90deg, transparent, var(--noel-gold) 20%, var(--noel-gold-light) 50%, var(--noel-gold) 80%, transparent);height:3px;position:absolute;bottom:0}.noel-hero__content{max-width:44rem;padding-block:calc(var(--header-offset,5rem) + var(--space-8,2rem)) var(--space-12,3rem)}.noel-hero__eyebrow{align-items:center;gap:var(--space-2,.5rem);font-family:var(--font-body,sans-serif);font-size:var(--font-size-sm,.875rem);letter-spacing:.22em;text-transform:uppercase;color:var(--noel-gold-light);margin-bottom:var(--space-4,1rem);display:inline-flex}.noel-hero__title{font-family:var(--font-title,cursive);letter-spacing:.08em;text-transform:uppercase;color:var(--color-white,#fff);text-shadow:0 2px 24px #00000073;margin-bottom:var(--space-5,1.25rem);font-size:clamp(2.6rem,7vw,5rem)}.noel-hero__subtitle{color:#ffffffeb;max-width:36rem;margin-bottom:var(--space-8,2rem);font-size:clamp(1rem,1.7vw,1.2rem);line-height:1.65}.noel-hero__actions{align-items:center;gap:var(--space-5,1.25rem) var(--space-8,2rem);flex-wrap:wrap;display:flex}.noel-cta{align-items:center;gap:var(--space-3,.75rem);border:1px solid var(--noel-gold);background:linear-gradient(135deg, var(--noel-gold), var(--noel-gold-light));color:var(--noel-green-deep);font-family:var(--font-body,sans-serif);font-size:var(--font-size-sm,.875rem);font-weight:var(--font-weight-semibold,600);letter-spacing:.12em;text-transform:uppercase;transition:transform var(--transition-base,.25s ease), box-shadow var(--transition-base,.25s ease);border-radius:999px;padding:.85rem 2rem;text-decoration:none;display:inline-flex}.noel-cta:hover,.noel-cta:focus-visible{color:var(--noel-green-deep);box-shadow:var(--shadow-gold,0 4px 16px #c7a2664d);transform:translateY(-2px)}.noel-cta svg{transition:transform var(--transition-base,.25s ease)}.noel-cta:hover svg{transform:translate(4px)}.noel-countdown{align-items:center;gap:var(--space-2,.5rem);font-size:var(--font-size-sm,.875rem);color:#ffffffe6;flex-wrap:wrap;display:inline-flex}.noel-closed{background:var(--noel-red);color:var(--color-white,#fff);padding-block:var(--space-4,1rem);text-align:center}.noel-closed p{font-size:var(--font-size-md,1rem);margin:0}.noel-intro{text-align:center;padding-block:clamp(3rem,7vw,5rem)}.noel-divider{width:7rem;height:1px;margin:0 auto var(--space-8,2rem);background:linear-gradient(90deg, transparent, var(--noel-gold), transparent);display:block;position:relative}.noel-divider:after{content:"";background:var(--noel-gold);width:7px;height:7px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}.noel-intro__text{color:#3a3a3a;max-width:48rem;margin:0 auto;font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.8}.noel-section{padding-block:clamp(2.5rem,5vw,4rem)}.noel-section:nth-child(2n){background:linear-gradient(180deg, var(--noel-green-deep), var(--noel-green));color:var(--color-white,#fff)}.noel-section__header{max-width:42rem;margin-bottom:var(--space-10,2.5rem)}.noel-section__index{font-family:var(--font-premium,serif);font-size:var(--font-size-sm,.875rem);letter-spacing:.3em;color:var(--noel-gold);margin-bottom:var(--space-2,.5rem);display:block}.noel-section__title{font-family:var(--font-title,cursive);letter-spacing:.08em;text-transform:uppercase;color:var(--noel-green-deep);margin-bottom:var(--space-3,.75rem);font-size:clamp(1.7rem,3.4vw,2.6rem)}.noel-section:nth-child(2n) .noel-section__title{color:var(--color-white,#fff)}.noel-section__subtitle{font-size:var(--font-size-lg,1.125rem);color:var(--color-text-muted,#6c757d);line-height:1.7}.noel-section:nth-child(2n) .noel-section__subtitle{color:#ffffffd1}.noel-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,18rem),1fr));align-items:stretch;gap:clamp(1.25rem,2.5vw,2rem);display:grid}.noel-grid__cell{display:flex}.noel-grid__cell>.card{width:100%}.product-badge--noel{background:linear-gradient(135deg, var(--noel-gold), var(--noel-gold-light));color:var(--noel-green-deep);font-weight:var(--font-weight-semibold,600);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:.35rem;animation:none;display:inline-flex}.noel-practical{background:var(--noel-cream);border-top:1px solid #0c2f1e14;padding-block:clamp(3rem,7vw,5rem)}.noel-practical__title{font-family:var(--font-title,cursive);letter-spacing:.08em;text-transform:uppercase;color:var(--noel-green-deep);text-align:center;margin-bottom:var(--space-10,2.5rem);font-size:clamp(1.6rem,3vw,2.2rem)}.noel-practical__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:clamp(1.5rem,3vw,2.5rem);display:grid}.noel-practical__item{text-align:center;padding:var(--space-6,1.5rem);border-radius:var(--radius-lg,16px);background:var(--color-white,#fff);border:1px solid #c7a2664d}.noel-practical__item svg{color:var(--noel-gold-dark,#a6874d);margin-bottom:var(--space-3,.75rem)}.noel-practical__item h3{font-family:var(--font-premium,serif);font-size:var(--font-size-lg,1.125rem);color:var(--noel-green-deep);margin-bottom:var(--space-2,.5rem)}.noel-practical__item p{font-size:var(--font-size-sm,.875rem);color:var(--color-text-muted,#6c757d);line-height:1.65}.noel-practical__link{color:var(--noel-red);font-weight:var(--font-weight-semibold,600)}@media (prefers-reduced-motion:reduce){.noel-cta{transition:none}}
