/* İD Bilişim — /sayfalar Premium Görünüm 2026
   Yalnız .premium-pages-showcase ve .premium-pages-grid kapsamındadır. */

.premium-pages-showcase{
  position:relative;isolation:isolate;overflow:hidden;
  padding:clamp(16px,2.3vw,30px) 0 clamp(28px,4vw,52px);
  background:
    radial-gradient(circle at 10% 8%,color-mix(in srgb,var(--idb-accent) 11%,transparent),transparent 34%),
    radial-gradient(circle at 92% 10%,color-mix(in srgb,var(--idb-accent-2) 13%,transparent),transparent 38%),
    linear-gradient(180deg,color-mix(in srgb,var(--idb-surface) 97%,#020713),var(--idb-bg));
  border-bottom:1px solid color-mix(in srgb,var(--idb-border) 70%,transparent);
}
.premium-pages-showcase>.container{position:relative}
.premium-pages-showcase .premium-slider-stage{
  position:relative;width:100%;min-height:clamp(500px,48vw,680px);
  overflow:hidden;border:1px solid color-mix(in srgb,var(--idb-border) 88%,transparent);
  border-radius:clamp(20px,2.5vw,32px);background:#06101e;
  box-shadow:0 28px 90px rgba(0,0,0,.38);
}
.premium-pages-showcase .premium-slider-slide{
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);
  width:100%;height:100%;min-height:inherit;
}
.premium-pages-showcase .premium-slider-visual{
  position:relative;display:grid;place-items:center;min-width:0;min-height:100%;
  overflow:hidden;background:linear-gradient(145deg,#06101e,#091b35);
}
.premium-pages-showcase .premium-slider-visual:after{display:none}
.premium-pages-showcase .premium-slider-backdrop{
  position:absolute;inset:-34px;background-size:cover;background-position:center;
  filter:blur(32px) saturate(.84);opacity:.22;transform:scale(1.12);
}
.premium-pages-showcase .premium-slider-backdrop:after{
  content:"";position:absolute;inset:0;background:rgba(2,7,16,.32);
}
.premium-pages-showcase .premium-slider-image-button{
  position:relative;z-index:1;width:100%;height:100%;display:grid;place-items:center;
  border:0;padding:clamp(12px,2vw,28px);background:transparent;cursor:zoom-in;
}
.premium-pages-showcase .premium-slider-visual img{
  display:block;width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:contain;object-position:center;border-radius:clamp(12px,1.4vw,18px);
  filter:drop-shadow(0 22px 44px rgba(0,0,0,.42));
}
.premium-pages-showcase .premium-slider-copy{
  position:relative;justify-content:center;padding:clamp(28px,4vw,58px);
  background:
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--idb-accent-2) 15%,transparent),transparent 42%),
    linear-gradient(155deg,color-mix(in srgb,var(--idb-card) 94%,transparent),color-mix(in srgb,var(--idb-bg) 98%,transparent));
}
.premium-pages-showcase .premium-slider-topline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.premium-pages-showcase .premium-slider-type{
  margin-top:0;padding:7px 11px;border:1px solid color-mix(in srgb,var(--idb-accent) 28%,transparent);
  background:color-mix(in srgb,var(--idb-accent) 10%,transparent);color:var(--idb-accent);
}
.premium-pages-showcase .premium-slider-copy h2{
  font-size:clamp(1.8rem,3.5vw,3.75rem);line-height:1.04;letter-spacing:-.04em;overflow-wrap:anywhere;
}
.premium-pages-showcase .premium-slider-copy p{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;
}
.premium-pages-showcase .premium-slider-link{
  padding:12px 16px;border-radius:13px;border:1px solid color-mix(in srgb,var(--idb-accent) 34%,transparent);
  background:color-mix(in srgb,var(--idb-accent) 9%,transparent);
}
.premium-pages-showcase .premium-slider-controls-overlay{
  position:absolute;inset:0;z-index:8;display:block;pointer-events:none;
}
.premium-pages-showcase .premium-slider-controls-overlay button{
  position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;
  width:54px;height:54px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);background:rgba(4,10,22,.84);color:#fff;
  font-size:2.1rem;line-height:1;cursor:pointer;backdrop-filter:blur(14px);
  box-shadow:0 14px 34px rgba(0,0,0,.38);transition:.2s ease;
}
.premium-pages-showcase .premium-slider-controls-overlay button:hover{
  transform:translateY(-50%) scale(1.06);border-color:var(--idb-accent);
}
.premium-pages-showcase .premium-slider-controls-overlay [data-premium-prev]{left:16px}
.premium-pages-showcase .premium-slider-controls-overlay [data-premium-next]{right:16px}
.premium-pages-showcase .premium-slider-rail{
  grid-auto-columns:minmax(210px,1fr);gap:12px;padding-top:16px;scroll-snap-type:x mandatory;
}
.premium-pages-showcase .premium-slider-thumb{
  scroll-snap-align:start;grid-template-columns:82px minmax(0,1fr);min-height:72px;
  padding:9px;border-radius:16px;background:color-mix(in srgb,var(--idb-card) 86%,transparent);
}
.premium-pages-showcase .premium-slider-thumb-media{
  width:82px;height:54px;display:grid;place-items:center;border-radius:10px;overflow:hidden;background:#071426;
}
.premium-pages-showcase .premium-slider-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0}
.premium-pages-showcase .premium-slider-thumb b{font-size:.78rem;line-height:1.35}
.premium-pages-showcase .premium-slider-progress{margin-top:15px;height:4px}

