/* polyesterfilm.com.tr (v2) — Outfit, yuvarlak bloklar, hap düğmeler, beyaz zeminli ürün görselleri */
:root{
  --lac:#14306b; --gece:#0b0f2c; --siyah:#0e0f14;
  --vurgu:#1aa6dc; --vurgu-k:#0f8bbd; --vurgu-acik:#62d3f7;
  --zemin:#ececec; --beyaz:#fff; --cizgi:#dcdde3;
  --yazi:#3c4052; --koyu:#0e1230; --soluk:#6b7083;
  --r:28px; --r-k:18px;
  --f:Outfit,"Segoe UI",system-ui,sans-serif;
  --hdr:84px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.65 var(--f);color:var(--yazi);background:var(--beyaz);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--f);color:var(--koyu);line-height:1.12;margin:0;font-weight:600;letter-spacing:-.015em}
p{margin:0}
.ik,.ok{flex:none}
.kap{width:min(1320px,100% - 48px);margin-inline:auto}
.kap.dar{width:min(940px,100% - 48px)}
.atla{position:absolute;left:-9999px}.atla:focus{left:16px;top:16px;z-index:100;background:#fff;padding:8px 12px;border-radius:8px}
:focus-visible{outline:2px solid var(--vurgu);outline-offset:3px}

/* hap düğmeler */
.hap{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 24px;border-radius:999px;font:600 15px/1 var(--f);border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.hap.buyuk{height:54px;padding:0 32px;font-size:17px}
.hap.vurgu{background:var(--vurgu);color:#fff}.hap.vurgu:hover{background:var(--vurgu-k)}
.hap.cizgi{border-color:rgb(255 255 255 / .85);color:#fff;background:transparent}.hap.cizgi:hover{background:#fff;color:var(--koyu)}
.hap.koyu{background:var(--koyu);color:#fff}.hap.koyu:hover{background:var(--lac)}
.hap.koyu-cizgi{border-color:var(--koyu);color:var(--koyu)}.hap.koyu-cizgi:hover{background:var(--koyu);color:#fff}
.hap .ok{transition:transform .2s}.hap:hover .ok{transform:translateX(3px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 28px;border-radius:999px;font:600 16px/1 var(--f);border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.btn-ana{background:var(--vurgu);color:#fff}.btn-ana:hover{background:var(--vurgu-k)}
.btn-cizgi{background:#fff;color:var(--koyu);border-color:var(--cizgi)}.btn-cizgi:hover{border-color:var(--koyu)}
.ust{display:inline-block;font:600 16px/1 var(--f);color:var(--vurgu-k)}
.ust.kucuk{font-size:14px;margin-bottom:10px}

/* logo */
.logo{display:flex;align-items:center;gap:11px;font:500 23px/1 var(--f);letter-spacing:-.01em;color:inherit}
.logo b{font-weight:700;color:var(--vurgu)}
.lgo{width:40px;height:40px;flex:none}

/* header (görsel üstünde şeffaf → kaydırınca beyaz) */
.hdr{position:fixed;top:0;left:0;right:0;z-index:50;color:#fff;transition:background .3s,box-shadow .3s,color .3s}
.hdr-ust{display:flex;justify-content:space-between;gap:16px;padding:12px clamp(20px,3vw,48px) 0;font:500 13.5px/1 var(--f);opacity:.9;transition:max-height .3s,opacity .3s,padding .3s;max-height:40px;overflow:hidden}
.hdr-ust-sag{display:flex;gap:22px}.hdr-ust a:hover{text-decoration:underline}
.hdr-ic{position:relative;height:84px;display:flex;align-items:center;gap:28px;padding:0 clamp(20px,3vw,48px)}
.nav{display:flex;gap:4px;margin-left:auto}
.nav-oge{position:relative}.nav-oge.mega-oge{position:static}
.nav-oge>a{display:flex;align-items:center;gap:6px;padding:10px 15px;border-radius:999px;font:500 16.5px/1 var(--f);transition:background .2s}
.nav-oge>a:hover,.nav-oge.aktif>a{background:rgb(255 255 255 / .14)}
.nav-alt{position:absolute;top:100%;left:0;min-width:290px;padding:10px;margin-top:10px;background:#fff;border-radius:var(--r-k);box-shadow:0 24px 50px rgb(10 15 44 / .18);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s}
.nav-alt::before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.acilir:hover .nav-alt,.acilir:focus-within .nav-alt{opacity:1;visibility:visible;transform:none}
.nav-alt a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-radius:12px;font:500 15.5px/1.3 var(--f);color:var(--koyu);white-space:nowrap}
.nav-alt a .ok{opacity:0;transform:translateX(-4px);transition:.2s;color:var(--vurgu)}
.nav-alt a:hover{background:var(--zemin)}.nav-alt a:hover .ok{opacity:1;transform:none}
.nav-alt.mega{display:grid;grid-template-columns:repeat(5,max-content);gap:6px 8px;left:50%;top:100%;margin-top:0;padding:22px;transform:translate(-50%,8px)}
.acilir:hover .nav-alt.mega,.acilir:focus-within .nav-alt.mega{transform:translate(-50%,0)}
.nav-alt.mega::before{top:-24px;height:24px}
.mg-bas{display:block;font:600 13px/1 var(--f);color:var(--soluk);padding:4px 14px 10px;text-transform:uppercase;letter-spacing:.06em}
.mg-tum{grid-column:1/-1;margin-top:8px;background:var(--zemin);font-weight:600!important}
.hdr-sag{display:flex;align-items:center;gap:10px;margin-left:12px}
.menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;border-radius:50%;border:1.5px solid rgb(255 255 255 / .85);background:transparent;color:inherit;cursor:pointer}
.menu-btn span{width:18px;height:2px;border-radius:2px;background:currentColor;transition:.2s}
body.menu-acik .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.menu-acik .menu-btn span:nth-child(2){opacity:0}
body.menu-acik .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobil-menu{display:none}
.hdr.kaydi{background:#fff;color:var(--koyu);box-shadow:0 8px 30px rgb(10 15 44 / .08)}
.hdr.kaydi .hdr-ust{max-height:0;opacity:0;padding-top:0}
.hdr.kaydi .nav-oge>a:hover,.hdr.kaydi .nav-oge.aktif>a{background:var(--zemin)}
.hdr.kaydi .hap.cizgi{border-color:var(--koyu);color:var(--koyu)}.hdr.kaydi .hap.cizgi:hover{background:var(--koyu);color:#fff}
.hdr.kaydi .menu-btn{border-color:var(--koyu)}
.yan-sekme{position:fixed;right:0;top:50%;z-index:45;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;background:var(--vurgu);color:#fff;font:600 15px/1 var(--f);padding:22px 13px;border-radius:0 14px 14px 0;box-shadow:0 8px 24px rgb(26 166 220 / .35);transition:background .2s}
.yan-sekme:hover{background:var(--vurgu-k)}

/* hero slider */
.hero{position:relative;height:100svh;min-height:620px;max-height:980px;overflow:hidden;background:var(--gece);color:#fff}
.hs{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s ease,visibility 1.1s}
.hs.aktif{opacity:1;visibility:visible}
.hs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 9s linear}
.hs.aktif img{transform:scale(1)}
.hs::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(11 15 44 / .6) 0%,rgb(11 15 44 / .2) 30%,rgb(11 15 44 / .35) 55%,rgb(11 15 44 / .82) 100%)}
.hs-yazi{position:absolute;z-index:2;left:24px;right:24px;bottom:15%;text-align:center;display:flex;flex-direction:column;align-items:center}
.hs-baslik{color:#fff;font-size:clamp(36px,4.6vw,66px);font-weight:600;line-height:1.08;letter-spacing:-.02em;text-shadow:0 2px 30px rgb(0 0 0 / .25)}
.hs-yazi p{font-size:clamp(17px,1.4vw,21px);margin:16px 0 28px;color:rgb(255 255 255 / .92);max-width:760px}
.hs-yazi>*{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}
.hs.aktif .hs-yazi>*{opacity:1;transform:none}
.hs.aktif .hs-yazi>:nth-child(2){transition-delay:.12s}.hs.aktif .hs-yazi>:nth-child(3){transition-delay:.24s}
.hero-ok{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:58px;height:58px;border-radius:50%;border:0;background:rgb(255 255 255 / .16);backdrop-filter:blur(6px);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s}
.hero-ok:hover{background:rgb(255 255 255 / .32)}
.hero-ok.sol{left:clamp(16px,3vw,48px)}.hero-ok.sag{right:clamp(60px,5vw,96px)}
.hero-nokta{position:absolute;z-index:3;left:50%;bottom:34px;transform:translateX(-50%);display:flex;gap:8px}
.hero-nokta button{width:10px;height:10px;border-radius:999px;border:0;padding:0;background:rgb(255 255 255 / .5);cursor:pointer;transition:width .3s,background .3s}
.hero-nokta button.aktif{width:32px;background:#fff}

/* neden — koyu blok */
.neden{position:relative;z-index:2;background:var(--gece);color:rgb(255 255 255 / .82);padding:96px 0 0;overflow:hidden}
.neden::before{content:"";position:absolute;left:50%;top:-220px;width:900px;height:600px;transform:translateX(-50%);background:radial-gradient(closest-side,rgb(26 166 220 / .28),transparent);pointer-events:none}
.neden .kap{position:relative}
.neden-bas{max-width:900px;margin:0 auto;text-align:center}
.neden-bas .ust{color:#fff}
.neden-bas h2{color:#fff;font-size:clamp(34px,4vw,56px);font-weight:600;margin:18px 0 22px}
.neden-bas p{font-size:18.5px;line-height:1.75}
.neden-bas .hap{margin-top:30px;min-width:190px}
.neden-rakam{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:72px 0 56px}
.neden-rakam>div{border:1px solid rgb(255 255 255 / .14);border-radius:var(--r-k);padding:28px 26px;background:rgb(255 255 255 / .03)}
.neden-rakam b{display:block;font:600 clamp(40px,3.8vw,56px)/1 var(--f);color:#fff;letter-spacing:-.02em}
.neden-rakam span{display:block;margin-top:10px;font-size:16px;color:rgb(255 255 255 / .7)}
.neden-gorsel{border-radius:var(--r) var(--r) 0 0;overflow:hidden;margin:0 -12px}
.neden-gorsel img{width:100%;aspect-ratio:21/8;object-fit:cover}

/* ayrık: solda sabit dev başlık, sağda yığılı foto kartlar */
.ayrik{background:var(--zemin);padding:110px 0}
.ayrik-ic{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.ayrik-sol{position:sticky;top:130px}
.dev{font-size:clamp(46px,5.2vw,84px);font-weight:300;line-height:1.04;letter-spacing:-.03em;color:var(--siyah)}
.dev b{display:block;font-weight:700}
.ayrik-sol p{margin:28px 0 30px;font-size:18px;max-width:440px;color:var(--soluk)}
.ayrik-sag{display:grid;gap:16px}
.fkart{position:relative;display:block;border-radius:var(--r-k);overflow:hidden;aspect-ratio:13/10;background:var(--gece);color:#fff}
.fkart img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.fkart:hover img{transform:scale(1.04)}
.fkart::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(11 15 44 / .05) 25%,rgb(11 15 44 / .9) 100%)}
.fkart-yazi{position:absolute;z-index:2;left:34px;right:34px;bottom:32px}
.fkart-etiket{display:inline-block;font:500 13.5px/1 var(--f);background:rgb(255 255 255 / .16);backdrop-filter:blur(6px);padding:8px 13px;border-radius:999px;margin-bottom:18px}
.fkart h3{color:#fff;font-size:clamp(26px,2.4vw,36px);font-weight:600;line-height:1.12;margin-bottom:14px;max-width:520px}
.fkart h3 em{font-style:normal;color:var(--vurgu-acik)}
.fkart p{font-size:15.5px;color:rgb(255 255 255 / .88);max-width:480px}

/* ürün kartları — beyaz zemin */
.urunler-serit{background:var(--zemin);padding:20px 0 110px}
.urunler-serit.sayfa{padding-top:90px}
.ortabaslik{text-align:center;font-size:clamp(34px,3.6vw,50px);font-weight:600;color:var(--siyah);margin-bottom:44px}
.grup-bas{font-size:clamp(26px,2.4vw,34px);color:var(--siyah);margin:56px 0 22px}.grup-bas:first-child{margin-top:0}
.urun-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ukart{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-k);padding:14px 14px 24px;box-shadow:0 2px 10px rgb(10 15 44 / .05);transition:transform .25s,box-shadow .25s}
.ukart:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgb(10 15 44 / .1)}
.ukart-gorsel{background:#fff;border:1px solid #f0f0f2;border-radius:12px;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;margin-bottom:18px;overflow:hidden}
.ukart-gorsel img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.ukart-gorsel svg{width:82%;height:auto}
.ukart:hover .ukart-gorsel img{transform:scale(1.04)}
.ukart-grp{font:500 13px/1 var(--f);color:var(--vurgu-k);margin:0 6px 8px}
.ukart h3{font-size:20px;margin:0 6px}
.ukart p{font-size:14.5px;color:var(--soluk);margin:8px 6px 0;line-height:1.5}
.orta-btn{text-align:center;margin-top:44px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* genel bölümler */
.bolum{padding:100px 0;background:#fff}
.bolum.gri{background:var(--zemin)}
.bolum-bas{max-width:780px;margin-bottom:48px}
.bolum-bas.orta{margin-inline:auto;text-align:center}
.bolum-bas h2{font-size:clamp(32px,3.4vw,48px);margin:12px 0 0}
.bolum-bas p{margin-top:18px;font-size:18px;color:var(--soluk)}
.iki{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.iki-bas{font-size:clamp(32px,3.4vw,48px);margin:12px 0 18px;color:var(--siyah);font-weight:300}
.iki-bas b{font-weight:700}
.iki-p{font-size:18px;color:var(--soluk)}
.tik{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px}
.tik li{display:flex;gap:12px;font-weight:500;color:var(--koyu)}
.tik li .ik{margin-top:4px;color:#fff;background:var(--vurgu);border-radius:50%;padding:3px;width:20px;height:20px}
.formul{background:var(--gece);border-radius:var(--r);padding:48px;color:rgb(255 255 255 / .7);display:grid;gap:6px;position:relative;overflow:hidden}
.formul::before{content:"";position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(closest-side,rgb(26 166 220 / .35),transparent)}
.formul>*{position:relative}.formul span{font-size:14px;color:var(--vurgu-acik)}.formul b{color:#fff;font-size:24px;font-weight:500;margin-bottom:14px}.formul b.buyuk{font-size:clamp(40px,4vw,56px);font-weight:600;margin:0}
.hizmet-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hizmet-izgara.dort{grid-template-columns:repeat(4,minmax(0,1fr))}
.hkart{position:relative;display:flex;flex-direction:column;background:var(--zemin);border-radius:var(--r);overflow:hidden;transition:transform .25s,box-shadow .25s}
.bolum.gri .hkart{background:#fff}
.hkart:hover{transform:translateY(-4px);box-shadow:0 20px 44px rgb(10 15 44 / .12)}
.hkart-foto{aspect-ratio:4/3;overflow:hidden}
.hkart-foto img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.hkart:hover .hkart-foto img{transform:scale(1.05)}
.hkart-ic{padding:26px 28px 30px;display:flex;flex-direction:column;flex:1}
.hkart h3{font-size:24px;margin-bottom:10px}
.hkart p{font-size:15.5px;color:var(--soluk);flex:1}
.hkart .devam{margin-top:22px;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 22px;border-radius:999px;background:var(--koyu);color:#fff;font:600 15px/1 var(--f)}
.hkart .devam::after{content:"";position:absolute;inset:0}

/* SSS */
.icerik .sss{margin-top:52px}
.sss h2{font-size:clamp(26px,2.4vw,34px);margin:52px 0 20px}
.sss h2:empty{display:none}
.sss details{background:#fff;border-radius:var(--r-k);margin-bottom:10px;border:1px solid var(--cizgi)}
.bolum:not(.gri) .sss details{background:var(--zemin);border-color:transparent}
.sss summary{cursor:pointer;list-style:none;padding:20px 60px 20px 24px;font:600 17.5px/1.4 var(--f);color:var(--koyu);position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:var(--koyu);color:#fff;display:grid;place-items:center;font-weight:400;font-size:20px}
.sss details[open] summary::after{content:"–";background:var(--vurgu)}
.sss details p{padding:0 24px 22px;color:var(--soluk)}

/* CTA */
.cta{background:#fff;padding:100px 0 110px}
.cta.gri{background:var(--zemin)}
/* aynı renkli bölümden sonra üst boşluk o bölümün alt boşluğundan gelir */
.bolum:not(.gri)+.cta:not(.gri),.bolum.gri+.cta.gri,.urunler-serit+.cta.gri,.ayrik+.cta.gri{padding-top:0}
.cta-ic{display:flex;align-items:center;justify-content:space-between;gap:40px;background:var(--lac);border-radius:var(--r);padding:56px 64px;color:rgb(255 255 255 / .82);position:relative;overflow:hidden}
.cta-ic::before{content:"";position:absolute;right:-140px;top:-180px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgb(26 166 220 / .55),transparent)}
.cta-ic>*{position:relative}
.cta .ust{color:var(--vurgu-acik)}
.cta h2{color:#fff;font-size:clamp(30px,3.2vw,46px);font-weight:300;margin:12px 0 12px}
.cta h2 b{font-weight:700}
.cta-btn{display:flex;flex-wrap:wrap;gap:12px;flex:none}

/* iç sayfa banner */
.ic-banner{position:relative;padding:calc(var(--hdr) + 80px) 0 90px;background:var(--gece) center/cover no-repeat;color:#fff;text-align:center}
.ic-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(11 15 44 / .74),rgb(11 15 44 / .6) 50%,rgb(11 15 44 / .84))}
.ic-banner .kap{position:relative;display:flex;flex-direction:column;align-items:center}
.iz{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;font-size:14.5px;color:rgb(255 255 255 / .75);margin-bottom:26px}
.iz a:hover{color:#fff}.iz b{color:#fff;font-weight:500}
.ic-banner .ust{color:#fff;opacity:.9}
.ic-banner h1{color:#fff;font-size:clamp(38px,4.6vw,66px);font-weight:600;margin:16px 0 18px;max-width:1000px}
.ic-banner p{font-size:19px;max-width:760px;color:rgb(255 255 255 / .88)}

/* detay sayfası */
.detay{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:56px;align-items:start}
.detay-foto{aspect-ratio:16/9;overflow:hidden;border-radius:var(--r);margin-bottom:36px}
.detay-foto img{width:100%;height:100%;object-fit:cover}
.giris{font-size:21px;line-height:1.6;font-weight:300;color:var(--siyah);margin-bottom:36px}
.giris.cevap{border-left:4px solid var(--vurgu);padding-left:24px}
.icerik h2{font-size:clamp(26px,2.4vw,34px);margin:52px 0 18px;color:var(--siyah)}
.icerik h2:first-child{margin-top:0}
.icerik p{margin-bottom:16px}
.icerik ul,.icerik ol{padding-left:1.2em;margin:0 0 18px}.icerik li{margin-bottom:8px}
.icerik a:not(.hap):not(.cip){color:var(--vurgu-k);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.icerik strong,.icerik b{color:var(--koyu);font-weight:600}
.madde-izgara{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.madde{background:var(--zemin);border-radius:var(--r-k);padding:20px 22px}
.madde h3{font-size:17px;font-weight:500;line-height:1.35;display:flex;gap:12px;align-items:flex-start}
.madde h3 .ik{color:#fff;background:var(--vurgu);border-radius:50%;padding:3px;width:22px;height:22px;margin-top:1px}
.cipler{display:flex;flex-wrap:wrap;gap:10px}
.cip{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border-radius:999px;background:var(--zemin);font-weight:500;color:var(--koyu);transition:background .2s,color .2s}
.cip .ik{color:var(--vurgu-k)}.cip:hover{background:var(--koyu);color:#fff}.cip:hover .ik{color:var(--vurgu-acik)}
.yan-kart{position:sticky;top:120px;background:var(--gece);color:rgb(255 255 255 / .8);border-radius:var(--r);padding:32px}
.yan-kart h3{color:#fff;font-size:26px;margin-bottom:10px}
.yan-kart>p{font-size:15.5px;margin-bottom:22px}
.yan-kart .btn{width:100%;margin-bottom:10px}
.yan-kart .btn-cizgi{background:transparent;color:#fff;border-color:rgb(255 255 255 / .5)}.yan-kart .btn-cizgi:hover{border-color:#fff}
.yan-liste{margin-top:20px;display:grid;gap:6px}
.yan-liste a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border-radius:14px;font-weight:500;font-size:15.5px;color:#fff;background:rgb(255 255 255 / .06)}
.yan-liste a.aktif,.yan-liste a:hover{background:rgb(255 255 255 / .16)}
.ozet{background:#fff;border-radius:var(--r-k);padding:16px;margin-bottom:22px;color:var(--yazi)}
.ozet-rulo{background:#fff;border:1px solid #f0f0f2;border-radius:12px;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:12px}
.ozet-rulo img{width:100%;height:100%;object-fit:contain}.ozet-rulo svg{width:78%}
.spec{width:100%;border-collapse:collapse;font-size:14.5px}
.spec th{text-align:left;font-weight:600;color:var(--koyu);padding:9px 10px 9px 4px;vertical-align:top;width:46%;border-bottom:1px solid var(--zemin)}
.spec td{padding:9px 4px;border-bottom:1px solid var(--zemin)}
.ozet .not{font-size:13px;margin-top:10px}
.not,.note{font-size:14px;color:var(--soluk)}
.tw{overflow-x:auto;margin-bottom:20px;border-radius:var(--r-k);border:1px solid var(--cizgi)}
.tbl{width:100%;border-collapse:collapse;font-size:15.5px}
.tw .tbl{margin:0}
.icerik>.tbl{border-radius:var(--r-k);overflow:hidden;margin-bottom:20px;box-shadow:0 0 0 1px var(--cizgi)}
.tbl th{background:var(--koyu);color:#fff;text-align:left;font-weight:500;padding:13px 16px}
.tbl td{padding:12px 16px;border-bottom:1px solid var(--zemin)}
.tbl tr:last-child td{border-bottom:0}.tbl tbody tr:nth-child(even) td{background:#f7f7f8}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 30px}
.facts div{background:var(--zemin);border-radius:var(--r-k);padding:18px 20px}
.facts b{display:block;font-size:13.5px;font-weight:500;color:var(--soluk)}
.facts span{font-weight:600;color:var(--koyu);font-size:17px}
.checks{list-style:none;padding:0!important}.checks li{position:relative;padding-left:32px;margin-bottom:12px}
.checks li::before{content:"";position:absolute;left:0;top:4px;width:20px;height:20px;border-radius:50%;background:var(--vurgu) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/13px no-repeat}
.steps{counter-reset:s;list-style:none;padding:0!important}
.steps li{counter-increment:s;position:relative;padding:18px 20px 18px 70px;background:var(--zemin);border-radius:var(--r-k);margin-bottom:10px}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:20px;top:16px;font:700 22px/1.2 var(--f);color:var(--vurgu-k)}
.tanim{list-style:none;padding:0!important}.tanim li{padding:14px 0;border-bottom:1px solid var(--zemin)}

/* hesap, form */
.hesap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.form-kart{background:#fff;border-radius:var(--r);padding:40px;box-shadow:0 2px 12px rgb(10 15 44 / .05)}
.form-kart>h2{font-size:30px;margin-bottom:8px}
.form-kart>p{color:var(--soluk);margin-bottom:22px}
.form{display:grid;gap:18px;align-content:start}
.form .satir{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.form label{display:grid;gap:8px;font:500 15px/1 var(--f);color:var(--koyu)}
.form input,.form select,.form textarea{font:400 16.5px/1.4 var(--f);color:var(--koyu);background:var(--zemin);border:1.5px solid transparent;border-radius:14px;padding:15px 16px;min-width:0;width:100%;transition:border-color .2s,background .2s}
.form textarea{resize:vertical;min-height:130px}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;background:#fff;border-color:var(--lac)}
.form .onay{display:flex;gap:12px;align-items:flex-start;font:400 15px/1.5 var(--f);color:var(--soluk)}
.form .onay input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--vurgu)}
.form .onay a{color:var(--vurgu-k);text-decoration:underline}
.form-btn{display:flex;flex-wrap:wrap;gap:10px}
.ferr{color:#b91c1c;min-height:1em}
.sonuc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:var(--gece);border-radius:var(--r-k);padding:22px;margin-top:6px}
.sonuc span{display:block;font-size:13.5px;color:var(--vurgu-acik)}.sonuc b{color:#fff;font-size:22px;font-weight:600}
.iletisim-izgara{display:grid;grid-template-columns:420px minmax(0,1fr);gap:40px;align-items:start}
.ik-kart{display:flex;gap:16px;align-items:center;padding:20px 22px;background:#fff;border-radius:var(--r-k);margin-bottom:12px}
.ik-kart .kutu{width:48px;height:48px;border-radius:50%;background:var(--koyu);color:#fff;display:grid;place-items:center;flex:none}
.ik-kart small{display:block;font-size:14px;color:var(--soluk)}
.ik-kart strong{font-size:18px;color:var(--koyu);font-weight:600;word-break:break-word}
.wa-btn{width:100%;margin-top:8px;background:#25d366!important}.wa-btn:hover{background:#1ebe5b!important}
.sozluk{margin:0;display:grid;gap:10px}
.terim{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;background:var(--zemin);border-radius:var(--r-k);padding:20px 24px}
.terim dt{font-weight:600;color:var(--koyu)}.terim dd{margin:0;color:var(--soluk)}
.foto-yigin{position:relative}
.foto-yigin .f1{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:var(--r)}
.alinti{position:absolute;left:24px;right:24px;bottom:24px;background:rgb(11 15 44 / .78);backdrop-filter:blur(8px);color:#fff;padding:22px 26px;border-radius:var(--r-k)}
.alinti p{font-size:17px;line-height:1.5}.alinti small{display:block;margin-top:8px;font-size:14px;opacity:.75}
.kvkk{max-width:900px;color:var(--soluk)}.kvkk p{margin-bottom:14px}.kvkk a{color:var(--vurgu-k);text-decoration:underline}

/* footer */
.ftr{background:var(--siyah);color:rgb(255 255 255 / .7);position:relative;overflow:hidden;z-index:3}
.ftr::before{content:"";position:absolute;left:-200px;bottom:-260px;width:700px;height:600px;background:radial-gradient(closest-side,rgb(26 166 220 / .25),transparent);pointer-events:none}
.ftr .kap{position:relative}
.ftr-bas{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:64px 0 40px;border-bottom:1px solid rgb(255 255 255 / .14)}
.ftr-logo{color:#fff;font-size:28px}.ftr-logo .lgo{width:48px;height:48px}
.ftr-iletisim{text-align:right}
.ftr-iletisim a{display:block;color:#fff}
.ftr-iletisim a:first-child{font:600 clamp(32px,3.2vw,46px)/1.1 var(--f);letter-spacing:-.01em}
.ftr-iletisim a:last-child{font:500 20px/1.6 var(--f)}
.ftr-ust{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding:44px 0 52px}
.ftr-marka h3{color:#fff;font-size:24px;font-weight:500;margin-bottom:16px}
.ftr-marka p{margin-bottom:12px;font-size:15.5px}
.ftr-ust>div:not(.ftr-marka) a{display:block;color:#fff;font-weight:500;margin-bottom:12px;font-size:15.5px}
.ftr-ust a:hover{color:var(--vurgu-acik)}
.ftr-alt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px 72px 30px 0;border-top:1px solid rgb(255 255 255 / .14);font-size:14px}
.ftr-alt i{font-style:normal;margin:0 8px;opacity:.5}.ftr-alt b,.ftr-alt a{color:#fff}

/* yüzen düğmeler */
.wa{position:fixed;right:24px;bottom:88px;z-index:46;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px rgb(0 0 0 / .25)}
.wa svg{width:26px;height:26px}
.yukari{position:fixed;right:24px;bottom:24px;z-index:46;width:52px;height:52px;border-radius:50%;border:0;background:var(--koyu);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 12px 26px rgb(10 15 44 / .3);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s,background .2s}
.yukari.gorunur{opacity:1;visibility:visible;transform:none}
.yukari:hover{background:var(--vurgu)}

/* görünme */
html.js .belir{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
html.js .belir.gor{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js .belir{opacity:1;transform:none;transition:none}.hs,.hs img,.hs-yazi>*{transition:none!important}}

/* duyarlı */
@media (max-width:1380px){.nav-oge>a{padding:10px 11px;font-size:15.5px}.hdr-sag .hap.cizgi{display:none}.nav-alt.mega{padding:16px}.nav-alt.mega a{font-size:14.5px;padding:10px 12px}}
@media (max-width:1180px){
  .nav,.hdr-sag .hap{display:none}
  .menu-btn{display:flex}
  .hdr-sag{margin-left:auto}
  body.menu-acik .hdr{background:#fff;color:var(--koyu)}
  body.menu-acik .menu-btn{border-color:var(--koyu)}
  body.menu-acik .mobil-menu{display:block;max-height:calc(100svh - 90px);overflow:auto;padding:4px 24px 26px}
  .mm-ana{display:block;padding:16px 0;border-bottom:1px solid var(--cizgi);font:600 19px var(--f);color:var(--koyu)}
  .mm-alt{display:block;padding:10px 0 10px 14px;font-size:16.5px;color:var(--yazi);border-bottom:1px solid var(--zemin)}
  .mobil-alt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
  .ayrik-ic,.iki,.detay,.iletisim-izgara{grid-template-columns:minmax(0,1fr);gap:44px}
  .ayrik-sol{position:static}
  .neden-rakam{grid-template-columns:repeat(2,minmax(0,1fr))}
  .urun-izgara{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hizmet-izgara,.hizmet-izgara.dort{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ftr-ust{grid-template-columns:1fr 1fr}
  .yan-kart{position:static}
  .cta-ic{flex-direction:column;align-items:flex-start;padding:44px 36px}
}
@media (max-width:700px){
  :root{--r:22px}
  body{font-size:16px}
  .kap,.kap.dar{width:calc(100% - 32px)}
  .hdr-ust{display:none}
  .hdr-ic{height:72px;padding:0 16px}
  .logo{font-size:20px}.lgo{width:36px;height:36px}
  .hero{height:88svh;min-height:560px}
  .hs-yazi{bottom:16%}
  .hs-baslik br{display:none}
  .hero-ok{display:none}
  .neden{padding-top:72px}
  .neden-rakam{margin:48px 0 40px;gap:10px}
  .neden-rakam>div{padding:20px 18px}
  .neden-gorsel img{aspect-ratio:16/10}
  .ayrik,.bolum{padding:72px 0}
  .fkart{aspect-ratio:4/5}
  .fkart-yazi{left:22px;right:22px;bottom:22px}
  .urun-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ukart{padding:10px 10px 18px}.ukart h3{font-size:17px}.ukart p{display:none}
  .urunler-serit{padding-bottom:72px}
  .hizmet-izgara,.hizmet-izgara.dort,.madde-izgara,.form .satir,.hesap,.facts{grid-template-columns:minmax(0,1fr)}
  .sonuc{grid-template-columns:minmax(0,1fr)}
  .cta{padding-top:72px;padding-bottom:72px}
  .cta-ic{padding:36px 24px}
  .ftr-bas{flex-direction:column;align-items:flex-start}
  .ftr-iletisim{text-align:left}
  .ftr-ust{grid-template-columns:minmax(0,1fr);gap:26px}
  .ftr-alt{padding-right:0}
  .ic-banner{padding:150px 0 70px}
  .ic-banner p{font-size:17px}
  .form-kart{padding:26px}
  .mobil-alt{grid-template-columns:1fr}
  .yan-sekme{display:none}
  .terim{grid-template-columns:minmax(0,1fr);gap:6px}
  .giris{font-size:19px}
  .wa{right:16px;bottom:80px}.yukari{right:16px;bottom:16px}
}
.hs img[src*="hero-film"]{object-position:88% 50%}