/* Çisa Yapı — site stili. Palet logodan: turkuaz→yeşil yazı, kartvizitteki turkuaz/lila/turuncu şeritler. */
@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/montserrat-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Montserrat;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/montserrat-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ink:#1B2226;--ink-2:#2A3338;--metin:#3A454C;--soluk:#5C6670;--cizgi:#E2E8E7;--cizgi-2:#CBD4D3;
  --zemin:#fff;--zemin-2:#F5F7F6;--zemin-3:#EFF6F5;
  --ana:#13706B;--ana-2:#0E5753;--ana-a:#5DB8B0;--ana-ac:#E3F2F0;--yesil:#6BC67B;
  --turuncu:#EF8049;--turuncu-k:#B9521D;--lila:#A99BCB;--wa:#11804A;
  --r:12px;--r-k:8px;--golge:0 1px 2px rgba(20,30,35,.06),0 8px 24px rgba(20,30,35,.07);--golge-b:0 2px 4px rgba(20,30,35,.06),0 18px 44px rgba(20,30,35,.13);
  --bas:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif;--govde:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ust-h:88px;--kap:1240px;--gecis:.25s cubic-bezier(.2,.7,.2,1)
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--zemin);color:var(--metin);font:400 1rem/1.65 var(--govde);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--ana);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--ana-2)}
h1,h2,h3,h4{font-family:var(--bas);color:var(--ink);line-height:1.18;letter-spacing:-.015em;margin:0 0 .5em;font-weight:700;text-wrap:balance}
h1{font-size:clamp(2.1rem,4.6vw,4rem);font-weight:800;letter-spacing:-.025em}
h2{font-size:clamp(1.75rem,3.1vw,2.6rem)}
h3,.h3{font-size:1.2rem;font-family:var(--bas);font-weight:700;color:var(--ink);line-height:1.3;margin:0 0 .4em}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;cursor:pointer}
address{font-style:normal}
:focus-visible{outline:3px solid var(--ana-a);outline-offset:2px;border-radius:4px}
.atla{position:absolute;left:12px;top:-60px;z-index:2000;background:var(--ink);color:#fff;padding:10px 16px;border-radius:var(--r-k)}
.atla:focus{top:12px}
.kap{width:100%;max-width:var(--kap);margin:0 auto;padding:0 24px}
.kap--dar{max-width:820px}
.ik{width:1.25em;height:1.25em;flex:none;display:inline-block;vertical-align:-.25em}
.ik--k{width:1em;height:1em;vertical-align:-.15em}

/* Kartvizitteki çapraz şerit imzası */
.serit{display:flex;height:6px;width:100%;overflow:hidden}
.serit i{display:block;height:100%}
.serit i:nth-child(1){flex:7;background:linear-gradient(90deg,#4FB0C6,var(--ana-a) 60%,var(--yesil))}
.serit i:nth-child(2){flex:1.3;background:var(--lila);margin-left:-6px;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}
.serit i:nth-child(3){flex:2.2;background:var(--turuncu);margin-left:-6px;clip-path:polygon(6px 0,100% 0,100% 100%,0 100%)}

/* Düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.75em 1.4em;border-radius:var(--r-k);border:1.5px solid transparent;font:600 .98rem/1.2 var(--bas);letter-spacing:.005em;text-decoration:none;transition:background var(--gecis),color var(--gecis),border-color var(--gecis),transform var(--gecis),box-shadow var(--gecis);white-space:nowrap}
.btn .ik{width:1.15em;height:1.15em}
.btn:active{transform:translateY(1px)}
.btn--ana{background:var(--ana);color:#fff;box-shadow:0 6px 18px rgba(19,112,107,.28)}
.btn--ana:hover{background:var(--ana-2);color:#fff;box-shadow:0 8px 22px rgba(19,112,107,.36)}
.btn--ana .ik{transition:transform var(--gecis)}
.btn--ana:hover .ik{transform:translateX(3px)}
.btn--cizgi{border-color:rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,.06)}
.btn--cizgi:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn--cizgi-koyu{border-color:var(--cizgi-2);color:var(--ink);background:#fff}
.btn--cizgi-koyu:hover{border-color:var(--ana);color:var(--ana)}
.btn--koyu{background:var(--ink);color:#fff}
.btn--koyu:hover{background:var(--ink-2);color:#fff}
.btn--wa{background:var(--wa);color:#fff}
.btn--wa:hover{background:#0B6B3C;color:#fff}
.btn--blok{display:flex;width:100%}
.btn--buyuk{min-height:56px;padding:.9em 1.7em;font-size:1.03rem}
.btn--k{min-height:40px;padding:.5em 1em;font-size:.9rem}

/* Üst menü */
.ust{position:fixed;inset:0 0 auto 0;z-index:1000;height:var(--ust-h);color:#fff;background:linear-gradient(180deg,rgba(10,15,18,.62),rgba(10,15,18,.28) 60%,rgba(10,15,18,0));transition:background .3s,height .3s,box-shadow .3s,color .3s}
.ust__ic{height:100%;display:flex;align-items:center;gap:28px}
.ust__logo{position:relative;flex:none;display:block;height:72px;width:152px;transition:height .3s,width .3s}
.ust__logo picture{position:absolute;inset:0;transition:opacity .3s}
.ust__logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.ust .logo-renk{opacity:0}
.ust__nav{margin-left:auto}
.ust__nav>ul{display:flex;gap:4px}
.ust__nav>ul>li>a{display:flex;align-items:center;gap:6px;padding:10px 14px;border-radius:var(--r-k);color:inherit;text-decoration:none;font:600 .95rem/1 var(--bas);transition:background var(--gecis),color var(--gecis)}
.ust__nav>ul>li>a:hover{background:rgba(255,255,255,.12)}
.ust__eylem{display:flex;align-items:center;gap:16px}
.ust__tel{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font:700 .98rem/1.15 var(--bas);white-space:nowrap}
.ust__tel small{display:block;font:500 .72rem/1.2 var(--govde);opacity:.8;letter-spacing:.02em}
.ust__tel .ik{width:38px;height:38px;padding:9px;border-radius:50%;border:1.5px solid currentColor;opacity:.9}
.ust__menu{display:none;width:48px;height:48px;border:0;background:transparent;color:inherit;border-radius:var(--r-k);align-items:center;justify-content:center}
.ust__menu .ik{width:26px;height:26px}
.ust.kucuk,.ust.dolu{background:#fff;color:var(--ink);box-shadow:0 1px 0 var(--cizgi),0 6px 22px rgba(20,30,35,.06)}
.ust.kucuk{--ust-h:70px}
.ust.kucuk .ust__logo{height:60px;width:127px}
.ust.kucuk .logo-renk,.ust.dolu .logo-renk{opacity:1}
.ust.kucuk .logo-beyaz,.ust.dolu .logo-beyaz{opacity:0}
.ust.kucuk .ust__nav>ul>li>a:hover,.ust.dolu .ust__nav>ul>li>a:hover{background:var(--zemin-3);color:var(--ana)}
.ust.kucuk .ust__tel .ik,.ust.dolu .ust__tel .ik{color:var(--ana)}
.acilir{position:relative}
.acilir__panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px);width:min(760px,90vw);background:#fff;color:var(--metin);border-radius:var(--r);box-shadow:var(--golge-b);padding:14px;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.acilir__panel::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.acilir:hover .acilir__panel,.acilir:focus-within .acilir__panel,.acilir.acik .acilir__panel{opacity:1;visibility:visible;transform:translate(-50%,0)}
.acilir__panel ul{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.acilir__panel a{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:var(--r-k);text-decoration:none;color:var(--metin)}
.acilir__panel a:hover{background:var(--zemin-3)}
.acilir__panel strong{display:block;font:700 .93rem/1.3 var(--bas);color:var(--ink)}
.acilir__panel small{display:block;font-size:.8rem;line-height:1.45;color:var(--soluk);margin-top:2px}
.acilir__ik{flex:none;width:40px;height:40px;border-radius:10px;background:var(--ana-ac);color:var(--ana);display:grid;place-items:center}
.acilir__ik .ik{width:22px;height:22px}

/* Mobil menü: gövdenin doğrudan çocuğu, opak, her şeyin üstünde */
.mmenu{position:fixed;inset:0;z-index:1500;background:#fff;color:var(--ink);display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;opacity:0;transform:translateY(-8px);transition:opacity .22s,transform .22s}
.mmenu[hidden]{display:none}
.mmenu.acik{opacity:1;transform:none}
.mmenu__bas{display:flex;align-items:center;justify-content:space-between;height:68px;border-bottom:1px solid var(--cizgi);flex:none}
.mmenu__logo img{height:56px;width:auto}
.mmenu__kapat{width:48px;height:48px;border:0;background:var(--zemin-2);border-radius:50%;display:grid;place-items:center;color:var(--ink)}
.mmenu__kapat .ik{width:24px;height:24px}
.mmenu__nav{display:flex;flex-direction:column;padding-top:12px;padding-bottom:12px}
.mmenu__nav>a,.mmenu__grup>summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--cizgi);font:700 1.15rem/1.2 var(--bas);color:var(--ink);text-decoration:none;cursor:pointer;list-style:none}
.mmenu__grup>summary::-webkit-details-marker{display:none}
.mmenu__grup[open]>summary .ik{transform:rotate(180deg)}
.mmenu__grup ul{padding:6px 0 10px 12px;border-bottom:1px solid var(--cizgi)}
.mmenu__grup a{display:flex;align-items:center;min-height:44px;color:var(--metin);text-decoration:none;font-weight:500}
.mmenu__alt{margin-top:auto;padding-top:16px;padding-bottom:calc(20px + env(safe-area-inset-bottom));display:grid;gap:10px}
.mmenu__iki{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mmenu__bilgi{margin:4px 0 0;text-align:center;color:var(--soluk);font-size:.88rem}
body.menu-acik{overflow:hidden}

/* Karşılama */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#151b1e;isolation:isolate}
.hero__slaytlar,.hero__slayt{position:absolute;inset:0}
.hero__slayt{opacity:0;transition:opacity 1.4s ease}
.hero__slayt.aktif{opacity:1}
.hero__slayt img{width:100%;height:100%;object-fit:cover;transform:scale(1.07);transition:transform 9s linear}
.hero__slayt.aktif img{transform:scale(1)}
.hero__slayt:nth-child(1) img{object-position:40% 50%}
.hero__ort{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,19,22,.86) 0%,rgba(13,19,22,.62) 42%,rgba(13,19,22,.18) 78%,rgba(13,19,22,.1) 100%),linear-gradient(0deg,rgba(13,19,22,.7) 0%,rgba(13,19,22,0) 42%),linear-gradient(180deg,rgba(13,19,22,.55) 0%,rgba(13,19,22,0) 22%)}
.hero__ic{position:relative;padding-top:calc(var(--ust-h) + 40px);padding-bottom:clamp(56px,9vh,104px)}
.hero__ust{display:inline-flex;align-items:center;gap:10px;font:600 .82rem/1 var(--bas);letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.88);margin-bottom:22px}
.nokta{width:8px;height:8px;border-radius:50%;background:var(--yesil);box-shadow:0 0 0 4px rgba(107,198,123,.25)}
.hero h1{color:#fff;max-width:17ch;margin-bottom:.45em;text-shadow:0 2px 30px rgba(0,0,0,.25)}
.hero__alt{font-size:clamp(1.03rem,1.35vw,1.22rem);line-height:1.6;max-width:44rem;color:rgba(255,255,255,.88);margin-bottom:32px}
.hero__alt strong{color:#fff;font-weight:600}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:44px}
.hero__guven{display:flex;flex-wrap:wrap;gap:10px 28px;padding-top:26px;border-top:1px solid rgba(255,255,255,.18);max-width:900px}
.hero__guven li{display:flex;align-items:center;gap:10px;font-size:.94rem;color:rgba(255,255,255,.85)}
.hero__guven strong{color:#fff;font-weight:600}
.hero__guven .ik{width:22px;height:22px;color:var(--ana-a)}
.hero__nokta{position:absolute;right:max(16px,calc((100vw - var(--kap))/2 + 16px));bottom:clamp(54px,9vh,100px);display:flex;flex-direction:column;gap:2px;z-index:2}
.hero__nokta button{width:28px;height:28px;padding:0;border:0;background:transparent;position:relative;display:grid;place-items:center}
.hero__nokta button::before{content:"";width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.8);box-sizing:border-box;transition:background .2s}
.hero__nokta button[aria-current="true"]::before{background:#fff;border-color:#fff}
.serit--alt{position:absolute;left:0;right:0;bottom:0;z-index:2}
.hero__asagi{display:none;position:absolute;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:2;width:44px;height:44px;align-items:center;justify-content:center;color:rgba(255,255,255,.85);border-radius:50%}
.hero__asagi .ik{width:26px;height:26px;animation:asagi 2.2s ease-in-out infinite}
@keyframes asagi{0%,100%{transform:translateY(-3px);opacity:.6}50%{transform:translateY(4px);opacity:1}}

/* Bölümler */
.bolum{padding:clamp(64px,8.5vw,116px) 0}
.ust-baslik{display:inline-flex;align-items:center;gap:10px;font:700 .8rem/1 var(--bas);letter-spacing:.11em;text-transform:uppercase;color:var(--ana);margin-bottom:16px}
.ust-baslik::before{content:"";width:26px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--ana-a) 0 60%,var(--lila) 60% 75%,var(--turuncu) 75%)}
.bolum__bas{margin-bottom:clamp(32px,4.5vw,52px)}
.bolum__bas h2{margin-bottom:0}
.bolum__bas--yan{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 48px;flex-wrap:wrap}
.bolum__bas--yan>p{max-width:34rem;margin:0;color:var(--soluk)}
.bolum__bas--orta{text-align:center;max-width:720px;margin-left:auto;margin-right:auto}
.bolum__bas--orta p{margin:14px 0 0;color:var(--soluk)}
.bolum__cta{margin-top:44px;display:flex;justify-content:center}
.ik-kutu{flex:none;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:var(--ana-ac);color:var(--ana)}
.ik-kutu .ik{width:24px;height:24px}
.etiket-temsili{position:absolute;left:12px;top:12px;z-index:2;padding:5px 9px;border-radius:6px;background:rgba(20,27,30,.72);color:#fff;font:600 .7rem/1 var(--govde);letter-spacing:.02em}

/* Hizmet kartları */
.hkart-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.hkart{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--metin);transition:transform var(--gecis),box-shadow var(--gecis),border-color var(--gecis)}
.hkart:hover{transform:translateY(-4px);box-shadow:var(--golge-b);border-color:transparent;color:var(--metin)}
.hkart__foto{aspect-ratio:4/3;overflow:hidden;background:var(--zemin-2)}
.hkart__foto img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.hkart:hover .hkart__foto img{transform:scale(1.06)}
.hkart__metin{position:relative;padding:34px 22px 22px;display:flex;flex-direction:column;flex:1}
.hkart__ik{position:absolute;top:-26px;left:20px;width:52px;height:52px;border-radius:14px;background:#fff;color:var(--ana);display:grid;place-items:center;box-shadow:0 6px 18px rgba(20,30,35,.12)}
.hkart__ik .ik{width:26px;height:26px}
.hkart__no{position:absolute;top:14px;right:18px;font:700 .8rem/1 var(--bas);color:var(--soluk);letter-spacing:.05em}
.hkart h3,.hkart .h3{font-size:1.1rem;margin-bottom:.45em}
.hkart p{font-size:.93rem;line-height:1.55;color:var(--soluk);margin-bottom:16px}
.hkart__link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font:600 .9rem/1 var(--bas);color:var(--ana)}
.hkart:hover .hkart__link .ik{transform:translateX(3px)}
.hkart__link .ik{transition:transform var(--gecis)}

/* Neden biz */
.neden{background:var(--zemin-2)}
.neden__izgara{display:grid;grid-template-columns:5fr 7fr;gap:clamp(36px,6vw,88px);align-items:center}
.neden__foto{position:relative}
.neden__foto img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r)}
.neden__rozet{position:absolute;right:-20px;bottom:36px;background:#fff;border-radius:var(--r);padding:20px 24px 20px 26px;box-shadow:var(--golge-b);overflow:hidden}
.neden__rozet::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--ana-a) 0 62%,var(--lila) 62% 76%,var(--turuncu) 76%)}
.neden__rozet strong{display:block;font:800 1.25rem/1.2 var(--bas);color:var(--ink)}
.neden__rozet span{font-size:.88rem;color:var(--soluk)}
.neden__giris{font-size:1.08rem;color:var(--soluk);margin-bottom:34px}
.neden__liste{display:grid;grid-template-columns:1fr 1fr;gap:28px 32px}
.neden__liste li{display:flex;gap:16px}
.neden__liste h3{font-size:1.04rem;margin-bottom:.3em}
.neden__liste p{font-size:.93rem;line-height:1.55;margin:0;color:var(--soluk)}

