/* sampackt.com — polyesterfilm.com.tr tasarım dili (Outfit, yuvarlak bloklar, hap düğmeler); doğa tonları: coolors Bahçe: yeşil #386641 + kırmızı #bc4749 + fıstık #a7c957 + krem #f2e8cf (9 Kas, müşteri seçimi) */
:root{
  --lac:#386641; --gece:#2a4d31; --siyah:#1b3320;
  --vurgu:#bc4749; --vurgu-k:#9c393b; --vurgu-acik:#a7c957; --vurgu-rgb:188 71 73; --gece-rgb:42 77 49;
  --zemin:#f2e8cf; --beyaz:#fff; --cizgi:#e2d6b6;
  --yazi:#33402f; --koyu:#2a4d31; --soluk:#6b7064;
  --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(var(--gece-rgb) / .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(4,minmax(200px,250px));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(var(--gece-rgb) / .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(var(--vurgu-rgb) / .3);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(var(--gece-rgb) / .6) 0%,rgb(var(--gece-rgb) / .2) 30%,rgb(var(--gece-rgb) / .35) 55%,rgb(var(--gece-rgb) / .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(var(--vurgu-rgb) / .26),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(var(--gece-rgb) / .05) 25%,rgb(var(--gece-rgb) / .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(var(--gece-rgb) / .05);transition:transform .25s,box-shadow .25s}
.ukart:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgb(var(--gece-rgb) / .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:cover;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(var(--vurgu-rgb) / .3),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(var(--gece-rgb) / .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(var(--vurgu-rgb) / .45),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(var(--gece-rgb) / .74),rgb(var(--gece-rgb) / .6) 50%,rgb(var(--gece-rgb) / .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(var(--gece-rgb) / .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}
.mail-btn{width:100%;margin-top:8px}
.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(var(--gece-rgb) / .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(var(--vurgu-rgb) / .2),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(var(--gece-rgb) / .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}.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%}

/* ===== sampackt ekleri ===== */
.logo img{height:40px;width:auto}
.logo .lg-renk{display:none}
.hdr.kaydi .logo .lg-renk,body.menu-acik .logo .lg-renk{display:block}
.hdr.kaydi .logo .lg-beyaz,body.menu-acik .logo .lg-beyaz{display:none}
.ftr-logo img{height:48px;width:auto}
.nav-alt.mega{gap:20px 18px;padding:26px 28px;max-height:calc(100vh - 120px);overflow:auto}
.nav-alt.mega>div{display:flex;flex-direction:column}
.nav-alt.mega .mg-bas{padding:4px 10px 8px;color:var(--vurgu-k);text-transform:none;letter-spacing:0;font-size:14px;white-space:normal;line-height:1.3}
.nav-alt.mega>div>a:not(.mg-bas){padding:7px 10px;font-size:14.5px;white-space:normal;border-radius:10px}
.nav-alt.mega .mg-tum{grid-column:1/-1}
/* dil seçici */
.dil{position:relative}
.dil-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:999px;border:1.5px solid rgb(255 255 255 / .6);background:transparent;color:inherit;font:600 14.5px/1 var(--f);cursor:pointer}
.hdr.kaydi .dil-btn{border-color:var(--cizgi)}
.dil-alt{min-width:190px;left:auto;right:0}
[dir=rtl] .dil-alt{right:auto;left:0}
.dil:hover .dil-alt,.dil:focus-within .dil-alt{opacity:1;visibility:visible;transform:none}
.dil-alt a{justify-content:flex-start!important;gap:12px!important}
.dil-alt a.aktif{background:var(--zemin);font-weight:600}
.bayrak{font-size:18px;line-height:1}
.mm-dil{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.mm-dil a{padding:9px 14px;border-radius:999px;background:var(--zemin);font-weight:600;font-size:14.5px}
.mm-dil a.aktif{background:var(--koyu);color:#fff}
/* kategori kartı adet rozeti */
.hkart-foto{position:relative}
.hkart-sayi{position:absolute;left:16px;top:16px;background:rgb(255 255 255 / .92);color:var(--koyu);font:600 13px/1 var(--f);padding:8px 12px;border-radius:999px}
[dir=rtl] .hkart-sayi{left:auto;right:16px}
.hkart h3{font-size:21px}
/* ürün grubu başlık satırı */
.grup-satir{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:64px 0 22px}
.grup-satir:first-child{margin-top:0}
.grup-satir .grup-bas{margin:0}
.ukart h3{font-size:18px;line-height:1.25}
.orta-not{text-align:center;margin-top:30px}
.cipler.orta{justify-content:center}
/* baskı bölümü */
.baski-liste{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:12px}
.baski-liste li{display:flex;gap:16px;align-items:flex-start;background:#fff;border-radius:var(--r-k);padding:18px 20px}
.baski-liste li .ik{color:var(--vurgu);margin-top:2px}
.baski-liste b{display:block;color:var(--koyu);font-weight:600}
.baski-liste span{font-size:15px;color:var(--soluk)}
.formul .f-bas{font-size:14px;color:var(--vurgu-acik);margin-bottom:10px}
.moq-izgara{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0}.moq-izgara b{padding-inline-start:16px!important}
.moq-izgara span{padding:16px 0;border-bottom:1px solid rgb(255 255 255 / .12);color:rgb(255 255 255 / .8);font-size:16px}
.moq-izgara b{padding:16px 0;border-bottom:1px solid rgb(255 255 255 / .12);color:#fff;font-size:22px;font-weight:600;text-align:end;white-space:nowrap;margin:0}
/* süreç adımları */
.adimlar{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.adimlar li{background:var(--zemin);border-radius:var(--r-k);padding:26px 22px 28px;position:relative}
.bolum.gri .adimlar li{background:#fff}
.adim-no{display:block;font:700 34px/1 var(--f);color:var(--vurgu);margin-bottom:18px}
.adimlar h3{font-size:19px;margin-bottom:8px}
.adimlar p{font-size:15px;color:var(--soluk)}
/* uluslararası ağ */
.ag{position:relative;background:var(--gece) center/cover no-repeat;color:rgb(255 255 255 / .82);padding:110px 0}
.ag::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(18 19 24 / .9),rgb(18 19 24 / .8))}
.ag .kap{position:relative}
.ag .neden-bas h2{color:#fff;font-size:clamp(30px,3.4vw,48px);font-weight:600;margin:16px 0 18px}
.ag .neden-bas .ust{color:var(--vurgu-acik)}
.ag .neden-bas p{font-size:18px;line-height:1.7}
.ofisler{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px}
.bolum .ofisler{margin-top:0}
.ofis{background:rgb(255 255 255 / .06);border:1px solid rgb(255 255 255 / .14);border-radius:var(--r-k);padding:26px 24px;backdrop-filter:blur(6px);color:rgb(255 255 255 / .75)}
.bolum .ofis{background:var(--zemin);border-color:transparent;color:var(--soluk)}
.ofis-bas{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.bayrak-svg svg{width:34px;height:23px;border-radius:4px;display:block;box-shadow:0 0 0 1px rgb(0 0 0 / .1)}
.ofis-ulke{font:600 13px/1 var(--f);text-transform:uppercase;letter-spacing:.08em;color:var(--vurgu-acik)}
.bolum .ofis-ulke{color:var(--vurgu-k)}
.ofis h3{color:#fff;font-size:22px;margin-bottom:8px}
.bolum .ofis h3{color:var(--koyu)}
.ofis b{display:block;color:#fff;font-weight:500;margin-bottom:6px}
.bolum .ofis b{color:var(--koyu)}
.ofis p{font-size:15px}
.ofis small{display:block;margin-top:12px;font-size:13.5px;opacity:.85}
.harita{margin-top:30px;border-radius:var(--r);overflow:hidden;aspect-ratio:21/7}
.harita iframe{width:100%;height:100%;border:0;display:block}
/* ürün detay */
.galeri{margin-bottom:40px}
.galeri-ana{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden}
.galeri-ana img{width:100%;height:100%;object-fit:cover;display:block}
.galeri-kucuk{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.galeri-kucuk button{width:88px;height:88px;padding:0;border-radius:14px;border:0;background:#fff;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px var(--cizgi);position:relative}
.galeri-kucuk button::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgb(0 0 0 / .08);pointer-events:none}
.galeri-kucuk button.aktif::after{box-shadow:inset 0 0 0 3px var(--vurgu)}
.galeri-kucuk img{width:100%;height:100%;object-fit:cover;display:block}
.giris p{font-size:19px;line-height:1.65;font-weight:300;color:var(--siyah);margin-bottom:14px}
.olcu{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.olcu span{display:inline-flex;align-items:center;padding:11px 18px;border-radius:999px;background:var(--zemin);font-weight:600;color:var(--koyu);font-size:15.5px}
.tbl.kv th{background:transparent;color:var(--koyu);font-weight:600;width:38%;border-bottom:1px solid var(--zemin);vertical-align:top}
.tbl.kv tr:nth-child(even) th{background:#f7f7f8}
.tbl td,.tbl th{text-align:start}
.moq{background:rgb(255 255 255 / .08);border-radius:14px;padding:14px 16px;margin-bottom:16px}
.moq span{display:block;font-size:13.5px;color:var(--vurgu-acik)}.moq b{color:#fff;font-size:18px;font-weight:600}
.btn-wa{background:#25d366;color:#fff}.btn-wa:hover{background:#1fb457}
.yan-bas{display:block;font:600 13px/1 var(--f);text-transform:uppercase;letter-spacing:.06em;color:rgb(255 255 255 / .5);margin:6px 0}
.yan-liste a{font-size:14.5px}
/* hakkımızda */
.degerler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.deger{background:#fff;border-radius:var(--r);padding:34px 30px}
.deger .ik{color:var(--vurgu);margin-bottom:18px}
.deger h3{font-size:22px;margin-bottom:10px}.deger p{color:var(--soluk);font-size:16px}
.icerik.belir p{margin-bottom:14px;font-size:17.5px}
/* iletişim */
.unvan{font:600 15px/1.4 var(--f);color:var(--koyu);margin-bottom:16px;letter-spacing:.01em}
.ik-kart .kutu svg{width:22px;height:22px}
.ik-kart:hover{box-shadow:0 10px 30px rgb(18 19 24 / .08)}
.qr-kart,.kat-kart,.sosyal-kart{background:#fff;border-radius:var(--r-k);padding:22px;margin-bottom:12px}
.qr-kart{display:flex;gap:18px;align-items:center}
.qr-kart img{width:120px;height:120px;flex:none;border-radius:10px}
.qr-kart h3,.kat-kart h3,.sosyal-kart h3{font-size:18px;margin-bottom:6px}
.qr-kart p,.kat-kart p{font-size:14.5px;color:var(--soluk)}
.kat-kart .hap{margin-top:14px}
.sosyal-kart div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.sosyal-kart a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:var(--zemin);font-weight:500;color:var(--koyu)}
.sosyal-kart a:hover{background:var(--koyu);color:#fff}
/* footer */
@media (min-width:1181px){.ftr-ust{grid-template-columns:1.3fr 1.1fr .8fr 1.2fr}}
.ftr-ust>div:not(.ftr-marka) a{font-size:15px}
.ftr-adres p{font-size:14.5px;margin-bottom:14px}.ftr-adres b{display:block;color:#fff;font-weight:600;margin-bottom:2px}
.sosyal{display:flex;gap:10px;margin-top:18px}
.sosyal a{width:42px;height:42px;border-radius:50%;background:rgb(255 255 255 / .08);display:grid!important;place-items:center;color:#fff;margin:0!important}
.sosyal a:hover{background:var(--vurgu)}
/* RTL */
[dir=rtl] body{font-family:"IBM Plex Sans Arabic",Outfit,system-ui,sans-serif}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .hap,[dir=rtl] .btn,[dir=rtl] .nav-oge>a,[dir=rtl] .nav-alt a,[dir=rtl] .form label,[dir=rtl] .form input,[dir=rtl] .form select,[dir=rtl] .form textarea{font-family:"IBM Plex Sans Arabic",Outfit,sans-serif;letter-spacing:0}
[dir=rtl] .yan-sekme{right:auto;left:0;border-radius:14px 0 0 14px}
[dir=rtl] .wa,[dir=rtl] .yukari{right:auto;left:24px}
[dir=rtl] .hero-ok.sol{left:auto;right:clamp(16px,3vw,48px)}[dir=rtl] .hero-ok.sag{right:auto;left:clamp(60px,5vw,96px)}
[dir=rtl] .hero-ok svg,[dir=rtl] .ok{transform:scaleX(-1)}
[dir=rtl] .hap:hover .ok{transform:scaleX(-1) translateX(3px)}
[dir=rtl] .ftr-iletisim{text-align:left}
[dir=rtl] .ftr-alt{padding:24px 0 30px 72px}
[dir=rtl] .checks li{padding-left:0;padding-right:32px}[dir=rtl] .checks li::before{left:auto;right:0}
[dir=rtl] .steps li{padding:18px 70px 18px 20px}[dir=rtl] .steps li::before{left:auto;right:20px}
@media (max-width:1380px){.dil-btn span{display:none}}
@media (max-width:1180px){.adimlar{grid-template-columns:repeat(2,minmax(0,1fr))}.ofisler{grid-template-columns:repeat(2,minmax(0,1fr))}.degerler{grid-template-columns:minmax(0,1fr)}.hdr-sag .dil{display:none}.harita{aspect-ratio:16/9}}
@media (max-width:700px){.adimlar,.ofisler{grid-template-columns:minmax(0,1fr)}.logo img{height:34px}.grup-satir{flex-wrap:wrap}.galeri-kucuk button{width:68px;height:68px}.qr-kart{flex-direction:column;align-items:flex-start}.ag{padding:72px 0}.moq-izgara b{font-size:18px}[dir=rtl] .wa,[dir=rtl] .yukari{left:16px}[dir=rtl] .ftr-alt{padding-left:0}.harita{aspect-ratio:4/3}}
.neden-gorsel img{aspect-ratio:auto}
.icerik h2{font-size:clamp(22px,1.9vw,27px);margin:40px 0 16px}
.atla{left:auto;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.atla:focus{width:auto;height:auto;clip-path:none}
.olcu span,.tbl td,.tbl th,.moq b,.moq-izgara b{unicode-bidi:plaintext}
/* mega menü: geniş, tek satır */
.nav-alt.mega{grid-template-columns:repeat(4,max-content);gap:22px 34px;padding:28px 34px;max-width:calc(100vw - 32px)}
.nav-alt.mega .mg-bas,.nav-alt.mega>div>a:not(.mg-bas){white-space:nowrap}
.nav-alt.mega{grid-template-columns:repeat(4,minmax(0,auto));width:max-content;max-width:min(1400px,calc(100vw - 32px));gap:20px 26px}
.nav-alt.mega>div{min-width:0}
.nav-alt.mega .mg-bas,.nav-alt.mega>div>a:not(.mg-bas){overflow:hidden;text-overflow:ellipsis;display:block}
@media (max-width:1380px){.nav-alt.mega{gap:16px 14px;padding:22px 20px}.nav-alt.mega>div>a:not(.mg-bas){font-size:13.5px;padding:6px 8px}.nav-alt.mega .mg-bas{font-size:13px;padding:4px 8px 8px}}
/* SVG bayraklar */
svg.bayrak{width:24px;height:16px;flex:none;border-radius:3px;box-shadow:0 0 0 1px rgb(0 0 0 / .12);display:block}
.dil-btn svg.bayrak{width:22px;height:15px}
.mm-dil a{display:inline-flex;align-items:center;gap:8px}
@media (max-width:1380px){.dil-btn span{display:inline}}
/* yuvarlak bayraklar */
svg.bayrak{width:22px;height:22px;border-radius:50%;box-shadow:0 0 0 1.5px rgb(255 255 255 / .9),0 0 0 2.5px rgb(0 0 0 / .08)}
.dil-btn svg.bayrak{width:22px;height:22px}
/* galeri: yatay görsel kutuyu tam doldurur; dikey/kare görselde bulanık dolgu */
.galeri-ana{position:relative}
.galeri-ana.sigdir::before{content:"";position:absolute;inset:-30px;background:var(--bg) center/cover;filter:blur(24px) saturate(1.1);opacity:.85}
.galeri-ana.sigdir img{position:relative;object-fit:contain}

/* açılış videosu (ilk slaytın üstünde; bitince altındaki resim görünür) */
.hs-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hs-video.oynuyor{opacity:1}
.hs-video.bitti{opacity:0}
/* mobil footer: tüm bloklar alt alta, menü bağlantıları tek sütun */
@media (max-width:700px){
  .ftr-ust{grid-template-columns:minmax(0,1fr)!important;gap:30px}
  .ftr-ust>div:not(.ftr-marka){padding-top:26px;border-top:1px solid rgb(255 255 255 / .12)}
  .ftr-ust>div:not(.ftr-marka) a{margin-bottom:14px;font-size:16px}
  .ftr-bas{padding:48px 0 32px}
}

/* kategori çubuğu: 8 ana kategori üst menüde, logonun altında */
.kat-bar{display:none}
@media (min-width:1181px){
  :root{--hdr:136px}
  .kat-bar{display:block;border-top:1px solid rgb(255 255 255 / .16);padding:0 clamp(20px,3vw,48px)}
  .kat-bar-ic{display:flex;justify-content:space-between;gap:4px;height:52px;align-items:center}
  .kb-oge{position:relative}
  .kb-oge>a{display:block;padding:9px 13px;border-radius:999px;font:600 15px/1 var(--f);white-space:nowrap;transition:background .2s,color .2s}
  .kb-oge>a:hover,.kb-oge.aktif>a{background:rgb(255 255 255 / .14)}
  .kb-oge.aktif>a{box-shadow:inset 0 -2px 0 var(--vurgu-acik)}
  .hdr.kaydi .kat-bar{border-top-color:var(--cizgi)}
  .hdr.kaydi .kb-oge>a:hover{background:var(--zemin);color:var(--vurgu-k)}
  .hdr.kaydi .kb-oge.aktif>a{background:var(--zemin);color:var(--vurgu-k);box-shadow:inset 0 -2px 0 var(--vurgu)}
  .kb-alt{min-width:300px;margin-top:6px}
  .kb-alt a{white-space:normal}
  .kb-alt .kb-bas{font-weight:600;color:var(--vurgu-k);border-bottom:1px solid var(--cizgi);border-radius:12px 12px 0 0;margin-bottom:4px}
  .kb-alt .kb-bas .ok{opacity:1;transform:none}
  .kat-bar-ic>.kb-oge:last-child .kb-alt,.kat-bar-ic>.kb-oge:nth-last-child(2) .kb-alt{left:auto;right:0}
  [dir=rtl] .kb-alt{left:auto;right:0}
  [dir=rtl] .kat-bar-ic>.kb-oge:last-child .kb-alt,[dir=rtl] .kat-bar-ic>.kb-oge:nth-last-child(2) .kb-alt{right:auto;left:0}
  [dir=rtl] .kb-oge>a{font-family:"IBM Plex Sans Arabic",Outfit,sans-serif}
}
@media (min-width:1181px) and (max-width:1380px){
  .kb-oge>a{padding:8px 9px;font-size:13.5px}
}
.mm-ayrac{margin-top:14px;border-top:2px solid var(--cizgi)}
.mm-kat{font-size:17.5px!important}

/* istatistik kutuları kaldırıldı (9 Kas) — başlık ile görsel arası boşluk */
.neden-bas{margin-bottom:56px}
@media (max-width:700px){.neden-bas{margin-bottom:36px}}

/* kategori açılır menüsü: her ürün tek satır */
@media (min-width:1181px){.kb-alt{min-width:0;width:max-content;max-width:calc(100vw - 40px)}.kb-alt a{white-space:nowrap}}
@media (min-width:1181px){.kat-bar-ic>.kb-oge:nth-last-child(3) .kb-alt{left:auto;right:0}[dir=rtl] .kat-bar-ic>.kb-oge:nth-last-child(3) .kb-alt{right:auto;left:0}}

/* dil seçimi: 5 bayrak açıkta, yan yana */
.bayraklar{display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid rgb(255 255 255 / .35)}
.bayraklar a{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:999px;opacity:1;transition:box-shadow .2s,transform .2s}
.bayraklar a:hover{opacity:1;transform:scale(1.08)}
.bayraklar a.aktif{opacity:1;box-shadow:0 0 0 2px #fff}
.bayraklar svg,.bayraklar img{width:24px;height:24px;border-radius:999px;display:block}
.hdr.kaydi .bayraklar{border-color:var(--cizgi)}
.hdr.kaydi .bayraklar a.aktif{box-shadow:0 0 0 2px var(--vurgu)}
@media (min-width:1181px) and (max-width:1380px){.bayraklar a{width:30px;height:30px}.bayraklar svg{width:22px;height:22px}}

/* ================= KURUMSAL KATMAN (9 Kas) =================
   düz renkli üst bant + beyaz kategori çubuğu, köşeli düğmeler, büyük harfli başlıklar,
   slayt altına binen kategori şeridi, katalog bandı, 3 karo, marka yeşili footer */
:root{--r:12px;--r-k:8px;--marka:#386641}
.hap{border-radius:6px}
.hap.buyuk{height:52px}
/* başlık: sabit, şeffaf değil */
.hdr,.hdr.kaydi{background:#fff;color:var(--koyu);box-shadow:0 6px 24px rgb(var(--gece-rgb) / .08)}
.hdr .hdr-ic{background:var(--marka);color:#fff}
.hdr .hdr-ic .logo .lg-renk{display:none!important}
.hdr .hdr-ic .logo .lg-beyaz{display:block!important}
.hdr .nav-oge>a:hover,.hdr .nav-oge.aktif>a,.hdr.kaydi .nav-oge>a:hover,.hdr.kaydi .nav-oge.aktif>a{background:rgb(255 255 255 / .14);color:#fff}
.hdr .nav-oge>a{border-radius:6px}
.hdr .bayraklar,.hdr.kaydi .bayraklar{border-color:rgb(255 255 255 / .35)}
.hdr .bayraklar a.aktif,.hdr.kaydi .bayraklar a.aktif{box-shadow:0 0 0 2px #fff}
.hdr .hdr-sag .hap.vurgu{background:#fff;color:var(--marka)}.hdr .hdr-sag .hap.vurgu:hover{background:var(--zemin)}
.hdr .menu-btn,.hdr.kaydi .menu-btn{border-color:rgb(255 255 255 / .7);color:#fff;border-radius:8px}
body.menu-acik .hdr{background:#fff}
@media (min-width:1181px){
  .hdr .kat-bar,.hdr.kaydi .kat-bar{background:#fff;color:var(--koyu);border-top:0;border-bottom:1px solid var(--cizgi)}
  .hdr .kb-oge>a{border-radius:6px}
  .hdr .kb-oge>a:hover,.hdr.kaydi .kb-oge>a:hover{background:var(--zemin);color:var(--vurgu-k)}
  .hdr .kb-oge.aktif>a,.hdr.kaydi .kb-oge.aktif>a{background:var(--zemin);color:var(--vurgu-k);box-shadow:inset 0 -2px 0 var(--vurgu)}
}
@media (max-width:1180px){:root{--hdr:84px}}
@media (max-width:700px){:root{--hdr:72px}}
/* slayt: başlığın altından başlar, yazı sola hizalı ve büyük harf */
.hero{margin-top:var(--hdr);height:calc(100svh - var(--hdr));min-height:520px;max-height:760px}
.hs::after{background:linear-gradient(90deg,rgb(var(--gece-rgb) / .72) 0%,rgb(var(--gece-rgb) / .38) 45%,rgb(var(--gece-rgb) / .05) 75%),linear-gradient(0deg,rgb(var(--gece-rgb) / .35),transparent 40%)}
.hs-yazi{left:max(24px,calc((100vw - 1320px) / 2));right:auto;bottom:auto;top:50%;transform:translateY(-62%);max-width:min(720px,calc(100vw - 48px));text-align:left;align-items:flex-start}
.hs-baslik{text-transform:uppercase;font-weight:700;letter-spacing:0;font-size:clamp(32px,3.8vw,56px);line-height:1.04}
.hs-baslik br{display:none}
.hs-yazi p{max-width:560px}
.hero-ok{border-radius:8px;width:50px;height:50px}
.hero-nokta{bottom:118px}
[dir=rtl] .hs-yazi{left:auto;right:max(24px,calc((100vw - 1320px) / 2));text-align:right}
[dir=rtl] .hs::after{background:linear-gradient(270deg,rgb(var(--gece-rgb) / .72) 0%,rgb(var(--gece-rgb) / .38) 45%,rgb(var(--gece-rgb) / .05) 75%),linear-gradient(0deg,rgb(var(--gece-rgb) / .35),transparent 40%)}
/* kategori şeridi (slaytın altına biner) */
.kserit{position:relative;z-index:4;margin-top:-90px;padding-bottom:56px}
.kserit-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.ks-kart{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-k);overflow:hidden;box-shadow:0 10px 30px rgb(var(--gece-rgb) / .12);transition:transform .25s,box-shadow .25s}
.ks-kart:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgb(var(--gece-rgb) / .18)}
.ks-ad{display:flex;align-items:center;justify-content:center;text-align:center;min-height:54px;padding:8px 14px;background:var(--marka);color:#fff;font:600 15px/1.25 var(--f)}
.ks-kart:hover .ks-ad{background:var(--vurgu)}
.ks-kart img{width:100%;aspect-ratio:16/10;object-fit:cover}
/* katalog bandı */
.katalog-bant{background:var(--zemin);padding:54px 0}
.katalog-bant-ic{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.katalog-bant h2{font-size:clamp(26px,2.6vw,38px);color:var(--marka);font-weight:600}
.katalog-bant p{margin-bottom:18px;color:var(--yazi)}
/* bölüm başlıkları: büyük harf, marka yeşili */
.ortabaslik,.bolum-bas h2,.iki-bas,.neden-bas h2{text-transform:uppercase;letter-spacing:.01em;font-weight:700}
.ortabaslik,.bolum-bas h2,.iki-bas{color:var(--marka)}
/* kartlar daha az yuvarlak */
.fkart,.ukart,.hkart,.ofis,.adimlar li,.baski-liste li,.formul,.cta-kutu,.neden-gorsel,.neden-gorsel img{border-radius:var(--r-k)}
/* 3 karo */
.karolar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.karo{min-height:220px;padding:44px clamp(24px,3vw,48px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;color:#fff}
.karo h2{color:#fff;font-size:clamp(24px,2.2vw,32px);font-weight:600}
.karo-1{background:var(--marka)}.karo-2{background:var(--karo2,#6a994e)}.karo-3{background:var(--karo3,#a7c957)}
.karo-btn{background:#fff;color:var(--koyu);height:42px;font-size:14.5px}.karo-btn:hover{background:var(--zemin)}
/* footer: marka yeşili düz zemin */
.ftr{background:var(--gece);color:rgb(255 255 255 / .8)}
.ftr::before{display:none}
.ftr-bas,.ftr-alt{border-color:rgb(255 255 255 / .2)}
.ftr .ftr-iletisim a:first-child{font-size:clamp(28px,2.6vw,38px)}
@media (max-width:1180px){
  .kserit{margin-top:-60px}
  .katalog-bant-ic{grid-template-columns:minmax(0,1fr);gap:16px}
}
@media (max-width:700px){
  .hero{min-height:480px;height:78svh}
  .hs-yazi{top:auto;bottom:90px;transform:none}
  .hero-nokta{bottom:40px}
  .kserit{margin-top:0;padding:24px 0 36px}
  .kserit-izgara{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ks-ad{font-size:13.5px;min-height:48px;padding:6px 8px}
  .karolar{grid-template-columns:minmax(0,1fr)}
  .karo{min-height:0;padding:34px 24px}
}
/* slayt okları: yazının üstüne binmesin — sağ altta, noktaların hizasında */
@media (min-width:701px){
  .hero-ok{top:auto;bottom:104px;transform:none}
  .hero-ok.sol{left:auto;right:calc(max(24px,(100vw - 1320px) / 2) + 60px)}
  .hero-ok.sag{left:auto;right:max(24px,calc((100vw - 1320px) / 2))}
  .hero-nokta{bottom:122px;left:max(24px,calc((100vw - 1320px) / 2));transform:none}
  [dir=rtl] .hero-ok.sol{right:auto;left:max(24px,calc((100vw - 1320px) / 2))}
  [dir=rtl] .hero-ok.sag{right:auto;left:calc(max(24px,(100vw - 1320px) / 2) + 60px)}
  [dir=rtl] .hero-nokta{left:auto;right:max(24px,calc((100vw - 1320px) / 2))}
}
@media (min-width:701px){
  .hero-ok.sol{right:auto;left:max(24px,calc((100vw - 1320px) / 2))}
  .hero-ok.sag{right:auto;left:calc(max(24px,(100vw - 1320px) / 2) + 60px)}
  .hero-nokta{bottom:124px;left:calc(max(24px,(100vw - 1320px) / 2) + 132px)}
  [dir=rtl] .hero-ok.sol{left:auto;right:max(24px,calc((100vw - 1320px) / 2))}
  [dir=rtl] .hero-ok.sag{left:auto;right:calc(max(24px,(100vw - 1320px) / 2) + 60px)}
  [dir=rtl] .hero-nokta{left:auto;right:calc(max(24px,(100vw - 1320px) / 2) + 132px)}
}
/* kategori kartları: kalın yeşil çerçeve, kenarda beyaz boşluk kalmasın */
.ks-kart{background:var(--marka);border:5px solid var(--marka);border-radius:10px}
.ks-ad{min-height:50px;padding:6px 12px 10px}
.ks-kart img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:4px;transform:scale(1.002)}
.ks-kart:hover,.ks-kart:hover .ks-ad{background:var(--vurgu);border-color:var(--vurgu)}
@media (max-width:700px){.ks-kart{border-width:4px}.ks-ad{min-height:44px;padding:4px 6px 8px}}
/* kategori açılır menüsü: çubuğa bağlı açılsın (boşluksuz, üst köşe düz, yeşil üst çizgi, hafif alt gölge) */
@media (min-width:1181px){
  .kb-oge{height:52px;display:flex;align-items:center}
  .kb-oge .kb-alt{top:100%;margin-top:1px;border-radius:0 0 8px 8px;border-top:3px solid var(--marka);box-shadow:0 14px 24px -8px rgb(var(--gece-rgb) / .22);transform:none;transition:opacity .18s,visibility .18s;padding:8px}
  .kb-oge.acilir:hover .kb-alt,.kb-oge.acilir:focus-within .kb-alt{transform:none}
  .kb-oge .kb-alt::before{top:-14px;height:14px}
  .kb-oge:hover>a{background:var(--zemin);color:var(--vurgu-k)}
  .kb-alt a{border-radius:4px}
  .kb-alt .kb-bas{border-radius:4px 4px 0 0}
}
/* açılır menü sekmeye bağlı: açık sekme yeşil, menü onun altından düz köşeyle iner */
@media (min-width:1181px){
  .kb-oge>a{height:52px;display:flex;align-items:center;border-radius:6px 6px 0 0!important}
  .hdr .kb-oge:hover>a,.hdr .kb-oge:focus-within>a{background:var(--marka)!important;color:#fff!important;box-shadow:none!important}
  .kb-oge .kb-alt{margin-top:0;z-index:5;border-radius:0 0 8px 8px!important;border-top:3px solid var(--marka)}
  .kb-oge:first-child .kb-alt{left:0}
  .kb-alt .kb-bas,.kb-alt a:first-child{border-radius:0!important}
}
@media (min-width:1181px){[dir=rtl] .kb-oge:first-child .kb-alt{left:auto;right:0}}
/* sekme yeşile dönmesin, menü ile arasında yeşil çizgi olmasın (9 Kas) */
@media (min-width:1181px){
  .hdr .kb-oge:hover>a,.hdr .kb-oge:focus-within>a{background:var(--zemin)!important;color:var(--vurgu-k)!important}
  .kb-oge .kb-alt{border-top:0;box-shadow:0 14px 24px -8px rgb(var(--gece-rgb) / .22),0 0 0 1px var(--cizgi)}
}
/* açılır menünün üstünde çizgi olmasın: üst kenar yok, çubuğun alt çizgisini örter */
@media (min-width:1181px){
  .kb-oge .kb-alt{margin-top:-1px;border-top:0;box-shadow:1px 0 0 var(--cizgi),-1px 0 0 var(--cizgi),0 1px 0 var(--cizgi),0 16px 24px -10px rgb(var(--gece-rgb) / .22)}
}

/* logo tamamen beyaz; üzerine gelince orijinal (kırmızı S) — 9 Kas */
/* 13 Kas: logo her zaman beyaz yazı + kırmızı S (filtre/hover yok) */
.karo-3,.karo-3 h2{color:var(--karo3-yazi,#24361a)}
/* yeni vektör logo (AI dosyasından, Bahçe renkleri) — 10 Kas */
.logo img{height:50px}.ftr-logo img{height:58px}
@media (max-width:700px){.logo img{height:38px}}

/* 13 Kas: iç sayfa banner'ı daha canlı — fotoğraf daha görünür, bordo vurgular */
.ic-banner::before{background:linear-gradient(180deg,rgb(var(--gece-rgb) / .55),rgb(20 24 20 / .35) 50%,rgb(var(--gece-rgb) / .78))}
.ic-banner .ust{display:inline-block;opacity:1;background:var(--vurgu);color:#fff;padding:7px 16px;border-radius:4px;font-weight:700;letter-spacing:.04em;box-shadow:0 6px 18px rgb(var(--vurgu-rgb) / .35)}
.ic-banner h1{text-shadow:0 2px 18px rgb(0 0 0 / .35)}
.ic-banner h1::after{content:"";display:block;width:72px;height:4px;margin:18px auto 0;border-radius:2px;background:var(--vurgu)}
.ic-banner h1 .bn-v{color:#ff7b78}
.ic-banner p{color:#fff;text-shadow:0 1px 10px rgb(0 0 0 / .4)}
/* Hakkımızda: süreç görseli tam görünsün, alıntı görselin altında */
.foto-yigin .f1{aspect-ratio:auto;height:auto;object-fit:contain}
.foto-yigin .alinti{position:static;margin-top:16px;background:var(--marka);backdrop-filter:none;border-left:5px solid var(--vurgu)}

/* 13 Kas: footer daha canlı — üstte bordo şerit, fıstık yeşili başlıklar, bordo vurgular */
.ftr{border-top:5px solid var(--vurgu);background:linear-gradient(180deg,var(--marka) 0%,var(--gece) 100%)}
.ftr .ftr-iletisim a:first-child{color:#fff;text-decoration:underline;text-decoration-color:var(--vurgu);text-decoration-thickness:3px;text-underline-offset:8px}
.ftr .ftr-iletisim a:last-child{color:var(--vurgu-acik)}
.ftr-marka h3{font-weight:700}
.ftr-marka h3::after{content:"";display:block;width:56px;height:4px;margin-top:14px;border-radius:2px;background:var(--vurgu)}
.ftr-ust>div:not(.ftr-marka){position:relative}
.ftr-ust>div:not(.ftr-marka) a{transition:color .2s,transform .2s}
.ftr-ust>div:not(.ftr-marka) a::before{content:"›";color:var(--vurgu-acik);margin-right:8px;font-weight:700}
.ftr-ust>div:not(.ftr-marka) a:hover{color:var(--vurgu-acik);transform:translateX(3px)}
.ftr-adres b{color:var(--vurgu-acik)!important;text-transform:uppercase;letter-spacing:.05em;font-size:13px}
.ftr-adres p{color:#fff}
.ftr .sosyal a{background:var(--vurgu);color:#fff}
.ftr .sosyal a:hover{background:#fff;color:var(--vurgu)}
.ftr-alt{background:rgb(0 0 0 / .12);margin:0 calc(50% - 50vw);padding-left:calc(50vw - 50%);padding-right:calc(50vw - 50%)}
.ftr-alt b{color:var(--vurgu-acik)}

/* 13 Kas: sosyal medya ikonları kendi marka renklerinde */
.sosyal a.s-instagram,.sosyal-kart a.s-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285aeb 90%);color:#fff}
.sosyal a.s-facebook,.sosyal-kart a.s-facebook{background:#1877f2;color:#fff}
.sosyal a.s-linkedin,.sosyal-kart a.s-linkedin{background:#0a66c2;color:#fff}
.sosyal a.s-whatsapp,.sosyal-kart a.s-whatsapp{background:#25d366;color:#fff}
.sosyal a[class^="s-"]:hover,.sosyal-kart a[class^="s-"]:hover{filter:brightness(1.12);transform:translateY(-2px);color:#fff}
.sosyal a{transition:transform .2s,filter .2s}
/* footer: yazılar tam beyaz, yeşil daha canlı */
.ftr{background:linear-gradient(180deg,#3f8a4b 0%,#2e6a39 100%);color:#fff}
.ftr-marka p,.ftr-adres p,.ftr-alt{color:#fff}
.ftr-ust>div:not(.ftr-marka) a{color:#fff}
/* her kelimenin ilk harfi büyük: menüler + başlıklar (FR/ES — EN/TR zaten böyle yazılı). :where → büyük harf kurallarını ezmez */
:where(html[lang^="fr"],html[lang^="es"]) :where(h1,h2,h3,h4,.nav-oge>a,.kb-oge>a,.kb-oge .acilir-ic a,.mm-ana,.ks-ad,.fkart-etiket,.cip,.galeri+*,.ukart h3,.ftr-ust a,.hap){text-transform:capitalize}