/* ═══════════════════════════════════════════════════════════════════
   SCW ATELIER — front-page experience layer
   Scoped to body.scw-atelier (set on the front page only), this flips
   the theme's CSS variables to the Atelier dark/champagne-gold palette
   and styles the ported Atelier sections (hero, marquee, calibre,
   configurator, world time, deal) plus night/lume mode, the Remontage
   preloader and the power-reserve scroll gauge.
   ═══════════════════════════════════════════════════════════════════ */

body.scw-atelier {
    /* Atelier Turquoise — derin turkuaz zeminler, altın vurgular */
    --color-bg:           #faf9f6;
    --color-bg-alt:       #f3f0e9;
    --color-bg-card:      #ffffff;
    --color-bg-elevated:  #ece7db;
    --color-gold:         #b8923d;
    --color-gold-light:   #d9b968;
    --color-gold-dark:    #8a6a25;
    --color-white:        #221f18; /* tema bunu kontrast/baslik rengi olarak kullanir */
    --color-text:         #221f18;
    --color-text-muted:   #6f6a5c;
    --color-text-light:   #4a4536;
    --color-border:       rgba(138, 106, 37, 0.22);
    --color-border-light: rgba(138, 106, 37, 0.36);
    --shadow-gold: 0 4px 24px rgba(184, 146, 61, 0.25);
    background: var(--color-bg);
    color: var(--color-text);
}

/* night / lume variant — deeper black, gold cools to moonlit platinum */
html.scw-night body.scw-atelier {
    --color-bg:           #02140f;
    --color-bg-alt:       #041f17;
    --color-bg-card:      #06291e;
    --color-gold:         #a8b4c4;
    --color-gold-light:   #dbe4ee;
    --color-gold-dark:    #5c6878;
    --color-border:       rgba(168, 180, 196, 0.18);
}
body.scw-atelier,
body.scw-atelier .site-header,
body.scw-atelier .bestseller-card,
body.scw-atelier .blog-card {
    transition: background-color 1s ease, border-color 1s ease;
}