/* Süreç */
.surec__liste{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;counter-reset:a;position:relative}
.surec__liste--4{grid-template-columns:repeat(4,1fr)}
.surec__liste::before{content:"";position:absolute;left:28px;right:28px;top:28px;height:2px;background:repeating-linear-gradient(90deg,var(--cizgi-2) 0 8px,transparent 8px 14px)}
.surec__adim{position:relative}
.surec__no{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--ana);color:var(--ana);font:800 1rem/1 var(--bas);margin-bottom:18px;transition:background var(--gecis),color var(--gecis)}
.surec__adim:hover .surec__no,.surec__adim:last-child .surec__no{background:var(--ana);color:#fff}
.surec__adim h3{font-size:1.06rem}
.surec__adim p{font-size:.92rem;line-height:1.55;color:var(--soluk);margin:0}
.surec--sade{background:var(--zemin-2)}

/* Projeler */
.suzgec{display:flex;flex-wrap:wrap;gap:8px}
.suzgec__b{min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--cizgi-2);background:#fff;color:var(--ink);font:600 .9rem/1 var(--bas);transition:all var(--gecis)}
.suzgec__b:hover{border-color:var(--ana);color:var(--ana)}
.suzgec__b.aktif{background:var(--ink);border-color:var(--ink);color:#fff}
.pkart-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pkart{animation:belir .45s ease both}
.pkart[hidden]{display:none}
@keyframes belir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.pkart__a{position:relative;display:block;border-radius:var(--r);overflow:hidden;text-decoration:none;color:#fff;background:var(--zemin-2)}
.pkart__foto{position:relative;aspect-ratio:4/3}
.pkart__foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.pkart__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,19,22,.82) 0%,rgba(13,19,22,.2) 45%,rgba(13,19,22,0) 70%);transition:opacity var(--gecis)}
.pkart__a:hover img{transform:scale(1.06)}
.pkart__a:hover{color:#fff}
.pkart__oe{position:absolute;right:12px;top:12px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:6px;background:#fff;color:var(--ink);font:600 .72rem/1 var(--govde)}
.pkart__metin{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px 22px}
.pkart__kat{display:block;font:600 .74rem/1 var(--bas);letter-spacing:.09em;text-transform:uppercase;color:#A6E3DC;margin-bottom:8px}
.pkart h3{color:#fff;margin:0;font-size:1.12rem}
.bilgi-not{font-size:.9rem;color:var(--soluk);background:var(--zemin-2);border-left:3px solid var(--ana-a);padding:12px 16px;border-radius:0 var(--r-k) var(--r-k) 0;margin:-16px 0 28px}
.bos-not{text-align:center;color:var(--soluk);padding:40px 0}

/* Öncesi / sonrası */
.oes-blok{display:grid;grid-template-columns:4fr 8fr;gap:40px;align-items:center;margin-top:64px;padding:clamp(20px,3vw,36px);background:var(--zemin-2);border-radius:calc(var(--r) + 6px)}
.oes-blok--tek{display:block;margin-top:40px;padding:0;background:none}
.oes-blok__bas h3{font-size:1.6rem}
.oes-blok__bas p{color:var(--soluk)}
.oes-sekme{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.oes-sekme button{text-align:left;min-height:48px;padding:10px 16px;border-radius:var(--r-k);border:1.5px solid var(--cizgi-2);background:#fff;color:var(--ink);font:600 .93rem/1.3 var(--bas);transition:all var(--gecis)}
.oes-sekme button:hover{border-color:var(--ana)}
.oes-sekme button[aria-selected="true"]{border-color:var(--ana);background:var(--ana);color:#fff}
.oes{margin:0}
.oes__kutu{position:relative;aspect-ratio:16/10;border-radius:var(--r);overflow:hidden;background:var(--zemin-2);user-select:none;-webkit-user-select:none;touch-action:pan-y}
.oes__sonra,.oes__once{position:absolute;inset:0}
.oes__sonra img,.oes__once img{width:100%;height:100%;object-fit:cover}
.oes__once{clip-path:inset(0 calc(100% - var(--k)) 0 0)}
.oes__cizgi{position:absolute;top:0;bottom:0;left:var(--k);width:3px;margin-left:-1.5px;background:#fff;pointer-events:none;box-shadow:0 0 12px rgba(0,0,0,.25)}
.oes__cizgi span{position:absolute;top:50%;left:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff;color:var(--ana);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.25);transition:transform var(--gecis)}
.oes__cizgi .ik{width:26px;height:26px}
.oes__kutu:hover .oes__cizgi span{transform:scale(1.08)}
.oes__kutu:has(.oes__aralik:focus-visible) .oes__cizgi span{outline:3px solid var(--ana-a);outline-offset:3px}
.oes__aralik{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;touch-action:pan-y}
.oes__aralik::-webkit-slider-thumb{-webkit-appearance:none;width:60px;height:400px}
.oes__et{position:absolute;bottom:14px;z-index:2;padding:6px 11px;border-radius:6px;background:rgba(20,27,30,.75);color:#fff;font:700 .74rem/1 var(--bas);letter-spacing:.08em;text-transform:uppercase;pointer-events:none}
.oes__et--once{left:14px}.oes__et--sonra{right:14px;background:var(--ana)}
.oes figcaption{margin-top:12px;font-size:.9rem;color:var(--soluk)}
.oes-liste{display:grid;grid-template-columns:1fr 1fr;gap:32px}

/* Rakamlar */
.rakamlar{background:var(--ink);color:#fff;padding:56px 0}
.rakamlar__izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:24px}
.rakam{text-align:center;padding:8px}
.rakam strong{display:block;font:800 clamp(2.4rem,4vw,3.4rem)/1 var(--bas);color:#fff;margin-bottom:8px;font-variant-numeric:tabular-nums}
.rakam>span{color:rgba(255,255,255,.75);font-size:.95rem}

/* Yorumlar */
.yorumlar__serit{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ykart{margin:0;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:24px;display:flex;flex-direction:column}
.ykart__ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ykart__yildiz{display:flex;gap:2px;color:#D9DEDE}
.ykart__yildiz .ik{width:18px;height:18px}
.ykart__yildiz .dolu{color:#F4B400}
.ykart__kaynak{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--soluk)}
.ykart blockquote{margin:0 0 18px;flex:1}
.ykart blockquote p{margin:0;color:var(--metin)}
.ykart figcaption{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:.88rem;color:var(--soluk)}
.ykart figcaption strong{color:var(--ink);font-family:var(--bas)}
.ykart figcaption a{margin-left:auto;font-size:.84rem}

/* Teklif */
.teklif{background:linear-gradient(180deg,var(--zemin-3),#fff)}
.teklif__izgara{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,72px);align-items:start}
.teklif__bilgi{position:sticky;top:110px}
.teklif__bilgi>p{color:var(--soluk);font-size:1.05rem}
.teklif__adim{counter-reset:t;display:grid;gap:18px;margin:30px 0 32px}
.teklif__adim li{counter-increment:t;position:relative;padding-left:52px}
.teklif__adim li::before{content:counter(t);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--ana-a);color:var(--ana);display:grid;place-items:center;font:800 .9rem/1 var(--bas)}
.teklif__adim strong{display:block;font-family:var(--bas);color:var(--ink)}
.teklif__adim span{font-size:.93rem;color:var(--soluk)}
.teklif__hizli{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hizli{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--r);background:#fff;border:1px solid var(--cizgi);text-decoration:none;color:var(--ink);font:700 1rem/1.2 var(--bas);transition:border-color var(--gecis),box-shadow var(--gecis)}
.hizli:hover{border-color:var(--ana);box-shadow:var(--golge);color:var(--ink)}
.hizli small{display:block;font:500 .78rem/1.3 var(--govde);color:var(--soluk)}
.hizli .ik{width:40px;height:40px;padding:10px;border-radius:10px;background:var(--ana-ac);color:var(--ana)}
.hizli--wa .ik{background:#E3F6EA;color:var(--wa)}
.teklif__kart{background:#fff;border-radius:calc(var(--r) + 4px);box-shadow:var(--golge-b);padding:clamp(22px,3.4vw,40px);position:relative;overflow:hidden}
.teklif__kart::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--ana-a) 0 70%,var(--lila) 70% 80%,var(--turuncu) 80%)}
.tform__izgara{display:grid;grid-template-columns:1fr 1fr;gap:18px 18px}
.alan{display:flex;flex-direction:column;gap:7px;min-width:0;border:0;padding:0;margin:0}
.alan--tam{grid-column:1/-1}
.alan label,.alan legend,.alan .etiket{font:600 .9rem/1.3 var(--bas);color:var(--ink);padding:0}
.alan legend{margin-bottom:9px}
.ist{font:400 .82rem var(--govde);color:var(--soluk)}
.zorunlu{color:var(--turuncu-k)}
.alan input[type=text],.alan input[type=tel],.alan input[type=email],.alan input[type=number],.alan select,.alan textarea{width:100%;min-height:50px;padding:12px 14px;border:1.5px solid var(--cizgi-2);border-radius:var(--r-k);background:#fff;color:var(--ink);font:400 1rem/1.4 var(--govde);transition:border-color var(--gecis),box-shadow var(--gecis);-webkit-appearance:none;appearance:none}
.alan select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235C6670' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:40px}
.alan textarea{resize:vertical;min-height:110px}
.alan input:hover,.alan select:hover,.alan textarea:hover{border-color:#A9B5B4}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:0;border-color:var(--ana);box-shadow:0 0 0 4px rgba(93,184,176,.22)}
.alan.hatali input,.alan.hatali select{border-color:#C2410C;box-shadow:0 0 0 3px rgba(194,65,12,.12)}
.alan .hata-yazi{font-size:.82rem;color:#B03A0A}
.secimler{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.secim{position:relative;cursor:pointer}
.secim input{position:absolute;opacity:0;width:1px;height:1px}
.secim span{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 12px;border:1.5px solid var(--cizgi-2);border-radius:var(--r-k);font:500 .9rem/1.25 var(--govde);color:var(--ink);transition:all var(--gecis)}
.secim span .ik{color:var(--soluk);width:20px;height:20px}
.secim:hover span{border-color:var(--ana-a)}
.secim input:checked+span{border-color:var(--ana);background:var(--ana-ac);color:var(--ana-2);font-weight:600}
.secim input:checked+span .ik{color:var(--ana)}
.secim input:focus-visible+span{outline:3px solid var(--ana-a);outline-offset:2px}
.yukle{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border:1.5px dashed var(--cizgi-2);border-radius:var(--r);background:var(--zemin-2);cursor:pointer;font:400 .92rem/1.45 var(--govde)!important;color:var(--soluk)!important;transition:border-color var(--gecis),background var(--gecis)}
.yukle:hover,.yukle.uzerinde{border-color:var(--ana);background:var(--zemin-3)}
.yukle strong{color:var(--ana)}
.yukle>.ik{width:40px;height:40px;padding:9px;border-radius:10px;background:#fff;color:var(--ana);flex:none}
.yukle input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.yukle:focus-within{outline:3px solid var(--ana-a);outline-offset:2px}
.yukle__liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}
.yukle__liste:empty{display:none}
.yukle__liste li{position:relative;aspect-ratio:1;border-radius:var(--r-k);overflow:hidden;background:var(--zemin-2)}
.yukle__liste img{width:100%;height:100%;object-fit:cover}
.yukle__liste button{position:absolute;top:4px;right:4px;width:30px;height:30px;border-radius:50%;border:0;background:rgba(20,27,30,.78);color:#fff;display:grid;place-items:center;padding:0}
.yukle__liste button::after{content:"";position:absolute;inset:-7px}
.yukle__liste button .ik{width:16px;height:16px}
.onay{display:flex!important;gap:12px;align-items:flex-start;font:400 .9rem/1.5 var(--govde)!important;color:var(--metin)!important;cursor:pointer}
.onay input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--ana)}
.tform__bal{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.tform .btn--buyuk{margin-top:24px;width:100%}
.tform__not{margin:12px 0 0;font-size:.84rem;color:var(--soluk);text-align:center}
.tform__hata{margin-top:18px;padding:12px 14px;border-radius:var(--r-k);background:#FDF0E9;color:#8A3410;font-size:.92rem;border:1px solid #F5CDB7}
.tform.gonderiliyor .btn{opacity:.75;pointer-events:none}
.tform.gonderiliyor .btn .ik{animation:don 1s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}
.tform__basari{text-align:center;padding:32px 8px}
.tform__basari:focus{outline:0}
.tform__basari-ik{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--ana-ac);color:var(--ana);margin-bottom:18px}
.tform__basari-ik .ik{width:36px;height:36px}

/* SSS */
.sss-bolum__izgara{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,5vw,72px);align-items:start}
.sss-bolum__izgara>div:first-child p{color:var(--soluk)}
.sss{display:grid;gap:12px}
.sss__oge{border:1px solid var(--cizgi);border-radius:var(--r);background:#fff;transition:border-color var(--gecis),box-shadow var(--gecis)}
.sss__oge[open]{border-color:transparent;box-shadow:var(--golge)}
.sss__oge summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:16px 20px;cursor:pointer;font:700 1.02rem/1.35 var(--bas);color:var(--ink)}
.sss__oge summary::-webkit-details-marker{display:none}
.sss__oge summary:hover{color:var(--ana)}
.sss__oge summary i{flex:none;position:relative;width:30px;height:30px;border-radius:50%;background:var(--ana-ac)}
.sss__oge summary i::before,.sss__oge summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--ana);border-radius:2px;transition:transform var(--gecis)}
.sss__oge summary i::after{transform:rotate(90deg)}
.sss__oge[open] summary i::after{transform:rotate(0)}
.sss__cevap{padding:0 20px 18px}
.sss__cevap p{margin:0;color:var(--soluk)}
.sss-hizmet{background:var(--zemin-2)}
.sss-hizmet__izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.sss-hizmet__oge{background:#fff;border-radius:var(--r);padding:22px;border:1px solid var(--cizgi)}
.sss-hizmet__oge h3{font-size:1rem}
.sss-hizmet__oge h3 a{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none}
.sss-hizmet__oge h3 .ik{color:var(--ana)}
.sss-hizmet__oge li{margin-top:8px;font-size:.9rem;line-height:1.45}
.sss-hizmet__oge li a{color:var(--soluk);text-decoration:none}
.sss-hizmet__oge li a:hover{color:var(--ana);text-decoration:underline}

/* Bölgeler */
.bolgeler{padding-top:0}
.bolgeler__izgara{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,72px);padding-top:clamp(48px,6vw,80px);border-top:1px solid var(--cizgi)}
.bolgeler__metin>p:first-child{font-size:1.04rem}
.bolgeler__ilce{font-size:.86rem;color:var(--soluk);line-height:1.8;margin-bottom:.5em}

/* İletişim */
.iletisim{background:var(--zemin-2)}
.iletisim__izgara{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,64px);align-items:stretch}
.iletisim__bilgi>p{color:var(--soluk)}
.iletisim__liste{display:grid;gap:18px;margin:28px 0 30px}
.iletisim__liste li{display:flex;gap:16px;align-items:center}
.iletisim__liste small{display:block;font-size:.8rem;color:var(--soluk)}
.iletisim__liste a,.iletisim__liste address,.iletisim__liste span{font:600 1rem/1.45 var(--bas);color:var(--ink);text-decoration:none}
.iletisim__liste a:hover{color:var(--ana)}
.iletisim__btn{display:flex;flex-wrap:wrap;gap:10px}
.iletisim__harita{min-height:420px;border-radius:var(--r);overflow:hidden;background:#DCE3E2;box-shadow:var(--golge)}
.iletisim__harita iframe{width:100%;height:100%;min-height:420px;border:0;display:block}

/* İç sayfa bandı */
.band{position:relative;min-height:max(420px,50vh);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:#151b1e;isolation:isolate}
.band--buyuk{min-height:max(520px,72vh)}
.band--proje{min-height:max(460px,62vh)}
.band--404{min-height:100svh}
.band__foto{position:absolute;inset:0;z-index:-2}
.band__foto img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,18,22,.9) 0%,rgba(14,18,22,.82) 45%,rgba(14,18,22,.55) 72%,rgba(14,18,22,.32) 100%),linear-gradient(0deg,rgba(14,18,22,.6) 0%,rgba(14,18,22,0) 55%),linear-gradient(180deg,rgba(14,18,22,.5) 0%,rgba(14,18,22,0) 30%)}
.band::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,#4FB0C6,var(--ana-a) 42%,var(--yesil) 70%,var(--lila) 70% 79%,var(--turuncu) 79%)}
.band__ic{padding-top:calc(var(--ust-h) + 40px);padding-bottom:clamp(48px,7vh,80px)}
.band h1{text-shadow:0 2px 22px rgba(0,0,0,.35);color:#fff;font-size:clamp(2rem,4vw,3.4rem);max-width:22ch;margin-bottom:.35em}
.band__alt{font-size:clamp(1rem,1.3vw,1.18rem);color:rgba(255,255,255,.86);max-width:44rem;margin:0}
.band__etiket{font:700 .8rem/1 var(--bas);letter-spacing:.1em;text-transform:uppercase;color:var(--ana-a);margin-bottom:14px}
.band__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.kirinti ol{display:flex;flex-wrap:wrap;gap:6px;font-size:.86rem;color:rgba(255,255,255,.75);margin-bottom:18px}
.kirinti li+li::before{content:"/";margin-right:6px;opacity:.6}
.kirinti a{color:rgba(255,255,255,.88);text-decoration:none}
.kirinti a:hover{color:#fff;text-decoration:underline}

/* Hizmet detay */
.hdetay__izgara{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(32px,5vw,72px);align-items:start}
.hdetay__metin>p{font-size:1.06rem;line-height:1.75}
.hdetay__alt{margin-top:40px;font-size:1.35rem}
.tikli{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:18px}
.tikli li{display:flex;gap:10px;align-items:flex-start;font-weight:500;color:var(--ink)}
.tikli .ik{color:#fff;background:var(--ana);border-radius:50%;padding:4px;width:24px;height:24px;flex:none;margin-top:1px}
.hdetay__yan{position:sticky;top:100px;display:grid;gap:20px}
.yan-kart{background:var(--ink);color:rgba(255,255,255,.85);border-radius:var(--r);padding:28px;display:grid;gap:12px;position:relative;overflow:hidden}
.yan-kart::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,var(--ana-a) 0 70%,var(--lila) 70% 80%,var(--turuncu) 80%)}
.yan-kart h2{color:#fff;font-size:1.35rem;margin:0}
.yan-kart p{margin:0 0 6px;font-size:.95rem}
.yan-kart .btn--ana{background:var(--ana-a);color:var(--ink);box-shadow:none}
.yan-kart .btn--ana:hover{background:#7ccac3;color:var(--ink)}
.yan-kart__tel{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;color:#fff;text-decoration:none;font:700 1.05rem/1 var(--bas)}
.yan-kart__tel:hover{color:var(--ana-a)}
.yan-hz{border:1px solid var(--cizgi);border-radius:var(--r);padding:20px}
.yan-hz h2{font-size:1.05rem;margin-bottom:10px}
.yan-hz a{display:flex;align-items:center;gap:12px;min-height:46px;color:var(--ink);text-decoration:none;font-weight:500;border-bottom:1px solid var(--cizgi)}
.yan-hz li:last-child a{border-bottom:0}
.yan-hz a>.ik:first-child{color:var(--ana)}
.yan-hz a span{flex:1}
.yan-hz a .ik--k{color:var(--soluk);transition:transform var(--gecis)}
.yan-hz a:hover{color:var(--ana)}
.yan-hz a:hover .ik--k{transform:translateX(3px);color:var(--ana)}
.hgaleri{padding-bottom:clamp(56px,7vw,96px)}
.hgaleri__izgara{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.hgaleri figure{position:relative;margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:16/10}
.hgaleri figure:first-child{grid-row:span 2;aspect-ratio:auto}
.hgaleri img{width:100%;height:100%;object-fit:cover}

/* Proje detay */
.pdetay__izgara{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(32px,5vw,72px);align-items:start}
.pdetay__metin>p{font-size:1.06rem;line-height:1.75}
.pgaleri{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.pgaleri__oge{position:relative;display:block;border-radius:var(--r-k);overflow:hidden;aspect-ratio:4/3;cursor:zoom-in}
.pgaleri__oge img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.pgaleri__oge:hover img{transform:scale(1.05)}
.buyutec{max-width:min(1400px,94vw);max-height:92vh;padding:0;border:0;border-radius:var(--r);background:#000;overflow:hidden}
.buyutec::backdrop{background:rgba(10,14,16,.86)}
.buyutec img{max-width:100%;max-height:92vh;object-fit:contain}
.buyutec__kapat{position:absolute;top:10px;right:10px;width:48px;height:48px;border-radius:50%;border:0;background:rgba(255,255,255,.92);display:grid;place-items:center}
.buyutec__kapat .ik{width:22px;height:22px}

/* Hakkımızda */
.hakkinda__izgara{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,5vw,72px);align-items:center}
.hakkinda__metin p{font-size:1.06rem;line-height:1.75}
.hakkinda__foto img{border-radius:var(--r);aspect-ratio:4/5;object-fit:cover;width:100%}
.degerler{background:var(--zemin-2)}
.deger-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.deger-izgara li{background:#fff;border-radius:var(--r);padding:28px;border:1px solid var(--cizgi)}
.deger-izgara .ik-kutu{margin-bottom:18px}
.deger-izgara p{margin:0;color:var(--soluk);font-size:.95rem}
.firma-bilgi{padding:56px 0}
.firma-dl{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0}
.firma-dl dt{font:700 .78rem/1 var(--bas);letter-spacing:.09em;text-transform:uppercase;color:var(--soluk);margin-bottom:8px}
.firma-dl dd{margin:0;color:var(--ink);font-weight:500}

/* Yasal */
.yasal__metin h2{font-size:1.35rem;margin-top:1.8em}
.yasal__metin ul{list-style:disc;padding-left:1.3em;margin-bottom:1em}
.yasal__metin li{margin-bottom:.4em}
.yasal__tarih{margin-top:40px;font-size:.88rem;color:var(--soluk)}

/* CTA bandı */
.cta-band{position:relative;color:#fff;overflow:hidden;isolation:isolate;padding:clamp(64px,8vw,104px) 0}
.cta-band__foto{position:absolute;inset:0;z-index:-2}
.cta-band__foto img{width:100%;height:100%;object-fit:cover}
.cta-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(14,46,44,.94),rgba(19,112,107,.78))}
.cta-band__ic{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta-band h2{color:#fff;margin-bottom:.3em}
.cta-band p{margin:0;color:rgba(255,255,255,.86);max-width:40rem}
.cta-band__btn{display:flex;flex-wrap:wrap;gap:12px}
.cta-band .btn--ana{background:#fff;color:var(--ana-2)}
.cta-band .btn--ana:hover{background:var(--zemin-3);color:var(--ana-2)}

/* Alt bilgi */
.alt{background:var(--ink);color:rgba(255,255,255,.72);font-size:.94rem}
.alt__ust{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px;padding-top:64px;padding-bottom:48px}
.alt__marka img{height:72px;width:auto;margin-bottom:20px}
.alt__marka p{max-width:22rem}
.alt__bas{font-size:.82rem;letter-spacing:.11em;text-transform:uppercase;color:#fff;margin-bottom:18px}
.alt__liste li{margin-bottom:10px}
.alt a{color:rgba(255,255,255,.78);text-decoration:none}
.alt a:hover{color:#fff;text-decoration:underline}
.alt__iletisim li{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px}
.alt__iletisim .ik{color:var(--ana-a);margin-top:2px}
.alt__sosyal{display:flex;gap:8px;margin-top:14px}
.alt__sosyal a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.08)}
.alt__sosyal a:hover{background:var(--ana);text-decoration:none}
.alt__son{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;padding-top:22px;padding-bottom:26px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem}
.alt__son p{margin:0}
.alt__son ul{display:flex;flex-wrap:wrap;gap:6px 22px}
.alt__imza a{text-decoration:underline}

/* Mobil alt bar + yüzen WhatsApp + çerez */
.mbar{display:none}
.wa-yuzen{position:fixed;right:24px;bottom:24px;z-index:900;display:flex;align-items:center;gap:0;height:58px;padding:0 16px;border-radius:999px;background:var(--wa);color:#fff;text-decoration:none;font:600 .95rem/1 var(--bas);box-shadow:0 10px 28px rgba(31,168,85,.38);transition:gap .3s,padding .3s,transform .3s}
.wa-yuzen .ik{width:26px;height:26px}
.wa-yuzen span{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .35s}
.wa-yuzen:hover,.wa-yuzen:focus-visible{gap:10px;padding:0 20px;color:#fff}
.wa-yuzen:hover span,.wa-yuzen:focus-visible span{max-width:200px}
.cerez{position:fixed;left:24px;bottom:24px;z-index:950;max-width:400px;background:#fff;border-radius:var(--r);box-shadow:var(--golge-b);padding:14px 16px;display:flex;gap:14px;align-items:center;font-size:.8rem;line-height:1.5;color:var(--metin);border:1px solid var(--cizgi)}
.cerez[hidden]{display:none}
.cerez p{margin:0}

/* Hareket azaltma */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .hero__slayt img{transform:none!important}
}

/* Duyarlı */
@media (max-width:1180px){
  .ust__tel{display:none}
  .hkart-izgara{grid-template-columns:repeat(2,1fr)}
  .surec__liste{grid-template-columns:repeat(3,1fr);row-gap:40px}
  .surec__liste::before{display:none}
  .sss-hizmet__izgara{grid-template-columns:repeat(2,1fr)}
  .alt__ust{grid-template-columns:1fr 1fr}
}
@media (max-width:1040px){
  .ust__nav{display:none}
  .ust__eylem{margin-left:auto}
  .ust__menu{display:inline-flex}
  .neden__izgara,.teklif__izgara,.sss-bolum__izgara,.iletisim__izgara,.hdetay__izgara,.pdetay__izgara,.hakkinda__izgara,.bolgeler__izgara,.oes-blok{grid-template-columns:1fr}
  .teklif__bilgi,.hdetay__yan{position:static}
  .neden__foto img{aspect-ratio:16/10}
  .neden__rozet{right:16px}
  .pkart-izgara,.yorumlar__serit{grid-template-columns:repeat(2,1fr)}
  .deger-izgara{grid-template-columns:repeat(2,1fr)}
  .firma-dl{grid-template-columns:1fr 1fr}
  .hakkinda__foto img{aspect-ratio:16/10}
}
@media (max-width:899px){
  :root{--ust-h:68px}
  .ust.kucuk{--ust-h:64px}
  .ust__logo,.ust.kucuk .ust__logo{height:56px;width:118px}
  .ust__kesif{display:none}
  .mbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:900;display:grid;grid-template-columns:.9fr 1.15fr 1.45fr;gap:6px;padding:6px;border-radius:20px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border:1px solid rgba(20,30,35,.08);box-shadow:0 12px 32px rgba(20,30,35,.18),0 2px 6px rgba(20,30,35,.08);transition:transform .3s,opacity .3s}
  .mbar a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:50px;border-radius:14px;color:var(--ink);text-decoration:none;font:700 .86rem/1 var(--bas);letter-spacing:.005em;-webkit-tap-highlight-color:transparent;transition:transform .12s,background .2s,box-shadow .2s}
  .mbar a:active{transform:scale(.96)}
  .mbar .ik{width:19px;height:19px}
  .mbar__ara{background:#EEF4F3}
  .mbar__ara .ik{color:var(--ana)}
  .mbar .mbar__wa{background:#E6F5EC;color:#0B6B3C}
  .mbar__wa .ik{color:#1FA855}
  .mbar .mbar__teklif{background:linear-gradient(135deg,#1A8A84,var(--ana));color:#fff;box-shadow:0 6px 16px rgba(19,112,107,.35)}
  .mbar .mbar__teklif .ik{color:#fff}
  .alt{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .hero__ic,.band--404 .band__ic{padding-bottom:calc(112px + env(safe-area-inset-bottom))}
  .wa-yuzen{display:none}
  .cerez{left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));max-width:none}
  .oes-liste{grid-template-columns:1fr}
}
@media (max-width:768px){
  .hero__cta{display:none!important}
  .hero__asagi{display:flex}
}
@media (max-width:720px){
  .kap{padding-left:16px;padding-right:16px}
  body{font-size:.98rem}
  .hero{align-items:center}
  .hero__ic{padding-top:calc(var(--ust-h) + 24px);padding-bottom:calc(112px + env(safe-area-inset-bottom))}

  .hero__ust{font-size:.72rem;margin-bottom:16px}
  .hero h1{font-size:clamp(1.95rem,8.4vw,2.5rem)}
  .hero__alt{margin-bottom:26px;font-size:1rem}
  .hero__guven{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;padding-top:20px}
  .hero__guven li{font-size:.86rem;gap:8px}
  .hero__guven .ik{width:20px;height:20px}
  .hero__nokta{right:16px;bottom:auto;top:calc(var(--ust-h) + 16px);flex-direction:row}
  .hkart-izgara{grid-template-columns:1fr;gap:12px}
  .hkart{flex-direction:row;align-items:stretch}
  .hkart__foto{width:118px;flex:none;aspect-ratio:auto}
  .hkart__metin{padding:16px 16px 16px 18px}
  .hkart__ik{position:static;width:36px;height:36px;border-radius:10px;box-shadow:none;background:var(--ana-ac);margin-bottom:10px}
  .hkart__ik .ik{width:20px;height:20px}
  .hkart__no{top:16px;right:14px}
  .hkart h3,.hkart .h3{font-size:1.02rem}
  .hkart p{font-size:.88rem;margin-bottom:10px}
  .neden__liste{grid-template-columns:1fr;gap:22px}
  .neden__rozet{position:relative;right:auto;bottom:auto;margin:-40px 16px 0;}
  .surec__liste,.surec__liste--4{grid-template-columns:1fr;gap:0;row-gap:0}
  .surec__adim{display:grid;grid-template-columns:56px 1fr;column-gap:16px;padding-bottom:26px;position:relative}
  .surec__adim::before{content:"";position:absolute;left:27px;top:56px;bottom:0;width:2px;background:repeating-linear-gradient(180deg,var(--cizgi-2) 0 8px,transparent 8px 14px)}
  .surec__adim:last-child::before{display:none}
  .surec__no{grid-row:1/3;margin:0}
  .surec__adim h3{margin-top:14px}
  .pkart-izgara,.yorumlar__serit,.deger-izgara,.sss-hizmet__izgara{grid-template-columns:1fr}
  .suzgec{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none;width:calc(100% + 32px)}
  .suzgec::-webkit-scrollbar{display:none}
  .suzgec__b{flex:none}
  .oes-blok{padding:16px;margin-top:40px;gap:20px}
  .oes__kutu{aspect-ratio:4/3}
  .tform__izgara{grid-template-columns:1fr}
  .secimler{grid-template-columns:1fr 1fr;gap:6px}
  .secim span{padding:8px 9px;gap:7px;font-size:.84rem;min-height:52px}
  .secim span .ik{width:17px;height:17px}
  .teklif__hizli{grid-template-columns:1fr}
  .tikli{grid-template-columns:1fr}
  .hgaleri__izgara{grid-template-columns:1fr 1fr;gap:10px}
  .hgaleri figure{aspect-ratio:4/3}
  .hgaleri figure:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}
  .pgaleri{grid-template-columns:1fr 1fr}
  .firma-dl{grid-template-columns:1fr}
  .alt__ust{grid-template-columns:1fr;gap:32px;padding-top:48px}
  .alt__son{flex-direction:column;align-items:flex-start}
  .band h1{font-size:clamp(1.85rem,8vw,2.4rem)}
  .band::before{background:linear-gradient(0deg,rgba(14,18,22,.93) 0%,rgba(14,18,22,.8) 60%,rgba(14,18,22,.6) 100%)}
  .hero__ort{background:linear-gradient(0deg,rgba(13,19,22,.92) 0%,rgba(13,19,22,.72) 50%,rgba(13,19,22,.4) 100%)}
  .band__cta .btn{flex:1 1 100%}
  .bolum__bas--yan{align-items:flex-start}
  .cta-band__btn .btn{flex:1 1 100%}
  .iletisim__harita,.iletisim__harita iframe{min-height:320px}
  .cerez{padding:10px 12px;gap:10px;font-size:.76rem}
  .cerez .btn--k{min-height:44px;padding:0 14px}
}

/* ===== 12.10 ÖNE ÇIKAN: Kafe · Bar · Restoran + Mimari + Yalıtım ===== */
.ust__nav>ul>li>a.ust__vurgu{display:inline-flex;align-items:center;gap:6px;color:#fff!important;background:var(--turuncu-k)!important;border-radius:999px;padding:10px 16px;white-space:nowrap}
.ust__nav>ul>li>a.ust__vurgu:hover{background:#9c4415!important}
.ust__vurgu .ik{width:16px;height:16px}
.ust-baslik--vurgu{display:inline-flex;align-items:center;gap:8px;color:var(--turuncu-k)}
.ust-baslik--vurgu .ik{width:16px;height:16px}
.acilir__one a{background:linear-gradient(90deg,rgba(239,128,73,.08),transparent 70%)}
.acilir__one strong em{font-style:normal;font:600 .66rem/1 var(--bas);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--turuncu-k);border-radius:20px;padding:3px 7px;margin-left:6px;vertical-align:2px}
.ticari{background:linear-gradient(180deg,#fff 0,#fff 58%,var(--zemin-2) 58%);position:relative}
.ticari__ana{display:grid;grid-template-columns:7fr 6fr;gap:clamp(32px,5vw,72px);align-items:center}
.ticari__foto{position:relative;border-radius:calc(var(--r) + 6px);overflow:hidden;box-shadow:var(--golge-b);aspect-ratio:5/4}
.ticari__foto>img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.ticari__foto:hover>img{transform:scale(1.03)}
.ticari__foto .etiket-temsili{position:absolute;top:14px;left:14px}
.ticari__rozet{position:absolute;left:20px;right:auto;bottom:20px;display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.96);backdrop-filter:blur(6px);border-radius:var(--r);padding:14px 18px 14px 14px;box-shadow:var(--golge-b);max-width:calc(100% - 40px)}
.ticari__rozet strong{display:block;font:700 .95rem/1.25 var(--bas);color:var(--ink)}
.ticari__rozet span:not(.ik-kutu){font-size:.86rem;color:var(--soluk)}
.ticari__metin h2{font:800 clamp(1.8rem,3.2vw,2.75rem)/1.12 var(--bas);color:var(--ink);letter-spacing:-.02em;margin:12px 0 18px}
.ticari__giris{font-size:1.08rem;color:var(--soluk);margin:0 0 24px}
.tikli--iki{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin:0 0 30px}
.ticari__cta{display:flex;gap:12px;flex-wrap:wrap}
.ticari__mekan{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.ticari__mekan a{position:relative;display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:3/4;text-decoration:none;box-shadow:var(--golge)}
.ticari__mekan img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ticari__mekan a:hover img{transform:scale(1.06)}
.ticari__mekan a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,20,23,0) 40%,rgba(15,20,23,.82))}
.ticari__mekan span{position:absolute;left:14px;right:14px;bottom:14px;z-index:1;color:#fff}
.ticari__mekan strong{font:700 .95rem/1.25 var(--bas);display:block}
.ticari__ikili{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.ikart{display:grid;grid-template-columns:42% 1fr;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--metin);transition:transform var(--gecis),box-shadow var(--gecis),border-color var(--gecis)}
.ikart:hover{transform:translateY(-3px);box-shadow:var(--golge-b);border-color:var(--cizgi-2)}
.ikart__foto{min-height:100%;overflow:hidden;background:var(--zemin-2)}
.ikart__foto img{width:100%;height:100%;object-fit:cover}
.ikart__metin{padding:26px 26px 24px;display:flex;flex-direction:column}
.ikart__ik{width:46px;height:46px;border-radius:12px;background:var(--ana-ac);color:var(--ana);display:grid;place-items:center;margin-bottom:14px}
.ikart h3{font:700 1.2rem/1.25 var(--bas);color:var(--ink);margin:0 0 6px}
.ikart p{margin:0 0 12px;color:var(--soluk);font-size:.95rem}
.ikart ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:6px;font-size:.92rem}
.ikart li{display:flex;gap:8px;align-items:baseline}
.ikart li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--turuncu);flex:none;transform:translateY(-2px)}
.mekan-izgara{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.mekan-kart{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);overflow:hidden}
.mekan-kart__foto{aspect-ratio:3/2;overflow:hidden}
.mekan-kart__foto img{width:100%;height:100%;object-fit:cover}
.mekan-kart__metin{padding:18px 20px 20px}
.mekan-kart h3{font:700 1.05rem/1.3 var(--bas);color:var(--ink);margin:0 0 6px}
.mekan-kart p{margin:0;color:var(--soluk);font-size:.94rem}
.etken{background:var(--zemin-2)}
.etken__izgara{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,72px);align-items:start}
.etken__izgara h2{margin:10px 0 14px}
.etken__izgara>div>p{color:var(--soluk);margin:0 0 24px}
.etken__liste{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.etken__liste li{display:flex;gap:18px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:18px 20px}
.etken__liste li>span{font:800 1rem/1 var(--bas);color:var(--turuncu-k);padding-top:3px}
.etken__liste h3{font:700 1rem/1.3 var(--bas);color:var(--ink);margin:0 0 4px}
.etken__liste p{margin:0;color:var(--soluk);font-size:.94rem}
@media (max-width:1180px){.ticari__mekan{grid-template-columns:repeat(3,1fr)}.ust__vurgu .ik{display:none}}
@media (max-width:960px){.ticari__ana,.etken__izgara{grid-template-columns:1fr}.ticari{background:#fff}.ticari__ikili{grid-template-columns:1fr}.mekan-izgara{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.tikli--iki{grid-template-columns:1fr}.ticari__mekan{grid-template-columns:1fr 1fr;gap:10px}.ikart{grid-template-columns:1fr}.ikart__foto{aspect-ratio:16/9}.mekan-izgara{grid-template-columns:1fr}.ticari__foto{aspect-ratio:4/3}.ticari__rozet{display:none}.ticari__cta .btn{width:100%;justify-content:center}}

/* Yorum yazma: düğme, boş durum, pencere */
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ypen__form[hidden],.ypen__basari[hidden]{display:none}
.yorum-ac .ik{color:#F4B400}
.ykart__hizmet{font-size:.8rem;color:var(--soluk)}
.ykart__hizmet::before{content:"·";margin-right:8px}
.yorum-bos{text-align:center;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:clamp(32px,5vw,56px) 20px}
.yorum-bos__yildiz{display:inline-flex;gap:4px;color:#F4B400;margin-bottom:14px}
.yorum-bos__yildiz .ik{width:24px;height:24px}
.yorum-bos h3{margin:0 0 8px}
.yorum-bos p{max-width:34rem;margin:0 auto 22px;color:var(--soluk)}
.ypen{width:min(640px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:16px;background:#fff;color:var(--metin);box-shadow:0 30px 80px rgba(10,20,25,.35);overflow:auto;overscroll-behavior:contain}
.ypen::backdrop{background:rgba(15,22,26,.62);backdrop-filter:blur(3px)}
.ypen[open]{animation:ypen-ac .22s ease-out}
@keyframes ypen-ac{from{opacity:0;transform:translateY(14px) scale(.98)}}
@media (prefers-reduced-motion:reduce){.ypen[open]{animation:none}}
.ypen__ic{position:relative;padding:clamp(22px,4vw,36px);border-top:5px solid var(--ana-a)}
.ypen__kapat{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;border:0;background:var(--zemin-2,#F3F6F5);color:var(--ink);display:grid;place-items:center;cursor:pointer}
.ypen__kapat:hover{background:var(--cizgi)}
.ypen__kapat .ik{width:20px;height:20px}
.ypen h2{margin:0 48px 6px 0;font-size:clamp(1.3rem,2.4vw,1.6rem)}
.ypen__alt{margin:0 0 22px;color:var(--soluk);font-size:.93rem}
.ypen__form{display:grid;gap:18px}
.ypen__iki{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ypen__ipucu{font-size:.8rem;color:var(--soluk)}
.ypen__sayac.az{color:#B03A0A}
.ypen__gonder{width:100%}
.ypen.gonderiliyor .ypen__gonder{opacity:.75;pointer-events:none}
.ypen__basari{text-align:center;padding:24px 8px 8px}
.ypen__basari:focus{outline:0}
.ypen__basari h2{margin:0 0 8px}
.ypen__basari p{color:var(--soluk);margin:0 auto 22px;max-width:28rem}
.ypen__puan{gap:4px}
.yildiz-sec{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px}
.yildiz-sec input{position:absolute;opacity:0;width:1px;height:1px}
.yildiz-sec label{display:grid;place-items:center;width:46px;height:46px;border-radius:10px;color:#D3D9D9;cursor:pointer;transition:color .15s,transform .15s}
.yildiz-sec label .ik{width:32px;height:32px}
.yildiz-sec label:hover,.yildiz-sec label:hover~label,.yildiz-sec input:checked~label{color:#F4B400}
.yildiz-sec label:hover{transform:scale(1.08)}
.yildiz-sec input:focus-visible+label{outline:3px solid var(--ana-a);outline-offset:1px}
.yildiz-sec__yazi{font-size:.85rem;color:var(--soluk);min-height:1.2em}
.ypen__puan.hatali .yildiz-sec label{color:#F2C3AE}
.alan.hatali textarea{border-color:#C2410C;box-shadow:0 0 0 3px rgba(194,65,12,.12)}
@media (max-width:600px){
  .ypen{width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-radius:18px 18px 0 0}
  .ypen__iki{grid-template-columns:1fr}
  .yildiz-sec label{width:52px;height:52px}
  .yorumlar .bolum__bas--yan .yorum-ac{width:100%}
}