/* ARTIEKRAN sitesi — portal görünümüne eklenen tek kural:
   portaldan gelen bilgi beklenirken ya da boşken gizli kalan öğeler,
   bileşenin kendi display kuralına rağmen gizli kalsın. */
[hidden]{display:none!important}
/* Panelden yüklenen oynatıcı logoları */
.ps-ikon img{display:block;width:100%;height:auto;max-height:46px;object-fit:contain}
.pl-logo img{width:30px;height:30px;object-fit:contain}
/* Adım kartlarındaki kalın vurgular okunur kalsın (rozet rengini almasın) */
.st-ad p b{color:var(--metin)}

/* ── Ana sayfa tanıtım slaytları (site 1.7) ───────────────────────── */
.sl{position:relative;padding-bottom:clamp(28px,4vw,48px)}
.sl-sahne{display:grid}
.sl-s{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s linear .6s;display:flex;align-items:center}
.sl-s>.wrap{width:100%}
.sl-s.on{opacity:1;visibility:visible;transition:opacity .6s ease,visibility 0s}
.sl-baslik{font-size:clamp(32px,4.2vw,56px);font-weight:900;font-variation-settings:"wdth" 112;line-height:1.05;letter-spacing:-.02em;margin:18px 0 22px}
.sl-yeni{display:inline-block;background:var(--vurgu,#2d3fe0);color:#fff;border-radius:6px;padding:2px 8px;margin-right:10px;letter-spacing:.08em}
.sl-gorsel{position:relative;min-width:0}
.sl-gorsel img{display:block;width:100%;height:auto}
.sl-pencere{height:30px;background:#eef0f7;border:1px solid #e1e4f2;border-bottom:0;border-radius:14px 14px 0 0;display:flex;gap:7px;align-items:center;padding:0 14px}
.sl-pencere i{width:10px;height:10px;border-radius:50%;background:#cfd4e6}
.sl-pencere+img{border:1px solid #e1e4f2;border-radius:0 0 14px 14px;box-shadow:0 30px 60px -20px rgba(20,27,69,.28);background:#f3f4fc;aspect-ratio:1200/750}
.sl-duvar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:14px;background:#141824;border-radius:16px;box-shadow:0 30px 60px -20px rgba(20,27,69,.35)}
.sl-tv{background:#0b0e16;border:3px solid #232838;border-radius:6px;aspect-ratio:9/16;overflow:hidden;position:relative}
.sl-duvar .sl-tv span{position:absolute;inset:0;background-image:url(slayt/duvar.webp);background-size:300% 100%}
.sl-duvar:not(.yuklu) .sl-tv span{background-image:none}
.sl-rozet{position:absolute;left:18px;bottom:-16px;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e1e4f2;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700;box-shadow:0 10px 24px -10px rgba(20,27,69,.3)}
.sl-rozet b{width:9px;height:9px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 4px #16a34a22}
.sl-rozet-kirmizi b{background:#ff3b30;box-shadow:0 0 0 4px #ff3b3022;animation:slNabiz 1.6s ease-in-out infinite}
@keyframes slNabiz{50%{opacity:.35}}
.sl-tek-tv{display:flex;flex-direction:column;align-items:center}
.sl-tv-buyuk{aspect-ratio:16/9;width:100%;border:10px solid #141824;border-radius:12px;box-shadow:0 30px 60px -20px rgba(20,27,69,.35)}
.sl-tv-buyuk img{width:100%;height:100%;object-fit:cover}
.sl-ayak{width:22%;height:12px;background:#141824;border-radius:0 0 10px 10px}
.sl-cihaz{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sl-cihaz span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:1;background:#fff;border:1px solid #e1e4f2;border-radius:16px;font-weight:700;font-size:14px;text-align:center;padding:10px;box-shadow:0 12px 30px -18px rgba(20,27,69,.3)}
.sl-cihaz i{font-style:normal;font-size:30px;color:var(--vurgu,#2d3fe0);line-height:1}
.sl-gorsel-tel{display:flex;justify-content:center}
.sl-tel{width:min(300px,70%);border:10px solid #141824;border-radius:36px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(20,27,69,.35);background:#141824}
.sl-tel img{border-radius:26px;aspect-ratio:390/780;background:#f2f4f8}
.sl-alt{display:flex;align-items:center;gap:10px;margin-top:clamp(28px,4vw,44px)}
.sl-ok{flex:0 0 40px;height:40px;border-radius:50%;border:1px solid #d6daec;background:#fff;font-size:22px;line-height:1;cursor:pointer;color:inherit}
.sl-ok:hover{border-color:var(--vurgu,#2d3fe0);color:var(--vurgu,#2d3fe0)}
.sl-sekmeler{flex:1;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;min-width:0}
.sl-sekmeler button{border:0;background:none;padding:0 0 4px;text-align:left;cursor:pointer;color:#6b7280;font:500 12px/1.3 var(--mono,"JetBrains Mono FM",ui-monospace,monospace);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl-sekmeler button i{display:block;height:3px;border-radius:3px;background:#e3e5ee;margin-bottom:8px;overflow:hidden;position:relative}
.sl-sekmeler button i:after{content:"";position:absolute;inset:0;background:var(--vurgu,#2d3fe0);transform:scaleX(0);transform-origin:left}
.sl-sekmeler button.on{color:#141b45}
.sl-sekmeler button.gecti i:after{transform:scaleX(1);opacity:.35}
.sl-sekmeler button.on i:after{animation:slIlerle var(--sl-sure,7s) linear forwards}
.sl.durdu .sl-sekmeler button.on i:after{animation-play-state:paused}
.sl.sabit .sl-sekmeler button.on i:after{animation:none;transform:scaleX(1)}
@keyframes slIlerle{to{transform:scaleX(1)}}
.sl-sekmeler button:focus-visible,.sl-ok:focus-visible{outline:2px solid var(--vurgu,#2d3fe0);outline-offset:3px}
@media (max-width:980px){
  .sl-sekmeler{grid-template-columns:repeat(10,1fr)}
  .sl-sekmeler button{font-size:0;padding:6px 0}
  .sl-sekmeler button i{margin:0}
  .sl-cihaz{grid-template-columns:repeat(4,1fr);gap:8px}
  .sl-cihaz span{font-size:11px}
  .sl-cihaz i{font-size:22px}
  .sl-gorsel{margin-top:8px}
}
@media (prefers-reduced-motion:reduce){.sl-s,.sl-s.on{transition:none}}
.hero .wrap.sl-alt{display:flex;grid-template-columns:none}
.sl-s .eyebrow{margin-bottom:4px}
.sl-alt{margin-top:clamp(36px,5vw,56px)}
.sl-sekmeler{background:#f6f7fb;border:1px solid #e6e8f2;border-radius:14px;padding:10px 14px 6px}
@media (max-width:980px){.sl-sekmeler{padding:12px 12px 10px;border-radius:999px}}
.sl-cihaz{grid-template-columns:repeat(4,minmax(0,1fr))}
.sl-cihaz span{min-width:0;overflow-wrap:anywhere}
@media (max-width:980px){.sl-cihaz{grid-template-columns:repeat(2,minmax(0,1fr))}.sl-cihaz span{aspect-ratio:auto;flex-direction:row;justify-content:flex-start;padding:12px 14px;font-size:13px;text-align:left}}

/* 1.7.1 — sade, kurumsal slayt kontrolü: sayaç + ince çizgiler + oklar */
.hero .wrap.sl-alt{display:flex;align-items:center;gap:28px}
.sl-sayac{display:flex;align-items:baseline;gap:8px;min-width:210px;font-family:var(--mono,"JetBrains Mono FM",ui-monospace,monospace)}
.sl-sayac b{font-size:22px;font-weight:700;color:#141b45;letter-spacing:.02em}
.sl-sayac span{font-size:13px;color:#9aa0b4}
.sl-sayac em{font-style:normal;font-size:13px;font-weight:600;color:#141b45;margin-left:10px;padding-left:12px;border-left:1px solid #dfe2ee;white-space:nowrap}
.sl-sekmeler{flex:1;display:flex;gap:6px;background:none;border:0;border-radius:0;padding:0;min-width:0}
.sl-sekmeler button{flex:1;max-width:56px;padding:10px 0;font-size:0}
.sl-sekmeler button i{height:2px;margin:0;border-radius:2px;background:#e3e5ee}
.sl-sekmeler button.gecti i:after{opacity:.3}
.sl-sekmeler button:hover i{background:#c9cde0}
.sl-oklar{display:flex;gap:8px}
.sl-ok{flex:0 0 42px;width:42px;height:42px;font-size:20px;color:#141b45}
@media (max-width:980px){
  .hero .wrap.sl-alt{flex-wrap:wrap;gap:14px 12px}
  .sl-sayac{flex:1;min-width:0}
  .sl-sekmeler{order:3;flex:0 0 100%;padding:0}
  .sl-sekmeler button{max-width:none;padding:8px 0}
}

/* 1.7.1 — deneme: kâğıt sahnenin yüksekliğine gerilmesin; kutular yüzdeyle sayfaya oturur */
.st-kagit{align-self:flex-start}