:root{--k:#d7192d;--k2:#a30f20;--d:#12161f;--d2:#1d2331;--g:#f5f6f9;--t:#2b3140;--m:#6b7385;--r:16px;--sh:0 10px 30px rgba(18,22,31,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.7 'Poppins',system-ui,sans-serif;color:var(--t);background:#fff}
a{color:inherit;text-decoration:none}img{max-width:100%}
h1,h2,h3{line-height:1.25;margin:0 0 .6em;color:var(--d)}
.wrap{max-width:1200px;margin:auto;padding:0 20px}.pad{padding:80px 20px}
.wrap.pad>h1,.wrap.pad>h2,.teklif h2,.about h2{font-size:clamp(26px,3.4vw,38px);font-weight:700;position:relative;padding-bottom:16px;margin-bottom:28px}
.wrap.pad>h1:after,.wrap.pad>h2:after,.teklif h2:after,.about h2:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--k),#ff7a59)}
/* topbar */
.topbar{background:var(--d);color:#cfd4e0;font-size:13px}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;padding:8px 20px}
.topbar .sol,.topbar .sag{display:flex;gap:10px;align-items:center}
.topbar .sag>a:not(.ic){opacity:.7;font-weight:600;letter-spacing:.5px}.topbar .on{color:#fff;opacity:1;border-bottom:2px solid var(--k)}
.ic{background:rgba(255,255,255,.1);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font-size:11px;font-weight:700;text-transform:uppercase;transition:.25s}
.ic:hover{background:var(--k);transform:translateY(-2px)}
.btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--k),var(--k2));color:#fff;border:0;border-radius:50px;padding:10px 24px;cursor:pointer;font:600 14px 'Poppins',sans-serif;box-shadow:0 6px 16px rgba(215,25,45,.3);transition:.25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(215,25,45,.4)}
.topbar .btn{padding:5px 14px;font-size:12px;box-shadow:none}.btn.wa{background:#25d366}.btn.tel{background:rgba(255,255,255,.12)}
/* header */
body>header.hd{max-width:none;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);box-shadow:0 2px 20px rgba(18,22,31,.08);display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100% - 1200px)/2 + 20px))}
.logo{font-size:26px;font-weight:800;color:var(--d);letter-spacing:-.5px}.logo img{height:56px;display:block}
nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}nav li{position:relative}
nav a{display:block;padding:10px 16px;font-weight:500;font-size:15px;border-radius:50px;transition:.2s}
nav>ul>li>a:hover{background:#fdecee;color:var(--k)}
nav li ul{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:12px;box-shadow:var(--sh);min-width:220px;flex-direction:column;padding:8px;border-top:3px solid var(--k);z-index:9}
nav li:hover>ul{display:flex}nav li ul a{border-radius:8px}nav li ul a:hover{background:var(--g);color:var(--k)}
#mb{display:none;font-size:26px;background:none;border:0;cursor:pointer}
/* slider */
.slider{position:relative;height:540px;overflow:hidden;background:var(--d)}
.sl{position:absolute;inset:0;background:center/cover;opacity:0;transition:opacity 1s;display:flex;align-items:center}
.sl:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,22,31,.85),rgba(18,22,31,.2))}
.sl.on{opacity:1}.sl h2{position:relative;color:#fff;font-size:clamp(28px,5vw,56px);font-weight:800;max-width:700px;margin:0 0 0 max(20px,calc((100% - 1200px)/2 + 20px));text-shadow:0 4px 20px rgba(0,0,0,.4)}
/* cards */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.slider+.grid4{margin-top:-80px;position:relative;z-index:5;padding-top:0}
.card{background:#fff;border-radius:var(--r);padding:32px 26px;box-shadow:var(--sh);border-bottom:4px solid transparent;transition:.3s;display:block;position:relative}
.card h3{font-size:19px;font-weight:600}.card p{color:var(--m);margin:0;font-size:15px}
a.card:hover,.grid3>.card:hover{transform:translateY(-10px);border-bottom-color:var(--k);box-shadow:0 22px 40px rgba(18,22,31,.16)}
.ik{display:grid;place-items:center;width:68px;height:68px;border-radius:20px;background:linear-gradient(135deg,#fdecee,#fff);font-size:32px;margin-bottom:18px;box-shadow:inset 0 0 0 1px #f5d3d7;transition:.3s}
a.card:hover .ik{background:var(--k);transform:rotate(-6deg) scale(1.05)}
.card img{border-radius:10px;margin-bottom:14px}
/* about */
.about{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.about p{color:var(--m);font-size:17px;margin-bottom:26px}
.oval{width:420px;height:330px;max-width:100%;margin:auto;position:relative;border-radius:50%;overflow:hidden;border:8px solid #fff;box-shadow:0 0 0 10px rgba(215,25,45,.15),0 30px 60px rgba(18,22,31,.25);background:linear-gradient(135deg,var(--d2),var(--k)) ;transition:transform .2s;animation:fl 7s ease-in-out infinite}
.oval:empty:after{content:"🔥";position:absolute;inset:0;display:grid;place-items:center;font-size:90px}
.oval img{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0}
@keyframes fl{50%{border-radius:46% 54% 52% 48%/56% 44% 56% 44%}}
/* teklif */
.teklif{background:linear-gradient(135deg,var(--d),var(--d2));color:#fff;position:relative;overflow:hidden}
.teklif:before{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(var(--k),transparent 70%);opacity:.35}
.teklif .wrap{position:relative}.teklif h2{color:#fff}
.frm{display:grid;gap:14px;max-width:680px}.frm label{display:grid;gap:6px;font-size:14px;font-weight:500}
input,textarea{padding:13px 16px;border:1.5px solid #e1e4ec;border-radius:12px;font:inherit;font-size:15px;width:100%;background:#fff;color:var(--t);transition:.2s}
input:focus,textarea:focus{outline:0;border-color:var(--k);box-shadow:0 0 0 4px rgba(215,25,45,.12)}textarea{min-height:120px;resize:vertical}
.teklif .frm{grid-template-columns:1fr 1fr;max-width:none}.teklif .frm textarea,.teklif .frm .btn{grid-column:1/-1}.teklif .btn{justify-self:start;padding:13px 40px}
.hp{position:absolute;left:-9999px}
.ok{background:#e6f7ec;color:#136a36;padding:12px 18px;border-radius:12px;font-weight:500}.err{background:#fde8e8;color:#a51b1b;padding:12px 18px;border-radius:12px}
/* yorumlar */
blockquote.card{margin:0;padding-top:56px}blockquote.card:before{content:"“";position:absolute;top:6px;left:22px;font:800 90px/1 Georgia,serif;color:var(--k);opacity:.25}
blockquote.card p{font-style:italic;color:var(--t);margin-bottom:18px}blockquote.card b{color:var(--d)}blockquote.card small{color:var(--m);display:block}
/* referanslar */
.refs{overflow:hidden;background:var(--g);padding:34px 0}
.track{display:flex;gap:56px;width:max-content;animation:kay 32s linear infinite;align-items:center}
.track img{height:100px;width:auto;filter:grayscale(1);opacity:.65;transition:.3s}.track img:hover{filter:none;opacity:1}.refs:hover .track{animation-play-state:paused}
@keyframes kay{to{transform:translateX(-50%)}}
/* footer */
footer{background:var(--d);color:#aab1c2;padding:32px 0;text-align:center;font-size:14px;border-top:4px solid var(--k)}
/* yonetim */
.adm{display:flex;min-height:100vh;background:var(--g)}
.adm aside{width:250px;background:var(--d);color:#cfd4e0;padding:22px 14px;display:flex;flex-direction:column;gap:3px;position:sticky;top:0;height:100vh;overflow:auto}
.adm aside b{color:#fff;font-size:20px;padding:0 10px 16px}.adm aside a{padding:10px 14px;border-radius:10px;font-size:14px;transition:.2s}.adm aside a:hover{background:var(--k);color:#fff}
.adm main{flex:1;padding:32px;overflow:auto}.adm .frm{background:#fff;padding:26px;border-radius:var(--r);box-shadow:var(--sh);max-width:820px}
.adm table{background:#fff;border-radius:var(--r);box-shadow:var(--sh);overflow:hidden}
table{width:100%;border-collapse:collapse;margin-top:28px}th{background:var(--d);color:#fff;font-weight:600;font-size:13px}td,th{padding:12px 14px;text-align:left;border-bottom:1px solid #eef0f4}td a{color:var(--k);font-weight:500}
@media(max-width:960px){.grid4{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:40px}.teklif .frm{grid-template-columns:1fr}}
@media(max-width:860px){#mb{display:block}body>header.hd{flex-wrap:wrap}nav{display:none;width:100%}nav.open{display:block}nav ul{flex-direction:column}nav li ul{display:flex;position:static;box-shadow:none;border:0;padding-left:16px}.slider{height:380px}.pad{padding:56px 20px}.oval{width:300px;height:240px}.adm{flex-direction:column}.adm aside{width:auto;height:auto;position:static}}
@media(max-width:560px){.grid4,.grid3{grid-template-columns:1fr}.topbar .btn.tel{display:none}.slider+.grid4{margin-top:-40px}}
/* v3: header */
.i{width:1em;height:1em;flex:none}.btn .i{width:16px;height:16px}.ic .i{width:14px;height:14px}
.topbar .ml{display:flex;align-items:center;gap:6px;opacity:.85}.topbar .ml .i{width:15px;height:15px;color:#ff7a8a}.topbar .ml:hover{opacity:1}
.dil{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.08);border-radius:50px;padding:4px 12px}.dil .i{width:15px;height:15px}
nav>ul>li>a{position:relative;display:flex;align-items:center;font-weight:600;color:var(--d)}
nav>ul>li>a:after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:3px;border-radius:3px;background:var(--k);transform:scaleX(0);transform-origin:left;transition:transform .3s}
nav>ul>li>a:hover{background:none;color:var(--k)}nav>ul>li>a:hover:after,nav>ul>li:hover>a:after{transform:scaleX(1)}
.car{display:inline-block;width:6px;height:6px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);margin:-3px 0 0 8px;transition:.3s}nav li:hover>a .car{transform:rotate(225deg);margin-top:3px}
nav>ul>li>a.cta{background:linear-gradient(135deg,var(--k),#ff5a36);color:#fff;border-radius:50px;padding:10px 22px;margin-left:12px;gap:8px;box-shadow:0 6px 18px rgba(215,25,45,.4);animation:pls 2.4s infinite}
nav>ul>li>a.cta:after{display:none}nav>ul>li>a.cta:hover{color:#fff;transform:translateY(-2px)}nav a.cta .i{width:15px;height:15px;transition:.3s}nav a.cta:hover .i{transform:translateX(4px)}
@keyframes pls{50%{box-shadow:0 6px 30px rgba(215,25,45,.75)}}
header.hd{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);box-shadow:0 2px 20px rgba(18,22,31,.08);display:flex;align-items:center;justify-content:space-between;padding:12px max(20px,calc((100% - 1200px)/2 + 20px))}
/* v3: referanslar (sayfa genişliğinde) */
.rw{position:relative;padding:0 26px}.rv{overflow-x:auto;scrollbar-width:none;padding:12px 0}.rv::-webkit-scrollbar{display:none}
.rt{display:flex;gap:22px;width:max-content}.ri{background:#fff;border-radius:14px;box-shadow:var(--sh);overflow:hidden;line-height:0}.ri img{height:100px;width:auto;display:block}
.rb{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;border:0;background:var(--k);color:#fff;font-size:26px;line-height:1;cursor:pointer;z-index:2;box-shadow:0 6px 16px rgba(215,25,45,.35);transition:.2s}.rb:hover{background:var(--k2)}.rb:first-of-type{left:-10px}.rb:last-of-type{right:-10px}
select{padding:13px 16px;border:1.5px solid #e1e4ec;border-radius:12px;font:inherit;width:100%;background:#fff}
@media(max-width:860px){nav>ul>li>a.cta{margin:8px 0 0;justify-content:center}.topbar .ml{display:none}}
/* v4 */
.banner{margin:28px 0 0;border-radius:20px;padding:56px 40px;background:linear-gradient(120deg,var(--d),var(--k));color:#fff}.banner h1{color:#fff;margin:0;font-size:clamp(26px,4vw,42px)}
.two{display:grid;grid-template-columns:1fr 310px;gap:40px;align-items:start}.two.rev{grid-template-columns:310px 1fr}.two.rev .yan{order:-1}
.icerik h2{margin-top:1.4em}.icerik .kapak,.kapak{border-radius:16px;margin-bottom:20px;width:100%}
.yan{display:grid;gap:20px;position:sticky;top:90px}.box{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:22px}.box h3{font-size:17px}.box ul{list-style:none;margin:0;padding:0}.box li a{display:block;padding:9px 0;border-bottom:1px solid #eef0f4}.box li a:hover{color:var(--k);padding-left:6px}
.btn.big{display:flex;justify-content:center;padding:15px}.btn.alt{background:#fff;color:var(--k);box-shadow:inset 0 0 0 2px var(--k)}
.bc .sq{aspect-ratio:1;object-fit:cover;width:100%;border-radius:12px}.kt{color:var(--k);font-weight:600;text-transform:uppercase;font-size:12px}.mt{display:flex;justify-content:space-between;gap:12px;color:var(--m);font-size:14px;margin:8px 0 14px;flex-wrap:wrap}
.sirala{margin-bottom:20px;max-width:260px}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:30px}.harita{width:100%;height:360px;border:0;border-radius:16px;margin-top:30px}
.belge{display:flex;flex-wrap:wrap;gap:20px}.belge figure{margin:0;text-align:center}.belge img{max-height:300px;width:auto;border-radius:10px;box-shadow:var(--sh)}
.yorum{background:linear-gradient(rgba(18,22,31,.88),rgba(18,22,31,.88)),var(--d);color:#fff;padding:90px 0}.yorum h2{color:#fff}.yorum .card{background:rgba(255,255,255,.08);color:#fff;border:0;box-shadow:none}.yorum .card p{color:#e6e9f0}.st{color:#ffc83d;letter-spacing:3px}
.sss{background:#fff;border-radius:12px;box-shadow:var(--sh);padding:16px 20px;margin-bottom:12px}.sss summary{cursor:pointer;font-weight:600}.pg a{color:var(--k);font-weight:600}.bc2{font-size:14px;color:var(--m)}
footer{background:var(--f,var(--d));color:#b9bfcc;text-align:left;padding:0}.fg{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding:56px 20px 30px}.fg h4{color:#fff;margin:0 0 14px}.fg ul{list-style:none;margin:0;padding:0}.fg li a{display:block;padding:4px 0}.fg li a:hover{color:#fff}.logo.f{color:#fff}.fg .i{width:14px;height:14px;vertical-align:-2px}.copy{text-align:center;padding:18px;border-top:1px solid #ffffff1a;font-size:13px}
@media(max-width:860px){.two,.two.rev,.cols2,.fg{grid-template-columns:1fr}.yan{position:static}.two.rev .yan{order:0}}
/* v5 swiper */
.sr{position:absolute;left:-9999px}
.hero{position:relative;height:var(--hh,540px);background:var(--d);--swiper-theme-color:#fff;--swiper-navigation-size:28px}
.hero .swiper-slide{background:center/cover;display:flex;align-items:center}.hero .ov{position:absolute;inset:0}
.hc{position:relative;z-index:2;width:100%;max-width:1200px;margin:auto;padding:0 70px;display:flex;flex-direction:column;gap:14px}
.hc.sol{align-items:flex-start;text-align:left}.hc.orta{align-items:center;text-align:center}.hc.sag{align-items:flex-end;text-align:right}
.hh{font-size:clamp(28px,5vw,56px);font-weight:800;line-height:1.15;max-width:720px;text-shadow:0 4px 20px rgba(0,0,0,.35)}.hc p{font-size:clamp(16px,2vw,20px);max-width:620px;margin:0}
.hero+.grid4{margin-top:-60px;position:relative;z-index:5;padding-top:0}
.refs{padding:10px 4px 20px}.refs .ri{background:#fff;border-radius:14px;box-shadow:var(--sh);padding:6px}.refs .ri img{width:100%;height:100px;object-fit:contain;display:block}
@media(max-width:860px){.hero{height:min(var(--hh,540px),380px)}.hc{padding:0 48px}}
/* v6 */
.hero .hc{margin:0 auto}.hc.v-ust{align-self:flex-start;padding-top:70px}.hc.v-orta{align-self:center}.hc.v-alt{align-self:flex-end;padding-bottom:70px}
.galeri{display:grid;grid-template-columns:repeat(var(--gc,4),1fr);gap:16px}.galeri a{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:4/3;display:block;box-shadow:var(--sh)}
.galeri img{width:100%;height:100%;object-fit:cover;transition:transform .5s;display:block}.galeri a:hover img{transform:scale(1.08)}
.galeri span{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 12px;color:#fff;font-size:14px;font-weight:600;background:linear-gradient(transparent,rgba(0,0,0,.7));opacity:0;transition:.3s}.galeri a:hover span{opacity:1}
.gal-ac{color:var(--m);max-width:720px;margin:-8px 0 26px}
@media(max-width:860px){.galeri{grid-template-columns:repeat(2,1fr)}.hc.v-ust{padding-top:40px}.hc.v-alt{padding-bottom:50px}}
/* v7 ikonlu şerit */
.serit{background:var(--d);color:#fff}.sg{display:grid;grid-template-columns:repeat(4,1fr);padding:0 20px}
.si-i{display:flex;align-items:center;gap:16px;padding:24px 26px;border-right:1px solid rgba(255,255,255,.16);transition:background .25s}.si-i:first-child{border-left:1px solid rgba(255,255,255,.16)}.si-i:hover{background:rgba(255,255,255,.06)}
.si{width:38px;height:38px;flex:none;color:#9aa1b2;transition:.25s}.sem{font-size:30px;flex:none}.si-i:hover .si{color:var(--k);transform:scale(1.1)}
.si-i b{display:block;text-transform:uppercase;font-size:14px;letter-spacing:.3px;line-height:1.3}.si-i small{display:block;color:#9aa1b2;font-size:12.5px;line-height:1.45;margin-top:2px}
@media(max-width:960px){.sg{grid-template-columns:1fr 1fr;padding:0}.si-i{border-bottom:1px solid rgba(255,255,255,.12)}}
@media(max-width:520px){.si-i{padding:16px}.si{width:30px;height:30px}}
/* v8 */
.duyuru{background:var(--k);color:#fff;text-align:center;font-size:13px;padding:7px 0}.duyuru a{text-decoration:underline}
.yazar{display:flex;gap:16px;align-items:center;background:var(--g);border-radius:16px;padding:20px;margin-top:36px}.yazar img{width:72px;height:72px;border-radius:50%;object-fit:cover}.yazar small{display:block;color:var(--m)}.yazar p{margin:6px 0 0;font-size:14px}
input[type=checkbox]{width:auto}.yt{display:grid;gap:6px;background:var(--g);padding:14px;border-radius:12px;font-size:14px}.yt label{display:inline-flex;align-items:center;gap:6px;margin-right:12px}
/* v9 içerik */
.icerik img{max-width:100%;height:auto;border-radius:12px}.icerik a{color:var(--k);text-decoration:underline}.icerik blockquote{border-left:4px solid var(--k);margin:1.2em 0;padding:.6em 1.2em;background:var(--g);border-radius:0 12px 12px 0}.icerik ul,.icerik ol{padding-left:1.4em}
/* v10 hizmetler bölümü */
.hzh{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:26px;border-bottom:1px solid #d9dde7;margin-bottom:44px}
.hzh h2{margin:0;padding:0;font-size:clamp(28px,3.6vw,40px)}.hzh h2:after{display:none}.hzh p{max-width:460px;margin:0 0 6px;color:var(--m);text-align:right}
.rozet2{display:inline-block;position:relative;background:var(--k);color:#fff;font-weight:700;font-size:13px;padding:6px 18px;border-radius:30px;margin-bottom:14px}
.rozet2:after{content:"";position:absolute;left:34px;bottom:-6px;border:6px solid transparent;border-top-color:var(--k);border-bottom:0}
.hzc{background:#fff;text-align:center;padding:34px 26px 30px;box-shadow:0 8px 28px rgba(18,22,31,.09);transition:.3s}.hzc:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(18,22,31,.15)}
.hzi{position:relative;display:grid;place-items:center;width:92px;height:92px;padding-bottom:8px;margin:0 auto 22px;border:1px solid #ececf1;border-radius:50%;transition:.3s}
.hzi:after{content:"";position:absolute;left:50%;bottom:20px;width:22px;height:3px;border-radius:2px;background:var(--k);transform:translateX(-50%);transition:.3s}
.hzi .si{width:34px;height:34px;color:var(--k)}.hzi .sem{font-size:32px}
.hzc:hover .hzi{background:var(--k);border-color:var(--k)}.hzc:hover .hzi .si{color:#fff}.hzc:hover .hzi:after{background:#fff}
.hzc h3{font-size:19px;margin:0 0 10px}.hzc p{color:var(--m);font-size:15px;margin:0}
@media(max-width:860px){.hzh{flex-direction:column;align-items:flex-start}.hzh p{text-align:left}}
/* v11 hakkımızda */
.hk{background:radial-gradient(ellipse at 95% 0,color-mix(in srgb,var(--k) 8%,#fff),transparent 60%),#fff;padding:90px 0;overflow:hidden}
.hkg{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.hkb{font-size:clamp(30px,4.2vw,50px);line-height:1.2;font-weight:700;color:var(--d);margin:0 0 24px;padding:0}.hkb:after{display:none}
.hkm p{color:var(--m);font-size:16px;line-height:1.8;max-width:620px;margin:0 0 34px}
.btn.big2{border-radius:8px;padding:16px 38px;font-size:16px;box-shadow:none}
.hkr{position:relative;padding:10px}.hkf{position:relative;aspect-ratio:3/2.2;overflow:hidden;transition:transform .2s}.hkf img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.hkw{position:absolute;transition:transform .25s ease-out;z-index:2}.hkw.p1{left:-46px;top:42%}.hkw.p2{left:38%;bottom:-30px}.hkw.tl{left:-34px;bottom:8%}
.hkp{display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:12px 20px;font-weight:500;font-size:15px;color:var(--d);white-space:nowrap;box-shadow:0 10px 30px rgba(18,22,31,.14);animation:flt 5s ease-in-out infinite}.hkp svg{width:22px;height:22px;flex:none}.p2 .hkp{animation-delay:-2.5s}
.hkt{display:grid;place-items:center;width:62px;height:62px;border-radius:14px;background:#e8e9ee;color:var(--k);transform:rotate(-16deg);box-shadow:0 10px 24px rgba(18,22,31,.15);animation:fltr 6s ease-in-out infinite;animation-delay:-1s}.hkt .si{width:30px;height:30px;color:var(--k)}
@keyframes flt{50%{transform:translateY(-8px)}}@keyframes fltr{50%{transform:rotate(-16deg) translateY(-8px)}}
.dsh{position:absolute;bottom:-60px;width:0;height:60px;border-left:2px dashed #d3d6de}.dsh.d1{left:12%}.dsh.d2{left:22%;height:46px}
@media(max-width:960px){.hkg{grid-template-columns:1fr;gap:56px}.hkw.p1{left:8px;top:auto;bottom:34%}.hkw.tl{left:8px}.hkw.p2{left:auto;right:10px}.hk{padding:60px 0}}
/* v12 belge + sss */
.belge{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.icerik .belge{grid-template-columns:repeat(3,1fr)}
.bgc{margin:0;background:#fff;box-shadow:0 8px 28px rgba(18,22,31,.09);padding:16px;text-align:center;transition:.3s}.bgc:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(18,22,31,.15)}
.bgi{display:grid;place-items:center;height:300px;overflow:hidden;background:#f6f7fb}.bgi img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:0;box-shadow:none;transition:transform .4s}.bgc:hover .bgi img{transform:scale(1.05)}
.bgc figcaption{margin-top:14px;font-weight:600;color:var(--d)}
.sssg{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.icerik .sssg{grid-template-columns:1fr}
.sss{background:#fff;box-shadow:0 8px 28px rgba(18,22,31,.07);padding:0;margin:0;border-left:4px solid transparent;transition:.25s}.sss[open]{border-left-color:var(--k)}
.sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-weight:600;color:var(--d)}.sss summary::-webkit-details-marker{display:none}
.sss summary:after{content:"+";flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fdecee;color:var(--k);font-size:20px;line-height:1;transition:.25s}.sss[open] summary:after{content:"−";background:var(--k);color:#fff}
.sss p{margin:0;padding:0 24px 22px;color:var(--m)}
@media(max-width:960px){.belge{grid-template-columns:1fr 1fr}.sssg{grid-template-columns:1fr}}@media(max-width:520px){.belge{grid-template-columns:1fr}}
/* v13 hızlı teklif */
.tk{position:relative;background:#12161f center/cover no-repeat fixed;padding:100px 0;color:#fff;overflow:hidden}
.tkov{position:absolute;inset:0;background:linear-gradient(100deg,rgba(18,22,31,.95) 0%,rgba(18,22,31,.78) 45%,color-mix(in srgb,var(--k) 55%,transparent) 100%)}
.tkg{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.tkl h2{color:#fff;font-size:clamp(30px,4.2vw,52px);line-height:1.15;margin:0 0 18px;padding:0}.tkl h2:after{display:none}.tkl p{font-size:17px;color:#e3e6ee;max-width:560px;margin:0 0 24px}
.tkm{list-style:none;padding:0;margin:0 0 32px;display:grid;gap:12px}.tkm li{display:flex;gap:12px;align-items:center;font-weight:500}.tkm svg{width:24px;height:24px;flex:none}
.tkc{display:inline-flex;align-items:center;gap:12px;font-size:22px;font-weight:700;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.28);padding:14px 28px;border-radius:50px;transition:.25s}.tkc:hover{background:#fff;color:var(--k)}.tkc .i{width:22px;height:22px}
.tkf{background:#fff;color:var(--t);border-radius:20px;padding:34px;border-top:6px solid var(--k);box-shadow:0 30px 70px rgba(0,0,0,.45)}
.tkf h3{margin:0 0 4px;font-size:26px}.tkf small{display:block;color:var(--m)}.tkf form{display:grid;gap:12px;margin-top:18px}.tkf .btn{justify-content:center;padding:15px;font-size:16px;border-radius:12px;animation:pls 2.4s infinite}.tkf .btn .i{width:16px;height:16px}
@media(max-width:960px){.tk{background-attachment:scroll;padding:64px 0}.tkg{grid-template-columns:1fr;gap:36px}}
/* v14 yorumlar */
.yrm-s{position:relative;background:#12161f center/cover no-repeat fixed;padding:100px 0}.yrov{position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,22,31,.92),rgba(18,22,31,.84))}.yrm-s .wrap{position:relative}
.kod .hzh{border-bottom-color:rgba(255,255,255,.22)}.kod .hzh h2{color:#fff}.kod .hzh p{color:#d7dbe6}
.yrm{padding:6px 4px 54px;--swiper-theme-color:#fff}.yrm .swiper-slide{height:auto}
.yrc{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;color:var(--t);border-radius:16px;padding:32px 30px 26px;box-shadow:0 18px 44px rgba(0,0,0,.28)}
.yrc:before{content:"“";position:absolute;right:24px;top:6px;font:800 90px/1 Georgia,serif;color:var(--k);opacity:.12}
.yst{color:#f5a623;font-size:20px;letter-spacing:3px;margin-bottom:14px}.yst i{font-style:normal;color:#dfe2ea}
.yrc p{flex:1;font-size:16.5px;line-height:1.75;color:#2b3140;margin:0 0 24px}
.yrc footer{display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px solid #eef0f4}
.yav{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;flex:none;overflow:hidden;background:var(--k);color:#fff;font-weight:700;font-size:22px}.yav img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.yrc b{display:block;color:var(--d);font-size:16px}.yrc small{display:block;color:var(--m);font-size:13.5px}
.yrm .swiper-pagination-bullet{background:#fff;opacity:.5}.yrm .swiper-pagination-bullet-active{opacity:1;background:var(--k)}
@media(max-width:960px){.yrm-s{background-attachment:scroll;padding:64px 0}}
/* v14b yorum düzeni */
.yhd{display:flex;align-items:center;gap:14px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #eef0f4}
.yrc p{margin:0}.yst{margin:18px 0 0;padding-top:16px;border-top:1px solid #eef0f4}
/* v14c yorum kartı: referans tasarım */
.yrc{border-radius:4px;padding:30px 30px 26px}.yrc:before{display:none}
.yst{font-size:16px;letter-spacing:4px}
.yav{display:block;width:78px;height:78px;border-radius:0;border:2px solid var(--k);padding:3px;background:#fff;flex:none;overflow:hidden}.yav img{width:100%;height:100%;object-fit:cover;display:block}
.yin{display:grid;place-items:center;width:100%;height:100%;background:var(--k);color:#fff;font-weight:700;font-size:28px}
.yrc b{font-size:19px;font-weight:600}.yrc small{font-size:15px;margin-top:2px}
.yq{width:44px;height:38px;margin-left:auto;flex:none;color:var(--k);transform:rotate(180deg)}
.yrc.yb .yst{order:1;margin:0 0 14px;padding:0;border:0}.yrc.yb p{order:2;flex:1}
.yrc.yb .yhd{order:3;margin:24px 0 0;padding:20px 0 0;border-bottom:0;border-top:1px solid #eef0f4}
/* v15 logo */
.logo img{height:var(--lh,72px);width:auto;max-width:280px;object-fit:contain;display:block;transition:height .3s,transform .3s;filter:drop-shadow(0 4px 10px rgba(18,22,31,.2))}
header.hd{transition:padding .3s,box-shadow .3s}header.hd.kucuk{padding-top:6px;padding-bottom:6px;box-shadow:0 6px 24px rgba(18,22,31,.14)}header.hd.kucuk .logo img{height:calc(var(--lh,72px)*.72)}
.logo:hover img{transform:scale(1.04)}
.logo.f img{height:64px;filter:none}.logo.f img.fp{background:#fff;padding:8px 16px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
@media(max-width:860px){.logo img{height:min(var(--lh,72px),56px)}header.hd.kucuk .logo img{height:44px}}
/* v16 referanslar */
.refs{background:none;overflow:hidden;padding:26px 6px 36px;--swiper-navigation-size:15px;--swiper-theme-color:var(--k)}
.refs .ri{display:grid;place-items:center;background:#fff;border:1px solid #eceef4;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(18,22,31,.07);transition:transform .3s,box-shadow .3s,border-color .3s}
.refs .ri:hover{transform:translateY(-6px);border-color:var(--k);box-shadow:0 16px 36px rgba(18,22,31,.14)}
.refs .ri img{width:100%;height:100px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:.3s}.refs .ri:hover img{filter:none;opacity:1}
.refs .swiper-button-prev,.refs .swiper-button-next{width:42px;height:42px;margin-top:-30px;background:#fff;border-radius:50%;box-shadow:0 8px 22px rgba(18,22,31,.2);color:var(--k);transition:.25s}
.refs .swiper-button-prev{left:8px}.refs .swiper-button-next{right:8px}.refs .swiper-button-prev:hover,.refs .swiper-button-next:hover{background:var(--k);color:#fff}
.refs .swiper-button-prev:after,.refs .swiper-button-next:after{font-weight:800}
/* v17 banner + breadcrumb */
.banner{position:relative;margin:28px 0 0;padding:44px 48px;border-radius:20px;color:#fff;background-size:cover;background-position:center;display:flex;align-items:center;overflow:hidden}
.banner:after{content:"";position:absolute;right:-90px;top:-90px;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.07)}
.banner.d-nokta:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.2) 1.5px,transparent 1.5px);background-size:22px 22px}
.banner.d-cizgi:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 2px,transparent 2px 16px)}
.banner.orta{justify-content:center;text-align:center}.bin{position:relative;z-index:1;max-width:780px}
.banner h1{color:#fff;margin:0;font-size:clamp(28px,4.2vw,46px);line-height:1.15}.banner p{margin:12px 0 0;color:#e8ebf3;font-size:17px;max-width:640px}
.bc3{font-size:14px;color:rgba(255,255,255,.75);margin-bottom:12px}.bc3 a{color:#fff;opacity:.85}.bc3 a:hover{opacity:1;text-decoration:underline}.bc3 span{margin:0 8px;opacity:.6}.bc3 b{font-weight:500;color:#fff}
.banner.orta .bc3{display:flex;justify-content:center;flex-wrap:wrap}
.bc3.koyu{color:var(--m)}.bc3.koyu a{color:var(--k);opacity:1}.bc3.koyu b{color:var(--d)}
@media(max-width:860px){.banner{padding:32px 24px}}
/* v18 mobil düzeltmeler */
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}img,video{max-width:100%}.icerik{overflow-wrap:anywhere}
@media(max-width:860px){
 .topbar .wrap{flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 14px}
 .topbar .sol,.topbar .sag{flex-wrap:wrap;justify-content:center;gap:8px}.topbar .btn{padding:6px 12px;font-size:12px}
 .hero .swiper-slide{background-position:72% center}.hero .swiper-button-prev,.hero .swiper-button-next{display:none}
 header.hd{padding:10px 16px}.pad{padding:56px 16px}.hh{font-size:clamp(24px,7vw,34px)}
}
@media(max-width:560px){.topbar .btn.tel{display:inline-flex!important}.topbar .btn.wa .bt{display:none}.topbar .btn.wa{padding:6px 10px}.hc{padding:0 28px}.banner{padding:28px 20px}}
/* v19 mobil slider */
@media(max-width:860px){.hc{padding:0 22px!important;gap:10px}.hc p{font-size:15px}.hero .btn{padding:9px 20px;font-size:14px}.hero .swiper-pagination{bottom:8px!important}}
/* v20 mobil menü: açılır-kapanır */
@media(max-width:860px){
 #mb{display:block;width:44px;height:44px;border-radius:10px;background:#f4f5f7;border:0;font-size:22px;line-height:1;cursor:pointer;color:var(--d)}#mb.x{background:var(--k);color:#fff}
 nav{max-height:calc(100vh - 130px);overflow-y:auto;-webkit-overflow-scrolling:touch}
 nav>ul>li{border-bottom:1px solid #eef0f4}nav>ul>li>a{padding:14px 52px 14px 6px}nav>ul>li>a:after{display:none}
 nav li.hs{position:relative}
 nav li ul{display:none!important;position:static;box-shadow:none;border:0;padding:0 0 8px 14px;background:none;min-width:0}
 nav li:hover>ul{display:none!important}
 nav li.ac>ul{display:flex!important}
 nav li ul a{padding:11px 6px;border-radius:0;font-weight:500}
 nav .car{position:absolute;right:0;top:0;width:52px;height:52px;margin:0;border:0;transform:none!important;display:block;cursor:pointer}
 nav .car:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-6px 0 0 -4px;border:solid currentColor;border-width:0 2px 2px 0;transform:rotate(45deg);transition:transform .25s}
 nav li.ac>a .car:after{transform:rotate(225deg);margin-top:-2px}
 nav li.ac>a{color:var(--k)}
 nav>ul>li>a.cta{margin:14px 0 6px}nav>ul>li:has(>a.cta){border-bottom:0}
}
/* v21 iletişim sayfası */
.ctk{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-34px;position:relative;z-index:3}
.ctc{display:flex;align-items:center;gap:16px;background:#fff;padding:22px;border-radius:16px;box-shadow:0 12px 34px rgba(18,22,31,.12);border-bottom:4px solid transparent;transition:.3s;min-width:0}
a.ctc:hover{transform:translateY(-6px);border-bottom-color:var(--k)}
.cti{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#fdecee;color:var(--k);flex:none;transition:.3s}.cti .i{width:24px;height:24px}a.ctc:hover .cti{background:var(--k);color:#fff}
.ctc small{display:block;color:var(--m);font-size:13px}.ctc b{display:block;color:var(--d);font-size:15px;line-height:1.4;overflow-wrap:anywhere}
.ctg{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;margin-top:60px;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px rgba(18,22,31,.14)}
.ctl{background:linear-gradient(150deg,var(--d),color-mix(in srgb,var(--k) 70%,var(--d)));color:#fff;padding:48px 40px;position:relative;overflow:hidden}
.ctl:after{content:"";position:absolute;right:-80px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.07)}
.ctl h2{color:#fff;font-size:clamp(26px,3vw,36px);margin:0 0 14px;padding:0}.ctl h2:after{display:none}.ctl>p{color:#dfe3ec;margin:0 0 28px}
.ctl .rozet2{background:#fff;color:var(--k)}.ctl .rozet2:after{border-top-color:#fff}
.cts{display:flex;gap:14px;align-items:flex-start;margin-bottom:20px;position:relative;z-index:1}.cts .i{width:22px;height:22px;margin-top:3px;color:#fff;opacity:.9}.cts b{display:block}.cts span{color:#dfe3ec;font-size:14.5px}
.cso{display:flex;gap:10px;margin-top:30px;position:relative;z-index:1}.cso a{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);transition:.25s}.cso a:hover{background:#fff;color:var(--k);transform:translateY(-3px)}.cso .i{width:17px;height:17px}
.ctf{background:#fff;padding:48px 44px}.ctf h3{font-size:24px;margin:0 0 20px}
.ctfm{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ctfm .tam,.ctcp{grid-column:1/-1}.ctfm input,.ctfm select,.ctfm textarea{background:#f6f7fb;border-color:transparent}.ctfm input:focus,.ctfm select:focus,.ctfm textarea:focus{background:#fff}
.ctfm select{padding:13px 16px;border:1.5px solid transparent;border-radius:12px;font:inherit;font-size:15px;width:100%;color:var(--t)}
.ctcp{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.ctcp .btn{padding:14px 34px;border-radius:12px;font-size:15px}.ctcp .btn .i{width:16px;height:16px}
.ctm{margin-top:50px;margin-bottom:20px}.ctm iframe{display:block;width:100%;height:420px;border:0;border-radius:22px;box-shadow:0 20px 60px rgba(18,22,31,.14)}
@media(max-width:1000px){.ctk{grid-template-columns:1fr 1fr}.ctg{grid-template-columns:1fr}}
@media(max-width:560px){.ctk{grid-template-columns:1fr;margin-top:-20px}.ctl,.ctf{padding:32px 22px}.ctfm{grid-template-columns:1fr}.ctcp{grid-template-columns:1fr}.ctm iframe{height:320px}}
/* v22 iletişim kartları: banner ile iç içe geçmesin */
.ctk{margin-top:44px;align-items:stretch}
.ctc{align-items:center;min-height:0;padding:20px 18px;gap:14px}
.ctc b{font-size:14px;font-weight:600;line-height:1.45;word-break:normal;overflow-wrap:break-word}
.ctc>div{min-width:0}
.ctc small{margin-bottom:3px;font-weight:500}
.ctg{margin-top:44px}
@media(max-width:560px){.ctk{margin-top:28px}}
/* v23 iletişim kartları: 3 üstte, adres tam genişlikte */
.ctk{grid-template-columns:repeat(3,1fr)}
.ctk>.ctc:nth-child(4):last-child{grid-column:1/-1}
.ctc b{font-size:15px;overflow-wrap:normal;word-break:normal;white-space:normal}
.ctc a,.ctc b{min-width:0}
@media(max-width:1000px){.ctk{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ctk{grid-template-columns:1fr}}
/* v24 ürün kataloğu */
.pkf{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:22px}.pkf input{flex:1;min-width:180px;padding:12px 16px;border:1.5px solid #e3e6ee;border-radius:12px;font:inherit;background:#fff}.pkf .btn{padding:12px 24px;border-radius:12px}.pks{color:var(--m);font-size:14px;margin-left:auto}
.pkg{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.pk{background:#fff;border:1px solid #eceef3;border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.3s}
.pk:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(18,22,31,.13);border-color:transparent}
.pki{position:relative;display:block;aspect-ratio:4/3;background:#fff;padding:20px;border-bottom:1px solid #f0f1f5;text-decoration:none}
.pki img{width:100%;height:100%;object-fit:contain;transition:.4s}.pk:hover .pki img{transform:scale(1.06)}
.pkp{position:absolute;top:12px;left:12px;background:var(--k);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;border-radius:20px;text-transform:uppercase}
.pdb .pkp{position:static;display:inline-block;vertical-align:middle}
.pkb{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
.pkc{display:inline-block;align-self:flex-start;background:#fdecee;color:var(--k);font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:4px 10px;border-radius:6px;margin-bottom:10px}
.pkb h3{font-size:17px;line-height:1.35;margin:0 0 8px;min-height:2.7em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pkb h3 a{color:var(--d);text-decoration:none}.pkb h3 a:hover{color:var(--k)}
.pkb p{color:var(--m);font-size:14px;line-height:1.55;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pkm{display:flex;gap:10px;margin-top:auto;flex-wrap:wrap}.pk .pkm .btn{flex:1;text-align:center;padding:11px 8px;font-size:13px;white-space:nowrap;text-decoration:none;border-radius:10px;box-shadow:none}
.pk .btn:not(.alt){background:var(--k);color:#fff}.pk .btn.alt{background:#fff;color:var(--k);border:1.5px solid var(--k)}.pk .btn.alt:hover{background:var(--k);color:#fff}
.pgn{display:flex;gap:8px;justify-content:center;margin:32px 0 6px;flex-wrap:wrap}.pgn a{min-width:42px;height:42px;display:grid;place-items:center;border:1.5px solid #e3e6ee;border-radius:10px;color:var(--d);text-decoration:none;font-weight:600;background:#fff}.pgn a:hover,.pgn a.on{background:var(--k);border-color:var(--k);color:#fff}
.pkb0{padding:40px;text-align:center;background:#f6f7fb;border-radius:14px}
.yan .box li a.on{color:var(--k);font-weight:700}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.pdi{background:#fff;border:1px solid #eceef3;border-radius:18px;padding:24px;aspect-ratio:1/1;display:grid;place-items:center}.pdi img{max-width:100%;max-height:100%;object-fit:contain}
.pdb h2{font-size:clamp(24px,2.6vw,32px);line-height:1.25;margin:12px 0}.pdb h2:after{display:none}.pdo{color:var(--m);line-height:1.7}.pdk{margin:0 0 8px}
.pdv{list-style:none;padding:0;margin:18px 0 24px;display:grid;gap:8px}.pdv li{padding-left:28px;position:relative;font-weight:600;color:var(--d)}.pdv li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:#fdecee;color:var(--k);font-size:12px;display:grid;place-items:center}
.pdb .pkm .btn{text-decoration:none;padding:13px 22px;border-radius:10px;flex:0 1 auto}.pdb .btn.alt{background:#fff;color:var(--k);border:1.5px solid var(--k)}
.pda{margin-top:36px;padding:28px 30px;background:#f6f7fb;border-radius:18px}.pda h3,.pdh{margin:0 0 14px;font-size:22px}.pdh{margin:40px 0 18px}
.uacik p{line-height:1.75}.uacik ul{padding-left:20px}.uacik li{margin:4px 0}
@media(max-width:1100px){.pkg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.pd{grid-template-columns:1fr}}
@media(max-width:520px){.pkg{grid-template-columns:1fr}.pks{width:100%;margin:0}}
/* v25 hizmetler */
.hzg{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;padding-top:60px;padding-bottom:20px}
.hzgm h2{font-size:clamp(26px,3.2vw,40px);line-height:1.2;margin:10px 0 14px}.hzgl{font-size:17px;color:var(--m);line-height:1.75}.hzic{margin-top:14px}
.hzgv{list-style:none;margin:0;padding:28px;background:linear-gradient(150deg,var(--d),color-mix(in srgb,var(--k) 70%,var(--d)));border-radius:20px;display:grid;gap:14px;color:#fff}
.hzgv li{padding-left:34px;position:relative;font-weight:600}.hzgv li:before{content:"✓";position:absolute;left:0;top:-1px;width:24px;height:24px;border-radius:50%;background:#fff;color:var(--k);display:grid;place-items:center;font-size:13px}
.hzl{padding-top:30px;padding-bottom:30px}.hzls{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hzk{background:#fff;border:1px solid #eceef3;border-radius:18px;padding:32px 28px;text-align:left;transition:.3s;display:flex;flex-direction:column;position:relative;overflow:hidden}
.hzk:before{content:"";position:absolute;left:0;top:0;height:4px;width:0;background:var(--k);transition:.4s}.hzk:hover:before{width:100%}
.hzk:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(18,22,31,.12);border-color:transparent}
.hzki{display:grid;place-items:center;width:62px;height:62px;border-radius:16px;background:#fdecee;color:var(--k);margin-bottom:18px;text-decoration:none;transition:.3s}.hzki .si{width:30px;height:30px}.hzk:hover .hzki{background:var(--k);color:#fff}
.hzk h3{font-size:20px;margin:0 0 10px}.hzk h3 a{color:var(--d);text-decoration:none}.hzk p{color:var(--m);line-height:1.65;margin:0 0 18px;flex:1}
.hzkm{color:var(--k);font-weight:700;text-decoration:none;display:inline-flex;gap:8px;align-items:center}.hzkm .i{width:16px;height:16px;transition:.3s}.hzkm:hover .i{transform:translateX(5px)}
.hzp,.hzb{padding-top:40px;padding-bottom:20px}
.hzps{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}
.hzps li{background:#f6f7fb;border-radius:16px;padding:26px 22px;position:relative}.hzps b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--k);color:#fff;margin-bottom:14px}.hzps h3{font-size:18px;margin:0 0 6px}.hzps p{margin:0;color:var(--m);font-size:14.5px;line-height:1.6}
.hzbc{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hzbc a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1.5px solid #e3e6ee;border-radius:30px;color:var(--d);text-decoration:none;font-weight:600;background:#fff;transition:.25s}.hzbc a .i{width:15px;height:15px;color:var(--k)}.hzbc a:hover{border-color:var(--k);color:var(--k)}
.hzcta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:50px;margin-bottom:50px;padding:38px 44px;border-radius:22px;background:linear-gradient(120deg,var(--d),color-mix(in srgb,var(--k) 75%,var(--d)));color:#fff}
.hzcta h2,.hzcta h3{color:#fff;margin:0 0 8px;padding:0}.hzcta h2:after{display:none}.hzcta p{margin:0;color:#e3e6ee}.hzcb{display:flex;gap:12px;flex-wrap:wrap}.hzcta .btn{background:#fff;color:var(--k);text-decoration:none}.hzcta .btn.alt{background:transparent;color:#fff;border:1.5px solid #fff}
.hzcta.in{margin:36px 0 0;padding:28px 30px}
.hzdl{font-size:18px;color:var(--m);line-height:1.7;border-left:4px solid var(--k);padding-left:18px}
@media(max-width:1000px){.hzg{grid-template-columns:1fr}.hzls{grid-template-columns:repeat(2,1fr)}.hzps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hzls,.hzps{grid-template-columns:1fr}.hzcta{padding:28px 22px}}
.bl2{grid-template-columns:repeat(2,1fr);margin:18px 0}.bl2 .hzk{padding:24px}@media(max-width:600px){.bl2{grid-template-columns:1fr}}
/* v26 blog listesi */
.bkg{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:24px}
.bk{background:#fff;border:1px solid #eceef3;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:.3s}
.bk:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(18,22,31,.13);border-color:transparent}
.bki{display:block;aspect-ratio:16/10;background:linear-gradient(135deg,#1c2230,#4a1620);overflow:hidden}
.bki img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:.5s}.bk:hover .bki img{transform:scale(1.05)}
.bkc{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.bkc h3{font-size:19px;line-height:1.35;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bkc h3 a{color:var(--d);text-decoration:none}.bkc h3 a:hover{color:var(--k)}
.bkc p{color:var(--m);font-size:14.5px;line-height:1.65;margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bkm{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:14px;border-top:1px solid #f0f1f5;font-size:13px;color:var(--m);flex-wrap:wrap}
.bkm span{display:inline-flex;align-items:center;gap:6px}.bkm .i{width:15px;height:15px;color:var(--k)}
.bko{margin-left:auto;color:var(--k);font-weight:700;text-decoration:none}.bko:hover{text-decoration:underline}
.bkb{display:grid;grid-template-columns:1.15fr 1fr;margin-bottom:0}.bkb .bki{aspect-ratio:auto;min-height:320px;height:100%}.bkb .bkc{padding:30px}.bkb h3{font-size:clamp(22px,2.4vw,28px)}.bkb p{-webkit-line-clamp:5;font-size:15.5px}
.sirala{margin-bottom:6px}
@media(max-width:900px){.bkb{grid-template-columns:1fr}.bkb .bki{min-height:0;aspect-ratio:16/10;height:auto}}
@media(max-width:640px){.bkg{grid-template-columns:1fr}}
/* v27 blog görselleri: tam görünsün (kırpma yok) */
.bki{aspect-ratio:auto!important;min-height:0!important;height:auto!important;display:flex;align-items:center;justify-content:center;background:#12161f}
.bki img{width:100%;height:auto!important;max-height:300px;object-fit:contain!important}
.bkb .bki{align-self:stretch}.bkb .bki img{max-height:380px}
.bk:hover .bki img{transform:none}
@media(max-width:900px){.bkb .bki img{max-height:300px}}
/* v28 footer */
footer.ft2{background:linear-gradient(180deg,#141823,#0d1018);color:#aab1c2;text-align:left;padding:0;border-top:0;font-size:14.5px}
.ft2 .ftc{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin-top:0;padding:34px 36px;border-radius:0 0 22px 22px;background:linear-gradient(120deg,var(--k),color-mix(in srgb,var(--k) 55%,#12161f));color:#fff;transform:none}
.ft2 .ftc h3{color:#fff;margin:0 0 6px;font-size:clamp(20px,2.4vw,26px)}.ft2 .ftc p{margin:0;color:#ffe3e6}.ftb{display:flex;gap:12px;flex-wrap:wrap}
.ft2 .ftc .btn{background:#fff;color:var(--k);text-decoration:none}.ft2 .ftc .btn.ft-wa{background:transparent;color:#fff;border:1.5px solid #fff}.ft2 .ftc .btn.ft-wa:hover{background:#fff;color:var(--k)}
.ft2 .ftg{display:grid;grid-template-columns:1.4fr .9fr 1.1fr 1.4fr;gap:44px;padding:60px 20px 40px}
.ft2 h4{color:#fff;font-size:16px;margin:0 0 18px;position:relative;padding-bottom:12px}.ft2 h4:after{content:"";position:absolute;left:0;bottom:0;width:32px;height:3px;border-radius:2px;background:var(--k)}.ft2 .ft-h2{margin-top:26px}
.ft2 ul{list-style:none;margin:0;padding:0}.ft2 li{margin:0}.ft2 nav li a{display:inline-block;padding:5px 0;color:#aab1c2;text-decoration:none;transition:.2s}.ft2 nav li a:hover{color:#fff;transform:translateX(4px)}
.ft2 .ftm p{line-height:1.75;margin:16px 0 20px;color:#9aa2b5}
.fts{display:flex;gap:10px}.fts a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ffffff14;color:#fff;transition:.25s}.fts a:hover{background:var(--k);transform:translateY(-3px)}.fts .i{width:17px;height:17px}
.fti li{display:flex;gap:12px;align-items:flex-start;padding:7px 0;line-height:1.6}.fti .i{width:18px;height:18px;flex:none;margin-top:3px;color:var(--k)}.fti a{color:#d5d9e4;text-decoration:none}.fti a:hover{color:#fff}.fti span{color:#aab1c2}
.ftx{border-top:1px solid #ffffff17;padding:20px 0;font-size:13px}.ftx .wrap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.ftu{color:#d5d9e4;text-decoration:none}.ftu:hover{color:#fff}
@media(max-width:1000px){.ft2 .ftg{grid-template-columns:1fr 1fr;gap:36px}}
@media(max-width:600px){.ft2 .ftg{grid-template-columns:1fr;padding:44px 20px 28px}.ft2 .ftc{padding:28px 22px;border-radius:0}.ftx .wrap{flex-direction:column;text-align:center}}
/* v29 footer liste düzeltmesi (menü stilleriyle çakışmayı önle) */
.ft2 ul{display:block!important;flex-direction:column!important;gap:0!important;position:static!important;background:none!important;box-shadow:none!important;padding:0!important}
.ft2 li{display:block!important;float:none!important;width:auto!important;border:0!important;padding:0!important}
.ft2 .fti li{display:flex!important;padding:7px 0!important}
.ft2 .ftn li a{display:inline-block;padding:5px 0;color:#aab1c2;text-decoration:none;font-weight:500;white-space:normal}.ft2 .ftn li a:hover{color:#fff;transform:translateX(4px)}
.ft2 .ftg>*{min-width:0}.ft2 .ftm p{max-width:340px;font-size:14px}
.ftx .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.ftx .wrap>span:first-child{justify-self:start}.ftx .ftd{justify-self:center;text-align:center;color:#8d95a8}.ftx .ftd a,.ftx .ftd b{color:#fff;font-weight:600;text-decoration:none}.ftx .ftd a:hover{color:var(--k)}.ftx .ftu{justify-self:end}
@media(max-width:700px){.ftx .wrap{grid-template-columns:1fr;gap:8px;text-align:center}.ftx .wrap>*{justify-self:center!important}}
/* v30 breadcrumb: tek satır */
.bc3{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;gap:0}
.bc3>a,.bc3>b,.bc3>span{display:inline!important;width:auto!important;margin-top:0!important;margin-bottom:0!important;padding:0!important;line-height:1.6;white-space:nowrap}
.bc3>span{margin:0 10px!important;opacity:.6}
.bc3>b{white-space:normal}

/* v31 teklif sayfası */
.tqk{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:-34px;position:relative;z-index:3}
.tqc{display:flex;align-items:center;gap:16px;background:#fff;padding:22px;border-radius:16px;box-shadow:0 12px 34px rgba(18,22,31,.12);border-bottom:4px solid transparent;text-decoration:none;transition:.3s;min-width:0}
.tqc:hover{transform:translateY(-6px);border-bottom-color:var(--k)}
.tqi{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#fdecee;color:var(--k);flex:none}.tqi .i{width:24px;height:24px}
.tqc small{display:block;color:var(--m);font-size:13px}.tqc b{display:block;color:var(--d);font-size:16px;overflow-wrap:anywhere}
.tqg{display:grid;grid-template-columns:5fr 7fr;gap:32px;align-items:start;padding-top:48px;padding-bottom:56px}
.tql{background:linear-gradient(160deg,var(--d),var(--d2));color:#fff;border-radius:20px;padding:36px;position:sticky;top:90px}
.tql h2{color:#fff;font-size:26px;line-height:1.25;margin:10px 0 20px}.tql h3{color:#fff;font-size:17px;margin:28px 0 14px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.tqn{list-style:none;margin:0;padding:0;display:grid;gap:11px}.tqn li{display:flex;gap:11px;align-items:center;color:#dfe3ee;font-size:15px}.tqn .i{width:20px;height:20px;color:#fff;background:var(--k);border-radius:50%;padding:4px;flex:none}
.tqa{list-style:none;margin:0;padding:0;display:grid;gap:16px}.tqa li{display:flex;gap:14px}.tqa i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--k);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:700;font-size:14px}
.tqa b{display:block;color:#fff;font-size:15px}.tqa span{display:block;color:#aab1c2;font-size:13.5px;line-height:1.5;margin-top:2px}
.tqs{margin-top:26px;padding:16px 18px;border-radius:12px;background:rgba(255,255,255,.07);font-size:14px}.tqs b{display:block;color:#fff;margin-bottom:4px}.tqs span{color:#c5cad8}
.tqf{background:#fff;border-radius:20px;padding:38px;box-shadow:var(--sh);border-top:5px solid var(--k)}
.tqf h2{margin:0 0 6px;font-size:26px;color:var(--d)}.tqs2{color:var(--m);margin:0 0 22px}
.tqfm{display:grid;grid-template-columns:1fr 1fr;gap:16px 14px}.tqfm .tam{grid-column:1/-1}
.tqfm label{display:block;min-width:0}.tqfm label>span{display:block;font-size:13px;font-weight:600;color:var(--d);margin-bottom:6px}
.tqfm input,.tqfm textarea{width:100%;box-sizing:border-box;background:#f6f7fb;border:1.5px solid transparent;border-radius:12px;padding:13px 16px;font:inherit;font-size:15px;color:var(--t);transition:.2s}
.tqfm input:focus,.tqfm textarea:focus{outline:0;background:#fff;border-color:var(--k);box-shadow:0 0 0 4px rgba(215,25,45,.10)}
.tqfm textarea{resize:vertical;min-height:120px}
.tqcp{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.tqcp .btn{padding:14px 34px;border-radius:12px;font-size:15px;white-space:nowrap}.tqcp .btn .i{width:16px;height:16px;vertical-align:-3px}
.tqkv{margin:0;color:var(--m);font-size:13px}
@media(max-width:900px){.tqk{grid-template-columns:1fr}.tqg{grid-template-columns:1fr}.tql{position:static;padding:28px}.tqf{padding:26px}}
@media(max-width:560px){.tqfm{grid-template-columns:1fr}.tqcp{grid-template-columns:1fr}.tqcp .btn{width:100%}}