/* Urun sayfalari Surum 3 — ortak bilesenler (urun.css'in ustune) */
section{padding:72px 0}
.sik{padding:56px 0}
.gri{background:var(--soft)}
.etk{font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--mavi); font-weight:700}
.bolum-bas .etk{display:block; margin-bottom:10px}

/* rakam seridi */
.serit{background:#fff; border-bottom:1px solid var(--line)}
.serit .kap{display:grid; grid-template-columns:repeat(4,1fr); gap:0}
.serit .kap > div{padding:26px 18px; border-right:1px solid var(--line)}
.serit .kap > div:last-child{border-right:none}
.serit b{display:block; font-family:Sora,sans-serif; font-size:30px; font-weight:800; color:var(--lacivert); line-height:1.1}
.serit span{font-size:13px; color:var(--ink-soft)}
.serit small{display:block; font-size:11.5px; color:var(--ink-faint); margin-top:4px}
@media(max-width:760px){.serit .kap{grid-template-columns:1fr 1fr}.serit .kap > div:nth-child(2){border-right:none}.serit .kap > div{border-bottom:1px solid var(--line)}}

/* yetenek gruplari */
.gruplar{display:grid; grid-template-columns:repeat(2,1fr); gap:20px}
@media(max-width:860px){.gruplar{grid-template-columns:1fr}}
.grup{background:#fff; border:1px solid var(--line); border-radius:18px; padding:26px 26px 18px; box-shadow:var(--golge)}
.grup-bas{display:flex; align-items:center; gap:12px; margin-bottom:12px}
.grup-bas i{font-style:normal; width:42px; height:42px; border-radius:12px; background:var(--mavi-soft); display:flex; align-items:center; justify-content:center; font-size:20px; flex:none}
.grup h3{font-size:18px; font-weight:700}
.grup ul{list-style:none; margin:0; padding:0}
.grup li{padding:10px 0 10px 24px; border-top:1px solid var(--soft); position:relative; font-size:14.5px; color:var(--ink-soft); line-height:1.5}
.grup li::before{content:"✓"; position:absolute; left:2px; top:10px; color:var(--yesil); font-weight:700}
.grup li b{color:var(--ink)}

/* adimlar (dikey, ayrintili) */
.akis{display:grid; gap:14px; max-width:860px; margin:0 auto; counter-reset:a}
.akis > div{display:grid; grid-template-columns:52px 1fr; gap:16px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px 20px; counter-increment:a}
.akis > div::before{content:counter(a); width:40px; height:40px; border-radius:50%; background:var(--lacivert); color:#fff; font:700 16px/40px Sora,sans-serif; text-align:center}
.akis h3{font-size:16px; margin-bottom:4px}
.akis p{margin:0; font-size:14.5px; color:var(--ink-soft)}

/* tablolar */
.tablo-kap{overflow-x:auto; max-width:1000px; margin:0 auto}
table.tb{width:100%; border-collapse:collapse; background:#fff; border:1px solid var(--line); border-radius:16px; overflow:hidden; box-shadow:var(--golge); font-size:14.5px; min-width:640px}
table.tb th{background:var(--soft); text-align:left; font-weight:700; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--ink-soft); padding:12px 16px}
table.tb td{padding:13px 16px; border-top:1px solid var(--line); vertical-align:top; color:var(--ink-soft)}
table.tb td:first-child{color:var(--ink); font-weight:700}
table.tb td.s{font-family:"JetBrains Mono",monospace; font-variant-numeric:tabular-nums; color:var(--lacivert); white-space:nowrap}
.evet{color:var(--yesil); font-weight:700}
.hayir{color:var(--ink-faint)}
.dipnot{max-width:1000px; margin:12px auto 0; font-size:12.5px; color:var(--ink-faint)}

/* senaryolar */
.senaryolar{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
@media(max-width:880px){.senaryolar{grid-template-columns:1fr}}
.sen{background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px}
.sen .etk{display:block; margin-bottom:8px}
.sen h3{font-size:16.5px; margin-bottom:6px}
.sen p{margin:0; font-size:14.5px; color:var(--ink-soft)}

/* teknik ozellikler listesi */
.teknik{display:grid; grid-template-columns:1fr 1fr; gap:0 40px; max-width:960px; margin:0 auto}
@media(max-width:760px){.teknik{grid-template-columns:1fr}}
.teknik dl{margin:0}
.teknik div{display:grid; grid-template-columns:180px 1fr; gap:14px; padding:13px 0; border-bottom:1px solid var(--line); font-size:14.5px}
@media(max-width:480px){.teknik div{grid-template-columns:1fr; gap:2px}}
.teknik dt{font-weight:700; color:var(--ink)}
.teknik dd{margin:0; color:var(--ink-soft)}

/* guvenlik */
.guven{background:var(--koyu); color:#fff; position:relative; overflow:hidden}
.guven .bolum-bas h2{color:#fff}
.guven .bolum-bas p{color:#B8C7DE}
.guven-k{display:grid; grid-template-columns:repeat(4,1fr); gap:16px}
@media(max-width:880px){.guven-k{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.guven-k{grid-template-columns:1fr}}
.guven-k > div{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:16px; padding:20px}
.guven-k i{font-style:normal; font-size:22px; display:block; margin-bottom:10px}
.guven-k h3{font-size:15.5px; margin-bottom:6px; color:#fff}
.guven-k p{margin:0; font-size:13.5px; color:#C9D6EA}

/* fiyat modeli */
.fmodel{display:grid; grid-template-columns:1.1fr .9fr; gap:22px; max-width:960px; margin:0 auto; align-items:start}
@media(max-width:820px){.fmodel{grid-template-columns:1fr}}
.fm-kart{background:#fff; border:1px solid var(--line); border-radius:18px; padding:26px; box-shadow:var(--golge)}
.fm-kart h3{font-size:18px; margin-bottom:10px}
.fm-kart ul{margin:0; padding-left:18px}
.fm-kart li{margin:7px 0; color:var(--ink-soft); font-size:14.5px}
.fm-kart.vurgu{border:2px solid var(--mavi)}

/* dil / cip listesi */
.cipler{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; max-width:900px; margin:0 auto}
.cip{background:#fff; border:1px solid var(--line); border-radius:999px; padding:9px 16px; font-size:14.5px; font-weight:500}
.cip b{font-family:"JetBrains Mono",monospace; font-size:11px; color:var(--mavi); margin-right:6px}

/* sss iki sutun */
.sss2{display:grid; grid-template-columns:1fr 1fr; gap:0 36px; max-width:1040px; margin:0 auto}
@media(max-width:820px){.sss2{grid-template-columns:1fr}}
.sss2 details{border-bottom:1px solid var(--line); padding:16px 4px}
.sss2 summary{font-weight:700; font-size:15.5px; cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:12px}
.sss2 summary::after{content:"+"; color:var(--mavi); font-weight:700}
.sss2 details[open] summary::after{content:"–"}
.sss2 details p{color:var(--ink-soft); font-size:14.5px; margin:10px 0 0}
.yakinda{display:inline-block; background:#FFF4E5; color:var(--amber); border:1px solid #F5D7A8; border-radius:999px;
  font-family:"JetBrains Mono",monospace; font-size:11px; letter-spacing:.12em; padding:4px 12px; margin-bottom:14px}
.not-kutu{max-width:960px; margin:18px auto 0; background:var(--mavi-soft); border-radius:12px; padding:14px 18px; font-size:14px; color:var(--ink-soft)}

/* Paket kartlari (public/sepet/paketler.js, 07.10): magazadan gelen urunler, kategoriye gore gruplu */
.pk{display:grid; gap:34px; max-width:1080px; margin:0 auto}
.pk-grup{display:grid; gap:16px}
.pk-grup-bas{display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; border-bottom:1px solid var(--line); padding-bottom:10px}
.pk-grup-bas h3{font-size:19px; color:var(--lacivert)}
.pk-grup-bas p{margin:0; color:var(--ink-soft); font-size:14.5px}
.pk-liste{display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:16px}
.pk-liste:has(> .pk-kart:only-child){grid-template-columns:minmax(0,380px); justify-content:center}
.pk-kart{background:#fff; border:1px solid var(--line); border-radius:20px; padding:24px 22px 22px; display:flex; flex-direction:column; gap:10px; box-shadow:var(--golge); transition:transform .18s ease, box-shadow .18s ease; position:relative}
.pk-kart:hover{transform:translateY(-3px); box-shadow:0 2px 4px rgba(15,27,46,.06), 0 18px 40px rgba(15,27,46,.12)}
.pk-kart.pk-one{border:2px solid var(--mavi)}
.pk-kart h3{font-size:17px; line-height:1.3; color:var(--ink)}
.pk-kart p{margin:0; color:var(--ink-soft); font-size:14.5px; line-height:1.5}
.pk-alt{margin-top:auto; display:grid; gap:10px; padding-top:12px; border-top:1px solid var(--line)}
.pk-fiyat{font:800 26px/1.1 Sora,sans-serif; color:var(--lacivert); font-variant-numeric:tabular-nums; letter-spacing:-.01em}
.pk-fiyat small{font:500 14px/1 Karla,sans-serif; color:var(--ink-faint); margin-left:6px; letter-spacing:0}
.pk-yil{font-size:13px; color:var(--yesil); font-weight:700}
.pk-dugme{display:block; width:100%; text-align:center; border:none; border-radius:12px; padding:12px 16px; background:var(--mavi); color:#fff; font:700 15px/1 Karla,sans-serif; cursor:pointer; text-decoration:none}
.pk-dugme:hover{background:#2560BA}
.pk-dugme:focus-visible{outline:3px solid #9EC3FF; outline-offset:2px}
.pk-dugme.pk-cerceve{background:#fff; color:var(--mavi); border:1.5px solid var(--mavi)}
@media (prefers-reduced-motion: reduce){.pk-kart{transition:none}.pk-kart:hover{transform:none}}
.serit.uc .kap{grid-template-columns:repeat(3,1fr)}
@media(max-width:640px){.serit.uc .kap{grid-template-columns:1fr}.serit.uc .kap > div{border-right:none; border-bottom:1px solid var(--line)}.serit.uc .kap > div:last-child{border-bottom:none}}