/* ── ambient background (fixed layers) ── */
.scw-ambient { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.scw-ambient::before,
.scw-ambient::after {
    content: ""; position: absolute; border-radius: 50%;
    animation: scwBreathe 9s ease-in-out infinite;
}
.scw-ambient::before {
    top: -30%; right: -15%; width: 70vw; height: 70vw;
    background: radial-gradient(circle, rgba(201, 162, 75, 0.10), transparent 62%);
}
.scw-ambient::after {
    bottom: -35%; left: -20%; width: 60vw; height: 60vw;
    background: radial-gradient(circle, rgba(120, 90, 35, 0.08), transparent 60%);
    animation-duration: 11s; animation-direction: reverse;
}
@keyframes scwBreathe { 0%, 100% { transform: scale(1); opacity: .8; } 50% { transform: scale(1.12); opacity: 1; } }
.scw-grain {
    position: fixed; inset: 0; z-index: 1; pointer-events: none; opacity: .05;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");
}
body.scw-atelier main,
body.scw-atelier #primary,
body.scw-atelier .site-content { position: relative; z-index: 2; }

/* ── header: dark glass over the hero ── */
body.scw-atelier .site-header {
    background: rgba(250, 249, 246, 0.88);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(201, 162, 75, 0.12);
}
body.scw-atelier .top-bar { background: rgba(244, 241, 234, 0.95); }

/* ── shared section chrome ── */
.scw-a-head { text-align: center; padding: 90px 24px 50px; position: relative; }
.scw-a-eyebrow {
    display: inline-flex; align-items: center; gap: 14px;
    font-size: 11px; letter-spacing: .5em; text-transform: uppercase;
    color: var(--color-gold); margin-bottom: 24px;
}
.scw-a-eyebrow::before, .scw-a-eyebrow::after {
    content: ""; height: 1px; width: 44px;
    background: linear-gradient(90deg, transparent, var(--color-gold));
}
.scw-a-eyebrow::after { background: linear-gradient(90deg, var(--color-gold), transparent); }
.scw-a-title {
    font-family: var(--font-display);
    font-size: clamp(34px, 3.6vw, 54px);
    font-weight: 500; color: var(--color-text); margin: 0;
}
.scw-a-title em { font-style: italic; color: var(--color-gold); }
.scw-a-desc {
    color: var(--color-text-muted); margin: 18px auto 0; font-size: 15.5px;
    max-width: 560px; line-height: 1.8;
}
/* word-mask reveal */
.scw-a-title .w { display: inline-block; overflow: hidden; vertical-align: bottom; }
.scw-a-title .w span { display: inline-block; transform: translateY(115%); transition: transform .7s cubic-bezier(.22, 1, .36, 1); }
.scw-a-head.in .scw-a-title .w span { transform: translateY(0); }
/* meridian divider */
.scw-meridian { display: flex; align-items: center; justify-content: center; margin-bottom: 30px; height: 8px; }
.scw-meridian i { width: 8px; height: 8px; background: var(--color-gold); transform: rotate(45deg); flex: none; }
.scw-meridian::before, .scw-meridian::after {
    content: ""; height: 1px; width: min(180px, 20vw);
    background: linear-gradient(90deg, transparent, var(--color-border-light));
    transform: scaleX(0); transition: transform 1s cubic-bezier(.22, 1, .36, 1);
}
.scw-meridian::before { transform-origin: right; }
.scw-meridian::after { transform-origin: left; background: linear-gradient(90deg, var(--color-border-light), transparent); }
.scw-a-head.in .scw-meridian::before, .scw-a-head.in .scw-meridian::after { transform: scaleX(1); }
/* no-JS / pre-reveal safety: titles must never stay hidden */
@media (prefers-reduced-motion: reduce) {
    .scw-a-title .w span { transform: none !important; }
    .scw-meridian::before, .scw-meridian::after { transform: none !important; }
}

/* ── gold buttons ── */
.scw-btn-gold {
    position: relative; overflow: hidden; display: inline-block;
    padding: 16px 42px; font-size: 12px; letter-spacing: .3em; text-transform: uppercase;
    color: #0a0a0c !important; font-weight: 600; text-decoration: none; border: none; cursor: pointer;
    background: linear-gradient(135deg, var(--color-gold-light), var(--color-gold) 55%, var(--color-gold-dark));
    transition: transform .4s, box-shadow .4s;
}
.scw-btn-gold:hover { transform: translateY(-3px); box-shadow: 0 16px 44px rgba(201, 162, 75, 0.35); }
.scw-btn-gold::after {
    content: ""; position: absolute; top: 0; left: -80%; width: 45%; height: 100%;
    background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.55), transparent);
    transform: skewX(-24deg); animation: scwSheen 3.4s ease-in-out infinite;
}
@keyframes scwSheen { 0%, 55% { left: -80%; } 85%, 100% { left: 160%; } }
.scw-btn-ghost {
    display: inline-block; padding: 15px 38px; font-size: 12px; letter-spacing: .3em; text-transform: uppercase;
    color: #8a6a25 !important; background: transparent;
    border: 1px solid var(--color-border-light); text-decoration: none; cursor: pointer;
    transition: border-color .4s, background .4s;
}
.scw-btn-ghost:hover { border-color: var(--color-gold); background: rgba(201, 162, 75, 0.07); }

