/* ══════════════════════════════════════════════════════════
   MARJAN ATELIER CO. — Autumn Layer
   Seasonal warmth over the existing brand palette.
   Ruby and gold stay; amber, rust and ember are layered in.
   ══════════════════════════════════════════════════════════ */
:root{
  --amber:#B8763A;
  --rust:#9C4A2A;
  --ember:#C86B34;
  --amber-pale:rgba(184,118,58,0.10);
  --autumn-glow:rgba(200,107,52,0.13);
}

/* ── Seasonal announcement bar ── */
.season-bar{
  position:relative;z-index:120;
  background:linear-gradient(90deg,#6B1222 0%,#8B1A2D 35%,#9C4A2A 65%,#B8763A 100%);
  color:#F7EFE2;
  font-family:'Jost',sans-serif;
  font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;
  text-align:center;padding:.62rem 1rem;
  display:flex;align-items:center;justify-content:center;gap:.7rem;
  overflow:hidden;
}
.season-bar::after{
  content:'';position:absolute;top:0;left:-40%;width:40%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,240,205,.16),transparent);
  animation:seasonSheen 7s ease-in-out infinite;
}
@keyframes seasonSheen{0%{left:-40%}55%,100%{left:120%}}
.season-bar svg{width:13px;height:13px;flex-shrink:0;color:#E8C07A;opacity:.95}
.season-bar a{color:#F0D9A8;text-decoration:underline;text-underline-offset:3px}
.season-bar a:hover{color:#fff}
/* nav sits below the bar */
:root{--season-h:36px}
.season-bar{
  position:fixed;top:0;left:0;right:0;
  height:var(--season-h);
  padding:0 1rem !important;
  box-sizing:border-box;
}
body.has-season-bar .glass-nav{top:var(--season-h) !important}
body.has-season-bar{padding-top:0}
/* push anything that assumed the nav starts at 0 */
body.has-season-bar .hero,
body.has-season-bar .about-hero,
body.has-season-bar .g-hero,
body.has-season-bar .hero-band,
body.has-season-bar .page-header,
body.has-season-bar .unveil,
body.has-season-bar .pdp,
body.has-season-bar .faq-wrap,
body.has-season-bar .refund-wrap{
  padding-top:calc(var(--nav-h) + var(--season-h) + 2.5rem);
}
/* drawers and overlays clear the bar too */
body.has-season-bar .cart-drawer{top:0}
@media(max-width:640px){
  .season-bar{font-size:.55rem;letter-spacing:.18em;padding:.55rem .8rem}
  .season-bar .season-extra{display:none}
}

/* ── Warmer ambient light in hero glows ── */
.hero .smoke-2,
.hero .smoke-4{
  background:radial-gradient(circle,var(--autumn-glow) 0%,rgba(184,118,58,0.04) 45%,transparent 70%) !important;
}
.hero .silk-2{
  background:linear-gradient(200deg,rgba(184,118,58,0.12),rgba(156,74,42,0.06),transparent) !important;
}
.hero-rays{
  background:conic-gradient(from 0deg at 50% 50%,
    transparent 0deg, rgba(184,118,58,0.07) 12deg, transparent 24deg,
    transparent 40deg, rgba(139,26,45,0.05) 52deg, transparent 64deg,
    transparent 90deg, rgba(200,107,52,0.06) 102deg, transparent 114deg,
    transparent 180deg, rgba(184,118,58,0.07) 192deg, transparent 204deg,
    transparent 270deg, rgba(156,74,42,0.05) 282deg, transparent 294deg) !important;
}

/* ── Drifting autumn leaves (replaces gold dust) ── */
.particle-field .dust{
  width:auto !important;height:auto !important;
  background:none !important;box-shadow:none !important;
  border-radius:0 !important;
}
.particle-field .dust::before{
  content:'';display:block;
  width:17px;height:17px;
  background:currentColor;
  -webkit-mask:var(--leaf-mask) center/contain no-repeat;
  mask:var(--leaf-mask) center/contain no-repeat;
  opacity:.68;
}
.particle-field{
  --leaf-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5 3 8 7 8 11a8 8 0 0 1-16 0c0-4 3-8 8-11z M12 4v16'/%3E%3C/svg%3E");
}
.dust:nth-child(3n+1){color:var(--amber)}
.dust:nth-child(3n+2){color:var(--rust)}
.dust:nth-child(3n+3){color:var(--gold)}
.dust:nth-child(4n)::before{width:13px;height:13px;opacity:.5}
.dust:nth-child(5n)::before{width:21px;height:21px;opacity:.72}

/* leaves tumble as they drift */
@keyframes floatUp{
  0%{opacity:0;transform:translateY(0) translateX(0) rotate(0deg)}
  10%{opacity:.75}
  35%{transform:translateY(-32vh) translateX(26px) rotate(120deg)}
  65%{transform:translateY(-58vh) translateX(-18px) rotate(240deg)}
  90%{opacity:.4}
  100%{opacity:0;transform:translateY(-94vh) translateX(14px) rotate(360deg)}
}

/* ── Seasonal accents on section tags and eyebrows ── */
.section-tag, .g-eyebrow, .about-eyebrow, .hero-eyebrow{
  background:linear-gradient(90deg,var(--gold),var(--amber));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}

/* ── Warmer card hover ── */
.product-card:hover{
  box-shadow:0 18px 48px rgba(156,74,42,.14) !important;
}