:root{--ink:#0e1320}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.75 Poppins,system-ui,sans-serif;color:#1b2130;background:#fff;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Poppins,sans-serif;line-height:1.2;margin:0}
.w{max-width:1240px;margin:0 auto;padding:0 24px}section.w{padding:96px 24px}.alt{background:#f6f3ec;max-width:none;padding-left:max(24px,calc((100% - 1192px)/2));padding-right:max(24px,calc((100% - 1192px)/2))}
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s,transform .8s}.rv.in{opacity:1;transform:none}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);transition:box-shadow .3s}header.sc{box-shadow:0 8px 30px rgba(14,19,32,.09)}header .w{display:flex;align-items:center;justify-content:space-between;height:82px}
.logo{font:700 1.55rem Poppins,sans-serif}.logo img{max-height:56px;display:block}nav{display:flex;align-items:center}nav a{margin-left:30px;font-size:.9rem;font-weight:500;letter-spacing:.04em;color:#3a414d;transition:.2s}nav a:hover{color:var(--c)}nav a.cta{background:var(--c);color:#fff;padding:10px 26px;border-radius:30px}nav a.cta:hover{color:#fff;opacity:.88}
.dd{position:relative;height:82px;display:flex;align-items:center}.dm{position:absolute;top:100%;left:14px;min-width:230px;background:#fff;border-radius:14px;padding:8px;box-shadow:0 24px 60px rgba(14,19,32,.18);opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.dd:hover .dm,.dd:focus-within .dm{opacity:1;visibility:visible;transform:none}.dm a{display:block;margin:0;padding:10px 16px;border-radius:9px}.dm a:hover{background:#f6f3ec}
#mt,.mb{display:none}.hero{width:100%;height:var(--h);position:relative;overflow:hidden;background:#e9e6df}
.sl{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1s}.sl.on{opacity:1}
.ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 max(24px,calc((100% - 1192px)/2));color:#fff}.ov h1,.ov h2{font-size:clamp(2.2rem,5.4vw,4.2rem);margin-bottom:14px;max-width:760px}.ov h1:after,.ov h2:after{content:"";display:block;width:72px;height:4px;border-radius:4px;background:var(--c);margin-top:20px}.ov p{font-size:1.2rem;max-width:560px;margin:0 0 26px}
.btn,button.btn{display:inline-block;background:var(--c);color:#fff;padding:14px 34px;border:0;border-radius:40px;font-weight:600;cursor:pointer;width:fit-content;box-shadow:0 10px 24px color-mix(in srgb,var(--c) 40%,transparent);transition:.25s}.btn:hover{transform:translateY(-2px)}
.lnk{color:var(--c);font-weight:600}.mr{text-align:center;margin:44px 0 0}
.t{text-align:center;font-size:2.5rem;margin-bottom:56px}.t:after{content:"";display:block;width:56px;height:3px;background:var(--c);margin:18px auto 0}
.bx,.g3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.bx{margin-top:-70px;position:relative;padding-top:0!important;padding-bottom:0!important}
.card{background:#fff;border-radius:18px;padding:34px 30px;box-shadow:0 14px 40px rgba(14,19,32,.09);border-top:3px solid var(--c)}.card span{display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);font-size:1.6rem}.card h3{margin:16px 0 8px;font-size:1.25rem}.card p{margin:0;color:#667085;font-size:.95rem}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.it{display:block}.it .im{aspect-ratio:1/1;border-radius:16px;overflow:hidden;background:#ece9e2;transition:.4s}.it img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}.it:hover .im{box-shadow:0 22px 44px rgba(14,19,32,.2);transform:translateY(-6px)}.it:hover img{transform:scale(1.08)}.it h3{font:600 1.05rem Poppins,sans-serif;text-align:center;margin-top:16px;transition:.2s}.it:hover h3{color:var(--c)}
.cs{padding-top:48px!important;padding-bottom:52px!important}.cs .t{font-size:1.5rem;margin-bottom:28px}.cs .t:after{margin-top:12px;width:40px}.g6{display:flex;flex-wrap:wrap;justify-content:center;gap:36px}.g6 .it{width:100px}.g6 .im{border-radius:50%;box-shadow:0 0 0 3px #f6f3ec,0 0 0 4.5px var(--c)}.g6 .it h3{font-size:.82rem;margin-top:12px}
.ab{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.ab.one{grid-template-columns:1fr;max-width:860px}.fr{position:relative}.fr:before{content:"";position:absolute;inset:22px -22px -22px 22px;border:2px solid var(--c);border-radius:20px}.fr img{position:relative;width:100%;border-radius:20px;display:block}.ab h2{font-size:2.5rem;margin-bottom:18px}.ab p{color:#4a5260}
.nr{max-width:860px}details{border:1px solid #ece9e2;border-radius:14px;padding:18px 24px;margin-bottom:12px;transition:.2s}details[open]{box-shadow:0 12px 30px rgba(14,19,32,.08);border-color:var(--c)}summary{cursor:pointer;font-weight:600}
.ph{background:radial-gradient(640px 320px at 88% 0,color-mix(in srgb,var(--c) 45%,transparent),transparent),linear-gradient(135deg,#0e1320,#1f2a47);color:#fff;padding:88px 0 76px}.ph h1{font-size:clamp(2.2rem,5vw,3.6rem)}.ph .bc{color:#aeb6c8;margin:0 0 10px;font-size:.9rem}.ph .ps{color:#cfd5e3;margin:12px 0 0;max-width:620px}
.cta2{background:linear-gradient(120deg,var(--ink),#26324f);color:#fff;text-align:center;padding:84px 0}.cta2 h2{font-size:2.3rem;margin-bottom:12px}.cta2 p{color:#cfd5e3;margin:0 0 28px}
.ct{display:grid;grid-template-columns:1fr 1fr;gap:56px}.ic{display:grid;gap:14px;margin-bottom:26px}.ic>div{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:14px;background:#f6f3ec}.ic span{font-size:1.5rem}.ic p{margin:0;color:#4a5260}.ct form{display:grid;gap:12px}.ct input,.ct textarea{padding:15px;border:1px solid #dcd8cf;border-radius:12px;font:inherit;width:100%}.ct input:focus,.ct textarea:focus{outline:2px solid var(--c);border-color:transparent}.ct iframe{width:100%;min-height:520px;height:100%;border:0;border-radius:20px}.hp{position:absolute;left:-9999px}.ok{color:#1b7a3d}.er{color:#c0392b}
.pg{min-height:55vh}.pg h1{font-size:2.6rem;margin-bottom:36px}.bc{color:#667085;font-size:.9rem;margin:0 0 8px}.bc a:hover{color:var(--c)}.dt{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.dt.one{grid-template-columns:1fr;max-width:860px}.dt img{width:100%;border-radius:18px}.pc{display:block;font-size:1.6rem;color:var(--c);margin-bottom:10px}
footer{background:var(--ink);color:#a6adbd;padding-top:72px;font-size:.93rem}.fg{display:grid;grid-template-columns:1.4fr repeat(var(--fc,4),minmax(0,1fr));gap:40px;padding-bottom:48px}.fg a{display:block;padding:3px 0}.fg a:hover{color:var(--c)}.fg h4{color:#fff;margin:0 0 14px;font-size:1rem}.fg p{margin:0 0 6px}.fl{font:700 1.4rem Poppins,sans-serif;color:#fff}.cp{border-top:1px solid #222b40;padding:22px 24px;text-align:center;font-size:.85rem}
@media(max-width:1000px){.g4{grid-template-columns:repeat(2,1fr)}.fg{grid-template-columns:1fr 1fr}}
@media(max-width:800px){section.w{padding:60px 20px}.ab,.ct,.dt{grid-template-columns:1fr;gap:36px}.fr:before{display:none}.mb{display:block;font-size:1.7rem;cursor:pointer}nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:10px 24px 20px;flex-direction:column;align-items:flex-start;max-height:80vh;overflow:auto}nav a{margin:0;padding:10px 0}#mt:checked~nav{display:flex}.dd{height:auto;flex-direction:column;align-items:flex-start}.dm{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 14px;min-width:0}.g4{gap:16px}.bx{margin-top:-30px}.fg{grid-template-columns:1fr}.t{font-size:2rem}}
.gx{display:grid;grid-template-columns:repeat(var(--n,4),1fr);gap:clamp(10px,2vw,32px)}.gx .it h3{font-size:clamp(.8rem,1.1vw,1.05rem)}
.bx{margin-top:0;padding-top:60px!important;padding-bottom:60px!important}.hero+.bx{margin-top:-70px;padding-top:0!important;padding-bottom:0!important}
.vd .im{position:relative;aspect-ratio:16/9}.vd .im:after{content:"▶";position:absolute;inset:0;margin:auto;width:58px;height:58px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font-size:1.1rem;padding-left:4px;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:.3s}.vd:hover .im:after{transform:scale(1.12)}
.dm{max-height:70vh;overflow:auto}.tabs{margin-top:0}
#lb{position:fixed;inset:0;background:rgba(8,11,20,.93);display:none;align-items:center;justify-content:center;flex-direction:column;z-index:99}#lb.on{display:flex}#lc{width:min(92vw,1100px);display:flex;justify-content:center}#lc img{max-width:100%;max-height:80vh;border-radius:10px}#lc iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:10px}#lb button{position:absolute;background:rgba(255,255,255,.14);color:#fff;border:0;width:48px;height:48px;border-radius:50%;font-size:1.6rem;cursor:pointer}#lb button:hover{background:var(--c)}.x{top:20px;right:20px}.pv{left:20px;top:50%}.nx{right:20px;top:50%}#cp{color:#cfd5e3;margin-top:14px;text-align:center}
@media(max-width:900px){.gx{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.bx{padding-top:40px!important;padding-bottom:40px!important}.hero+.bx{margin-top:-30px}}
section.fw{max-width:none;padding-left:3vw;padding-right:3vw}.mapfw{display:block;width:100%;height:420px;border:0}.capw{display:grid;gap:4px}.cap{height:54px;width:fit-content;border-radius:8px;border:1px solid #dcd8cf;display:flex;align-items:center;padding:0 14px;background:#f6f3ec;font-weight:600}.wm{text-align:center;padding:0 24px 22px;font-size:.82rem;color:#7d8599}.wm a{color:#fff;text-decoration:underline}.ct h2{margin-top:0}
h1,h2,h3{font-weight:600}
.it .im{position:relative;background:#f6f3ec}.it .im:before{content:"";position:absolute;inset:-12px;background:var(--bg) center/cover;filter:blur(16px) saturate(1.1);opacity:.55}.it .im img{position:relative;object-fit:contain}.vd .im img{object-fit:cover}.vd .im:before,.g6 .im:before{display:none}.g6 .im img{padding:12%}
.dt{align-items:start}.gal{position:sticky;top:100px}.gal a{display:block;border-radius:18px;overflow:hidden;background:#f6f3ec}.gal img{display:block;width:100%;height:auto}.inf h1{font-size:2.2rem;margin-bottom:14px}.chip{display:inline-block;background:color-mix(in srgb,var(--c) 14%,#fff);color:#5a4420;padding:3px 14px;border-radius:20px;font-size:.82rem;margin-bottom:12px}.acts{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.btn.gh{background:transparent;color:var(--c);border:2px solid var(--c);box-shadow:none}.shr{display:flex;gap:10px;align-items:center;font-size:.85rem;color:#667085}.shr a{border:1px solid #dcd8cf;padding:4px 12px;border-radius:20px}.shr a:hover{border-color:var(--c);color:var(--c)}.desc{max-width:860px;margin:56px auto 0}.desc h2{font-size:1.6rem;margin-bottom:14px}.rel{margin-top:72px}.rel h2{font-size:1.6rem;margin-bottom:26px}
.wa{position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;background:#25d366;display:grid;place-items:center;font-size:1.7rem;z-index:60;box-shadow:0 10px 26px rgba(0,0,0,.25)}small{color:#8a91a3;font-size:.78rem}
@media(max-width:800px){.gal{position:static}.inf h1{font-size:1.7rem}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}nav a{font-weight:600}.dm a{font-weight:500}
.shr a{width:42px;height:42px;display:grid;place-items:center;padding:0;border-radius:50%}.shr a:hover{background:var(--c);color:#fff;border-color:var(--c)}
.sos{display:flex;gap:10px;margin-top:16px}.so{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.09);display:grid;place-items:center;color:#fff;transition:.2s}.so:hover{background:var(--c)}.fli{max-height:46px;margin-bottom:10px}

/* ===== Surum 8: slider sigdirma + mobil/tablet uyum ===== */
html,body{max-width:100%;overflow-x:hidden}img,iframe,video,svg{max-width:100%}
.hero{height:auto;aspect-ratio:var(--ar,1920/820);max-height:none}
.sl{background-repeat:no-repeat;background-size:cover;background-position:center}
.ov{padding-right:24px}.ov h1,.ov h2{font-size:clamp(1.5rem,4.2vw,3.6rem)}.ov p{font-size:clamp(.9rem,1.6vw,1.2rem)}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.tabs a{padding:8px 18px;border-radius:30px;border:1px solid #dcd8cf;font-size:.9rem;font-weight:500}.tabs a.on,.tabs a:hover{background:var(--c);border-color:var(--c);color:#fff}
.rc{margin-top:40px}
.ct input,.ct textarea,.capw input{font-size:16px}
.cap{max-width:100%}.cap img{max-width:100%;height:auto}img.cap{height:54px;width:auto}
@media(max-width:1100px){
.mb{display:block;font-size:1.7rem;cursor:pointer;padding:6px 10px;line-height:1}
nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;padding:10px 24px 20px;flex-direction:column;align-items:flex-start;max-height:calc(100vh - 82px);overflow:auto;box-shadow:0 20px 30px rgba(14,19,32,.12)}
nav a{margin:0;padding:10px 0;width:100%}nav a.cta{width:auto;margin-top:8px;padding:10px 26px}
#mt:checked~nav{display:flex}
.dd{height:auto;flex-direction:column;align-items:flex-start;width:100%}.dd>a{width:100%}
.dm{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 0 14px;min-width:0;max-height:none;overflow:visible;background:transparent}
header .w{height:68px}nav{top:68px;max-height:calc(100vh - 68px)}
section.w{padding:72px 24px}.t{font-size:2.1rem;margin-bottom:40px}
.g4{grid-template-columns:repeat(2,1fr)}.ab,.ct,.dt{grid-template-columns:1fr;gap:40px}.fr:before{display:none}
.fg{grid-template-columns:1fr 1fr}.gal{position:static}
.hero+.bx{margin-top:-40px}
}
@media(max-width:800px){
section.w{padding:52px 18px}.alt{padding-left:18px;padding-right:18px}section.fw{padding-left:14px;padding-right:14px}
.w{padding:0 18px}.t{font-size:1.7rem;margin-bottom:30px}.ab h2{font-size:1.8rem}
.ov{padding:0 22px}.ov h1:after,.ov h2:after{width:48px;height:3px;margin-top:12px}.ov p{margin-bottom:16px}.btn,button.btn{padding:11px 24px;font-size:.92rem}
.ph{padding:52px 0 44px}.ph h1{font-size:1.9rem}
.cta2{padding:56px 0}.cta2 h2{font-size:1.6rem}
.pg h1{font-size:1.9rem}.desc{margin-top:36px}.rel{margin-top:48px}
.g6{gap:20px}.g6 .it{width:84px}
.acts .btn{flex:1 1 100%;text-align:center}
.mapfw{height:320px}.ct iframe{min-height:320px}
.card{padding:26px 22px}
#lb button{width:42px;height:42px}.x{top:12px;right:12px}.pv{left:8px}.nx{right:8px}
.fg{grid-template-columns:1fr;gap:28px}footer{padding-top:48px}
.wa{right:14px;bottom:14px;width:50px;height:50px}
}
@media(max-width:480px){
.gx{gap:10px}.g4{gap:12px}.it h3{font-size:.85rem}.it .im{border-radius:12px}
.ov h1,.ov h2{font-size:1.45rem}.ov p{font-size:.85rem}
.logo{font-size:1.25rem}.logo img{max-height:44px}
.shr{flex-wrap:wrap}
}
@media(max-width:600px){.ov p{display:none}.ov h1,.ov h2{font-size:1.05rem;margin-bottom:6px}.ov h1:after,.ov h2:after{display:none}.ov .btn{padding:7px 16px;font-size:.78rem}}
.mbar{display:none}
@media(max-width:800px){
.mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:#fff;box-shadow:0 -6px 24px rgba(14,19,32,.2);padding-bottom:env(safe-area-inset-bottom,0px)}
.mbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 8px;font-weight:700;font-size:.95rem;color:#fff;margin:0;line-height:1.2}
.mbar .mw{background:#1fa855}.mbar .mp{background:var(--c)}
.wa{display:none!important}
}

/* ===== Surum 15: urun/hizmet gorselleri kirpilmadan tam gorunur (contain) ===== */
body .gx .it.pi .im{aspect-ratio:var(--ir,1/1)}
body .gx .it.pi .im img{position:relative;display:block;width:100%;height:100%;object-fit:contain}
.gx.n1{grid-template-columns:1fr!important}
/* ===== Hizmet detay: gorsel ustte; baslik, Bilgi Al / Hemen Ara ve sosyal ikonlar gorselin altinda ===== */
.dt.sv{grid-template-columns:1fr;max-width:900px;margin:0 auto;gap:28px}
.dt.sv .gal{position:static}
.dt.sv .gal img{max-height:640px;object-fit:cover}
.dt.sv .inf{text-align:center}
.dt.sv .inf h1{margin-bottom:18px}
.dt.sv .acts,.dt.sv .shr{justify-content:center}
@media(max-width:800px){.dt.sv{gap:20px}.dt.sv .gal img{max-height:420px}}

/* ===== Surum 16: Hizli Teklif ===== */
body header nav a.cta{background:transparent!important;color:var(--c)!important;box-shadow:inset 0 0 0 2px var(--c)!important;border:0!important;margin-left:10px}
body header nav a.cta:hover{background:var(--c)!important;color:#fff!important;opacity:1}
html.qlock{overflow:hidden}
#qm{position:fixed;inset:0;z-index:120;background:rgba(8,11,20,.62);display:none;align-items:flex-start;justify-content:center;overflow-y:auto;padding:4vh 14px;-webkit-overflow-scrolling:touch}
#qm.on{display:flex}
.qbx{position:relative;background:#fff;color:#1b2130;width:min(640px,100%);border-radius:18px;padding:30px clamp(18px,4vw,34px) 28px;box-shadow:0 30px 80px rgba(0,0,0,.35);margin:auto 0}
.qx{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:#eef0f5;color:#1b2130;font-size:1.5rem;line-height:1;cursor:pointer;padding:0;box-shadow:none}
.qx:hover{background:var(--c);color:#fff}
.qb h2{font-size:1.5rem;margin:0 36px 6px 0}
.qb>p{margin:0 0 18px;color:#5b6477;font-size:.95rem}
.qf{display:grid;gap:14px;color:#1b2130}
.qg{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.qr{display:grid;gap:5px;font-size:.88rem;font-weight:600;align-content:start}
.qr.w2{grid-column:1/-1}
.qr i{color:#c0392b;font-style:normal}
.qf input:not([type=checkbox]):not(.hp),.qf select,.qf textarea{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #dcd8cf;border-radius:10px;font:inherit;font-weight:400;background:#fff;color:#1b2130}
.qf input:focus,.qf select:focus,.qf textarea:focus{outline:2px solid var(--c);border-color:transparent}
.qk{display:flex;gap:9px;align-items:flex-start;font-size:.85rem;font-weight:400;line-height:1.45}
.qk input{margin-top:3px;flex:none}
.qh{margin:0;color:#5b6477;font-size:.9rem;background:#f6f3ec;border-radius:10px;padding:12px 14px}
.qsv{margin:0;padding:10px 14px;background:#f6f3ec;border-radius:10px}
.qf .capw{display:grid;gap:8px}
.qmsg:empty{display:none}
.qmsg.er{background:#fdecea;color:#b3261e;padding:10px 14px;border-radius:10px;font-size:.9rem}
.qf .btn{justify-self:start}
.qf .btn[disabled]{opacity:.6;cursor:wait}
.qok{text-align:center;padding:18px 6px}
.qok b{display:block;font-size:1.3rem;color:#1b7a3d;margin-bottom:6px}
.qok p{margin:0;color:#3b4252}
.qs{max-width:860px;margin:56px auto 0;background:#f7f5f0;color:#1b2130;border-radius:20px;padding:clamp(20px,3vw,36px)}
.qs h2{font-size:1.6rem;margin:0 0 6px}
.qs>p{margin:0 0 18px;color:#5b6477}
.qpage{max-width:720px;margin-top:40px;margin-bottom:60px}
@media(max-width:640px){.qg{grid-template-columns:1fr}.qr.w2{grid-column:auto}.qs{margin-top:36px}}

/* ===== Surum 17: Hakkimizda detay sayfasi - gorsel ustte ortada, yazi altinda ===== */
.ab.abp{grid-template-columns:1fr;max-width:920px;gap:44px;align-items:start}
.abp .fr{width:100%;max-width:840px;margin:0 auto 22px}
.abp .abt{width:100%;max-width:820px;margin:0 auto}
.abp .abt h2{margin-bottom:22px}
.abp .abt p,.abp .abt li{line-height:1.8;font-size:1.04rem;color:#4a5260}
.abp .abt p{margin:0 0 1.1em}
.abp .abt h3{font-size:1.35rem;line-height:1.35;margin:2em 0 .7em;color:var(--ink,#1b2130)}
.abp .abt ul{margin:0 0 1.4em;padding-left:1.3em}
.abp .abt li{margin:0 0 .75em}
.abp .abt li strong,.abp .abt p strong{color:var(--ink,#1b2130)}
body.th-executive .abp .abt p,body.th-executive .abp .abt li{color:#9aa6bd}
body.th-executive .abp .abt h3,body.th-executive .abp .abt strong{color:#fff}
body.th-aile .abp .fr{max-width:420px}
@media(max-width:800px){.ab.abp{gap:30px}.abp .abt p,.abp .abt li{font-size:1rem}.abp .fr{margin-bottom:12px}}

/* ===== Surum 18: Ana menu - ic ice (alt kategori) acilir menuler + alt kategori kartlari ===== */
.dm .dd{height:auto;display:block;position:relative}
.dm .dd>a{display:block;margin:0;padding:10px 16px;border-radius:9px}
.dm .dd>.dm{top:-9px;left:calc(100% - 4px);min-width:220px}
.dm .dd>.dm.fl{left:auto;right:calc(100% - 4px)}
.dd:hover .dm .dd>.dm,.dd:focus-within .dm .dd>.dm{opacity:0;visibility:hidden;transform:translateX(8px)}
.dd:hover .dm .dd:hover>.dm,.dd:focus-within .dm .dd:focus-within>.dm{opacity:1;visibility:visible;transform:none}
@media(max-width:1100px){
.dm .dd>.dm,.dd:hover .dm .dd>.dm,.dd:focus-within .dm .dd>.dm,.dd:hover .dm .dd:hover>.dm{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:transparent;padding:0 0 0 14px;min-width:0;max-height:none;overflow:visible}
}
.subs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.subs a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #e4e0d6;border-radius:12px;background:#fff;color:#1b2130;font-weight:600;transition:.2s}
.subs a:hover{border-color:var(--c);transform:translateY(-2px)}
.subs img{width:46px;height:46px;object-fit:cover;border-radius:8px;flex:none}

/* ===== Surum 19: Bilgi kutucuklari - gorsel, baglanti ve sutun sayisi ===== */
.bx.bxn{grid-template-columns:repeat(var(--n),minmax(0,1fr))}
.bx .card{min-width:0}
.bx .card .bi{display:block;width:100%;height:auto;aspect-ratio:var(--bxr,auto);object-fit:cover;border-radius:12px;margin:0 0 6px}
a.card.lk{display:block;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
a.card.lk:hover{transform:translateY(-5px)}
a.card.lk:focus-visible{outline:3px solid var(--c);outline-offset:3px}
@media(max-width:900px){.bx.bxn{grid-template-columns:repeat(2,minmax(0,1fr))}.bx.bxn.bxc1{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.bx.bxn{grid-template-columns:minmax(0,1fr)}}

/* ===== Surum 20: bilgi kutucuklari sliderin ustune binmesin, hemen altinda dursun ===== */
body .bx,body .hero+.bx{margin-top:0!important;padding-top:44px!important;padding-bottom:20px!important}
@media(max-width:800px){body .bx,body .hero+.bx{padding-top:28px!important;padding-bottom:10px!important}}