/* SMARTFILES URUN UYARLAMASI - Smart tasarim kiti v1 (Smart360/tasarim-kit/urun.css ornegi).
   Kit dosyalari (kit/jetonlar.css, kit/bilesenler.css, kit/hareket.js) DUZENLENMEZ; urune ozgu her sey burada.
   Kurallar (cerceve §4): yalniz transform/opacity animasyonu, dinlenme karesi dolu, donguler .canli icinde. */

/* 1) Vurgu rengi (cerceve §7: SmartFiles #4f63d8) */
body[data-urun]{--urun:#4f63d8;--urun-acik:#e7ebfd}
/* 3) Logo yazisi: "Smart" + "Files"; ek rengi --marka */
.logo b span{color:var(--marka)}


.orta-bag{display:flex;justify-content:center;margin-top:clamp(28px,4vw,44px)}
.orta-bag a:not(.d){display:inline-flex;gap:6px;align-items:center;font-weight:600}
.orta-bag svg,.ozellik-metin .d svg{width:18px;height:18px}
.ozellik-metin p:has(.d){margin-top:18px}
.bas.kucuk{font-size:clamp(24px,3vw,36px)}
a.mini-kart{color:inherit}
a.mini-kart p{display:flex;align-items:center;gap:6px;color:var(--marka-koyu);font-weight:600}
a.mini-kart .bag-ok{width:16px;height:16px}

/* --- hero sahnesi: dosya surukle-birak, yukleme cubugu, ozet satiri (9 sn dongu) --- */
.sf-surukle{left:64%;top:44%;width:13%;padding:10px;border-radius:14px;background:#fff;box-shadow:var(--golge-l);border:1.5px solid var(--urun);
  display:grid;gap:6px;justify-items:center;font-size:clamp(8px,1cqi,12px);z-index:4;animation:sfs 9s var(--ease) infinite}
.sf-surukle span.ik{width:42%;aspect-ratio:3/4;border-radius:8px;background:linear-gradient(160deg,#7d8ff0,#4f63d8)}
@keyframes sfs{0%,4%{transform:translate(55cqi,10cqi) rotate(8deg)}26%,34%{transform:rotate(-3deg)}40%,100%{transform:scale(.0001)}}
.sf-im{animation:sfim 9s var(--ease) infinite}
@keyframes sfim{0%,4%{transform:translate(98cqi,32cqi)}26%,34%{transform:translate(72cqi,30cqi)}50%,100%{transform:translate(80cqi,40cqi)}}
.sf-yukleme{right:2.5%;bottom:4%;width:min(320px,34%);display:grid;gap:8px;animation:sfy 9s var(--ease) infinite}
@keyframes sfy{0%,100%{transform:none}30%{transform:translateY(16px) scale(.94)}40%{transform:none}}
.sf-yukleme .cubuk i{animation:dol9 9s var(--ease) infinite}
@keyframes dol9{0%,30%{transform:scaleX(1)}31%,38%{transform:scaleX(0)}58%,100%{transform:scaleX(1)}}
.sf-ozet-satir{display:flex;gap:6px;align-items:center;color:var(--soluk)}
.sf-ozet-satir svg{width:16px;height:16px;flex:0 0 16px;color:var(--urun)}
.sf-yukleme .yaz{animation:yaz9 9s steps(30) infinite}
@keyframes yaz9{0%,30%{clip-path:inset(0 0 0 0)}31%,60%{clip-path:inset(0 100% 0 0)}82%,100%{clip-path:inset(0 0 0 0)}}
@media (max-width:700px){.sf-yukleme{width:52%;font-size:11px;padding:8px 10px}.sf-surukle{display:none}}

/* --- yapay zeka ozeti: kirpilmis panel + taranan vurgu + soru-cevap --- */
.ozet-panel{position:relative;max-width:360px;margin-inline:auto}
.ozet-panel.genis{max-width:560px}
.ozet-kirp{border-radius:18px;overflow:hidden;border:1px solid var(--cizgi2);box-shadow:var(--golge-l);background:#fff}
.ozet-tara{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border-radius:8px;overflow:hidden}
.ozet-tara::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(79,99,216,.22),transparent);
  transform:translateX(-100%);animation:tara 3.6s var(--ease) infinite}
@keyframes tara{to{transform:translateX(100%)}}
.soru-cevap{position:absolute;left:-10%;bottom:6%;width:min(300px,78%);display:grid;gap:8px;z-index:3}
.soru-cevap p{padding:9px 12px;border-radius:14px;font-size:13.5px;line-height:1.35;box-shadow:var(--golge-m)}
.soru-cevap .s{justify-self:end;background:var(--murekkep);color:#fff;border-bottom-right-radius:4px;animation:sc-gir 7s var(--ease) infinite}
.soru-cevap .c{background:#fff;border:1px solid var(--cizgi);border-bottom-left-radius:4px;animation:sc-gir 7s var(--ease) infinite;animation-delay:1.2s}
@keyframes sc-gir{0%,70%{transform:none}74%{transform:translateY(10px) scale(.92)}82%,100%{transform:none}}
.paylas-kopya{position:absolute;right:4%;bottom:-6%;display:flex;gap:8px;align-items:center;animation:sc-gir 7s var(--ease) infinite}
.paylas-kopya svg{width:18px;height:18px;color:var(--yesil)}
@media (max-width:700px){.soru-cevap{left:0;width:86%}}

/* --- mobil: telefon bildirimi --- */
.t-bildirim{position:absolute;left:5%;right:5%;top:7%;z-index:4;background:rgba(255,255,255,.96);border-radius:16px;box-shadow:var(--golge-m);
  padding:9px 10px;display:flex;gap:8px;align-items:center;font-size:clamp(9px,4.4cqi,12px);line-height:1.3;animation:t-bil 7s var(--ease) infinite}
.t-bildirim img{width:22px;height:22px}
@keyframes t-bil{0%,20%{transform:translateY(-140%)}28%,88%{transform:none}96%,100%{transform:translateY(-140%)}}
.telefonlar .telefon .sahne{container-type:inline-size}

/* --- paketler (fiyat yazilmaz: cerceve Metin §3) --- */
.paketler{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.paket{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-l);padding:28px 24px;display:grid;gap:18px;align-content:start}
.paket.one{border-color:var(--urun);box-shadow:0 0 0 3px var(--urun-acik),var(--golge-m)}
.paket h2{font-size:24px}
.paket .d{justify-self:start}
.paket .d svg{width:18px;height:18px}
.paket-not{margin-top:20px;text-align:center;color:var(--soluk);font-size:14.5px}
.aile-kutu{margin-top:clamp(28px,4vw,44px);display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between;
  background:linear-gradient(160deg,var(--urun-acik),#fff 70%);border:1px solid var(--cizgi);border-radius:var(--r-l);padding:24px 28px}
.aile-kutu h2{font-size:clamp(20px,2.2vw,26px)}
.aile-kutu p{color:var(--soluk);margin-top:6px}
.aile-kutu .d svg{width:18px;height:18px}
@media (max-width:900px){.paketler{grid-template-columns:1fr}}

/* ESKI stil.css ILE BIRLIKTE (#G-55: eski kabuktaki 10 kok sayfa, 404, belge/rehber/sektor):
   o sayfalar icerik icin stil.css'i yukler; genel a, details, ul, h3 ve .wrap kurallari yeni
   ust/alt bilgiyi bozmasin. Yalniz .ust/.alt-bilgi kapsami. */
.ust a,.ust a:hover,.alt-bilgi a,.alt-bilgi a:hover{border-bottom:0;text-decoration:none}
.ust details,.ust details[open]{background:none;border:0;border-radius:0;margin:0;box-shadow:none;padding:0}
.ust details summary{position:static;font-size:inherit;font-weight:inherit;color:inherit;list-style:none}
.ust details summary::after,.ust details[open] summary::after{content:none}
.ust .mobil-menu summary{padding:0}
.alt-bilgi ul{padding:0;margin:0;list-style:none}
.alt-bilgi h3{margin:0}
.ust,.alt-bilgi{font-family:var(--govde)}
/* Alt bilgi basliklari h2 (sayfa basligi atlamasiz; kit .alt-izgara h3 gorunumu aynen) */
.alt-izgara h2{font:600 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--soluk);margin:0 0 14px}
/* Eski icerik blogu .read (8 kok sayfa, Tasarim #G-69): kit taban sifirlamasindan sonra govde ritmi */
.read>*+*{margin-top:.9em}
.read h2+*{margin-top:.6em}
/* Rehber/blog bolum gorseli (#G-301): gercek ekran, 2x srcset */
.rehber-gorsel{margin:22px 0;display:grid;gap:8px}
.rehber-gorsel img{width:100%;height:auto;border-radius:14px;border:1px solid var(--cizgi2,#e7e4dc);background:#fff}
.rehber-gorsel figcaption{font-size:14px;color:var(--soluk)}