/* smartsales.com.tr konu sayfalari (SmartSales, scripts/site/uret.py). Kit v1.2.1 jetonlari; urun.css Tasarim'in (hero sahnesi).
   Hareket yalniz transform/opacity; kaydirma girisleri kit [data-gir]. */
.kirinti{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-block:18px 0;font-size:14px;color:var(--soluk)}
.kirinti a{color:var(--soluk);text-decoration:none}
.kirinti a:hover{color:var(--marka)}
.kirinti [aria-current]{color:var(--murekkep);font-weight:500}
.sayfa-hero{padding-top:clamp(24px,4vw,48px)}
.sayfa-hero .dev{font-size:clamp(36px,5.2vw,64px)}
.ok-bag{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--marka);text-decoration:none}
.ok-bag svg{width:16px;height:16px;transition:transform .25s var(--ease)}
.ok-bag:hover svg,.konu-kart:hover .ok-bag svg{transform:translateX(3px)}
.bag-satir{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:20px}
.bolum-bas+.bag-satir{justify-content:center}
.dar-ic{max-width:720px;margin-inline:auto}
/* konu kartlari: 2/3 sutun, yetim yok (sayiya gore) */
.izgara-konu{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px}
.konu-kart{display:flex;flex-direction:column;gap:8px;color:inherit;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}
.konu-kart:hover{transform:translateY(-3px);box-shadow:var(--golge-m)}
.konu-kart p{color:var(--soluk);flex:1}
.konu-kart h3{font:800 18px/1.25 var(--baslik);letter-spacing:-.02em;color:var(--murekkep)}
/* dikey adimlar (HowTo): numara dairesi + kaydirmada dolan cizgi (kit .adimlar ::after, --ilerle) */
.adimlar.adim-dikey{grid-template-columns:1fr;gap:14px;margin:20px 0 0;padding:0;list-style:none;counter-reset:sa}
.adimlar.adim-dikey::before,.adimlar.adim-dikey::after{left:17px;right:auto;top:18px;bottom:18px;width:2px;height:auto;transform-origin:top;transform:scaleY(var(--ilerle,1))}
.adim-dikey .adim{counter-increment:sa;padding:6px 0 6px 52px;gap:0;min-height:36px}
.adim-dikey .adim::before{content:counter(sa);position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--kart);border:2px solid var(--marka);color:var(--marka);font:700 15px/1 var(--mono);z-index:1}
.adim-dikey .adim p{color:var(--metin);margin:0}
.bolum-bas+.dar-ic .adimlar{margin-top:8px}
/* kayit sekmeleri: kendiliginden ilerlemez (videolar 9-23 sn, dongude) */
.kayit-tur .sekme small{max-width:30ch}
/* tema galerisi: sektor sekmeleri yatay, kartta ustune gelince telefon karesi kayar */
.tema-galeri .tur-sekmeler{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:28px}
.tema-galeri .sekme{width:auto;padding:10px 18px}
.tema-galeri .sekme:hover{transform:none}
.tp.etkin{animation:tp-gir .5s var(--ease)}
@keyframes tp-gir{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.tema-kart .sahne{position:relative;overflow:hidden}
.tema-tel{position:absolute;right:4%;bottom:-6%;width:24%;aspect-ratio:390/844;border-radius:14px;overflow:hidden;border:4px solid #16131f;box-shadow:var(--golge-l);transform:translateY(105%);transition:transform .5s var(--ease)}
.tema-tel img{width:100%;height:100%;object-fit:cover;object-position:top}
.tema-kart:hover .tema-tel,.tema-kart:focus-visible .tema-tel{transform:translateY(0)}
.sayilar:has(> :nth-child(4):last-child){grid-template-columns:repeat(4,1fr)}
@media (max-width:860px){.sayilar:has(> :nth-child(4):last-child){grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.tp.etkin{animation:none}.tema-tel,.konu-kart,.ok-bag svg{transition:none}}
/* gorselsiz ardisik bolumler: kart izgarasi */
.bilgi-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px}
.bilgi-kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r-l);padding:clamp(22px,3vw,34px);display:grid;gap:12px;align-content:start}
.bilgi-kart .bas{font-size:clamp(22px,2.4vw,28px)}
.bilgi-kart p{color:var(--soluk);margin:0}
.b-beyaz .bilgi-kart{background:var(--zemin)}
@media (min-width:700px){.izgara-konu.iki{grid-template-columns:1fr 1fr}}

/* Kisa cevaplar (soru H2 + 40-60 sozcuk cevap; #G-278/3) */
.soru-cevap{max-width:46rem;display:grid;gap:clamp(1.75rem,4vw,2.75rem)}
.soru h2{font-size:clamp(1.15rem,2.2vw,1.4rem);line-height:1.3;margin:0 0 .75rem;text-wrap:balance}
.soru p{margin:0;color:var(--metin);line-height:1.7;max-width:65ch}