/* ══════════════ HERO ══════════════ */
.scw-hero {
    min-height: 92vh; display: grid; grid-template-columns: 1fr 1fr; align-items: center;
    padding: 60px 56px 40px; max-width: 1520px; margin: 0 auto; gap: 20px; position: relative;
}
.scw-hero-copy { max-width: 560px; }
.scw-hero h1 {
    font-family: var(--font-display); font-size: clamp(46px, 5vw, 80px);
    line-height: 1.05; font-weight: 500; color: var(--color-text); margin: 0;
}
.scw-hero h1 em {
    font-style: italic; font-weight: 400; display: block;
    background: linear-gradient(100deg, var(--color-gold-dark), var(--color-gold) 30%, var(--color-gold-light) 50%, var(--color-gold) 70%, var(--color-gold-dark));
    background-size: 220% 100%;
    -webkit-background-clip: text; background-clip: text; color: transparent;
    animation: scwShimmer 5.5s linear infinite;
}
@keyframes scwShimmer { to { background-position: -220% 0; } }
.scw-hero p.scw-hero-sub {
    margin: 28px 0 40px; color: var(--color-text-muted);
    font-size: 16.5px; line-height: 1.85; max-width: 470px;
}
.scw-hero-cta { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; }
.scw-hero-links { margin-top: 30px; display: flex; gap: 28px; flex-wrap: wrap; }
.scw-hero-links a {
    color: var(--color-text-muted); text-decoration: none; font-size: 12px;
    letter-spacing: .22em; text-transform: uppercase;
    border-bottom: 1px solid transparent; padding-bottom: 3px; transition: color .35s, border-color .35s;
}
.scw-hero-links a:hover { color: var(--color-gold-light); border-color: var(--color-gold); }
/* hero stage */
.scw-hero-stage { position: relative; display: flex; align-items: center; justify-content: center; min-height: 560px; }
.scw-halo {
    position: absolute; width: 540px; height: 540px; border-radius: 50%;
    background: radial-gradient(circle, rgba(201, 162, 75, 0.16), rgba(201, 162, 75, 0.05) 45%, transparent 68%);
    animation: scwBreathe 7s ease-in-out infinite;
}
.scw-orbit { position: absolute; border-radius: 50%; border: 1px solid rgba(201, 162, 75, 0.12); }
.scw-orbit.o1 { width: 600px; height: 600px; animation: scwSpin 46s linear infinite; }
.scw-orbit.o2 { width: 710px; height: 710px; border-style: dashed; border-color: rgba(201, 162, 75, 0.08); animation: scwSpin 80s linear infinite reverse; }
.scw-orbit .dot { position: absolute; top: -3px; left: 50%; width: 6px; height: 6px; border-radius: 50%; background: var(--color-gold); box-shadow: 0 0 12px var(--color-gold); }
@keyframes scwSpin { to { transform: rotate(360deg); } }
#scwHeroWatch {
    position: relative; width: min(440px, 82vw);
    filter: drop-shadow(0 30px 50px rgba(34, 31, 24, 0.22));
    animation: scwFloat 6.5s ease-in-out infinite;
}
/* Higgsfield hero video: circular mask melts the clip into the page black */
#scwDealWatch video { display: block; width: 100%; height: auto; border-radius: 10px; }
#scwHeroWatch video {
    display: block; width: 100%; height: auto;
    -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 52%, transparent 74%);
    mask-image: radial-gradient(circle at 50% 50%, #000 52%, transparent 74%);
}
@keyframes scwFloat { 0%, 100% { translate: 0 0; } 50% { translate: 0 -24px; } }
.scw-hero-caption { position: absolute; bottom: 12px; left: 50%; transform: translateX(-50%); text-align: center; white-space: nowrap; }
.scw-hero-caption .t1 { font-family: var(--font-display); font-size: 18px; letter-spacing: .12em; color: #8a6a25; }
.scw-hero-caption .t2 { font-size: 10px; letter-spacing: .38em; text-transform: uppercase; color: var(--color-text-muted); margin-top: 5px; }
/* hero entrance */
body.scw-preload { overflow: hidden; }
body.scw-preload .scw-hero-copy > *, body.scw-preload .scw-hero-stage { opacity: 0; }
body.scw-loaded .scw-hero-copy > * { animation: scwFadeUp 1.1s cubic-bezier(.22, 1, .36, 1) both; }
body.scw-loaded .scw-hero-copy > *:nth-child(2) { animation-delay: .15s; }
body.scw-loaded .scw-hero-copy > *:nth-child(3) { animation-delay: .3s; }
body.scw-loaded .scw-hero-copy > *:nth-child(4) { animation-delay: .45s; }
body.scw-loaded .scw-hero-stage { animation: scwFadeUp 1.2s .2s cubic-bezier(.22, 1, .36, 1) both; }
@keyframes scwFadeUp { from { opacity: 0; transform: translateY(36px); } to { opacity: 1; transform: translateY(0); } }

/* ══════════════ MARQUEE ══════════════ */
.scw-marquee {
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    padding: 24px 0; overflow: hidden; background: rgba(243, 240, 232, 0.75);
}
.scw-marquee-track { display: flex; gap: 84px; width: max-content; animation: scwMarquee 36s linear infinite; }
.scw-marquee:hover .scw-marquee-track { animation-play-state: paused; }
.scw-marquee-track span {
    font-family: var(--font-display); font-size: 20px; letter-spacing: .3em; text-transform: uppercase;
    color: rgba(34, 31, 24, 0.35); white-space: nowrap; transition: color .4s;
}
.scw-marquee-track span:hover { color: var(--color-gold-light); }
.scw-marquee-track i { color: var(--color-gold); font-style: normal; font-size: 12px; align-self: center; }
@keyframes scwMarquee { to { transform: translateX(-50%); } }

/* ══════════════ CALIBRE ══════════════ */
.scw-calibre-wrap { height: 280vh; position: relative; }
.scw-calibre-sticky {
    position: sticky; top: 0; min-height: 100vh;
    display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden;
}
.scw-calibre-sticky .scw-a-head { padding: 0 24px 16px; }
#scwCalibre { width: min(760px, 94vw); height: auto; }
.scw-cal-label {
    font-size: 10.5px; letter-spacing: .4em; fill: #8f8a7c;
    font-family: var(--font-body); text-transform: uppercase; opacity: 0; transition: opacity .5s;
}

/* ══════════════ CONFIGURATOR ══════════════ */
.scw-atelier-grid {
    max-width: 1280px; margin: 0 auto; padding: 0 40px 40px;
    display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center;
}
.scw-atelier-stage { position: relative; display: flex; justify-content: center; }
.scw-atelier-stage .scw-halo { width: 420px; height: 420px; }
#scwAtelierWatch {
    width: min(410px, 78vw); position: relative;
    filter: drop-shadow(0 26px 44px rgba(34, 31, 24, 0.2));
    transition: opacity .3s;
}
#scwAtelierWatch.swap { opacity: 0; }
.scw-opt-group { margin-bottom: 30px; }
.scw-opt-title {
    font-size: 11px; letter-spacing: .4em; text-transform: uppercase;
    color: var(--color-gold); margin-bottom: 14px; display: flex; align-items: center; gap: 16px;
}
.scw-opt-title::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, var(--color-border), transparent); }
.scw-swatches { display: flex; gap: 16px; flex-wrap: wrap; }
.scw-swatch {
    width: 34px; height: 34px; border-radius: 50%; cursor: pointer; position: relative;
    border: 1px solid rgba(255, 255, 255, 0.14); padding: 0;
    transition: transform .35s cubic-bezier(.34, 1.6, .4, 1);
}
.scw-swatch::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 1px solid transparent; transition: border-color .35s; }
.scw-swatch:hover { transform: translateY(-3px); }
.scw-swatch.sel { transform: scale(1.08); }
.scw-swatch.sel::after { border-color: var(--color-gold); }
.scw-swatch-name { font-size: 12px; color: var(--color-text-muted); letter-spacing: .1em; margin-top: 9px; min-height: 17px; }
.scw-at-summary { font-family: var(--font-display); font-size: 19px; font-style: italic; color: var(--color-gold-light); margin: 4px 0 6px; }
.scw-at-price {
    font-family: var(--font-display); font-size: 38px; color: var(--color-text);
    font-variant-numeric: tabular-nums lining-nums; margin-bottom: 22px;
}
.scw-at-price .cur { font-size: .6em; opacity: .5; }
.scw-at-note { font-size: 12px; color: var(--color-text-muted); letter-spacing: .04em; margin-top: 14px; line-height: 1.6; }

