:root{--blue:#1f5a96;--blue2:#4a8fcd;--navy:#123a63;--soft:#eef5fc;--line:#cfe0f2;--ink:#14304f;--red:#d62828;--wa:#1fa855;--r:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.65;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}a{color:var(--blue)}h1,h2,h3{line-height:1.25;color:var(--navy)}
h2{font-size:clamp(22px,2.6vw,30px);margin:1.6em 0 .6em}h3{font-size:20px;margin:1.4em 0 .5em}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.center{text-align:center}
.topbar{background:var(--navy);color:#dfeaf6;font-size:14px}.topbar .wrap{display:flex;gap:18px;justify-content:flex-end;align-items:center;min-height:36px;flex-wrap:wrap}.topbar span{margin-right:auto}.topbar a{color:#fff;text-decoration:none;font-weight:700}.topbar .tb-tel{color:#ff6b6b}
.hdr{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.hdr .wrap{display:flex;align-items:center;gap:20px;min-height:84px}.logo img{height:64px;width:auto}
.nav{display:flex;gap:4px;margin-left:auto;flex-wrap:wrap}.nav a{padding:8px 11px;border-radius:8px;text-decoration:none;color:var(--navy);font-weight:600;font-size:15px}.nav a:hover,.nav a[aria-current]{background:var(--soft);color:var(--blue)}
.burger{display:none;margin-left:auto;cursor:pointer;padding:8px}.burger span{display:block;width:26px;height:3px;background:var(--blue);margin:5px 0;border-radius:2px}
.hero{background:linear-gradient(120deg,var(--navy),var(--blue) 60%,var(--blue2));color:#fff;padding:clamp(40px,6vw,80px) 0}.hgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.hero h1{color:#fff;font-size:clamp(30px,4.2vw,50px);margin:.2em 0 .4em}.kicker{text-transform:uppercase;letter-spacing:.08em;font-size:13px;font-weight:700;opacity:.85;margin:0}.lead{font-size:19px;opacity:.95}
.himg img{border-radius:var(--r);box-shadow:0 20px 50px rgba(0,0,0,.3);border:6px solid #fff}
.chips{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px}.chips li{border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:5px 14px;font-size:14px}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:700;text-decoration:none;color:#fff;background:var(--blue);border:2px solid transparent}.btn.wa{background:var(--wa)}.btn.red{background:var(--red)}.btn.line{background:#fff;color:var(--navy);border-color:var(--navy)}
.phead{background:var(--soft);border-bottom:1px solid var(--line);padding:28px 0 22px}.phead h1{margin:.1em 0;font-size:clamp(26px,3.4vw,40px)}.crumbs{margin:0;font-size:14px;color:#4b5f75}.crumbs a{text-decoration:none}
.main{padding:24px 16px 50px}.cols{display:grid;grid-template-columns:1fr 290px;gap:40px;align-items:start}
.content>img,.content p>img{border-radius:var(--r);margin:14px 0}.content ol,.content ul{padding-left:22px}.content li{margin:4px 0}.content .meta{color:#4b5f75;font-size:14px;margin-top:0}
.gal{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0}.gal img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.side{position:sticky;top:110px;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:18px}.side h3{margin-top:0}.side ul{list-style:none;padding:0;margin:0 0 14px}.side li{border-bottom:1px solid var(--line)}.side li a{display:block;padding:8px 2px;text-decoration:none;font-weight:600}.sidebox .btn{display:block;text-align:center;margin:8px 0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:18px 0}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(31,90,150,.15)}.card img{width:100%;aspect-ratio:4/3;object-fit:cover}.ct{font-weight:800;color:var(--navy);font-size:19px;padding:14px 16px 4px}.cd{padding:0 16px 16px;font-size:15px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin:30px 0}.two img{border-radius:var(--r)}
.checks{list-style:none;padding:0}.checks li{padding:6px 0 6px 32px;position:relative}.checks li:before{content:"✓";position:absolute;left:0;top:6px;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:13px;text-align:center;line-height:22px}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:16px 0}.post{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-left:5px solid var(--blue2);border-radius:var(--r);text-decoration:none;color:var(--ink);background:#fff}.pd{font-size:13px;color:#4b5f75}.pt{font-weight:800;color:var(--navy)}.pe{font-size:15px}
.related{margin-top:40px;padding:18px;background:var(--soft);border-radius:var(--r)}.related h2{margin-top:0;font-size:22px}.lead2{font-size:19px}
.napbox{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:22px}.napbox h2{margin-top:0}.map{width:100%;height:380px;border:0;border-radius:var(--r)}
a.red,.red{color:var(--red)!important;font-weight:800}
.btn.red,a.btn.red{color:#fff!important}
.cta{background:var(--navy);color:#fff;padding:34px 0}.cta .wrap{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}.cta h2{color:#fff;margin:0 0 6px}.cta p{margin:0;opacity:.9}
.ftr{background:#0e2c4b;color:#cfdcea;padding:40px 0 20px;font-size:15px}.fgrid{display:grid;grid-template-columns:1.2fr 1.3fr 1fr 1.2fr;gap:30px}.ftr h3{color:#fff;font-size:17px;margin-top:0}.ftr a{color:#fff}.ftr ul{list-style:none;padding:0;margin:0}.ftr li{margin:5px 0}.ftr a.red{color:#ff6b6b!important}.flogo{background:#fff;border-radius:10px;padding:6px;height:72px;width:auto}.copy{text-align:center;margin:26px 0 0;font-size:13px;opacity:.7}
.wa-float{position:fixed;right:16px;bottom:16px;background:var(--wa);color:#fff;font-weight:800;text-decoration:none;padding:12px 18px;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.25);z-index:30}
@media (max-width:980px){.cols{grid-template-columns:1fr}.side{position:static}.fgrid{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;padding:8px 16px 16px;border-bottom:1px solid var(--line)}#nt:checked~.nav{display:flex}.hdr .wrap{position:relative;min-height:70px}.logo img{height:52px}.hgrid,.two{grid-template-columns:1fr}.cards,.posts{grid-template-columns:1fr 1fr}.topbar span{display:none}.topbar .wrap{justify-content:center}}
@media (max-width:560px){.cards,.posts,.fgrid{grid-template-columns:1fr}body{font-size:16px}}
.hslides{position:relative;aspect-ratio:3/2;border-radius:var(--r);overflow:hidden;border:6px solid #fff;box-shadow:0 20px 50px rgba(0,0,0,.3);background:#fff}
.hslides .hs{position:absolute;inset:0;opacity:0;z-index:0;animation:hsf 16s infinite}
.hslides .hs:nth-child(2){animation-delay:4s}.hslides .hs:nth-child(3){animation-delay:8s}.hslides .hs:nth-child(4){animation-delay:12s}.hslides .hs:nth-child(5){animation-delay:16s}.hslides .hs-bina img{object-position:center 55%}
.hslides img{width:100%;height:100%;object-fit:cover;border:0!important;box-shadow:none!important;border-radius:0!important}
.hslides span{position:absolute;left:0;right:0;bottom:0;padding:28px 18px 14px;background:linear-gradient(transparent,rgba(18,58,99,.85));color:#fff;font-weight:800;font-size:20px}
@keyframes hsf{0%{opacity:0;z-index:0}3%,25%{opacity:1;z-index:2}28%,100%{opacity:0;z-index:0}}
@media (prefers-reduced-motion:reduce){.hslides .hs{animation:none}.hslides .hs:first-child{opacity:1;z-index:2}}
@media (max-width:860px){.hgrid .himg{order:-1}}
.firma{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;margin:34px 0 10px;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:24px}
.firma figure{margin:0}.firma img{width:100%;height:100%;max-height:620px;object-fit:cover;object-position:center 45%;border-radius:14px;box-shadow:0 18px 40px rgba(18,58,99,.2)}
.firma h2{margin:.2em 0 .5em;font-size:clamp(26px,3vw,38px)}.kicker2{margin:0;color:var(--blue);font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:13px}.firma-adr{font-weight:600}
@media (max-width:860px){.firma{grid-template-columns:1fr;gap:20px;padding:16px}.firma img{max-height:460px}}
@media (min-width:861px){.hero .wrap{max-width:1360px}.hero .hgrid{grid-template-columns:.8fr 1.2fr;gap:36px}.hero .hslides{aspect-ratio:4/3}.hero h1{font-size:clamp(30px,3.4vw,46px)}}
.hdr .wrap{min-height:136px}.logo img{height:120px}@media (max-width:860px){.hdr .wrap{min-height:92px}.logo img{height:78px}}
@media (min-width:861px){.hdr .wrap{max-width:1360px}.nav{gap:2px}.nav a{font-size:clamp(15px,1.3vw,18px);font-weight:700;padding:10px clamp(6px,.85vw,12px)}}
.firma-ust{font-size:clamp(24px,3vw,38px);margin:40px 0 0;color:var(--navy)}
.kusak{margin:40px 0;padding:34px 24px;background:linear-gradient(180deg,var(--soft),#fff);border:1px solid var(--line);border-radius:18px}.kusak h2{margin:.2em 0 .4em}.kusak-lead{max-width:760px;margin:0 auto 24px;font-size:18px}.kusak-fig{margin:0 auto;max-width:980px}.kusak-fig img{width:100%;height:auto;border-radius:14px;border:8px solid #fff;box-shadow:0 20px 50px rgba(18,58,99,.18)}.kusak-fig figcaption{text-align:center;color:#4b5f75;font-size:15px;margin-top:12px;font-style:italic}@media (max-width:560px){.kusak{padding:22px 12px}.kusak-fig img{border-width:4px}}
.tv h2{margin-top:1.4em}.tv-banner{width:100%;height:auto;border-radius:var(--r);margin:0 0 6px}
.tv-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tv-pair img{width:100%;aspect-ratio:25/17;object-fit:cover;border-radius:var(--r)}
.tv-two{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;margin:26px 0;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:20px}.tv-two h3{margin-top:0}.tv-badge{width:220px;margin-top:8px}
.tv-side{display:block;text-decoration:none}.tv-side img{width:100%;border-radius:var(--r)}.tv-side span{display:block;margin-top:8px;font-weight:700}
.tv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tv-grid3{grid-template-columns:repeat(3,1fr)}
.tv-card{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.tv-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.tv-card figcaption{padding:10px 14px;font-weight:800;color:var(--navy)}
.tv-note{font-weight:800;color:var(--blue);font-size:19px;text-align:center;margin:16px 0}
.tv-link{display:flex;gap:18px;align-items:center;text-decoration:none;color:var(--ink);background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:12px;margin:22px 0}.tv-link img{width:220px;border-radius:10px}
.tv-wide img{width:100%;border-radius:var(--r);margin-top:26px}
@media (max-width:700px){.tv-pair,.tv-two,.tv-grid,.tv-grid3{grid-template-columns:1fr}.tv-link{flex-direction:column;align-items:flex-start}.tv-link img{width:100%}}
.kira{background:#fff;border:2px solid var(--blue2);border-radius:18px;overflow:hidden;margin:0 0 30px;box-shadow:0 14px 34px rgba(31,90,150,.12)}.kira-img{width:100%;height:auto;display:block}.kira-in{padding:22px 24px}.kira-in h2{margin:.1em 0 .4em;font-size:clamp(26px,3vw,36px)}.kira-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:10px}.kira-grid h3{margin-top:.4em}.kira-steps{counter-reset:k;list-style:none;padding:0;margin:0}.kira-steps li{counter-increment:k;position:relative;padding:8px 0 8px 44px}.kira-steps li:before{content:counter(k);position:absolute;left:0;top:6px;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;text-align:center;line-height:32px}@media (max-width:700px){.kira-grid{grid-template-columns:1fr}.kira-in{padding:16px}}

/* sövale atölye bölümü */
.sv-atolye{margin:6px 0 34px}.sv-atolye>h2{margin-top:0}.sv-big{margin:18px 0}.sv-big img{width:100%;height:auto;border-radius:var(--r);box-shadow:0 10px 26px rgba(18,58,99,.15)}.sv-big:not(.sv-wide) img{aspect-ratio:4/3;object-fit:cover;object-position:50% 45%}.sv-big figcaption{font-size:14px;color:#4b5f75;margin-top:8px;text-align:center}.sv-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.sv-grid h3{margin-top:.4em}.sv-list{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
@media (max-width:700px){.sv-grid,.sv-list{grid-template-columns:1fr;gap:0}.sv-big:not(.sv-wide) img{aspect-ratio:3/4}}

/* anasayfa müşteri bilinçlendirme: Hakkımızda kartının altında */
.mb-card{border:2px solid var(--blue2)}

/* müşteri bilinçlendirme rehberleri */
.rh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:16px 0 28px}.rh-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}.rh-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(31,90,150,.15)}.rh-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.rh-k{font-size:12px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.05em;padding:12px 14px 0}.rh-t{font-weight:800;color:var(--navy);font-size:18px;padding:2px 14px}.rh-d{font-size:15px;padding:4px 14px 14px}
.rh-box{background:var(--soft);border:1px solid var(--line);border-left:5px solid var(--blue2);border-radius:var(--r);padding:16px 20px;margin:24px 0}.rh-box.warn{border-left-color:var(--red)}.rh-box h3{margin-top:0}.rh-links{padding-left:20px}.rh-links li{margin:6px 0}
.rh-tw{overflow-x:auto;margin:14px 0}.rh-tbl{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}.rh-tbl th,.rh-tbl td{border:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.rh-tbl th{background:var(--soft);color:var(--navy)}
.faq details{border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:10px 0;background:#fff}.faq summary{font-weight:800;color:var(--navy);cursor:pointer}.faq p{margin:.6em 0 0}
.rh-steps{counter-reset:s;list-style:none;padding:0}.rh-steps li{counter-increment:s;position:relative;padding:8px 0 8px 44px}.rh-steps li:before{content:counter(s);position:absolute;left:0;top:6px;width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;font-weight:800;text-align:center;line-height:30px}
.rh-fig{margin:18px 0}.rh-fig img{width:100%;border-radius:var(--r)}.rh-fig figcaption{font-size:14px;color:#4b5f75;text-align:center;margin-top:6px}
@media (max-width:860px){.rh-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.rh-grid{grid-template-columns:1fr}}
.rh{min-width:0}.rh-tw{max-width:100%}

/* çerçeveleme sayfası */
.cm-art{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:26px 0}.cm-art figure{margin:0}.cm-art img{width:100%;aspect-ratio:620/600;object-fit:cover;border-radius:4px;box-shadow:0 18px 40px rgba(18,58,99,.25)}.cm-art figcaption{text-align:center;font-size:14px;font-style:italic;color:#6b5a2a;margin-top:6px}.cm-art h2{margin-top:.2em}.cm-kick{color:#a8841d;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px;margin:0}.cm-art blockquote{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-size:21px;color:var(--navy);border-left:4px solid #c9a227;padding-left:14px;margin:16px 0}
.cm-list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.cm-cta{background:linear-gradient(120deg,var(--navy),var(--blue));color:#fff;border-radius:18px;padding:26px;margin:30px 0}.cm-cta h2{color:#fff;margin-top:0}.cm-cta p{opacity:.95}
@media (max-width:700px){.cm-art{grid-template-columns:1fr;padding:16px}.cm-list{grid-template-columns:1fr}}

/* hakkımızda: marka tescil ve basın */
.guven{margin:34px 0;padding:26px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 10px 30px rgba(18,58,99,.08)}.guven h2{margin-top:.2em}.guven-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:26px;align-items:start;margin-top:18px}.guven-card{margin:0;background:var(--soft);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.guven-card img{width:100%;display:block}.guven-card figcaption{padding:14px 18px}.guven-card h3{margin:.2em 0 .4em}.guven-more{font-size:14px;color:#4b5f75;margin:0}.guven-son{max-width:820px;margin:20px auto 0}
@media (max-width:700px){.guven{padding:16px}.guven-grid{grid-template-columns:1fr}}
.il-bina{margin:0 0 26px}.il-bina img{width:100%;max-height:560px;object-fit:cover;border-radius:18px;box-shadow:0 14px 34px rgba(18,58,99,.18)}.il-bina figcaption{text-align:center;color:#4b5f75;font-size:15px;margin-top:10px}
h3.ct{margin:0;line-height:1.3;font-size:19px}