/* ATAK AIRSOFT - Takim Kiyafetlerimiz sayfasi (v1.0)
   Sitenin koyu/altin dili. Renkler tema degiskenlerinden gelir, acik tema otomatik uyar.
   Not: "Multicam", "Baofeng" gibi yabanci sozcuklerde CSS uppercase KULLANILMAZ (i -> İ tuzagi). */

.kf-taslak{position:sticky;top:0;z-index:60;background:#9D2F2F;color:#fff;text-align:center;padding:10px 16px;font:600 13px/1.4 var(--font-body);letter-spacing:.2px}
.kf-taslak strong{font:800 12px/1 var(--font-menu);letter-spacing:1.4px;margin-right:10px;padding:4px 8px;border:1px solid rgba(255,255,255,.55)}

/* --- hero + renk paleti --- */
.kf-hero .container>p{max-width:62ch}
.kf-palette{list-style:none;margin:30px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.kf-palette li{display:flex;align-items:center;gap:12px;padding:10px 18px 10px 12px;border:1px solid var(--atak-border);background:rgba(245,242,234,.04);border-radius:999px}
html[data-theme="light"] .kf-palette li{background:rgba(16,20,17,.04)}
.kf-palette strong{font:800 15px/1 var(--font-heading);letter-spacing:.4px;color:var(--atak-white)}
.kf-palette small{font:500 12px/1 var(--font-body);color:var(--atak-gray)}

/* renk numuneleri */
.kf-swatch{display:inline-block;width:22px;height:22px;border-radius:50%;flex:none;border:1px solid rgba(245,242,234,.35);box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.kf-palette .kf-swatch{width:30px;height:30px}
.kf-swatch--green{background:#5a6444}
.kf-swatch--tan{background:#b79c6b}
.kf-swatch--multicam{background:
  radial-gradient(circle at 28% 30%,#6c5a3a 0 22%,transparent 23%),
  radial-gradient(circle at 70% 24%,#7b8a52 0 24%,transparent 25%),
  radial-gradient(circle at 62% 72%,#4f5c33 0 26%,transparent 27%),
  radial-gradient(circle at 22% 78%,#8c6f48 0 20%,transparent 21%),
  #c1ab7c}

/* --- bolumler --- */
.kf-section .section-head h2{margin:0}
.kf-section .section-head__note{max-width:46ch;margin:0;color:var(--atak-gray)}
@media (max-width:760px){.kf-section .section-head{display:block}.kf-section .section-head__note{margin-top:10px}}

.kf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.kf-grid--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:1100px){.kf-grid,.kf-grid--3{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.kf-grid,.kf-grid--3{grid-template-columns:1fr}}

/* --- kartlar --- */
.kf-card{display:flex;flex-direction:column;border:1px solid rgba(194,167,109,.22);border-radius:22px;background:var(--atak-dark);overflow:hidden;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.kf-card:hover{transform:translateY(-4px);border-color:rgba(194,167,109,.6);box-shadow:var(--atak-shadow)}
.kf-card__media{aspect-ratio:4/5;background:#ecebe6;overflow:hidden;display:flex;align-items:center;justify-content:center}
.kf-card__media img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .5s ease}
.kf-card:hover .kf-card__media img{transform:scale(1.04)}
.kf-card--contain .kf-card__media{background:var(--kf-bg,#f2f2f2)}
.kf-card--contain .kf-card__media img{object-fit:contain;object-position:center;padding:4%}
.kf-card--vest .kf-card__media{background:var(--kf-bg,#f5f5f2)}
.kf-card--vest .kf-card__media img{padding:0}

.kf-card--icon .kf-card__media--icon{aspect-ratio:auto;flex:1 1 auto;min-height:190px;background:
  radial-gradient(circle at 70% 20%,rgba(194,167,109,.20),transparent 45%),
  linear-gradient(135deg,var(--atak-green),var(--atak-dark));border-bottom:1px solid var(--atak-border)}
.kf-ico{width:64px;height:64px;fill:none;stroke:var(--atak-sand);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kf-card:hover .kf-card--icon .kf-ico,.kf-card--icon:hover .kf-ico{transform:scale(1.06)}
.kf-ico{transition:transform .3s ease}

.kf-card__body{display:flex;flex-direction:column;gap:10px;padding:20px 20px 22px;flex:0 0 auto}
.kf-card:not(.kf-card--icon) .kf-card__body{flex:1}
.kf-card__tag{font:800 11px/1 var(--font-menu);letter-spacing:1.6px;text-transform:uppercase;color:var(--atak-sand)}
.kf-card h3{margin:0;font-size:22px;line-height:1.15;text-transform:none}
.kf-card p{margin:0;color:var(--atak-gray);font-size:14.5px;line-height:1.55}
.kf-chips{display:flex;flex-wrap:wrap;gap:8px}
.kf-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 6px;border:1px solid var(--atak-border);border-radius:999px;font:700 12.5px/1 var(--font-body);color:var(--atak-white);text-transform:none;background:rgba(245,242,234,.04)}
html[data-theme="light"] .kf-chip{background:rgba(16,20,17,.04)}
.kf-chip .kf-swatch{width:16px;height:16px}
.kf-chip--brand{padding:6px 12px}

.kf-card__link{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:8px;width:fit-content;color:var(--atak-sand);font:800 12.5px/1 var(--font-menu);letter-spacing:.6px;text-transform:uppercase;text-decoration:none;border-bottom:1px solid transparent;transition:gap .2s ease,border-color .2s ease}
.kf-card__link:hover,.kf-card__link:focus-visible{gap:12px;border-color:var(--atak-sand)}
.kf-arrow{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* --- serbest secim --- */
.kf-free{display:flex;align-items:center;gap:28px;padding:30px 32px;border:1px solid rgba(194,167,109,.3);border-radius:22px;background:
  radial-gradient(circle at 90% 10%,rgba(194,167,109,.14),transparent 40%),var(--atak-dark)}
.kf-free__icon{flex:none;width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(194,167,109,.4);background:var(--atak-green)}
.kf-free__icon .kf-ico{width:46px;height:46px}
.kf-free h2{margin:0 0 8px}
.kf-free p{margin:0;max-width:64ch;color:var(--atak-gray)}
.kf-free a{color:var(--atak-sand);text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.kf-free{flex-direction:column;align-items:flex-start;padding:24px 20px}}

.kf-note{margin:26px 0 0;font-size:12.5px;line-height:1.55;color:var(--atak-gray);max-width:80ch}
.kf-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}

@media (prefers-reduced-motion:reduce){.kf-card,.kf-card__media img,.kf-ico,.kf-card__link{transition:none}.kf-card:hover{transform:none}.kf-card:hover .kf-card__media img{transform:none}}

/* mobil: tek sutunda foto cok uzamasin */
@media (max-width:560px){.kf-card__media{aspect-ratio:5/6}.kf-card--icon .kf-card__media--icon{min-height:150px}}

/* v1.3: firmalar + hero kisayolu */
.kf-hero__shops{margin:22px 0 0;font-size:14px;color:var(--atak-gray)}
.kf-hero__shops a{color:var(--atak-sand);text-decoration:underline;text-underline-offset:3px;font-weight:700}
.kf-shops{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.kf-shop{display:flex;flex-direction:column;gap:8px;padding:26px 26px 24px;border:1px solid rgba(194,167,109,.28);border-radius:22px;text-decoration:none;color:inherit;background:
  radial-gradient(circle at 92% 8%,rgba(194,167,109,.14),transparent 42%),var(--atak-dark);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.kf-shop:hover,.kf-shop:focus-visible{transform:translateY(-4px);border-color:rgba(194,167,109,.7);box-shadow:var(--atak-shadow)}
.kf-shop__name{font:800 26px/1.1 var(--font-heading);color:var(--atak-white);text-transform:none}
.kf-shop__desc{font-size:14.5px;line-height:1.5;color:var(--atak-gray)}
.kf-shop__url{margin-top:10px;display:inline-flex;align-items:center;gap:8px;color:var(--atak-sand);font:800 12.5px/1 var(--font-menu);letter-spacing:.4px;text-transform:none}
@media (max-width:900px){.kf-shops{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.kf-shop{transition:none}.kf-shop:hover{transform:none}}

/* v1.4: nereden alabilirsiniz baglantilari */
.kf-free__sub{margin:22px 0 0;font:800 13px/1 var(--font-menu);letter-spacing:1.4px;text-transform:uppercase;color:var(--atak-sand)}
.kf-links{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.kf-links a{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid rgba(194,167,109,.35);border-radius:999px;background:rgba(245,242,234,.04);color:var(--atak-white);text-decoration:none;font:700 14px/1 var(--font-body);text-transform:none;transition:border-color .2s ease,background .2s ease,color .2s ease}
html[data-theme="light"] .kf-links a{background:rgba(16,20,17,.04)}
.kf-links a:hover,.kf-links a:focus-visible{border-color:var(--atak-sand);color:var(--atak-sand);background:rgba(194,167,109,.1)}
.kf-links .kf-arrow{width:14px;height:14px}

/* v1.5: PDF rehber indirme karti */
.kf-pdf-section{padding-top:0}
.kf-pdf{display:grid;grid-template-columns:minmax(150px,230px) 1fr;gap:40px;align-items:center;padding:34px 40px;border:1px solid rgba(194,167,109,.32);border-radius:26px;background:radial-gradient(circle at 92% 12%,rgba(194,167,109,.18),transparent 42%),linear-gradient(135deg,var(--atak-dark),var(--atak-green));overflow:hidden;position:relative}
.kf-pdf__cover{position:relative;transform:rotate(-3deg);transition:transform .35s ease}
.kf-pdf:hover .kf-pdf__cover{transform:rotate(-1deg) translateY(-4px)}
.kf-pdf__cover img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 26px 60px rgba(0,0,0,.5),0 0 0 1px rgba(194,167,109,.35)}
.kf-pdf__badge{position:absolute;top:-10px;right:-10px;padding:7px 11px;border-radius:8px;background:var(--atak-sand);color:#0B0F0D;font:900 12px/1 var(--font-menu);letter-spacing:1px;box-shadow:0 8px 20px rgba(0,0,0,.4)}
.kf-pdf__text h2{margin:0 0 10px}
.kf-pdf__text p{margin:0;max-width:56ch;color:var(--atak-gray);line-height:1.6}
.kf-pdf__meta{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.kf-pdf__meta li{padding:6px 12px;border:1px solid var(--atak-border);border-radius:999px;font:700 12.5px/1 var(--font-body);color:var(--atak-white);background:rgba(245,242,234,.04)}
html[data-theme="light"] .kf-pdf__meta li{background:rgba(16,20,17,.04)}
.kf-pdf__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.kf-pdf__actions .btn{gap:10px}
.kf-pdf__actions svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:760px){.kf-pdf{grid-template-columns:1fr;gap:26px;padding:26px 22px;text-align:left}.kf-pdf__cover{max-width:190px;margin:0 auto 6px;transform:rotate(-2deg)}}
@media (prefers-reduced-motion:reduce){.kf-pdf__cover{transition:none}.kf-pdf:hover .kf-pdf__cover{transform:rotate(-3deg)}}

/* v1.6: zorunlu ekipman + serbest/tavsiye listeleri */
.kf-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
@media (max-width:700px){.kf-grid--2{grid-template-columns:1fr}}
.kf-hero__must{margin-top:8px}
.kf-card--must{border-color:rgba(194,167,109,.6)}
.kf-card--must .kf-card__tag{color:var(--atak-sand)}
.kf-lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.kf-list{padding:28px 30px 30px;border:1px solid rgba(194,167,109,.3);border-radius:22px;background:radial-gradient(circle at 92% 8%,rgba(194,167,109,.13),transparent 42%),var(--atak-dark)}
.kf-list--rec{border-color:rgba(96,176,126,.4);background:radial-gradient(circle at 92% 8%,rgba(96,176,126,.13),transparent 42%),var(--atak-dark)}
.kf-list__head{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.kf-list__ico{flex:none;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(194,167,109,.4);background:var(--atak-green)}
.kf-list__ico .kf-ico{width:28px;height:28px}
.kf-list__kicker{display:block;font:800 11px/1 var(--font-menu);letter-spacing:1.6px;color:var(--atak-sand);margin-bottom:7px}
.kf-list__head h3{margin:0;font-size:22px;line-height:1.15;text-transform:none}
.kf-list__items{list-style:none;margin:0;padding:0;display:grid;gap:0}
.kf-list__items li{display:flex;flex-direction:column;gap:3px;padding:12px 0 12px 22px;border-top:1px solid var(--atak-border);position:relative;line-height:1.4}
.kf-list__items li:first-child{border-top:0}
.kf-list__items li::before{content:"";position:absolute;left:2px;top:19px;width:8px;height:8px;border-radius:50%;background:var(--atak-sand)}
.kf-list--rec .kf-list__items li::before{background:#60b07e}
.kf-list__name{font:700 16px/1.35 var(--font-body);color:var(--atak-white);text-transform:none}
.kf-list__items small{font:500 13px/1.45 var(--font-body);color:var(--atak-gray)}
.kf-where{margin-top:30px}
.kf-where .kf-free__sub{margin-top:0}
@media (max-width:900px){.kf-lists{grid-template-columns:1fr}.kf-list{padding:24px 22px 26px}}

/* v1.7: onemli not, 4 firma karti, zorunlu 4'lu grid */
.kf-callout{margin-top:26px;padding:22px 26px;border:1px solid rgba(194,167,109,.45);border-left:4px solid var(--atak-sand);border-radius:16px;background:rgba(194,167,109,.07)}
.kf-callout strong{display:block;margin-bottom:8px;font:800 12px/1 var(--font-menu);letter-spacing:1.6px;text-transform:uppercase;color:var(--atak-sand)}
.kf-callout p{margin:0;max-width:92ch;line-height:1.7;color:var(--atak-white)}
.kf-shops{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.kf-shops{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.kf-shops{grid-template-columns:1fr}}

/* v1.8: bot (5 model), 5 firma karti, dipnot */
.kf-grid--boots{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:1100px){.kf-grid--boots{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.kf-grid--boots{grid-template-columns:1fr}}
.kf-shops{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.kf-shops{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.kf-shops{grid-template-columns:1fr}}
.kf-footnote{margin:22px 0 0;padding:14px 18px;border-left:3px solid var(--atak-sand);background:rgba(194,167,109,.06);border-radius:0 12px 12px 0;color:var(--atak-gray);font-size:14.5px;line-height:1.65;max-width:90ch}
.kf-footnote a{color:var(--atak-sand);font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* v2.0: zorunlu ekipman listesi */
.kf-list--must{margin-top:28px;border-color:rgba(194,167,109,.55)}
.kf-list__items--cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
.kf-list__items--cols li:nth-child(2){border-top:0}
.kf-opt{margin-left:8px;padding:3px 9px;border:1px dashed rgba(194,167,109,.7);border-radius:999px;font:700 11px/1.2 var(--font-body);font-style:normal;color:var(--atak-sand);vertical-align:2px}
@media (max-width:760px){.kf-list__items--cols{grid-template-columns:1fr}.kf-list__items--cols li:nth-child(2){border-top:1px solid var(--atak-border)}}

/* v2.2: ".section p{margin:0 0 16px}" tek sinifli bosluklari eziyordu */
.section .kf-note{margin:26px 0 0}
.section .kf-footnote{margin:22px 0 0}

/* v2.3: hap yerine egimli kesim */
.kf-palette li,.kf-chip,.kf-links a,.kf-pdf__meta li,.kf-opt{border-radius:0!important;clip-path:polygon(var(--sl,6px) 0,100% 0,calc(100% - var(--sl,6px)) 100%,0 100%)}
.kf-palette li{--sl:9px;padding-left:calc(14px + 9px);padding-right:calc(14px + 9px)}
.kf-chip{--sl:6px;padding-left:calc(10px + 4px);padding-right:calc(10px + 6px)}
.kf-links a{--sl:8px;padding-left:22px;padding-right:22px}
.kf-pdf__meta li{--sl:6px;padding-left:16px;padding-right:16px}
.kf-opt{--sl:5px;padding-left:12px;padding-right:12px}
.kf-links a:focus-visible{background:rgba(194,167,109,.3);outline:none}

/* v2.4: palet ve alisveris satirlari hero disina tasindi (tum hero bantlari ayni yukseklikte) */
.kf-strip{padding-block:28px 8px}
.kf-strip .container>p{max-width:62ch}
.kf-strip .kf-palette{margin-top:0}