/* ══════════════ WORLD TIME ══════════════ */
.scw-worldtime { border-top: 1px solid var(--color-border); padding: 10px 24px 80px; background: rgba(243, 239, 231, 0.6); }
.scw-wt-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 22px; max-width: 1320px; margin: 0 auto; }
.scw-wt-cell { text-align: center; }
.scw-wt-watch { width: min(160px, 100%); margin: 0 auto; }
.scw-wt-city { font-size: 11.5px; letter-spacing: .4em; text-transform: uppercase; color: var(--color-text); margin-top: 14px; }
.scw-wt-time { font-family: var(--font-display); font-size: 19px; color: var(--color-gold); margin-top: 3px; font-variant-numeric: tabular-nums; }
.scw-wt-state { font-size: 9.5px; letter-spacing: .3em; text-transform: uppercase; color: var(--color-text-muted); margin-top: 2px; }

/* ══════════════ DEAL ══════════════ */
.scw-deal { max-width: 1380px; margin: 90px auto; padding: 0 40px; }
.scw-deal-inner {
    position: relative; display: grid; grid-template-columns: 1fr 1.2fr; align-items: center; gap: 40px;
    border: 1px solid var(--color-border);
    background:
        radial-gradient(ellipse 60% 90% at 15% 50%, rgba(201, 162, 75, 0.10), transparent 60%),
        linear-gradient(170deg, #fdfcf9, #efece3);
    padding: 60px 60px; overflow: hidden;
}
.scw-deal-inner::after { content: ""; position: absolute; inset: 14px; border: 1px solid rgba(201, 162, 75, 0.14); pointer-events: none; }
#scwDealWatch {
    width: min(310px, 70vw); margin: 0 auto;
    animation: scwFloat 7.5s ease-in-out infinite;
    filter: drop-shadow(0 24px 40px rgba(34, 31, 24, 0.2));
}
.scw-deal-copy h2 {
    font-family: var(--font-display); font-size: clamp(30px, 3vw, 46px);
    font-weight: 500; line-height: 1.12; color: var(--color-text); margin: 0 0 6px;
}
.scw-deal-copy h2 em { font-style: italic; color: var(--color-gold); }
.scw-deal-copy p { color: var(--color-text-muted); margin: 14px 0 30px; line-height: 1.8; max-width: 460px; }
.scw-countdown { display: flex; gap: 16px; margin-bottom: 34px; }
.scw-cd-box { min-width: 82px; text-align: center; padding: 14px 8px 11px; border: 1px solid var(--color-border); background: rgba(255, 255, 255, 0.65); }
.scw-cd-box b {
    display: block; font-family: var(--font-display); font-size: 32px; font-weight: 600;
    color: #8a6a25; font-variant-numeric: tabular-nums;
    position: relative; overflow: hidden; height: 38px; line-height: 38px;
}
.scw-cd-box b span { display: block; height: 38px; line-height: 38px; }
.scw-cd-box b .out { position: absolute; inset: 0; animation: scwRollOut .32s cubic-bezier(.45, 0, .15, 1) forwards; }
.scw-cd-box b .inn { animation: scwRollIn .32s cubic-bezier(.45, 0, .15, 1); }
@keyframes scwRollOut { to { transform: translateY(-100%); opacity: .2; } }
@keyframes scwRollIn { from { transform: translateY(100%); } to { transform: translateY(0); } }
.scw-cd-box span.lbl { font-size: 9.5px; letter-spacing: .34em; text-transform: uppercase; color: var(--color-text-muted); display: block; margin-top: 3px; }

