/* =========================================================
   Ci&OS Construction – ortak stiller (RTL / Arapça destekli)
   ========================================================= */
:root{
  --navy:#0b1722;--navy2:#111f2d;--navy3:#16283a;--ink:#0e1a25;--gold:#d9b07d;--gold-l:#ecd2a8;--gold-d:#b8864b;
  --cream:#f8f6f1;--cream2:#f1ece3;--muted:#68717a;--line:rgba(255,255,255,.16);--line-d:#e6dfd2;
  --serif:'Cormorant Garamond','Times New Roman',Georgia,serif;
  --sans:'Jost Variable','Jost',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --hh:84px;--gd:90deg;--end:right;--start:left;
}
html[dir=rtl]{--gd:270deg;--end:left;--start:right}
html[lang=ar]{--serif:'Amiri','Cormorant Garamond',serif;--sans:'Cairo Variable','Jost Variable',system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--ink);background:#fff;line-height:1.65;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
[hidden]{display:none!important}
html[lang=ar] *{letter-spacing:0!important}
html[lang=ar] body{line-height:1.85}
html[lang=ar] .h1,html[lang=ar] .h2,html[lang=ar] h3{line-height:1.3}
.container{width:min(1240px,100% - 48px);margin-inline:auto}
.ico{width:26px;height:26px;flex:none}.ico-sm{width:16px;height:16px}.ico-lg{width:38px;height:38px;stroke-width:1.1}
html[dir=rtl] .ico-flip{transform:scaleX(-1)}
/* tipografi */
.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-d);font-weight:500;margin-bottom:18px;display:flex;align-items:center;gap:14px}
.eyebrow.light{color:var(--gold-l)}
.eyebrow.bar::before{content:"";width:34px;height:1px;background:currentColor;flex:none}
.cios{text-transform:none}
.h1,.h2,h3,.serif{font-family:var(--serif);font-weight:500;line-height:1.08}
.h1{font-size:clamp(42px,5.6vw,78px);color:#fff;margin-bottom:22px;letter-spacing:-.005em}
.h2{font-size:clamp(34px,4.1vw,58px);color:#fff}.h2.dark{color:var(--ink)}
.h2 em,.h1 em,.gold-t{font-style:normal;color:var(--gold)}.h2.dark em{color:var(--gold-d)}
.muted{color:var(--muted);margin:18px 0 26px;max-width:540px}.lead-w{color:rgba(255,255,255,.88);max-width:560px;font-size:17px}
.lead-d{font-family:var(--serif);font-size:26px;line-height:1.35;margin:18px 0 20px}
/* butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 26px;border-radius:6px;font-size:14px;font-weight:500;letter-spacing:.02em;transition:.3s;border:1px solid transparent;white-space:nowrap;cursor:pointer}
.btn-gold{background:linear-gradient(180deg,#e4bd8c,#d2a671);color:#1a1208;box-shadow:0 8px 24px rgba(217,176,125,.18)}.btn-gold:hover{background:#ecc999;transform:translateY(-2px)}
.btn-line{border-color:var(--gold-d);color:var(--gold-d)}.btn-line:hover{background:var(--gold-d);color:#fff}
.btn-line-l{border-color:rgba(236,210,168,.75);color:#fff;background:rgba(10,20,30,.35);backdrop-filter:blur(4px)}.btn-line-l:hover{background:var(--gold);color:#1a1208}
.btn-line-d{border-color:var(--gold-d);color:var(--ink)}.btn-line-d:hover{background:var(--gold-d);color:#fff}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy3)}
.btn-wa{background:#27b152;color:#fff;box-shadow:0 8px 24px rgba(39,177,82,.25)}.btn-wa:hover{background:#2fc85e;transform:translateY(-2px)}
.btn-sm{padding:11px 18px;font-size:13px}
.link{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--gold-d);border-bottom:1px solid var(--gold-d);padding-bottom:3px}
.circ{width:44px;height:44px;border:1px solid currentColor;border-radius:50%;display:inline-grid;place-items:center;flex:none;transition:.3s}.circ:hover{background:var(--gold);border-color:var(--gold);color:#1a1208}
.circ svg{width:16px;height:16px}
/* ---------- üst menü ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--hh);transition:.35s;color:#fff;background:linear-gradient(180deg,rgba(8,16,24,.55),transparent)}
.hdr.solid{background:rgba(11,23,34,.95);backdrop-filter:blur(12px);height:72px;box-shadow:0 6px 30px rgba(0,0,0,.28)}
.hdr-in{height:100%;display:flex;align-items:center;justify-content:space-between;gap:26px}
.logo{display:flex;flex-direction:column;line-height:1;color:var(--gold-l);font-family:var(--serif);font-size:38px;font-weight:500;letter-spacing:.01em;direction:ltr;text-align:start}
.logo small{font-family:var(--sans);font-size:9px;letter-spacing:.44em;margin-top:6px;color:var(--gold);font-weight:400}
.logo b{font-weight:500;color:var(--gold)}
.nav{display:flex;gap:26px;font-size:14px;flex:1;justify-content:center}
.nav a{padding:8px 0;position:relative;opacity:.92;white-space:nowrap}.nav a:hover{color:var(--gold)}
.nav a.on{color:var(--gold)}.nav a.on::after{content:"";position:absolute;inset-inline:0;bottom:0;height:1px;background:var(--gold)}
.hdr-r{display:flex;align-items:center;gap:18px;font-size:13px}
.lang{position:relative}
.lang-b{display:flex;align-items:center;gap:6px;padding:8px 6px;font-size:13px;letter-spacing:.06em;font-weight:500}
.lang-b svg{width:12px;height:12px;transition:.25s}.lang.open .lang-b svg{transform:rotate(180deg)}
.lang-m{position:absolute;inset-inline-end:0;top:calc(100% + 10px);min-width:180px;background:rgba(11,23,34,.98);border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 20px 50px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.25s}
.lang.open .lang-m{opacity:1;visibility:visible;transform:none}
.lang-m button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:6px;font-size:14px;text-align:start}
.lang-m button:hover,.lang-m button.on{background:rgba(217,176,125,.14);color:var(--gold-l)}
.lang-m button i{font-style:normal;font-size:11px;letter-spacing:.14em;opacity:.65}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:6px;place-items:center}
.burger span{display:block;width:20px;height:1.5px;background:#fff;box-shadow:0 6px #fff,0 -6px #fff}
/* ---------- hero (ortak) ---------- */
.hero{position:relative;isolation:isolate;min-height:640px;padding:calc(var(--hh) + 56px) 0 96px;display:flex;align-items:center;color:#fff;background:var(--navy);overflow:hidden}
.hero-lg{min-height:760px}.hero-md{min-height:560px}
.hero-bg{position:absolute;inset:0;z-index:-2;background:var(--bg) var(--pos,center) / cover no-repeat;transform:scale(1.02)}
.hero-bg.fit{inset-block:0;inset-inline-start:auto;inset-inline-end:0;width:min(var(--w,64%),100%);background-position:var(--end) center;-webkit-mask-image:linear-gradient(var(--gd),transparent 0,#000 38%);mask-image:linear-gradient(var(--gd),transparent 0,#000 38%)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(var(--gd),rgba(9,19,29,.96) 0%,rgba(9,19,29,.78) 30%,rgba(9,19,29,.34) 58%,rgba(9,19,29,.06) 100%)}
.hero::after{content:"";position:absolute;inset-inline:0;bottom:0;height:140px;z-index:-1;background:linear-gradient(transparent,rgba(9,19,29,.55))}
.hero-in{position:relative;z-index:2}.hero-in .h1{max-width:760px}.hero-in .lead-w{max-width:540px}
.hero-cta{display:flex;align-items:center;gap:26px;margin-top:34px;flex-wrap:wrap}
.play{display:inline-flex;align-items:center;gap:14px;color:#fff;font-size:14px}.play .circ{border-color:rgba(255,255,255,.8)}
.slides .hero-bg{opacity:0;transition:opacity 1.2s ease}.slides .hero-bg.on{opacity:1}
/* ---------- özellik şeridi ---------- */
.strip{background:var(--navy);color:#fff;border-top:1px solid var(--line)}.strip-g{display:grid;grid-template-columns:repeat(4,1fr)}
.strip-i{display:flex;gap:18px;align-items:center;padding:30px 26px;border-inline-end:1px solid var(--line);color:var(--gold)}.strip-i:last-child{border:0}
.strip-i div{color:#fff}.strip-i b{display:block;font-weight:500;font-size:15px}.strip-i span{font-size:12.5px;color:rgba(255,255,255,.62);display:block;line-height:1.45}
/* ---------- bölümler ---------- */
.sec{padding:100px 0;position:relative}.sec.tight{padding:56px 0 48px}.cream{background:var(--cream)}.dark-sec{background:var(--navy);color:#fff}.sec.nb{padding:0}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:46px;flex-wrap:wrap}
.sh-r{max-width:520px;display:grid;gap:18px;justify-items:start}.sh-r p{color:var(--muted)}
.sh-r.row{display:flex;align-items:center;gap:28px;max-width:none}.sh-r.row p{max-width:340px;font-size:14px}
.arrows{display:flex;gap:12px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.imgbox img{width:100%;aspect-ratio:5/4;object-fit:cover}
/* proje kartları (ana sayfa) */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pcard{position:relative;aspect-ratio:1/1.1;overflow:hidden;color:#fff;display:block;background:var(--navy)}
.pcard img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}.pcard:hover img{transform:scale(1.06)}
.pcard::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(8,16,24,.9))}
.pcard-t{position:absolute;inset-inline-start:24px;bottom:24px;z-index:2}.pcard-t small{font-size:12px;opacity:.75}
.pcard-t h3{font-size:30px;margin:4px 0 8px}.pcard-t span{display:flex;gap:6px;font-size:13px;align-items:center}
.pcard .circ{position:absolute;inset-inline-end:20px;bottom:24px;z-index:2;color:#fff}
/* CTA bandı */
.cta-band{position:relative;isolation:isolate;padding:130px 0;color:#fff;background:var(--navy);overflow:hidden}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--bg) var(--pos,center) / cover no-repeat}
.cta-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(var(--gd),rgba(9,19,29,.78),rgba(9,19,29,.2))}
.cta-in{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}.cta-band .lead-w{margin-top:18px}
/* alt bilgi / footer */
.ftr{background:#08121b;color:rgba(255,255,255,.7);padding:76px 0 0;font-size:14.5px}
.ftr-g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:50px;padding-bottom:54px}
.ftr h4{color:#fff;font-weight:500;font-size:13px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:20px}
.ftr li{margin-bottom:11px}.ftr a:hover{color:var(--gold)}.ftr .logo{margin-bottom:20px}.ftr p{max-width:330px}
.soc{display:flex;gap:12px;margin-top:22px}.soc a{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:.3s}.soc a:hover{background:var(--gold);color:#1a1208;border-color:var(--gold)}.soc svg{width:17px;height:17px}
.ftr-b{border-top:1px solid var(--line);padding:22px 0;font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
/* ---------- formlar ---------- */
.fld{display:grid;gap:8px;font-size:13px;color:#59616a}
.fld input,.fld select,.fld textarea{padding:14px 16px;border:1px solid #ddd5c6;background:#fff;border-radius:6px;outline:0;transition:.2s;width:100%;color:var(--ink)}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--gold-d);box-shadow:0 0 0 3px rgba(184,134,75,.12)}
.fld input.err,.fld select.err,.fld textarea.err{border-color:#c0392b}
.phone{display:flex;align-items:stretch;position:relative}
.phone .cc{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #ddd5c6;border-inline-end:0;background:#fff;border-radius:6px 0 0 6px;min-width:76px}
html[dir=rtl] .phone .cc{border-radius:0 6px 6px 0;border:1px solid #ddd5c6;border-inline-end:0}
.phone input{border-radius:0 6px 6px 0!important;direction:ltr;text-align:start}html[dir=rtl] .phone input{border-radius:6px 0 0 6px!important;text-align:end}
.flag{width:24px;height:16px;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}
.cc-m{position:absolute;inset-inline-start:0;top:calc(100% + 6px);z-index:30;background:#fff;color:var(--ink);border:1px solid var(--line-d);border-radius:8px;box-shadow:0 18px 40px rgba(0,0,0,.2);padding:6px;min-width:190px;display:none}
.phone.open .cc-m{display:block}
.cc-m button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:5px;font-size:14px;text-align:start}.cc-m button:hover{background:var(--cream)}
.ok{color:#2f6b3f;font-size:14px;background:rgba(47,107,63,.08);border-radius:6px;padding:12px 14px}
.on-dark .fld{color:rgba(255,255,255,.75)}
/* ---------- açılış ekranı ---------- */
#splash{position:fixed;inset:0;z-index:300;background:#070f18;color:#fff;display:grid;place-items:center;overflow:hidden;transition:opacity .9s ease,visibility .9s,transform 1.1s ease}
#splash.out{opacity:0;visibility:hidden;transform:scale(1.04)}
.no-splash #splash{display:none}
.sp-bg{position:absolute;inset:0;background:var(--bg) center/cover no-repeat;animation:spZoom 6s ease-out both}
.sp-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,rgba(7,15,24,.05),rgba(7,15,24,.55) 85%)}
@keyframes spZoom{from{transform:scale(1.08)}to{transform:scale(1)}}
.sp-guides{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.sp-guides *{fill:none;stroke:rgba(236,210,168,.5);stroke-width:1;vector-effect:non-scaling-stroke}
.sp-guides .d{stroke-dasharray:var(--l,1200);stroke-dashoffset:var(--l,1200);animation:spDraw 2.4s ease forwards var(--dl,0s)}
.sp-guides .sq{fill:rgba(236,210,168,.15);opacity:0;animation:spFade .8s ease forwards 1.6s}
@keyframes spDraw{to{stroke-dashoffset:0}}@keyframes spFade{to{opacity:1}}
.sp-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;transform:translateY(-3vh);direction:ltr}
.sp-icon{width:clamp(130px,15vw,200px);height:auto;margin-bottom:12px;filter:drop-shadow(0 0 14px rgba(255,205,140,.55))}
.sp-icon *{fill:none;stroke:url(#spg);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:spDraw 2s ease forwards .35s}
.sp-logo{font-family:'Cormorant Garamond',serif;font-weight:500;font-size:clamp(62px,8vw,104px);line-height:1;letter-spacing:.01em;background:linear-gradient(180deg,#f6e5c6,#d2a671 90%);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(14px);animation:spUp 1s ease forwards .9s;text-shadow:0 0 40px rgba(217,176,125,.18)}
.sp-sub{font-size:clamp(14px,1.5vw,20px);letter-spacing:.46em;color:var(--gold-l);margin:8px 0 0 .46em;opacity:0;animation:spUp 1s ease forwards 1.15s}
.sp-tag{font-size:clamp(11px,1.05vw,14px);letter-spacing:.42em;margin-top:34px;color:rgba(255,255,255,.9);opacity:0;animation:spUp 1s ease forwards 1.4s;text-transform:uppercase}
.sp-line{width:64px;height:1px;background:var(--gold);margin:22px auto 34px;opacity:0;animation:spFade 1s ease forwards 1.55s}
.sp-load{display:flex;align-items:center;gap:18px;opacity:0;animation:spFade 1s ease forwards 1.6s}
.sp-bar{width:min(330px,62vw);height:2px;background:rgba(255,255,255,.16);border-radius:2px;position:relative;overflow:visible}
.sp-bar i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,rgba(217,176,125,.3),#f4dcb4);border-radius:2px;box-shadow:0 0 12px rgba(244,220,180,.8)}
.sp-bar i::after{content:"";position:absolute;right:-3px;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#fff;box-shadow:0 0 14px 4px rgba(255,214,150,.9)}
.sp-pct{font-size:13px;min-width:40px;text-align:start;color:rgba(255,255,255,.88);font-variant-numeric:tabular-nums}
@keyframes spUp{to{opacity:1;transform:none}}
/* ---------- açılır pencere (popup) ---------- */
.promo{position:fixed;inset:0;z-index:250;display:grid;place-items:center;padding:24px;background:rgba(5,10,16,.62);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:.5s}
.promo.show{opacity:1;visibility:visible}
.promo-box{position:relative;width:min(1180px,100%);max-height:calc(100vh - 48px);display:grid;grid-template-columns:1.45fr 1fr;border:1px solid rgba(236,210,168,.38);border-radius:16px;overflow:hidden;background:var(--navy);box-shadow:0 40px 120px rgba(0,0,0,.6);transform:translateY(26px) scale(.97);transition:.6s cubic-bezier(.2,.8,.2,1)}
.promo.show .promo-box{transform:none}
.promo-x{position:absolute;inset-block-start:16px;inset-inline-end:16px;z-index:5;width:40px;height:40px;display:grid;place-items:center;color:#fff;border-radius:50%;transition:.25s}.promo-x:hover{background:rgba(255,255,255,.14)}.promo-x svg{width:22px;height:22px}
.promo-l{position:relative;isolation:isolate;padding:54px 48px 44px;color:#fff;display:flex;flex-direction:column;min-height:560px}
.promo-l::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg) var(--end) center/auto 100% no-repeat,linear-gradient(180deg,#14243b,#3a2c3d 70%,#b0623a)}
.promo-l::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(var(--gd),rgba(9,19,29,.88) 0%,rgba(9,19,29,.5) 45%,rgba(9,19,29,0) 80%)}
.promo-l .eyebrow{color:var(--gold-l);letter-spacing:.38em;font-size:13px}
.promo-l h2{font-family:var(--serif);font-weight:500;font-size:clamp(44px,4.9vw,74px);line-height:.95;margin:6px 0 22px}
.promo-tag{font-size:13px;letter-spacing:.3em;text-transform:uppercase;line-height:2;max-width:380px;padding-bottom:6px}
.promo-tag::after{content:"";display:block;width:96px;height:1px;background:var(--gold);margin-top:10px}
.promo-price{display:inline-flex;align-items:center;gap:14px;background:linear-gradient(180deg,#f1d6ac,#e2bb88);color:#1a1208;border-radius:10px;padding:14px 26px;margin:26px 0 30px;align-self:flex-start}
.promo-price>[data-i]{display:flex;align-items:center;gap:14px;font-size:inherit;max-width:none}.promo-price b{font-family:var(--serif);font-size:clamp(34px,3.6vw,50px);font-weight:600;line-height:1;white-space:nowrap}.promo-price b+span{font-size:15px;line-height:1.25;max-width:130px}
.promo-feat{display:grid;grid-template-columns:repeat(4,auto);gap:0;margin-top:auto;margin-bottom:26px;max-width:560px}
.promo-feat div{display:flex;flex-direction:column;gap:10px;padding-inline:20px;border-inline-start:1px solid rgba(255,255,255,.28);font-size:14px;line-height:1.35}.promo-feat div:first-child{padding-inline-start:0;border:0}.promo-feat svg{color:var(--gold-l);width:34px;height:34px;stroke-width:1.2}
.promo-play{display:inline-flex;align-items:center;gap:16px;font-size:16px;align-self:flex-start;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:6px}
.promo-play .circ{border-color:var(--gold);color:var(--gold)}
.promo-r{margin:22px 22px 22px 0;margin-inline:0 22px;padding:26px 28px 24px;background:rgba(13,26,38,.96);border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;overflow:auto;align-self:center;max-height:calc(100vh - 100px)}
.promo-r .pl{display:flex;flex-direction:column;align-items:center;margin-bottom:16px;color:var(--gold)}
.promo-r .pl b{font-family:var(--serif);letter-spacing:.34em;font-size:28px;font-weight:500;color:var(--gold-l);margin-top:4px;margin-inline-end:-.34em}
.promo-r .pl small{font-size:9px;letter-spacing:.4em;color:var(--gold-l);margin-inline-end:-.4em}
.promo-r h3{font-size:clamp(26px,2.6vw,34px);margin-bottom:10px}
.promo-r>p{font-size:14.5px;color:rgba(255,255,255,.82);margin-bottom:18px;line-height:1.55}
.promo-r form{display:grid;gap:12px}
.pf{position:relative}.pf>svg{position:absolute;inset-inline-start:14px;top:50%;transform:translateY(-50%);width:19px;height:19px;color:rgba(255,255,255,.7);pointer-events:none;z-index:2}
.pf input,.pf select{width:100%;padding:14px 14px 14px 46px;padding-inline:46px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.26);border-radius:8px;color:#fff;outline:0;font-size:14.5px;transition:.2s;appearance:none;-webkit-appearance:none}
.pf input::placeholder{color:rgba(255,255,255,.78)}.pf input:focus,.pf select:focus{border-color:var(--gold)}.pf input.err,.pf select.err{border-color:#e0705f}
.pf select option{color:#111}.pf .chev{inset-inline-start:auto;inset-inline-end:14px}
.pf .phone{display:flex}.pf .cc{position:static;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.26);border-inline-end:0;border-radius:8px 0 0 8px;padding:0 12px;min-width:84px;display:flex;align-items:center;gap:8px;transform:none;inset:auto}
html[dir=rtl] .pf .cc{border-radius:0 8px 8px 0;border:1px solid rgba(255,255,255,.26);border-inline-end:0}
.pf .cc svg.chv{width:12px;height:12px;position:static;transform:none;color:#fff}
.pf .phone input{padding-inline:14px;border-radius:0 8px 8px 0}html[dir=rtl] .pf .phone input{border-radius:8px 0 0 8px}
.pf .phone>svg{display:none}
.promo .cc-m{inset-inline-start:0}
.promo-sub{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px;border-radius:8px;font-weight:600;font-size:16px;background:linear-gradient(180deg,#eccb9d,#d4a872);color:#1a1208;transition:.3s;margin-top:4px}.promo-sub:hover{filter:brightness(1.07);transform:translateY(-1px)}.promo-sub svg{width:24px;height:24px}
.promo-note{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:rgba(255,255,255,.6);margin-top:14px;line-height:1.45}.promo-note svg{width:17px;height:17px;flex:none;margin-top:1px}
.promo .ok{color:#bfe8c8;background:rgba(80,200,120,.12)}
/* lightbox */
.lb{position:fixed;inset:0;background:rgba(5,10,16,.95);z-index:400;display:none;place-items:center;padding:30px;cursor:zoom-out}.lb.on{display:grid}.lb img{max-height:90vh;max-width:92vw;object-fit:contain;border-radius:4px}
/* reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s ease}.reveal.in{opacity:1;transform:none}
.page{display:none}.page.active{display:block}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;transition-duration:.01s!important}.reveal{opacity:1;transform:none}}
@media(max-width:1180px){.nav{display:none}.burger{display:grid}.nav.open{display:grid;position:fixed;top:72px;inset-inline:0;background:rgba(11,23,34,.98);padding:20px 30px 30px;gap:6px;font-size:17px;max-height:calc(100vh - 72px);overflow:auto;justify-content:stretch}.hdr-r .btn{display:none}}
@media(max-width:1100px){
  .strip-g{grid-template-columns:1fr 1fr}.pgrid{grid-template-columns:1fr 1fr}.ftr-g{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr;gap:40px}.promo-box{grid-template-columns:1fr}.promo-l{min-height:0;padding:44px 28px 26px}.promo-r{margin:0 18px 18px}.promo-feat{grid-template-columns:repeat(2,auto);row-gap:18px}.promo-feat div:nth-child(3){padding-inline-start:0;border:0}}
@media(max-width:680px){.container{width:calc(100% - 32px)}.sec{padding:64px 0}.pgrid,.strip-g,.ftr-g{grid-template-columns:1fr}.hero{padding-top:128px;padding-bottom:70px}.hero-lg{min-height:640px}.cta-band{padding:90px 0}.promo{padding:10px}.promo-l h2{font-size:48px}.promo-price{flex-wrap:wrap}.lang-m{min-width:160px}}
@media(max-width:1100px){.promo-box{overflow:auto;overscroll-behavior:contain}.promo-r{max-height:none;overflow:visible}.promo-l::after{background:linear-gradient(180deg,rgba(9,19,29,.86),rgba(9,19,29,.62) 55%,rgba(9,19,29,.8))}.promo-x{position:fixed;inset-block-start:22px;inset-inline-end:22px;background:rgba(9,19,29,.6)}}
/* v14 splash tam ortala, popup kırpma yok */
#splash{inset:0;width:100%;height:100%;height:100dvh;place-items:center}.sp-center{transform:none;margin:auto}.sp-guides{left:0;top:0}
.promo{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;place-items:center}
.promo-box{max-height:none;margin:auto}.promo-r{max-height:none;overflow:visible}
@media(min-width:901px) and (max-height:820px){.promo{padding:12px}.promo-l{min-height:0;padding:32px 40px 26px}.promo-l h2{font-size:clamp(38px,4.2vw,56px);margin-bottom:12px}.promo-price{margin:16px 0 18px;padding:10px 22px}.promo-feat{margin-bottom:16px}.promo-r{padding:18px 24px 16px;margin-block:14px}.promo-r .pl{margin-bottom:8px}.promo-r h3{margin-bottom:6px}.promo-r>p{margin-bottom:12px}.promo-r form{gap:9px}.promo-note{margin-top:10px}}
.promo-l::before{background:var(--bg) center/cover no-repeat,linear-gradient(180deg,#14243b,#3a2c3d 70%,#b0623a)}

.sp-skip{position:absolute;z-index:5;inset-inline-end:28px;bottom:28px;display:inline-flex;gap:10px;align-items:center;padding:12px 22px;border:1px solid rgba(236,210,168,.6);border-radius:99px;background:rgba(7,15,24,.55);backdrop-filter:blur(6px);color:#f4dcb4;font:500 14px/1 inherit;font-family:inherit;letter-spacing:.06em;cursor:pointer;opacity:0;animation:spFade .8s ease forwards .6s;transition:background .3s,color .3s,transform .3s}
.sp-skip:hover,.sp-skip:focus-visible{background:#f4dcb4;color:#0a1420;transform:translateY(-2px)}
@media(max-width:640px){.sp-skip{inset-inline-end:16px;bottom:20px;padding:11px 18px;font-size:13px}}