:root{--kobalt:#1739a6;--kobalt-k:#0f2878;--murekkep:#0e1a36;--kirec:#f6f4ee;--beyaz:#fff;--kirmizi:#e8492a;--limon:#f4c430;--cam:#0f7a5a;--gri:#56607a;--cizgi:#d8d9d3;--ust-h:66px;--bas:'Archivo',Arial,sans-serif;--govde:'Source Sans 3',Arial,sans-serif}
*{box-sizing:border-box}
html,body{overflow-x:clip}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kirec);color:var(--murekkep);font:400 18px/1.6 var(--govde);padding-bottom:0}
img,svg{display:block;max-width:100%;height:auto}
a{color:var(--kobalt)}
h1,h2,h3{font-family:var(--bas);font-stretch:112%;line-height:1.1;letter-spacing:-.01em;margin:0 0 .5em;font-weight:800}
h1{font-size:clamp(36px,6vw,66px)}
h2{font-size:clamp(26px,3.6vw,40px)}
h3{font-size:21px}
p{margin:0 0 1em}
.atla{position:absolute;left:-999px;top:0;background:#fff;padding:10px;z-index:200}.atla:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--limon);outline-offset:2px}
.kap{max-width:1200px;margin:0 auto;padding:0 24px}.dar{max-width:820px}
.ust-yazi{font:700 13px/1.3 var(--bas);letter-spacing:.09em;text-transform:uppercase;color:var(--kirmizi);margin-bottom:12px}
.kaynak{font-size:14px;color:var(--gri);margin-top:12px}
.imza{max-width:1200px;margin:0 auto;padding:18px 24px;font-size:14px;color:var(--gri)}
.su{height:14px;background:linear-gradient(var(--kirmizi) 0 5px,var(--kirec) 5px 8px,var(--limon) 8px 14px)}

/* üst */
.ust{position:sticky;top:0;z-index:110;height:var(--ust-h);display:flex;align-items:center;gap:18px;padding:0 24px;background:var(--kobalt);color:#fff}
.marka{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:600 15px/1.1 var(--bas);margin-right:auto}
.marka svg{width:44px;flex:none}.marka b{display:block;font-size:17px;font-weight:800}
.menu{display:flex;align-items:center;gap:4px}
.menu>a,.menu summary{color:#fff;text-decoration:none;font:600 15px var(--bas);padding:10px;cursor:pointer;list-style:none;border-radius:4px;display:block}
.menu summary::-webkit-details-marker{display:none}
.menu summary::after{content:" ▾";font-size:12px}
.menu>a:hover,.menu summary:hover{background:var(--kobalt-k)}
.grup{position:relative}
.alt{position:absolute;top:100%;left:0;background:#fff;box-shadow:0 12px 30px rgba(14,26,54,.2);min-width:280px;padding:8px;z-index:95;border-top:4px solid var(--kirmizi)}
.alt.iki{display:grid;grid-template-columns:1fr 1fr;min-width:480px}
.alt a{display:block;padding:9px 10px;color:var(--murekkep);text-decoration:none;font-size:16px;line-height:1.25}
.alt a:hover{background:var(--kirec)}.alt small{display:block;color:var(--gri);font-size:13px}
.menu-tel{display:none!important}
.ust-tel{color:var(--murekkep);background:var(--limon);padding:10px 14px;font:800 15px var(--bas);text-decoration:none;white-space:nowrap}
.menu-ac{display:none;width:44px;height:44px;background:none;border:0;padding:10px;cursor:pointer}
.menu-ac span{display:block;height:3px;background:#fff;margin:5px 0;transition:.2s}
.menu-acik .menu-ac span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-acik .menu-ac span:nth-child(2){opacity:0}
.menu-acik .menu-ac span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
.iz{max-width:1200px;margin:0 auto;padding:12px 24px;font-size:14px;color:var(--gri)}.iz a{color:var(--gri)}

/* düğme */
.dug{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;min-height:50px;font:800 16px var(--bas);text-decoration:none;border:0;cursor:pointer}
.dug-ana{background:var(--kirmizi);color:#fff}.dug-ana:hover{background:#c63a1e}
.dug-wa{background:#fff;color:var(--kobalt);box-shadow:inset 0 0 0 2px var(--kobalt)}.dug-wa:hover{background:var(--kobalt);color:#fff}
.cta-cift{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.ok{font:800 16px var(--bas);text-decoration:none;border-bottom:3px solid var(--kirmizi);padding-bottom:2px;display:inline-block}.ok::after{content:" →"}

/* kahraman */
.kahraman{background:var(--kobalt);color:#fff}
.kahraman-iz{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding-top:50px;padding-bottom:50px}
.kahraman .ust-yazi{color:var(--limon)}
.k-alt{font:600 clamp(19px,2.2vw,25px)/1.3 var(--bas);margin-bottom:18px}
.k-cevap{font-size:19px;max-width:620px;color:#e8ecf8}
.kahraman .dug-wa{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}.kahraman .dug-wa:hover{background:#fff;color:var(--kobalt)}
.foto{margin:0}.foto img{width:100%;object-fit:cover;aspect-ratio:3/2;background:#dfe3ec}
.foto figcaption{font-size:14px;color:var(--gri);padding-top:7px}
.k-foto{transform:rotate(1.2deg);box-shadow:-14px 14px 0 var(--limon)}.k-foto figcaption{color:#cfd7ee;padding-top:20px}

/* kesit */
.kesit{padding:60px 0 50px;background:var(--beyaz)}
.kesit-giris{font-size:19px;max-width:720px}
.kesit-sahne{margin:18px 0 0;border:2px solid var(--murekkep);overflow:hidden}
.k-dilim{cursor:pointer;outline:none}
.k-yuz{fill:#c9d0dd;transition:fill .2s}
.k-dilim:hover .k-yuz{fill:#aeb8cb}
.k-dilim.secili[data-k=kiyi] .k-yuz{fill:#9fb1e6}.k-dilim.secili[data-k=bahce] .k-yuz{fill:#93cdb9}.k-dilim.secili[data-k=vadi] .k-yuz{fill:#ecd28f}.k-dilim.secili[data-k=dag] .k-yuz{fill:#f2ab9a}
.k-dilim:focus-visible .k-yuz{stroke:var(--murekkep);stroke-width:3}
.k-dilim text{font:800 15px var(--bas);text-anchor:middle;fill:var(--murekkep)}
.k-etk{font:800 15px var(--bas)}
.kesit-sekme{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--murekkep);border-top:0}
.kesit-sekme button{background:#fff;border:0;border-right:2px solid var(--murekkep);padding:12px 8px;font:inherit;cursor:pointer;color:var(--murekkep)}
.kesit-sekme button:last-child{border-right:0}
.kesit-sekme b{display:block;font:800 16px var(--bas)}.kesit-sekme span{font-size:14px;color:var(--gri)}
.kesit-sekme [aria-selected=true]{background:var(--murekkep);color:#fff}.kesit-sekme [aria-selected=true] span{color:#d5daea}
.kesit-panel{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;padding:22px 0}.kesit-panel[hidden]{display:none}
.p-bas{font:800 24px/1.1 var(--bas);margin-bottom:10px}.p-bas small{display:block;font:600 15px var(--govde);color:var(--gri);margin-top:6px}
.p-yan{background:var(--kirec);padding:16px 18px}

/* şeritler */
.serit{padding:60px 0}
.iki-kol{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.cift-yuz{display:grid;grid-template-columns:1fr 1fr;border:2px solid var(--murekkep)}
.cift-yuz>div{padding:20px 18px;min-height:240px}
.y-kuzey{background:var(--kobalt);color:#fff}.y-guney{background:var(--limon)}
.y-bas{font:800 22px/1.1 var(--bas)}.y-bas small{display:block;font:600 14px var(--govde);margin-top:4px}
.cift-yuz ul{padding-left:18px;margin:0}
.veri{background:var(--murekkep);color:#fff}.veri .ust-yazi{color:var(--limon)}.veri .ok{color:#fff}
.dar-p{max-width:760px;color:#dde2ef}
.veri-cubuk{margin:26px 0;max-width:760px}
.v-satir{display:grid;grid-template-columns:160px 1fr 62px;gap:12px;align-items:center;padding:7px 0;border-bottom:1px solid #2c3858}
.v-ad{font-weight:600}.v-iz{height:14px;background:#26314f}.v-iz i{display:block;height:100%;filter:brightness(1.35)}.v-deg{font:800 16px var(--bas);text-align:right}
.is-grup{display:grid;grid-template-columns:230px 1fr;gap:24px;padding:22px 0;border-top:2px solid var(--murekkep)}
.is-grup h2,.is-grup h3{font-size:21px}
.is-satirlar a{display:grid;grid-template-columns:230px 1fr;gap:18px;padding:12px 0;text-decoration:none;color:var(--murekkep);border-bottom:1px solid var(--cizgi)}
.is-satirlar a:last-child{border-bottom:0}
.is-satirlar b{font:800 17px/1.2 var(--bas);color:var(--kobalt)}.is-satirlar span{font-size:16px;color:var(--gri);line-height:1.4}
.is-satirlar a:hover b{color:var(--kirmizi)}
.araclar{background:var(--limon)}.araclar .ust-yazi{color:var(--murekkep)}
.arac-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:2px solid var(--murekkep);background:#fff}
.arac-izgara a{padding:24px;color:var(--murekkep);text-decoration:none;border-right:2px solid var(--murekkep)}.arac-izgara a:last-child{border-right:0}
.arac-izgara b{display:block;font:800 21px/1.1 var(--bas);margin-bottom:8px}.arac-izgara span{font-size:16px;line-height:1.4;display:block}
.arac-izgara a:hover{background:var(--kobalt);color:#fff}
.not-liste{list-style:none;padding:0;margin:0 0 22px}.not-liste li{border-bottom:1px solid var(--cizgi)}
.not-liste a{display:block;padding:14px 0;font:700 19px/1.25 var(--bas);text-decoration:none;color:var(--murekkep)}.not-liste a:hover{color:var(--kirmizi)}
.sss{background:#fff}
.sss details{border-top:2px solid var(--murekkep);padding:14px 0}.sss details:last-of-type{border-bottom:2px solid var(--murekkep)}
.sss summary{cursor:pointer;font:700 18px/1.25 var(--bas);list-style-position:outside}.sss details p{margin:10px 0 0}
.son-cta{background:var(--kirmizi);color:#fff}.son-cta .dug-ana{background:var(--murekkep)}.son-cta .dug-wa{background:#fff}

/* kot ölçer */
.kot-olcer{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;padding:10px 7px;border:2px solid var(--murekkep);font:800 12px var(--bas);width:66px;text-align:center}
.ko-cizgi{display:block;width:6px;height:120px;background:var(--cizgi);position:relative;transform:rotate(180deg)}.ko-cizgi i{position:absolute;left:0;right:0;top:0;height:0;background:var(--kirmizi)}

/* iç sayfa */
.sayfa-bas{background:var(--kobalt);color:#fff;padding:44px 0;border-bottom:14px solid var(--limon)}
.sayfa-bas .ust-yazi{color:var(--limon)}
.sb-iz{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.sayfa-bas h1{font-size:clamp(32px,4.8vw,54px)}
.cevap{font-size:19px;color:#edf0fa;border-left:5px solid var(--kirmizi);padding-left:16px}.cevap a{color:#fff}
.sayfa-bas .dug-wa{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px #fff}
.sayfa-bas figcaption{color:#cfd7ee}
.kot-rozet{background:var(--limon);color:var(--murekkep);padding:3px 8px;margin-right:6px}
.icerik{padding-top:38px;padding-bottom:30px}
.blok{margin:0 0 42px}.blok h2{font-size:clamp(23px,3vw,31px)}
.tikli{list-style:none;padding:0;margin:0}.tikli li{padding:9px 0 9px 28px;border-bottom:1px solid var(--cizgi);position:relative}
.tikli li::before{content:"";position:absolute;left:2px;top:17px;width:14px;height:6px;background:var(--kirmizi)}
.adimlar{list-style:none;counter-reset:a;padding:0;margin:0}.adimlar li{counter-increment:a;display:grid;grid-template-columns:44px 1fr;column-gap:12px;padding:12px 0;border-bottom:1px solid var(--cizgi)}
.adimlar li::before{content:counter(a);grid-row:span 2;width:38px;height:38px;background:var(--kobalt);color:#fff;font:800 18px/38px var(--bas);text-align:center}
.adimlar b{font:800 18px var(--bas)}.adimlar span{color:#3d4763}
.tablo-kap{overflow-x:auto;border:2px solid var(--murekkep);background:#fff;margin-bottom:12px}
table{border-collapse:collapse;width:100%;font-size:16px}
th,td{padding:11px 12px;text-align:left;border-bottom:1px solid var(--cizgi);vertical-align:top}
thead th{background:var(--murekkep);color:#fff;font:700 14px var(--bas);white-space:nowrap}
tbody th{font-weight:700}.mah-tablo{min-width:640px}.mah-tablo .top{background:var(--kirec);font-weight:700}
.kap-dar{max-width:820px;margin-top:30px}
.usta-notu{background:var(--limon);padding:18px 20px;margin:0 0 42px;box-shadow:-8px 8px 0 var(--murekkep)}.usta-notu p{margin:0}.usta-notu .ok{margin-top:10px;color:var(--murekkep)}
.kusak-oku{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kusak-oku a{display:block;padding:15px;border-top:6px solid var(--r);background:#fff;text-decoration:none;color:var(--murekkep)}
.kusak-oku b{font:800 18px var(--bas)}.kusak-oku small{margin-left:6px;color:var(--gri)}.kusak-oku span{display:block;font-size:16px;line-height:1.4;margin-top:6px}
.kusak-oku a:hover{background:var(--kirec)}
.ilgili{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.ilgili a{padding:9px 13px;background:#fff;border:2px solid var(--kobalt);text-decoration:none;font:700 15px var(--bas)}.ilgili a:hover{background:var(--kobalt);color:#fff}
.sayfa-bas .ilgili a{background:transparent;color:#fff;border-color:#fff}
.not-kart a{display:block;padding:18px 0;border-top:2px solid var(--murekkep);text-decoration:none;color:var(--murekkep)}
.not-kart b{display:block;font:800 21px/1.2 var(--bas);margin-bottom:6px;color:var(--kobalt)}.not-kart span{font-size:17px}

/* araçlar */
.arac{background:#fff;border:2px solid var(--murekkep);padding:20px;display:grid;gap:14px;margin-bottom:20px}
.arac label{display:block;font:700 15px var(--bas)}
.arac select,.arac input[type=number]{display:block;width:100%;margin-top:6px;padding:12px;font:400 17px var(--govde);border:2px solid var(--murekkep);background:#fff;border-radius:0}
.test{display:grid!important;grid-template-columns:26px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--cizgi);font:400 17px var(--govde)!important;cursor:pointer}
.test input{width:22px;height:22px;margin-top:3px;accent-color:var(--kobalt)}.test b{display:block;font:800 16px var(--bas)}
.sonuc{background:var(--kobalt);color:#fff;padding:20px;margin-bottom:34px}.sonuc h2,.sonuc h3{color:#fff;font-size:23px}.sonuc a{color:var(--limon)}.sonuc ol{padding-left:20px;margin:0 0 12px}.sonuc li{margin-bottom:5px}
.sonuc .rakam{font:800 38px/1.1 var(--bas);color:var(--limon);margin-bottom:8px}

/* alt */
.alt-bolum{background:var(--murekkep);color:#d8dcea;font-size:16px}
.alt-izgara{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;padding-top:44px;padding-bottom:30px}
.alt-bolum a{color:#fff;text-decoration:none;display:block;padding:4px 0}.alt-bolum a:hover{color:var(--limon)}
.alt-marka{font:800 21px/1.15 var(--bas);color:#fff}.alt-bas{font:800 14px var(--bas);color:var(--limon);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.ust-bos{margin-top:18px}
.alt-tel{font:800 21px var(--bas)}
.alt-son{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:16px;padding-bottom:22px;border-top:1px solid #2c3858;font-size:14px}.alt-son p{margin:0}
.alt-cubuk{display:none}

/* açılış */
.acilis{position:fixed;inset:0;z-index:300;background:var(--kobalt);color:#fff;display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}
.acilis-var .acilis{display:flex}
.acilis svg{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.a-cizgi{fill:none;stroke:var(--limon);stroke-width:4;stroke-dasharray:1;stroke-dashoffset:1;animation:ciz 1.5s .15s ease-in-out forwards}
.a-yazi{position:relative;font:800 clamp(46px,10vw,120px)/1 var(--bas);font-stretch:120%;margin:0;opacity:0;animation:cik .5s 1s forwards}
.a-alt{position:relative;font:600 clamp(16px,2.4vw,23px) var(--bas);margin:12px 0 0;opacity:0;animation:cik .5s 1.3s forwards}
.a-gec{position:absolute;right:18px;bottom:18px;background:none;color:#fff;border:2px solid #fff;padding:8px 16px;font:700 15px var(--bas);cursor:pointer}
.acilis.bitti{transform:translateY(-100%);transition:transform .7s cubic-bezier(.7,0,.25,1)}
@keyframes ciz{to{stroke-dashoffset:0}}@keyframes cik{to{opacity:1}}

@media (max-width:1400px){.kot-olcer{display:none}}
@media (max-width:980px){
  .ust-tel{display:none}
  .menu-ac{display:block}
  .menu{position:fixed;top:var(--ust-h);left:0;right:0;height:calc(100dvh - var(--ust-h));background:var(--kobalt);overflow:auto;display:block;padding:10px 18px 90px;visibility:hidden;opacity:0;transition:opacity .15s;z-index:120}
  .menu-acik .menu{visibility:visible;opacity:1}
  .menu>a,.menu summary{padding:14px 2px;font-size:18px;border-bottom:1px solid #4361be;border-radius:0}
  .alt,.alt.iki{position:static;min-width:0;display:block;box-shadow:none;background:var(--kobalt-k);border:0}
  .alt a{color:#fff}.alt small{color:#cfd7ee}.alt a:hover{background:transparent}
  .menu-tel{display:block!important;background:var(--limon);color:var(--murekkep)!important;text-align:center;margin-top:14px;font-weight:800!important}
  .kahraman-iz,.sb-iz,.iki-kol{grid-template-columns:1fr;gap:28px}
  .kahraman-iz{padding-top:34px;padding-bottom:40px}
  .k-foto{transform:none;box-shadow:-8px 8px 0 var(--limon);margin-left:8px}
  .is-grup{grid-template-columns:1fr;gap:6px}
  .alt-izgara{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  body{font-size:17px;padding-bottom:62px}
  .kap,.imza,.iz{padding-left:16px;padding-right:16px}.ust{padding:0 14px;gap:8px}
  .marka{font-size:13px}.marka svg{width:36px}.marka b{font-size:15px}
  .serit{padding:44px 0}.kesit{padding:42px 0 30px}
  .kesit-sekme{grid-template-columns:1fr 1fr}
  .kesit-sekme button:nth-child(2){border-right:0}.kesit-sekme button:nth-child(-n+2){border-bottom:2px solid var(--murekkep)}
  .k-dilim text,.k-etk{display:none}
  .kesit-panel{grid-template-columns:1fr;gap:12px}
  .cift-yuz>div{min-height:0;padding:15px 12px}.y-bas{font-size:18px}
  .v-satir{grid-template-columns:118px 1fr 52px;gap:8px;font-size:15px}
  .is-satirlar a{grid-template-columns:1fr;gap:3px}
  .arac-izgara{grid-template-columns:1fr}.arac-izgara a{border-right:0;border-bottom:2px solid var(--murekkep)}.arac-izgara a:last-child{border-bottom:0}
  .kusak-oku{grid-template-columns:1fr}
  .cta-cift .dug{flex:1 1 100%}
  .alt-izgara{grid-template-columns:1fr}.alt-son{flex-direction:column}
  .alt-cubuk{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:100;height:62px}
  .alt-cubuk a{display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font:800 17px var(--bas)}
  .c-ara{background:var(--kirmizi)}.c-wa{background:#128c4a}
  .menu{padding-bottom:30px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}