/* ══════════════ PRELOADER ══════════════ */
/* opt-in curtain: hidden until scw-atelier.js adds .on — no-JS visitors never see it */
#scwLoader { position: fixed; inset: 0; z-index: 10060; display: none; align-items: center; justify-content: center; pointer-events: none; }
#scwLoader.on { display: flex; }
#scwLoader .panel { position: absolute; left: 0; right: 0; height: 50.5%; background: #f7f5f0; transition: transform .8s cubic-bezier(.77, 0, .18, 1); }
#scwLoader .panel.top { top: 0; border-bottom: 1px solid rgba(201, 162, 75, 0.25); }
#scwLoader .panel.bot { bottom: 0; }
#scwLoader.open .panel.top { transform: translateY(-101%); }
#scwLoader.open .panel.bot { transform: translateY(101%); }
#scwLoader svg { position: relative; z-index: 2; width: 130px; transition: opacity .4s; }
#scwLoader.open svg { opacity: 0; }
#scwLoader .lmark { stroke-dasharray: 1; stroke-dashoffset: 1; animation: scwDrawMark .5s ease forwards; }
@keyframes scwDrawMark { to { stroke-dashoffset: 0; } }
#scwLoader .lsec { transform-origin: 65px 65px; animation: scwWindUp 1.15s cubic-bezier(.6, 0, .2, 1) .55s forwards; }
@keyframes scwWindUp { from { transform: rotate(0); } to { transform: rotate(360deg); } }
#scwLoader.done { display: none; }