/* Kurumsal sayfa kartları */
.premium-pages-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,30px);
  align-items:stretch;padding-top:clamp(30px,4vw,58px);
}
.premium-page-card{
  display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:22px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--idb-card) 95%,transparent),color-mix(in srgb,var(--idb-bg) 98%,transparent));
}
.premium-page-card .modern-content-body{display:flex;flex:1;flex-direction:column;padding:24px}
.premium-page-card .modern-content-link{margin-top:auto;padding-top:12px}
.premium-page-media{
  position:relative;isolation:isolate;aspect-ratio:16/9;min-height:0;display:block;overflow:hidden;background:#06101e;
}
.premium-page-image-button{width:100%;height:100%;display:block;padding:0;border:0;background:#06101e;overflow:hidden;cursor:zoom-in}
.premium-page-media img{
  width:124%!important;height:100%!important;max-width:none!important;display:block;
  object-fit:cover!important;object-position:68% center!important;border-radius:0!important;
  transform:translateX(-10%) scale(1.02)!important;filter:none!important;transition:transform .45s ease!important;
}
.premium-page-card:hover .premium-page-media img{transform:translateX(-10%) scale(1.065)!important}
.premium-page-card .modern-content-body h2{
  min-height:2.45em;font-size:clamp(1.25rem,1.7vw,1.65rem);line-height:1.2;overflow-wrap:anywhere;
}
.premium-page-card .modern-content-body p{
  min-height:5.3em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
}
.premium-pages-grid .modern-content-media>span{display:none!important}

@media(max-width:1080px){
  .premium-pages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:900px){
  .premium-pages-showcase{padding-top:14px}
  .premium-pages-showcase .premium-slider-stage{min-height:0}
  .premium-pages-showcase .premium-slider-slide{position:relative;inset:auto;display:none;grid-template-columns:1fr;min-height:0;transform:none}
  .premium-pages-showcase .premium-slider-slide.is-active{display:grid}
  .premium-pages-showcase .premium-slider-visual{aspect-ratio:16/9;min-height:0}
  .premium-pages-showcase .premium-slider-copy{min-height:300px;padding:28px 26px 34px}
  .premium-pages-showcase .premium-slider-controls-overlay button{width:48px;height:48px;font-size:1.8rem}
  .premium-pages-showcase .premium-slider-controls-overlay [data-premium-prev]{left:10px}
  .premium-pages-showcase .premium-slider-controls-overlay [data-premium-next]{right:10px}
}
@media(max-width:680px){
  .premium-pages-showcase{padding:10px 0 26px}
  .premium-pages-showcase .premium-slider-stage{border-radius:18px}
  .premium-pages-showcase .premium-slider-visual{aspect-ratio:16/10}
  .premium-pages-showcase .premium-slider-image-button{padding:8px}
  .premium-pages-showcase .premium-slider-copy{min-height:0;padding:22px 18px 26px}
  .premium-pages-showcase .premium-slider-copy h2{font-size:clamp(1.5rem,8vw,2.05rem);margin:12px 0}
  .premium-pages-showcase .premium-slider-copy p{-webkit-line-clamp:3;font-size:.94rem}
  .premium-pages-showcase .premium-slider-controls-overlay button{width:42px;height:42px;font-size:1.55rem}
  .premium-pages-showcase .premium-slider-controls-overlay [data-premium-prev]{left:7px}
  .premium-pages-showcase .premium-slider-controls-overlay [data-premium-next]{right:7px}
  .premium-pages-showcase .premium-slider-rail{grid-auto-columns:82%}
  .premium-pages-showcase .premium-slider-thumb{grid-template-columns:72px minmax(0,1fr)}
  .premium-pages-showcase .premium-slider-thumb-media{width:72px;height:50px}
  .premium-pages-grid{grid-template-columns:1fr;gap:18px;padding-top:26px}
  .premium-page-card{border-radius:18px}
  .premium-page-card .modern-content-body{padding:20px 17px}
  .premium-page-card .modern-content-body h2{min-height:0;font-size:1.3rem}
  .premium-page-card .modern-content-body p{min-height:0;-webkit-line-clamp:4}
  .premium-page-media img{width:118%!important;object-position:66% center!important;transform:translateX(-8%) scale(1.01)!important}
  .premium-page-card:hover .premium-page-media img{transform:translateX(-8%) scale(1.04)!important}
}
@media(prefers-reduced-motion:reduce){
  .premium-pages-showcase *, .premium-pages-grid *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}