/*
 * Christmas Edition skin, v2 — "A warm night in the control center".
 * Fully scoped to html[data-season="winter"]; season.js sets that attribute
 * only while the edition runs (phase christmas until 6 Jan, newyear until
 * 31 Jan 2027 23:59 Europe/Prague). Outside the window this file is inert.
 *
 * The brand purple/cyan steps back for the season: crimson, gold and pine take
 * the accents, the glass gets frost and snow caps, string lights hang from the
 * nav, the plans become wrapped gifts, and a live countdown runs to Christmas
 * and then to New Year. Copy, prices, layout, i18n and checkout stay as they are.
 */

html[data-season="winter"] {
  --xm-red: #e2474f;
  --xm-red-soft: #ff6b72;
  --xm-red-deep: #a51f29;
  --xm-gold: #f3c66b;
  --xm-gold-soft: #ffe1a3;
  --xm-gold-deep: #d49a2e;
  --xm-pine: #2f9460;
  --xm-pine-deep: #1b6a44;
  --xm-ice: #bfe9ff;
  --xm-snow: #f0f4f9;
  --xm-snow-2: #e3eaf3;
  --xm-frost-line: rgba(255, 236, 204, 0.22);
  --xm-frost-line-strong: rgba(255, 236, 204, 0.4);
  --xm-ink-warm: #100a18;
  --xm-ease: cubic-bezier(0.16, 1, 0.3, 1);
}

/* ------------------------------------------------------------------ */
/* 1. Hero sky: warm night, gold and crimson light, brighter stars      */
/* ------------------------------------------------------------------ */

html[data-season="winter"] .hero {
  background:
    radial-gradient(circle at 50% 14%, rgba(243, 198, 107, 0.14), transparent 30%),
    radial-gradient(circle at 18% 70%, rgba(226, 71, 79, 0.12), transparent 34%),
    radial-gradient(circle at 84% 60%, rgba(47, 148, 96, 0.1), transparent 34%),
    linear-gradient(180deg, #0b0a1b 0%, #0a0b18 50%, #0d1324 100%);
}

html[data-season="winter"] .hero-orb-one { background: var(--xm-red); opacity: 0.2; }
html[data-season="winter"] .hero-orb-two { background: var(--xm-gold); opacity: 0.22; }
html[data-season="winter"] .hero-starfield { opacity: 0.9; }

html[data-season="winter"] .hero-starfield::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(50% 36% at 0% 0%, rgba(243, 198, 107, 0.16), transparent 70%),
    radial-gradient(50% 36% at 100% 0%, rgba(191, 233, 255, 0.14), transparent 70%);
}

/* Snow canvas: between the sky and the copy inside the hero, fixed elsewhere. */
html[data-season="winter"] .wx-snow { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; display: block; pointer-events: none; }
html[data-season="winter"] .wx-snow.is-fixed { position: fixed; inset: 0; z-index: -1; height: 100vh; height: 100svh; }
html[data-season="winter"] .wx-snow.is-hidden { display: none; }

/* ------------------------------------------------------------------ */
/* 2. Headline, badge, buttons                                          */
/* ------------------------------------------------------------------ */

html[data-season="winter"] .hero h1 em {
  color: var(--xm-gold-soft);
  text-shadow: 0 0 46px rgba(243, 198, 107, 0.28);
}

html[data-season="winter"] .hero h1 em::after {
  height: 3px;
  bottom: -2px;
  border: 0;
  border-radius: 999px;
  opacity: 0.95;
  background: linear-gradient(90deg, var(--xm-gold), var(--xm-red-soft) 40%, var(--xm-gold-soft) 62%, var(--xm-gold));
  background-size: 220% 100%;
  animation: wx-aurora 8s linear infinite;
}

@keyframes wx-aurora { from { background-position: 0% 50%; } to { background-position: 220% 50%; } }