/* ══════════════ NIGHT MODE ══════════════ */
.scw-night-toggle {
    position: fixed; left: 22px; bottom: 22px; z-index: 9990;
    width: 44px; height: 44px; border-radius: 50%; cursor: pointer;
    background: rgba(255, 255, 255, 0.85); border: 1px solid var(--color-border-light);
    display: flex; align-items: center; justify-content: center;
    backdrop-filter: blur(6px); transition: border-color .3s, transform .3s;
}
.scw-night-toggle:hover { border-color: var(--color-gold); transform: scale(1.08); }
.scw-night-toggle svg { width: 19px; height: 19px; stroke: var(--color-gold-light); fill: none; stroke-width: 1.5; }
#scwLumeSweep {
    position: fixed; inset: 0; z-index: 9500; pointer-events: none; opacity: 0;
    background: linear-gradient(100deg, transparent 30%, rgba(140, 120, 255, 0.35) 50%, transparent 70%);
    mix-blend-mode: screen; transform: translateX(-100%);
}
#scwLumeSweep.go { animation: scwLume 1.6s cubic-bezier(.4, 0, .3, 1) forwards; }
@keyframes scwLume { from { opacity: 1; transform: translateX(-100%); } to { opacity: 1; transform: translateX(100%); } }
.awLume { opacity: 0; transition: opacity 1.2s; }
html.scw-night .awLume {
    opacity: 1;
    filter: drop-shadow(0 0 3px #9be8c8) drop-shadow(0 0 8px rgba(155, 232, 200, 0.55));
}

/* ══════════════ RESERVE GAUGE ══════════════ */
#scwReserve {
    position: fixed; right: 22px; bottom: 22px; z-index: 9990;
    width: 62px; height: 62px; cursor: pointer;
    opacity: .9; transition: opacity .8s, transform .4s;
}
/* the gauge replaces the theme's own back-to-top button on this page */
body.scw-atelier .back-to-top { display: none; }
#scwReserve.idle { opacity: .25; }
#scwReserve:hover { opacity: 1; transform: scale(1.08); }

