
/* Aşama 2: Aynı yerleşimde üç palet. Logo kuralları bu seçimlerden bağımsızdır. */
:root{--action-ink:#291200;--hero-rgb:9,36,94;--hero-mid-rgb:12,52,135;--hero-accent-rgb:21,86,208;--footer-end:#081f52;--g-closing:linear-gradient(150deg,#f3f8ff,#e1edfd);--g-quote:linear-gradient(90deg,#1556d0,#65a7f5);--g-line:linear-gradient(90deg,#1fa54c,#5ccb5f)}
:root[data-palette="green"]{--ink:#102e24;--muted:#395b4c;--line:#dcebe1;--navy:#0b4931;--navy-2:#12633d;--blue:#167440;--blue-2:#258448;--sky:#eaf7ef;--sky-2:#f5fbf7;--blue-100:#cee7d7;--hero-rgb:7,45,29;--hero-mid-rgb:13,72,43;--hero-accent-rgb:22,116,64;--footer-end:#062b1c;--focus:#146b3b;--g-sky:linear-gradient(160deg,#f5fbf7,#e6f3eb);--g-sky2:linear-gradient(110deg,#f1f9f4,#deefe4);--g-closing:linear-gradient(150deg,#f3fbf6,#deefe4);--g-quote:linear-gradient(90deg,#146b3b,#6abf83)}
:root[data-palette="blue"]{--green:#1556b8;--green-2:#216bd0;--green-50:#eaf2ff;--spark:#95cafa;--g-green:linear-gradient(100deg,#174d9c,#2165bd);--g-line:linear-gradient(90deg,#2367bf,#74b4ef)}
:root[data-palette="mixed"]{--g-quote:linear-gradient(90deg,#1556d0,#65a7f5)}
.slide::before{background:linear-gradient(90deg,rgba(var(--hero-rgb),.96),rgba(var(--hero-mid-rgb),.88) 28%,rgba(var(--hero-accent-rgb),.44) 52%,rgba(var(--hero-accent-rgb),0) 70%)}
.quote form{background:linear-gradient(#fff,#fff) padding-box,var(--g-quote) border-box}
.closing{background:var(--g-closing)}
.ftr{background:linear-gradient(160deg,var(--navy),var(--footer-end))}
.vac .trail,.petek .under{background:var(--g-line)}
.slide .lead,.petek p.body,.pc-cta p{color:#f1f6ff}
.btn-cta,.pc .badge,.mega-feat .pill,.inset .lbl i,.mbar .m-wa{color:#fff;text-shadow:0 1px 2px rgba(80,25,0,.55)}
.mega-feat .pill{background:var(--g-orange)}
.btn-cta::after{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.12) 48%,transparent 66%)}
.theme-preview{padding:12px 20px;background:#f0f4fa;color:#102a44;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;font:600 14px/1.5 system-ui,sans-serif}
.theme-preview button{border:1px solid #9eafc0;background:white;color:#102a44;min-height:44px;padding:8px 18px;border-radius:999px}
.theme-preview button[aria-pressed="true"]{background:#102a44;color:white;border-color:#102a44}
.theme-preview small{font-size:13px}
.preview-bar{display:none}
@media(max-width:820px){.theme-preview{padding:12px;gap:8px}.theme-preview strong{width:100%;text-align:center}.slide::before{background:linear-gradient(180deg,rgba(var(--hero-mid-rgb),.55),rgba(var(--hero-rgb),.86) 45%,rgba(var(--hero-rgb),.98))}}

/* Kullanıcının seçtiği V2 turuncusu ve beyaz metin. */
:root{--or-1:#EC6A1A;--or-2:#F98A34;--or-d:#D85A0E}
.btn-cta::after{background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.06) 48%,transparent 66%)}
.slider-toggle{min-height:44px;padding:0 14px;border:1px solid #fff;border-radius:999px;background:#10294d;color:#fff;font-weight:650;font-size:.85rem}
.hero-ctrl{column-gap:16px}
.arrows{display:flex;align-items:center;gap:10px}
.gallery-note{font-size:1rem}
/* Metin görünmek için animasyonu beklemez; giriş yalnızca hafif hareketlidir. */
.js [data-reveal]{opacity:1;translate:none}
.js [data-reveal].in{animation:section-enter .38s ease-out both}
@keyframes section-enter{from{transform:translateY(10px)}to{transform:translateY(0)}}
@media(max-width:820px){.hero-ctrl{grid-template-columns:1fr;gap:10px;bottom:62px}.hero-ctrl .arrows{justify-content:space-between}.hero-ctrl .dashes{justify-content:center}.slide-in{padding-bottom:182px}.hero-ctrl .ar{width:46px;height:46px}}
@media(max-width:380px){.btn{padding-inline:18px;font-size:.92rem;white-space:normal;text-align:center}.pc .lbl{font-size:.94rem;gap:8px}.qform{padding:20px}.wrap{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){.slide.is-active>img{scale:1}.spark,.tw,.bottle,.cloth,.mist,.vac *{animation:none!important}.scene .haze{display:none!important}.scene .clean-tag{opacity:1;translate:none}}

/* Aşama 6: küçük banner çizgilerinin dokunma alanı 44 px; görünüm ince kalır. */
.dash{width:44px;height:44px;overflow:visible;background:transparent;border-radius:8px}
.dash::before{inset:20px 0 auto;height:5px;border-radius:5px;background:rgba(255,255,255,.5)}
.dash:hover,.dash.on{background:transparent}.dash.on{width:56px}
.dash.on::after{inset:20px 0 auto;height:5px}
.quote input::placeholder,.qform input::placeholder{color:#52627a;opacity:1}
.mbar{padding-bottom:max(8px,env(safe-area-inset-bottom))}
@media(prefers-contrast:more){.btn-cta,.pc .badge,.mega-feat .pill,.mbar .m-wa{background:#a3410d;color:#fff;text-shadow:none}.btn-line{border-color:currentColor}}
@media(prefers-reduced-motion:reduce){.js [data-reveal].in{animation:none!important}}