html[data-season="winter"] .eyebrow-pill.wx-badge {
  color: var(--xm-gold-soft);
  background: linear-gradient(180deg, rgba(226, 71, 79, 0.22), rgba(165, 31, 41, 0.18));
  border-color: rgba(243, 198, 107, 0.45);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 10px 30px rgba(226, 71, 79, 0.16);
  cursor: pointer;
  transition: transform 220ms var(--xm-ease), box-shadow 220ms var(--xm-ease);
}
html[data-season="winter"] .eyebrow-pill.wx-badge:hover { transform: translateY(-1px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 14px 36px rgba(226, 71, 79, 0.26); }
html[data-season="winter"] .wx-badge .wx-flake { width: 15px; height: 15px; color: var(--xm-gold); }
html[data-season="winter"] .wx-badge .wx-badge-text { font-weight: 750; letter-spacing: 0.01em; }
html[data-season="winter"] .wx-badge .wx-badge-year { padding-left: 9px; border-left: 1px solid rgba(243, 198, 107, 0.35); color: rgba(255, 225, 163, 0.8); font-weight: 600; font-style: normal; font-variant-numeric: tabular-nums; }

html[data-season="winter"] .button-primary,
html[data-season="winter"] .button-plan-primary,
html[data-season="winter"] .pack-primary,
html[data-season="winter"] .primary-button {
  color: #fff;
  background:
    radial-gradient(circle at 28% 8%, rgba(255, 255, 255, 0.28), transparent 32%),
    linear-gradient(135deg, #ff7078, #e2474f 46%, #b1252f);
  border-color: rgba(255, 220, 170, 0.45);
  box-shadow: 0 14px 38px rgba(226, 71, 79, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}
html[data-season="winter"] .button-primary:hover,
html[data-season="winter"] .button-plan-primary:hover,
html[data-season="winter"] .pack-primary:hover,
html[data-season="winter"] .primary-button:hover {
  background:
    radial-gradient(circle at 28% 8%, rgba(255, 255, 255, 0.32), transparent 32%),
    linear-gradient(135deg, #ff7e85, #ea525a 46%, #bd2a35);
  box-shadow: 0 18px 50px rgba(226, 71, 79, 0.42), 0 0 34px rgba(243, 198, 107, 0.18);
}
html[data-season="winter"] .button-ghost { border-color: rgba(243, 198, 107, 0.22); }
html[data-season="winter"] .nav-cart-count { background: var(--xm-red); color: #fff; }
html[data-season="winter"] .language-option.is-active {
  background: linear-gradient(135deg, rgba(226, 71, 79, 0.85), rgba(212, 154, 46, 0.6));
  box-shadow: 0 5px 18px rgba(226, 71, 79, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}
html[data-season="winter"] .status-dot { background: var(--xm-pine); box-shadow: 0 0 0 4px rgba(47, 148, 96, 0.14), 0 0 18px rgba(47, 148, 96, 0.5); }
html[data-season="winter"] .hero-reassurance i { color: var(--xm-pine); border-color: rgba(47, 148, 96, 0.45); }

/* ------------------------------------------------------------------ */
/* 3. Nav: frost rim, Santa hat on the mark, string lights underneath    */
/* ------------------------------------------------------------------ */

html[data-season="winter"] .nav-shell,
html[data-season="winter"] .content-nav {
  position: relative;
  border-color: rgba(243, 198, 107, 0.2);
  box-shadow: inset 0 1px 0 var(--xm-frost-line);
}
html[data-season="winter"] .site-header.is-scrolled .nav-shell {
  border-color: rgba(243, 198, 107, 0.28);
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.42), inset 0 1px 0 var(--xm-frost-line-strong);
}

html[data-season="winter"] .brand { position: relative; }
html[data-season="winter"] .wx-hat {
  position: absolute;
  top: -11px;
  left: -8px;
  width: 26px;
  height: 22px;
  transform: rotate(-16deg);
  pointer-events: none;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.35));
}

html[data-season="winter"] .wx-lights {
  position: absolute;
  left: 18px;
  right: 18px;
  top: calc(100% - 4px);
  height: 38px;
  overflow: visible;
  pointer-events: none;
}
html[data-season="winter"] .wx-lights .wire { fill: none; stroke: rgba(255, 236, 204, 0.42); stroke-width: 1.2; }
html[data-season="winter"] .wx-lights .cap { fill: #2a2d3a; }
html[data-season="winter"] .wx-lights .bulb { fill: currentColor; filter: drop-shadow(0 0 5px currentColor); animation: wx-twinkle 2.6s ease-in-out infinite; animation-delay: calc(var(--i, 0) * -0.41s); transform-origin: center; }
html[data-season="winter"] .wx-lights .b-red { color: #ff5a62; }
html[data-season="winter"] .wx-lights .b-gold { color: #ffd46a; }
html[data-season="winter"] .wx-lights .b-green { color: #4fd58c; }
html[data-season="winter"] .wx-lights .b-ice { color: #bfe9ff; }
html[data-season="winter"] .wx-lights.is-off .bulb { animation: none; opacity: 0.28; filter: none; }
@keyframes wx-twinkle { 0%, 100% { opacity: 1; } 50% { opacity: 0.45; } }
html[data-season="winter"] .site-header.is-scrolled .wx-lights { opacity: 0.85; }

/* ------------------------------------------------------------------ */
/* 4. Countdown pill                                                     */
/* ------------------------------------------------------------------ */

html[data-season="winter"] .wx-countdown {
  width: max-content;
  max-width: 100%;
  margin: 26px auto 0;
  padding: 10px 16px 10px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--xm-gold-soft);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  border: 1px solid rgba(243, 198, 107, 0.3);
  border-radius: 999px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 14px 40px rgba(0, 0, 0, 0.25);
  font-size: 13px;
}
html[data-season="winter"] .wx-countdown .wx-tree { width: 20px; height: 20px; color: var(--xm-pine); flex: 0 0 auto; }
html[data-season="winter"] .wx-countdown .wx-cd-label { color: #d9d5e6; font-weight: 600; }
html[data-season="winter"] .wx-cd-units { display: inline-flex; align-items: baseline; gap: 10px; }
html[data-season="winter"] .wx-cd-units span { display: inline-flex; align-items: baseline; gap: 3px; }
html[data-season="winter"] .wx-cd-units b { min-width: 2ch; color: #fff; font-size: 18px; font-weight: 750; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; text-align: right; }
html[data-season="winter"] .wx-cd-units i { color: rgba(217, 213, 230, 0.7); font-style: normal; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; }
html[data-season="winter"] .wx-countdown.is-greeting .wx-cd-label { color: var(--xm-gold-soft); font-size: 15px; font-weight: 700; }
html[data-season="winter"] .pack-main .wx-countdown,
html[data-season="winter"] .product-hero .wx-countdown { margin: 22px 0 0; }

/* ------------------------------------------------------------------ */
/* 5. Sections: labels, italics, paper becomes snow                      */
/* ------------------------------------------------------------------ */

html[data-season="winter"] .section-label { color: var(--xm-gold); }
html[data-season="winter"] .manifesto .section-label,
html[data-season="winter"] .plans .section-label,
html[data-season="winter"] .reviews .section-label,
html[data-season="winter"] .faq .section-label,
html[data-season="winter"] .final-cta .section-label { color: var(--xm-red-deep); }
html[data-season="winter"] .manifesto h2 em,
html[data-season="winter"] .plans-heading h2 em,
html[data-season="winter"] .reviews-heading h2 em,
html[data-season="winter"] .faq-heading h2 em { color: #b5242e; }
html[data-season="winter"] .section-heading h2 em { color: var(--xm-gold-soft); }

html[data-season="winter"] .manifesto,
html[data-season="winter"] .final-cta,
html[data-season="winter"] .plans,
html[data-season="winter"] .faq,
html[data-season="winter"] .faq-page-content,
html[data-season="winter"] .faq-page-cta {
  background: linear-gradient(180deg, var(--xm-snow) 0%, var(--xm-snow-2) 100%);
}
html[data-season="winter"] .final-cta { position: relative; }
html[data-season="winter"] .manifesto::after,
html[data-season="winter"] .final-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.06;
  mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* Faint snowflake wallpaper behind the plans. */
html[data-season="winter"] .plans::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.55;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 24 24' fill='none' stroke='%23b5242e' stroke-opacity='.07' stroke-width='.9' stroke-linecap='round'%3E%3Cpath d='M12 4v16M4 12h16M6.3 6.3l11.4 11.4M17.7 6.3L6.3 17.7'/%3E%3C/svg%3E");
  background-size: 120px 120px;
  -webkit-mask-image: linear-gradient(180deg, transparent, #000 25%, #000 75%, transparent);
  mask-image: linear-gradient(180deg, transparent, #000 25%, #000 75%, transparent);
}

html[data-season="winter"] .hero-world {
  border-color: rgba(243, 198, 107, 0.22);
  box-shadow: 0 -12px 90px rgba(170, 110, 60, 0.14), inset 0 1px 0 var(--xm-frost-line-strong);
}
html[data-season="winter"] .final-card { border-color: rgba(243, 198, 107, 0.24); box-shadow: inset 0 1px 0 var(--xm-frost-line-strong), 0 30px 90px rgba(0, 0, 0, 0.3); }

/* ------------------------------------------------------------------ */
/* 6. Plans as wrapped gifts: snow cap, corner ribbon, bow, warm featured */
/* ------------------------------------------------------------------ */

html[data-season="winter"] .plan-card {
  --wx-ribbon: #c9ccd6;
  --wx-ribbon-deep: #9ea3b1;
  overflow: visible;
  border-color: rgba(16, 17, 26, 0.1);
  background: #fff;
  box-shadow: 0 22px 60px rgba(60, 40, 40, 0.1), inset 0 1px 0 #fff;
  transition: transform 260ms var(--xm-ease), box-shadow 260ms var(--xm-ease), border-color 260ms var(--xm-ease);
}
html[data-season="winter"] .plan-card.plan-premium { --wx-ribbon: #e2474f; --wx-ribbon-deep: #a51f29; }
html[data-season="winter"] .plan-card.plan-ultimate { --wx-ribbon: #f3c66b; --wx-ribbon-deep: #c98f24; }
html[data-season="winter"] .plan-card.plan-unreal { --wx-ribbon: #2f9460; --wx-ribbon-deep: #1b6a44; }
html[data-season="winter"] .plan-card:hover { transform: translateY(-4px); box-shadow: 0 30px 70px rgba(60, 40, 40, 0.16), inset 0 1px 0 #fff; border-color: rgba(181, 36, 46, 0.22); }
html[data-season="winter"] .plan-card.is-featured:hover { transform: translateY(-16px); }

/* snow cap along the top edge */
html[data-season="winter"] .plan-ribbon { z-index: 3; }
html[data-season="winter"] .plan-card::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: -7px;
  left: 10px;
  right: 10px;
  height: 14px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14'%3E%3Cpath fill='%23ffffff' d='M0 14C8 14 10 5 22 5s14 7 26 7 14-10 28-10 14 8 26 8 10-6 18-6V14z'/%3E%3C/svg%3E");
  background-repeat: repeat-x;
  background-size: 120px 14px;
  filter: drop-shadow(0 1px 1px rgba(40, 40, 60, 0.18));
}

/* vertical ribbon tail from the bow */
html[data-season="winter"] .plan-card::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 34px;
  width: 14px;
  height: 56px;
  z-index: 1;
  background: linear-gradient(90deg, var(--wx-ribbon-deep), var(--wx-ribbon) 45%, var(--wx-ribbon-deep));
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 84%, 0 100%);
  opacity: 0.95;
  pointer-events: none;
}
html[data-season="winter"] .wx-bow {
  position: absolute;
  top: -15px;
  left: 18px;
  z-index: 2;
  width: 46px;
  height: 32px;
  color: var(--wx-ribbon);
  filter: drop-shadow(0 3px 4px rgba(20, 10, 20, 0.28));
  transform-origin: 50% 60%;
  transition: transform 300ms var(--xm-ease);
  pointer-events: none;
}
html[data-season="winter"] .wx-bow .shade { fill: var(--wx-ribbon-deep); opacity: 0.55; }
html[data-season="winter"] .plan-card:hover .wx-bow { transform: rotate(-8deg) scale(1.06); }
html[data-season="winter"] .plan-top { padding-left: 40px; }

html[data-season="winter"] .plan-tag { color: #b5242e; border-color: rgba(181, 36, 46, 0.2); }
html[data-season="winter"] .plan-card.is-featured .plan-tag { color: var(--xm-gold-soft); border-color: rgba(243, 198, 107, 0.4); }

html[data-season="winter"] .plan-card.is-featured {
  border-color: rgba(243, 198, 107, 0.4);
  background:
    radial-gradient(circle at 85% 0%, rgba(243, 198, 107, 0.24), transparent 36%),
    radial-gradient(circle at 10% 90%, rgba(226, 71, 79, 0.3), transparent 42%),
    linear-gradient(180deg, #2a0f1a 0%, #140a18 55%, #0f0a16 100%);
  box-shadow: 0 30px 80px rgba(80, 20, 30, 0.35), 0 0 90px rgba(243, 198, 107, 0.14), inset 0 1px 0 rgba(255, 236, 204, 0.3);
}
html[data-season="winter"] .plan-ribbon {
  color: #2a1606;
  background: linear-gradient(90deg, var(--xm-gold-soft), var(--xm-gold) 50%, var(--xm-gold-deep));
  border-color: rgba(255, 240, 210, 0.6);
  box-shadow: 0 10px 26px rgba(212, 154, 46, 0.35);
}
html[data-season="winter"] .plan-card.is-featured .plan-price strong { color: var(--xm-gold-soft); }
html[data-season="winter"] .plan-card.is-featured .button-plan-primary { border-color: rgba(255, 220, 170, 0.5); }
html[data-season="winter"] .plan-card:not(.is-featured) .button-plan:hover { border-color: rgba(181, 36, 46, 0.45); background: rgba(181, 36, 46, 0.05); }

/* ------------------------------------------------------------------ */
/* 7. Footer line + toggles                                              */
/* ------------------------------------------------------------------ */

html[data-season="winter"] .wx-footer-line { margin: 14px 0 0; display: flex; align-items: center; flex-wrap: wrap; gap: 10px 12px; color: #8e8d9e; font-size: 12px; }
html[data-season="winter"] .wx-footer-line .wx-flake { width: 13px; height: 13px; color: var(--xm-gold); }
html[data-season="winter"] .wx-footer-line .wx-edition { display: inline-flex; align-items: center; gap: 7px; color: var(--xm-gold-soft); font-weight: 650; }
html[data-season="winter"] .wx-toggle {
  appearance: none; margin: 0; padding: 5px 10px; display: inline-flex; align-items: center; gap: 7px;
  color: #cccad7; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(243, 198, 107, 0.26); border-radius: 999px;
  font: inherit; font-size: 12px; font-weight: 600; line-height: 1; cursor: pointer; transition: border-color 160ms ease, color 160ms ease;
}
html[data-season="winter"] .wx-toggle:hover { color: #fff; border-color: rgba(243, 198, 107, 0.55); }
html[data-season="winter"] .wx-toggle::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--xm-pine); box-shadow: 0 0 0 2px rgba(47, 148, 96, 0.22); }
html[data-season="winter"] .wx-toggle[aria-pressed="false"]::before { background: #5e6170; box-shadow: none; }
html[data-season="winter"] .site-footer > .wx-footer-line { width: 100%; margin: 0; }

/* ------------------------------------------------------------------ */
/* 8. Pack, cart, checkout, content pages                                */
/* ------------------------------------------------------------------ */

html[data-season="winter"] .pack-eyebrow,
html[data-season="winter"] .content-hero .eyebrow,
html[data-season="winter"] .section-kicker { color: var(--xm-gold); }
html[data-season="winter"] .tier-card,
html[data-season="winter"] .outcome-card,
html[data-season="winter"] .glass-card,
html[data-season="winter"] .checkout-card,
html[data-season="winter"] .summary-card,
html[data-season="winter"] .state-card,
html[data-season="winter"] .cta-card { box-shadow: inset 0 1px 0 var(--xm-frost-line); }
html[data-season="winter"] .tier-card { position: relative; overflow: visible; }
html[data-season="winter"] .tier-card::after {
  content: "";
  position: absolute; top: -7px; left: 10px; right: 10px; height: 14px; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14'%3E%3Cpath fill='%23ffffff' d='M0 14C8 14 10 5 22 5s14 7 26 7 14-10 28-10 14 8 26 8 10-6 18-6V14z'/%3E%3C/svg%3E");
  background-repeat: repeat-x; background-size: 120px 14px; opacity: 0.92;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.25));
}
html[data-season="winter"] body[data-cart-page],
html[data-season="winter"] .faq-page { --main-color: #e2474f; --main-color-hover: #b1252f; }

/* ------------------------------------------------------------------ */
/* 9. Shared glyph styles                                                */
/* ------------------------------------------------------------------ */

html[data-season="winter"] .wx-flake { display: inline-block; vertical-align: middle; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
html[data-season="winter"] .wx-tree { fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

/* ------------------------------------------------------------------ */
/* 10. Guards                                                            */
/* ------------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce) {
  html[data-season="winter"] .hero h1 em::after { animation: none; background-position: 30% 50%; }
  html[data-season="winter"] .wx-lights .bulb { animation: none; }
  html[data-season="winter"] .wx-snow { display: none; }
  html[data-season="winter"] .plan-card, html[data-season="winter"] .wx-bow, html[data-season="winter"] .eyebrow-pill.wx-badge { transition: none; }
}

@media (forced-colors: active) {
  html[data-season="winter"] .wx-snow, html[data-season="winter"] .wx-lights { display: none; }
  html[data-season="winter"] .wx-badge, html[data-season="winter"] .wx-toggle, html[data-season="winter"] .wx-countdown { border: 1px solid CanvasText; }
}

@media (max-width: 760px) {
  html[data-season="winter"] .wx-lights { left: 10px; right: 10px; height: 30px; }
  html[data-season="winter"] .wx-hat { top: -9px; left: -6px; width: 22px; height: 19px; }
  html[data-season="winter"] .wx-countdown { margin-top: 20px; padding: 9px 12px; gap: 9px; font-size: 12px; }
  html[data-season="winter"] .wx-cd-units { gap: 7px; }
  html[data-season="winter"] .wx-cd-units b { font-size: 16px; }
  html[data-season="winter"] .wx-cd-units i { font-size: 10px; }
  html[data-season="winter"] .wx-footer-line { justify-content: center; }
}