/* ══════════════ EXISTING SECTION RESKIN ══════════════ */
body.scw-atelier .section-title { font-family: var(--font-display); font-weight: 500; }
body.scw-atelier .section-badge { color: var(--color-gold); }
body.scw-atelier .home-section { position: relative; z-index: 2; }
body.scw-atelier .scw-editorial { border-top: 1px solid var(--color-border); }
body.scw-atelier .bestseller-card,
body.scw-atelier .product-card,
body.scw-atelier .blog-card {
    background: linear-gradient(170deg, #ffffff, #f4f1ea 70%);
    border-color: rgba(201, 162, 75, 0.12);
}
body.scw-atelier .bestseller-card:hover,
body.scw-atelier .product-card:hover { border-color: rgba(201, 162, 75, 0.45); }
body.scw-atelier .bestseller-card__image-wrap { background: #ffffff; }
body.scw-atelier .bestseller-card__rank { background: var(--color-gold); color: #0a0a0c; }

/* ── neutralize main.css light-theme literals on the Atelier page ── */
/* main.css blackens the logo for the light theme; the atelier header/footer are dark */
/* acik temada logo filtreleri main.css'ten gelir */
/* category hero cards: hardcoded white card + light overlay → dark equivalents */
body.scw-atelier .cat-hero-card {
    background: linear-gradient(135deg, #ffffff 0%, #f2eee6 100%);
    box-shadow: none;
}
body.scw-atelier .cat-hero-card__overlay {
    background: linear-gradient(to right,
        rgba(250, 249, 246, 0.92) 0%, rgba(250, 249, 246, 0.55) 38%,
        rgba(250, 249, 246, 0.1) 62%, transparent 78%);
}
/* category banner: restate the dark-base values so light-theme literals lose */
body.scw-atelier .category-banner--dark { background-color: #0d0d0d; }
/* the Atelier page ships its own night mode; the header light/dark toggle
   would set data-theme=light and break the dark composition — hide it here */
body.scw-atelier .theme-toggle { display: none; }
body.scw-atelier .btn-outline-gold {
    border-color: var(--color-border-light); color: var(--color-gold-light);
}
body.scw-atelier .btn-outline-gold:hover { border-color: var(--color-gold); background: rgba(201, 162, 75, 0.07); }
body.scw-atelier .site-footer,
body.scw-atelier footer.footer { background: #f2efe8; border-top: 1px solid var(--color-border); }

/* stars */
.scw-star { position: fixed; width: 3px; height: 3px; border-radius: 50%; background: #b8923d; z-index: 1; pointer-events: none; opacity: 0; animation: scwTwinkle 5s ease-in-out infinite; }
@keyframes scwTwinkle { 0%, 100% { opacity: 0; transform: scale(.4); } 50% { opacity: .85; transform: scale(1); } }

/* ══════════════ RESPONSIVE ══════════════ */
@media (max-width: 1100px) {
    .scw-hero { grid-template-columns: 1fr; text-align: center; padding-top: 40px; min-height: auto; }
    .scw-hero-copy { margin: 0 auto; }
    .scw-hero p.scw-hero-sub { margin-inline: auto; }
    .scw-hero-cta, .scw-hero-links { justify-content: center; }
    .scw-hero-stage { min-height: 480px; }
    .scw-atelier-grid { grid-template-columns: 1fr; text-align: center; }
    .scw-swatches { justify-content: center; }
    .scw-opt-title::after { display: none; }
    .scw-wt-grid { grid-template-columns: repeat(3, 1fr); row-gap: 40px; }
    .scw-deal-inner { grid-template-columns: 1fr; text-align: center; padding: 48px 26px; }
    .scw-deal-copy p { margin-inline: auto; }
    .scw-countdown { justify-content: center; }
}
@media (max-width: 700px) {
    .scw-wt-grid { grid-template-columns: repeat(2, 1fr); }
    .scw-calibre-wrap { height: 220vh; }
    .scw-cd-box { min-width: 66px; }
    .scw-night-toggle { bottom: 16px; left: 16px; }
    #scwReserve { bottom: 16px; right: 16px; width: 54px; height: 54px; }
}
@media (prefers-reduced-motion: reduce) {
    .scw-ambient::before, .scw-ambient::after, .scw-star,
    #scwHeroWatch, #scwDealWatch, .scw-orbit, .scw-halo,
    .scw-marquee-track, .scw-btn-gold::after { animation: none !important; }
}



/* Mobil tasma duzeltmesi (2026-09-17): dekoratif halkalar (710px) ve dunya
   saati izgarasi sayfayi ekrandan genis yapiyordu; iOS Safari sayfayi
   kucultup "yarim" gosteriyordu. */
html { overflow-x: hidden; overflow-x: clip; }
.scw-hero { overflow-x: clip; }
.scw-hero-copy, .scw-hero-stage, .scw-wt-cell { min-width: 0; }
.scw-wt-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 1100px) {
  .scw-hero { grid-template-columns: minmax(0, 1fr); }
  .scw-wt-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .scw-wt-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .scw-hero { padding-left: 20px; padding-right: 20px; }
  .scw-halo { width: 118vw; height: 118vw; }
  .scw-orbit.o1 { width: 128vw; height: 128vw; }
  .scw-orbit.o2 { width: 150vw; height: 150vw; }
  .scw-hero-caption { white-space: normal; width: 100%; }
}
@media (max-width: 700px) {
  .scw-atelier-stage .scw-halo { width: 100vw; height: 100vw; }
  .scw-wt-photo { max-width: 100%; }
}