:root{--bg:#000;--navy:#13171f;--card:#1d202a;--accent:#ee1e21;--accent-fill:#e01b1e;--accent-d:#c9151a;--text:#f2f4f8;--muted:#aab2c0;--line:#252c3a;--white:#fff;--ink:#141923;--maxw:1320px;--dim:rgba(255,255,255,.5)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{margin:0;overflow-x:clip;background:var(--bg);color:var(--white);font-family:"Play",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:1.5}
img,video{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4,h5,h6{line-height:1.2;margin:0 0 .6em;overflow-wrap:anywhere}
p{margin:0 0 1em;overflow-wrap:anywhere}
ul{list-style:none;margin:0;padding:0}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 16px}
.center{text-align:center}
.narrow{max-width:760px;margin-left:auto;margin-right:auto}
.narrow-wrap{max-width:860px}
[hidden]{display:none!important}
.skip{position:absolute;left:-9999px;top:0;z-index:100;padding:.6rem 1rem;background:#fff;color:#000;border-radius:0 0 8px 0}
.skip:focus{left:0}
.tr{color:var(--accent)}
.text-primary{color:#f00}
.text-white{color:#fff}
.mb-3{margin-bottom:16px}
.me-2{margin-right:8px}
.me-3{margin-right:16px}

/* Düğmeler (mağaza da kullanır) */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.6rem;background:var(--accent-fill);color:var(--white);border:2px solid var(--accent-fill);border-radius:999px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.btn:hover{background:var(--accent-d);border-color:var(--accent-d)}
:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* Kurumsal sayfa düğmesi: canlıda 800px yarıçaplı, 58 px yüksekliğinde */
.pbtn{display:inline-block;padding:16px 48px;background:var(--accent-fill);color:#fff;border:0;border-radius:800px;font:inherit;font-size:16px;font-weight:700;line-height:25.6px;text-align:center;text-decoration:none;cursor:pointer}
.pbtn:hover{background:var(--accent-d)}
.pbtn.lg{font-size:20px;line-height:32px}
.pbtn.sm{padding:6px 24px}
.pbtn.ghost{background:transparent;box-shadow:inset 0 0 0 2px #fff}
.pbtn.ghost:hover{background:rgba(255,255,255,.15)}
.hero-btn{display:flex;flex-wrap:wrap;gap:16px}
.hero-btn.mid{justify-content:center}

/* Üst menü */
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;border-bottom:1px dotted #808080;transition:background .25s,box-shadow .25s}
.site-header.scrolled{background:#f2f9f9;border-bottom-color:transparent;box-shadow:0 2px 12px rgba(0,0,0,.25)}
.header-in{display:flex;align-items:center;justify-content:space-between;min-height:98px;gap:12px;max-width:none;padding:0 48px;transition:min-height .25s}
.scrolled .header-in{min-height:67px}
.brand img{width:280px;max-width:44vw;height:auto;transition:width .25s}
.scrolled .brand img{width:211px}
.logo-dark{display:none}
.scrolled .logo-light{display:none}
.scrolled .logo-dark{display:block}
.nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0}
@media (min-width:1121px){.nav{display:flex;align-items:center}}
.nav>ul{flex-wrap:nowrap}
.nav a,.sub-toggle{display:flex;align-items:center;min-height:48px;padding:0 10px;color:var(--white);background:none;border:0;font:inherit;font-size:17.6px;font-weight:500;text-decoration:none;cursor:pointer;white-space:nowrap}
.scrolled .nav a,.scrolled .sub-toggle{color:var(--ink)}
.nav li:hover>a,.nav li:hover>.sub-toggle,.nav li.on>a,.nav li.on>.sub-toggle{color:var(--accent)}
.has-sub{position:relative}
.sub-toggle i{margin-left:8px;font-size:12px;transition:transform .2s}
.has-sub.open>.sub-toggle i{transform:rotate(180deg)}
.nav .sub{display:none;position:absolute;top:100%;left:0;min-width:240px;flex-direction:column;align-items:stretch;gap:0;padding:8px 0;border-radius:10px;background:linear-gradient(#b80000,#8a0000);box-shadow:0 8px 20px rgba(0,0,0,.35)}
.nav li:last-child .sub{left:auto;right:0}
.nav .sub a{color:var(--white);padding:12px 18px;white-space:normal}
.scrolled .nav .sub a{color:var(--white)}
.nav .sub a:hover,.nav .sub a[aria-current]{background:var(--accent-d)}
.has-sub:hover>.sub,.has-sub:focus-within>.sub,.has-sub.open>.sub{display:flex}
.nav-toggle{display:none;width:48px;height:48px;padding:0;background:none;border:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.nav-toggle span{display:block;width:26px;height:3px;background:var(--white);transition:transform .2s,opacity .2s}
.scrolled .nav-toggle span{background:var(--ink)}
.nav .cart-link{gap:6px}
/* Mağaza: vurgulu hap, şeffaf ve kaydırılmış üst çubukta okunur (beyaz yazı, vurgu rengi zemin) */
.nav .nav-store>a,.scrolled .nav .nav-store>a{gap:8px;min-height:40px;padding:0 16px;margin:0 6px;background:var(--accent-fill);color:var(--white);border-radius:999px;font-weight:700}
.nav .nav-store:hover>a,.nav .nav-store.on>a{background:var(--accent-d);color:var(--white)}
.cart-count{display:inline-block;min-width:1.5em;padding:0 .4em;border-radius:1em;background:var(--accent-fill);color:var(--white);font-size:.85rem;line-height:1.5;text-align:center}

@media (max-width:1120px){
  .header-in,.scrolled .header-in{min-height:72px;padding:0 16px}
  .brand img,.scrolled .brand img{width:180px}
  .nav-toggle{display:flex}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;max-height:calc(100vh - 72px);overflow-y:auto;background:var(--navy);box-shadow:0 8px 20px rgba(0,0,0,.4)}
  .nav.open{display:block}
  .nav ul{flex-direction:column;align-items:stretch;gap:0;padding:8px 0}
  .nav a,.sub-toggle{width:100%;color:var(--white)!important;padding:0 20px;justify-content:space-between;white-space:normal}
  .nav .nav-store>a{width:auto;margin:6px 20px;justify-content:flex-start;background:var(--accent-fill)}
  .nav .sub{position:static;box-shadow:none;min-width:0;background:var(--bg)}
  .nav li:last-child .sub{right:auto}
  .has-sub:hover>.sub,.has-sub:focus-within>.sub{display:none}
  .has-sub.open>.sub{display:flex}
  .nav .sub a{padding-left:36px}
  .site-header.menu-open{background:var(--navy)}
  .site-header.menu-open .logo-light{display:block}
  .site-header.menu-open .logo-dark{display:none}
  .site-header.menu-open .nav-toggle span{background:var(--white)}
  .nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}

/* Eski sayfa üstü ve bölüm sınıfları: mağaza sayfaları kullanır */
.page-hero{position:relative;overflow:hidden;padding:150px 0 90px;background:var(--navy) center/cover no-repeat;text-align:center}
.page-hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}
.page-hero.plain{min-height:440px;display:flex;align-items:center;padding:150px 0 90px}
.page-hero.plain::before{display:none}
.page-hero .hero-in{position:relative;width:100%;padding:0 16px}
.page-hero h1{font-size:clamp(1.7rem,4.2vw,3rem);max-width:900px;margin:0 auto .5em}
.lead{font-size:1.15rem;max-width:760px;margin:0 auto 1.2em;color:#e4e8f0}
.block{padding:72px 0;background:var(--bg)}
.block.alt{background:var(--navy)}
.block h2{font-size:clamp(1.5rem,3vw,2.2rem)}
.small-h{font-size:1.1rem}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem}
.chip{min-height:44px;padding:0 1.2rem;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:22px;font:inherit;cursor:pointer}
.chip.on,.chip:hover{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--white)}
.form label{display:block;margin:1rem 0 .35rem;font-weight:700}
.form input,.form select,.form textarea{display:block;width:100%;min-height:48px;padding:.6rem .9rem;color:var(--text);background:var(--navy);border:2px solid var(--line);border-radius:4px;font:inherit}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--accent)}
.form [aria-invalid="true"]{border-color:var(--accent)}
.form .btn{margin-top:1.4rem}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.field-err{margin:.3rem 0 0;color:#ff8a8d;font-size:.95rem}
.notice{padding:.8rem 1rem;border-radius:4px;border:1px solid}
.notice.ok{background:#10281a;border-color:#2e9e5b;color:#bdf0cf}
.notice.err{background:#3a1012;border-color:var(--accent);color:#ffd6d7}
@media (max-width:820px){.block{padding:56px 0}.page-hero{padding:120px 0 56px}.page-hero.plain{min-height:0}}

/* ---------- Kurumsal sayfalar (canlı site ölçüleri, 1536 px) ---------- */
.ct{width:100%;max-width:1320px;margin:0 auto;padding:0 12px}
.ct0{padding:0}
.sec{background:var(--navy);padding:48px 12px}
.sec.s48>.ct>:first-child{margin-top:48px}
.sec.s48>.ct>:last-child{margin-bottom:48px}
.row{display:flex;align-items:center;gap:48px}
.row>*{flex:1 1 0;min-width:0}
h5.eyebrow{font-size:20px;font-weight:500;color:#f00;margin:0 0 16px}
.h40{font-size:40px;font-weight:500;margin:0 0 24px}
.h32{font-size:32px;font-weight:500;margin:0 0 24px}
.h40.w300,.h32.w300,h2.w300,h1.w300{font-weight:300}
.sub{margin:0 0 48px}
.tight{margin-bottom:9px}
.dim{color:var(--dim)}
.pt32{padding-top:32px}
.p18{font-size:17.6px;line-height:1.8}

/* Sayfa üstü */
.hero{position:relative;overflow:hidden;display:flex;align-items:center;background:#000;color:#fff}
.hero-img{height:clamp(560px,calc(100vh - 69px),900px)}
.hero-vid{height:clamp(560px,calc(100vh - 63px),900px)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;background-size:cover;background-position:center}
.hero-shade{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.hero-in{position:relative;padding:0}
.hero-txt{position:relative;width:800px;max-width:100%}
.badge{position:absolute;left:0;bottom:100%;margin-bottom:16px;padding:.3rem .9rem;background:var(--accent-fill);color:#fff;font-weight:700;border-radius:3px}
.hero h1,.slide h1,.slide h2{font-size:72px;font-weight:700;margin:0 0 24px}
.hero .lead,.slide .lead{font-size:20px;line-height:1.5;max-width:none;margin:0 0 48px;color:#fff}
.hero-btn.mid{text-align:center}
.hero-c .hero-txt{width:1217px;max-width:100%;margin:0 auto;text-align:center}
.hero-c h1{font-size:64px}
.hero-s{height:clamp(340px,50vh,520px)}
.hero-s .hero-txt,.hero-p .hero-txt,.hero-app .hero-txt{width:856px;max-width:100%;margin:0 auto;text-align:center}
.hero-s h1,.hero-p h1{font-size:64px}
.hero-s .lead{margin-bottom:24px}
.hero-p{height:auto;padding:150px 0}
.hero-p .lead{font-size:16px;margin-bottom:24px;color:var(--dim)}
.hero-app{height:auto;align-items:flex-start;padding:355px 0 342px}
.hero-app h1{font-size:56px}
.hero-app .lead{margin-bottom:0;color:var(--dim)}

/* Ana sayfa slaytı */
.slider{position:relative;height:clamp(560px,calc(100vh - 8px),900px);background:#000;overflow:hidden}
.slide{position:absolute;inset:0;display:flex;align-items:center;padding-top:147px;opacity:0;visibility:hidden;transition:opacity .6s,visibility .6s}
.slide.on{opacity:1;visibility:visible}
.slide-btn{position:absolute;top:calc(50% + 30px);transform:translateY(-50%);z-index:3;width:auto;padding:0;font-size:16px;background:none;border:0;color:#fff;line-height:1;cursor:pointer}
.slide-btn:hover{color:var(--accent)}
.slide-btn.prev{left:13px}
.slide-btn.next{right:13px}
.vbg{position:relative;background:#000;padding:48px 12px;overflow:hidden}
.vbg-in{position:relative}
.vbg h2{max-width:800px;margin:0 auto 64px;font-size:64px;font-weight:700;text-align:center}
.hcards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.hcard{padding:24px;background:var(--card);border:.8px solid rgba(255,255,255,.1);border-radius:15px;text-align:center}
.hcard>i{display:block;margin:16px 0 24px}
.hcard h4{margin:0 0 32px;font-size:24px;font-weight:500}
.hcard p{margin:0 0 16px;font-size:15.2px;line-height:1.6;color:rgba(255,255,255,.7)}
.home-feat{margin:48px 0;align-items:flex-start}
.home-vid{position:relative;overflow:hidden;border-radius:10px}
.home-vid video,.home-vid img{width:100%;aspect-ratio:624/925;object-fit:cover}
.home-vid-shade{position:absolute;inset:0;background:rgba(0,0,0,.2)}
.home-feat-t{padding-top:32px}
.home-feat-t h2{margin:0 0 24px;font-size:56px;font-weight:700}
.home-feat-t>p{margin:0 0 24px;color:#f2f9f9}
.ibox{display:flex;margin-bottom:24px;padding:32px;background:rgba(255,255,255,.02);border:.8px solid rgba(255,255,255,.05);border-radius:15px}
.ibox-i{display:flex;flex:none;align-items:center;justify-content:center;width:80px;height:80px;margin-right:16px}
.ibox>div{padding:12px 0}
.ibox h5{margin:0 0 8px;font-size:20px;font-weight:500}
.ibox p{margin:0;color:#f2f9f9}
.hsec{padding:81px 12px 88px;background:var(--bg)}
.hrow{margin-bottom:170px}
.hrow:last-child{margin-bottom:0}
.hrow-t{padding-top:49px}
.hrow-t h2{margin:0 0 24px;font-size:40px;font-weight:600}
.hrow-t p{margin:0 0 32px;font-size:17.6px;font-weight:300;line-height:1.8;color:rgba(255,255,255,.8)}
.hrow-t ul{margin:0;padding-bottom:16px}
.hrow-t li{margin-bottom:16px;font-weight:300;color:rgba(255,255,255,.8)}
.hrow-m video,.hrow-m img{width:100%;object-fit:contain;background:#000}
.about-h .row{align-items:flex-start}
.ab-row>*{flex:0 0 calc(50% - 24px)}
.ab-l{padding-right:48px}
.ab-l h2{font-weight:600}
.ab-l .p18{margin:0 0 24px}
.mv{display:grid;grid-template-columns:288px 1fr;column-gap:12px;margin-bottom:24px}
.mv-i{display:flex;align-items:center;padding-right:12px}
.mv-ic{flex:none;width:32px;margin-right:16px;text-align:center}
.mv h6{margin:0 0 8px;font-size:16px;font-weight:500}
.mv p{margin:0;font-size:17.6px;line-height:1.8}
.counters{display:grid;grid-template-columns:repeat(3,176px);gap:24px;text-align:center}
.counters strong{display:block;font-size:40px;font-weight:600;line-height:1.2}
.counters span{display:block;font-size:17.6px;line-height:1.8}
.ab-r .eyebrow{margin-bottom:16px}
.vals{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-bottom:24px}
.val{padding:24px;background:rgba(0,209,249,.05);border:.8px solid rgba(0,209,249,.1);border-radius:10px}
.val h5{margin:0 0 8px;font-size:20px;font-weight:500}
.val p{margin:0;font-size:17.6px;line-height:1.8}
.partners-s h2{margin-bottom:16px}
.partners-s p{margin:0}
.marquee{margin:90px 0 98px;height:80px;overflow:hidden;display:flex;align-items:center}
.marquee-in{display:flex;align-items:center;gap:60px;width:max-content;animation:mq 45s linear infinite}
.marquee img{flex:none;width:auto;height:auto;max-width:200px;max-height:80px;object-fit:contain}
@keyframes mq{to{transform:translateX(-50%)}}

/* Özellik satırları (kamera, izinsiz giriş, yangın, video intercom) */
.feat{margin-top:var(--mt,96px)}
.feat.g24,.row.g24{gap:24px}
.feat.inset{padding:0 12px}
.feat-media{position:relative}
.feat-media img,.feat-media video{display:block;width:100%;height:auto;border-radius:10px}
.feat-media.tall video{height:795px;border-radius:0;object-fit:cover}
.feat-txt h1,.feat-txt h2{font-size:40px;font-weight:300;margin:0 0 24px}
.feat-txt h2.h32{font-size:32px}
.feat-txt h1.h40,.feat-txt h2.h40{font-weight:500}
.feat-txt>p{margin:0 0 24px}
.feat-txt h6{margin:0 0 8px;font-size:16px;font-weight:500;color:#f00}
.feat-txt h6.empty{height:0}
.feat-lists{display:flex;gap:24px}
.feat-lists>div{flex:0 0 calc(50% - 12px);min-width:0}
.feat-lists ul{margin:0 0 16px}
.feat-lists li{color:#f2f9f9}
.cta-ov{position:relative;overflow:hidden}
.cta-ov>img,.cta-ov>video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0}
.cta-ov.full>img{border-radius:10px;object-fit:cover}
.cta-t{position:absolute;top:248px;right:var(--r,33px);width:var(--w,544px);max-width:calc(100% - 24px);text-align:center}
.cta-t h2,.cta-plain h2{margin:0 0 24px;font-size:32px;font-weight:300;color:#f00}
.cta-t p,.cta-plain p{margin:0 0 24px}
.cta-t .pbtn,.cta-plain .pbtn{margin-top:0}
.cta-plain{max-width:856px;margin:96px auto 48px;text-align:center}
.cta-ov{margin-bottom:0}
.pg-kamera-gozetimi .cta-ov{margin-bottom:48px}
.pg-kamera-gozetimi .foot{padding-bottom:96px}

/* Kapı erişim */
.sec.kapi{padding:24px 12px}
.kapi-row{padding:16px 12px;background:var(--navy)}
.kapi-media{position:relative}
.kapi-media img{width:100%;border-radius:10px}
.kapi-txt{margin:8px 0}
.kapi-txt h2{margin:0 0 24px;font-size:40px;font-weight:500}
.kapi-txt>p{margin:0 0 24px}
.badge-ov{position:absolute;left:-20px;bottom:-20px;display:flex;align-items:center;padding:20px;background:rgba(0,0,0,.9);border-radius:15px}
.badge-ov h5{min-width:90px;margin:0 0 24px;font-size:20px;font-weight:500}
.icells{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;margin-bottom:24px}
.icell{height:64px}
.ib{display:flex;align-items:center;justify-content:center;width:40px;height:40px}
.icells.kapi-ic .icell{height:88px}
.icells.kapi-ic .ib{margin-top:4px}
.icells.one{margin-bottom:0}
.icells.one .icell{height:40px}
.split-i{margin:48px 0}
.split-i.nom{margin:0}
.split-i .feat-txt h2:not(.h32){font-size:40px;font-weight:500}
.stat-host .stat{min-width:193px;min-height:186px;position:absolute;right:-30px;bottom:-30px;padding:30px;text-align:center;border-radius:15px}
.stat .stat-num{display:block;line-height:1.2;margin:0;font-size:80px;font-weight:700}
.stat span{display:block}

/* Arka plan görselli bantlar (otopark, knx) */
.band,.aboutbg,.culture{position:relative;background:#000 center/cover no-repeat;padding:96px 12px}
.band-shade{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.band-in{position:relative}
.band h2{margin:0 0 24px;font-size:32px;font-weight:500;text-align:center}
.band-p{margin:0 0 48px;color:var(--dim);text-align:center}
.tcards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px}
.tcard{padding:32px 32px 52px;background:rgba(255,255,255,.05);border:.8px solid rgba(255,255,255,.1);border-radius:15px}
.tcard-h{display:flex;align-items:center;min-height:104px;margin-bottom:24px}
.tcard-i{align-self:flex-start;margin:32px 48px 0 32px}
.tcard h5{flex:1;margin:0;font-size:20px;font-weight:500}
.tcard p{margin:0;color:var(--dim)}
.band-btn{text-align:center}

/* Wi-Fi */
.wifi-row{margin-top:var(--mt,55px)}
.wifi-txt h2{margin:0 0 8px;font-size:32px;font-weight:500;color:#f00}
.wifi-txt p{margin:0 0 16px}
.wifi-txt ul{margin:0 0 16px;padding-left:32px;list-style:disc;color:#808080}
.wifi-txt li{list-style:disc}
.wifi-row .feat-media video{width:100%;height:auto;object-fit:contain}
.wifi>.cta-ov{margin-top:30px}

/* IP telefon, Ajax, kartlar */
.mid-head{text-align:center}
.mid-head .eyebrow{margin-bottom:8px}
.mid-head h2{margin:0 0 48px}
.gcards{display:grid;gap:24px}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.gcard{padding:32px;background:rgba(255,255,255,.02);border:.8px solid rgba(255,255,255,.05);border-radius:15px}
.gi80{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:24px;font-size:16px}
.gi80>i:not(.fa-3x){font-size:32px}
.gi60{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:24px;font-size:16px}
.gi60>i{font-size:24px}
.gcard h4{margin:0 0 16px;font-size:24px;font-weight:500}
.gcard p{margin:0 0 8px}
.gcard p:last-child{margin-bottom:0}
.why .gcard h4{margin-bottom:7px}
.why .gcard p:last-child{margin-bottom:16px}
.acard h4{margin-bottom:15px}
.acard ul{margin-bottom:16px}
.acard li{color:var(--dim)}
.plain-c .gcard{border:0}
.plain-c .gcard p:last-child{margin-bottom:16px}
.info-c .gcard{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
.info-c a{text-decoration:none}
.ccards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;align-items:stretch}
.ccard{padding:24px;text-align:center;background:var(--card);border:.8px solid rgba(255,255,255,.1);border-radius:15px}
.ccard>i{display:block;margin-bottom:16px;font-size:32px}
.ccard h5{margin:0 0 8px;font-size:20px;font-weight:500}
.ccard p{margin:0;font-size:15.2px;line-height:1.6}
.ov-host .bolt{position:absolute;right:0;bottom:32px;width:106px;text-align:center}
.bolt h5{margin:0;font-size:20px;font-weight:500}
.water.ov-host video{width:100%;aspect-ratio:624/343;border-radius:20px;object-fit:contain}
.water-badge{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;padding:15px 25px;background:rgba(0,0,0,.8);border-radius:15px}
.water-badge h6{margin:0 0 28px;font-size:16px;font-weight:500}
.vcards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:48px}
.vcard{background:rgba(255,255,255,.02);border:.8px solid rgba(255,255,255,.05);border-radius:15px;overflow:hidden}
.vcard video{width:100%;aspect-ratio:634/400;object-fit:cover;border-radius:10px}
.vcard-t{padding:32px 32px 48px}
.vcard h4{margin:0 0 16px;font-size:24px;font-weight:500}
.vcard p{margin:0}
.ajax-plugs .row{align-items:center}
.cta-bg{position:relative;height:518px;display:flex;align-items:center;background:#000 center/cover no-repeat}
.cta-bg-shade{position:absolute;inset:0;background:rgba(0,0,0,.7)}
.cta-bg-in{position:relative;max-width:856px;text-align:center}
.cta-bg h2{margin:0 0 24px;font-size:32px;font-weight:500;color:#f00}
.cta-bg h2.w300{font-weight:300}
.cta-bg p{margin:0 0 24px;font-size:20px;line-height:1.5}

/* Hakkımızda sayfası */
.aboutbg .row{align-items:stretch}
.bigcard{padding:32px;background:rgba(255,255,255,.02);border:.8px solid rgba(255,255,255,.05);border-radius:15px}
.bigcard-i{margin-bottom:24px}
.bigcard-h{display:flex;align-items:center;margin-bottom:24px}
.bigcard-h .gi80{margin:0 24px 0 0;flex:none}
.bigcard h3{margin:0;font-size:28px;font-weight:500}
.bigcard-i>p{margin:0;color:var(--dim)}
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.vitem{padding:24px;background:rgba(255,255,255,.02);border-radius:10px}
.vitem h5{margin:0 0 8px;font-size:20px;font-weight:500}
.vitem p{margin:0;color:var(--dim)}

/* Blog */
.pill{display:flex;gap:8px;width:max-content;max-width:100%;margin:48px auto 96px;padding:10px;background:rgba(255,255,255,.02);border-radius:30px}
.pill .chip{min-height:0;height:44px;padding:0 27px;border:0;border-radius:30px;font-size:16px}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post{display:flex;flex-direction:column;overflow:hidden;background:rgba(255,255,255,.02);border:.8px solid rgba(255,255,255,.05);border-radius:15px}
.post img{width:100%;height:200px;object-fit:cover}
.post-b{flex:1;padding:32px 32px 33px}
.post-meta{margin-bottom:14px;font-size:14.4px;line-height:1.6;color:var(--dim)}
.post h3{margin:0 0 16px;font-size:24px;font-weight:500}
.post p{margin:0 0 24px;line-height:1.6}
.post-more{display:block;color:#808080}
.post h3 a{color:inherit;text-decoration:none}
.post-body{max-width:800px}
.post-body p,.post-body li{line-height:1.7}
.post-body a:not(.pbtn){color:var(--accent);text-decoration:underline}
.sec.blog>.ct>.posts:last-child{margin-bottom:48px}

/* Mobil uygulamalar */
.appgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.appc{padding:32px 32px 40px;background:rgba(255,255,255,.05);border:.8px solid rgba(255,255,255,.1);border-radius:15px}
.appc-logo{width:120px;height:120px;margin:0 0 24px;object-fit:contain}
.appc h4{margin:0 0 16px;font-size:24px;font-weight:500}
.appc p{margin:0 0 32px}
.stores{display:flex;justify-content:center;gap:16px}
.stores img{width:40px;height:40px}

/* SSS */
.sss-row{align-items:flex-start;gap:24px}
.side{flex:0 0 306px;min-height:437px;padding:32px;background:rgba(255,255,255,.02);border-radius:15px}
.side h4{margin:0 0 28px;font-size:24px;font-weight:500}
.side .chip{display:block;width:100%;min-height:0;height:48px;margin:0 0 16px;padding:0;border:0;border-radius:0;background:none;font-size:16px;text-align:center;color:#fff}
.side .chip.on{color:var(--accent)}
.side .chip:last-of-type{margin-bottom:0}
.faq-col{min-width:0}
.faq{display:grid;gap:16px}
.qa{background:rgba(255,255,255,.02);border:.8px solid rgba(255,255,255,.05);border-radius:10px}
.qa summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;font-size:18px;line-height:1.6;cursor:pointer;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"\f078";flex:none;font-family:"Font Awesome 5 Free";font-weight:900;font-size:12px;transition:transform .2s}
.qa[open] summary{color:var(--accent)}
.qa[open] summary::after{transform:rotate(180deg)}
.qa-a{padding:0 24px 16px}
.qa-a p{margin:0 0 8px}
.qa-a li{padding:2px 0}
.faq-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:47px;padding:32px;background:rgba(255,255,255,.02);border:.8px solid rgba(255,255,255,.05);border-radius:15px}
.faq-cta h4{margin:0 0 16px;font-size:24px;font-weight:500}
.faq-cta p{margin:0}
.faq-cta .pbtn{flex:none}
.faq-cta>div{flex:0 1 592px}

/* Kariyer */
.jobs{display:flex;flex-wrap:wrap;gap:48px 24px;align-items:flex-start}
.job{flex:0 0 calc(50% - 12px);padding:32px;background:rgba(255,255,255,.05);border:.8px solid rgba(255,255,255,.1);border-radius:15px}
.job:nth-child(n+3){flex-basis:624px}
.job h4{margin:0 0 26px;font-size:24px;font-weight:500}
.job p{margin:0 0 24px}
.job-f{display:flex;align-items:center;justify-content:space-between}
.job-loc{color:var(--dim)}
.culture .row{margin:0}
.tagcards{display:flex;gap:24px}
.tagcard{flex:0 0 306px;padding:32px;text-align:center;background:rgba(255,255,255,.05);border-radius:15px}
.tagcard h5{margin:0 0 8px;font-size:20px;font-weight:500}
.apply{max-width:856px;margin:-24px auto 0;display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.apply .hp{position:absolute}
.apply label{margin:0 0 8px}
.apply textarea{height:150px}
.apply input,.apply textarea{margin:0 0 16px}
.apply label[for=a-message],.apply textarea{grid-column:1/-1}
.apply .pbtn{grid-column:1/-1;justify-self:center;margin-top:8px}

/* İletişim */
.cform{align-items:flex-start}
.cform .form label{margin:0 0 8px;font-weight:400}
.cform .form input,.cform .form textarea{margin:0 0 16px;background:rgba(255,255,255,.05);border:.8px solid rgba(255,255,255,.1)}
.cform .form textarea{height:120px}
.cform .form .pbtn{margin-top:8px}
.loc-box{display:flex;align-items:center;justify-content:center;height:450px;padding:24px;text-align:center;background:rgba(0,0,0,.1);border:.8px solid rgba(255,255,255,.1);border-radius:20px}

/* Alt bilgi */
.foot{padding:48px 12px;background:var(--navy)}
.foot-top{display:flex;align-items:center;justify-content:space-between;margin:48px 0}
.foot-top img{width:233px;height:50px;max-width:none}
.soc{display:flex;gap:16px}
.soc-i{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--accent-fill);font-size:16px}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:48px;padding-bottom:42px}
.foot-cols p{margin:0}
.foot-cols h4{margin:0 0 30px;font-size:24px;font-weight:500}
.foot-cols li{margin-bottom:11px;color:#808080}
.foot-cols li.addr{margin-bottom:22px}
.foot-cols a{text-decoration:none}
.foot-cols a:hover{color:#fff}
.to-top{position:fixed;right:30px;bottom:45px;z-index:40;width:56px;height:56px;padding:0;font-size:16px;color:var(--white);background:var(--accent-fill);border:0;border-radius:50%;cursor:pointer}
.to-top:hover{background:var(--accent-d)}

/* ---------- Dar ekranlar: tek sütun ---------- */
@media (max-width:991px){
  .row,.row.g24{flex-direction:column;align-items:stretch;gap:24px}
  .row>*{flex:0 0 auto}
  .feat,.wifi-row{margin-top:48px}
  .feat.inset{padding:0}
  .hero h1,.slide h1,.slide h2,.hero-c h1,.hero-s h1,.hero-p h1{font-size:40px}
  .hero-app h1{font-size:36px}
  .hero .lead,.slide .lead{font-size:18px}
  .hero-img,.hero-vid{height:auto;min-height:480px;padding:130px 0 60px}
  .hero-s{height:auto;min-height:340px;padding:120px 0 48px}
  .hero-p{padding:130px 0 56px}
  .hero-app{padding:150px 0 80px}
  .hero-in{padding:0 16px}
  .hero-c .hero-txt,.hero-s .hero-txt{width:100%}
  .hero-btn.mid{text-align:left;justify-content:flex-start}
  .slider{height:auto;min-height:560px}
  .slide{padding-top:0}
  .slide:not(.on){display:none}
  .slide.on{position:relative;min-height:560px;padding:130px 0 60px}
  .vbg h2,.home-feat-t h2,.ab-l h2{font-size:32px}
  .hcards,.g3,.g4,.posts,.appgrid,.tcards{grid-template-columns:1fr}
  .hcards{gap:16px}
  .home-vid video,.home-vid img{aspect-ratio:16/10}
  .home-feat-t{padding-top:0}
  .hsec{padding:48px 12px}
  .hrow{margin-bottom:48px}
  .hrow-t{padding-top:0}
  .hrow-t h2{font-size:30px}
  .hrow-m{order:-1}
  .row.hrow .hrow-m video,.row.hrow .hrow-m img{aspect-ratio:16/9!important}
  .ab-l{padding-right:0}
  .mv,.counters{grid-template-columns:1fr 1fr}
  .vals,.vgrid,.ccards,.vcards{grid-template-columns:1fr}
  .feat-media.tall video{height:auto;aspect-ratio:4/5}
  .feat-media img,.feat-media video{aspect-ratio:auto}
  .wifi-row .feat-media video{aspect-ratio:16/9!important}
  .feat-lists{flex-direction:column;gap:0}
  .feat-lists>div{flex:0 0 auto}
  .feat-txt h1,.feat-txt h2,.kapi-txt h2,.split-i .feat-txt h2:not(.h32),.h40{font-size:30px}
  .wifi-txt h2,.h32,.band h2,.cta-t h2,.cta-plain h2,.cta-bg h2{font-size:26px}
  .cta-ov{aspect-ratio:auto!important;display:flex;flex-direction:column}
  .cta-ov>img,.cta-ov>video{position:static;height:auto;aspect-ratio:16/9;object-fit:cover}
  .cta-t{position:static;width:auto;max-width:none;padding:24px 0 0}
  .badge-ov{left:12px;bottom:12px}
  .stat-host .stat{right:12px;bottom:12px;padding:12px;background:rgba(0,0,0,.55)}
  .stat .stat-num{font-size:48px}
  .icells{column-gap:12px}
  .tcard{padding-bottom:32px}
  .tcard-i{margin-left:0;margin-right:24px}
  .cta-bg{height:auto;padding:64px 0}
  .pill{flex-wrap:wrap;border-radius:24px}
  .side{flex:0 0 auto;min-height:0}
  .sss-row{flex-direction:column}
  .faq-cta{flex-direction:column;align-items:flex-start}
  .job,.job:nth-child(n+3){flex:0 0 100%}
  .tagcards{flex-wrap:wrap}
  .tagcard{flex:1 1 200px}
  .apply{grid-template-columns:1fr}
  .loc-box{height:260px}
  .foot-cols{grid-template-columns:1fr 1fr;gap:32px}
  .foot-top{flex-wrap:wrap;gap:24px}
  .to-top{right:16px;bottom:16px}
  .sec.s48>.ct>:first-child{margin-top:16px}
  .sec.s48>.ct>:last-child{margin-bottom:16px}
  .split-i{margin:16px 0}
  .home-feat{margin:16px 0}
  .pg-kamera-gozetimi .foot{padding-bottom:48px}
}
@media (max-width:600px){
  .foot-cols{grid-template-columns:1fr}
  .pbtn{padding:14px 28px}
  .pbtn.lg{padding:14px 28px}
  .hero h1,.slide h1,.slide h2,.hero-c h1,.hero-s h1,.hero-p h1{font-size:32px}
  .vbg h2{font-size:28px}
  .mv,.counters{grid-template-columns:1fr}
  .band,.aboutbg,.culture{padding:56px 12px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .slide,.site-header{transition:none}
  .marquee-in{animation:none}
}

/* Dar masaüstü: menü tek satırda kalsın (Mağaza hapı eklendi) */
@media (min-width:1121px) and (max-width:1420px){.header-in{padding:0 14px;gap:6px}.brand img,.scrolled .brand img{width:150px}.nav a,.sub-toggle{padding:0 6px;font-size:15px}.nav .nav-store>a,.scrolled .nav .nav-store>a{padding:0 12px;margin:0 3px}.sub-toggle i{margin-left:5px}}
.gateway{position:relative;display:flex;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--bg)}
.gateway::before{content:"";position:absolute;inset:0 0 auto;z-index:2;height:190px;background:linear-gradient(rgba(0,0,0,.9),transparent);pointer-events:none}
.gateway-brand{position:absolute;top:28px;left:0;right:0;z-index:3;margin:0;pointer-events:none}
.gateway-brand img{width:340px;max-width:70vw;height:auto;margin:0 auto}
.gateway-side{position:relative;display:flex;flex:1 1 0;min-width:0;align-items:flex-end;justify-content:center;padding:200px 32px 72px;overflow:hidden;color:var(--white);text-decoration:none;text-align:center;transition:flex-grow .6s cubic-bezier(.22,.8,.3,1)}
.gateway-side::before{content:"";position:absolute;inset:0;background-position:center;background-size:cover;transition:transform .8s cubic-bezier(.22,.8,.3,1)}
.gateway-side::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.88));transition:background-color .4s}
.gateway-store::before{background-image:var(--gw-img,url("../img/gateway-store.jpg"))}
.gateway-site::before{background-image:var(--gw-img,url("../site/img/aerial-view-business-team.jpg"))}
.gateway-site{border-left:3px solid var(--accent)}
.gateway-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px;width:min(420px,100%)}
.gateway-in strong{font-size:44px;line-height:1.15;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.gateway-in>i{font-size:44px;color:var(--accent)}
.gateway-side:focus-visible{outline:3px solid var(--white);outline-offset:-6px}
@media (hover:hover) and (min-width:761px){
  .gateway-side:hover,.gateway-side:focus-visible{flex-grow:2.2}
  .gateway-side:hover::before,.gateway-side:focus-visible::before{transform:scale(1.07)}
  .gateway:hover .gateway-side:not(:hover)::after{background-color:rgba(0,0,0,.5)}
}
@media (max-width:760px){
  .gateway{flex-direction:column}
  .gateway::before{height:130px}
  .gateway-brand{top:20px}
  .gateway-brand img{width:230px}
  .gateway-side{padding:96px 24px 32px}
  .gateway-site{padding-top:48px;border-left:0;border-top:3px solid var(--accent)}
  .gateway-in strong{font-size:32px}
}
@media (prefers-reduced-motion:reduce){
  .gateway-side,.gateway-side::before{transition:none}
}
.kvkk-note{margin:.6rem 0;font-size:.85rem;opacity:.8}
.kvkk-note a{text-decoration:underline}