html{ scroll-snap-type:none }

/* Alt sayfa zemini. Anasayfadaki ürünler bölümüyle aynı ton. */
body{ background:#0E0C0A; color:#DCD6CC }

.plist{ padding:148px 0 104px }

/* ---------------- sayfa başlığı ---------------- */
.plist__head{ margin-bottom:52px; max-width:74ch }

.crumb{ display:flex;align-items:center;gap:11px;opacity:.5;margin-bottom:24px }
.crumb i{ display:block;width:16px;height:1px;background:currentColor;opacity:.7 }
.crumb a{ transition:color .3s ease }
.crumb a:hover{ color:var(--red) }

.plist__title{
  font-family:var(--serif);font-weight:400;
  font-size:clamp(38px,5.4vw,76px);line-height:1.04;letter-spacing:-.025em;
  padding-bottom:.06em;
}

.plist__desc{ margin-top:22px;font-size:15px;line-height:1.8;opacity:.7 }
.plist__desc p{ margin-bottom:12px }
.plist__desc p:last-child{ margin-bottom:0 }
.plist__desc a{ color:var(--red) }

/* Alt kategoriler. .btn ana.css'te currentColor üzerine kurulu,
   koyu zeminde kendiliğinden uyum sağlıyor — renk vermeye gerek yok. */
.plist__pills{ display:flex;flex-wrap:wrap;gap:10px;margin-top:30px }

/* ---------------- ızgara ---------------- */
/* .pcard rayda kullanılırken genişliğini --kart değişkeninden alıyor.
   Burada o değişken yok; ızgara hücresi belirlesin. */
.pgrid{ display:grid;grid-template-columns:repeat(4,1fr);gap:20px }
.pgrid .pcard{ width:auto;flex:none }

/* ---------------- sayfalama ---------------- */
.pgnav{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:8px;margin-top:64px;
}
.pgnav a{
  min-width:46px;height:46px;padding:0 15px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;font-size:12px;letter-spacing:.1em;
  border:1px solid color-mix(in srgb, currentColor 16%, transparent);
  transition:border-color .35s ease,background .35s ease,color .35s ease;
}
.pgnav a:hover{
  border-color:color-mix(in srgb, currentColor 42%, transparent);
  background:color-mix(in srgb, currentColor 7%, transparent);
}
.pgnav a.is-secili{ background:var(--red);border-color:var(--red);color:#fff }
.pgnav__ok{ padding:0 }
.pgnav__ara{ opacity:.35;padding:0 4px }

/* ---------------- sonuç yok ---------------- */
/* $uyarimesaji çekirdekten geliyor ve içinde <font size='6'> gibi
   eski etiketler var. Düzenlenemiyor, ezerek toparlanıyor. */
.plist__bos{
  padding:80px 0 90px;text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:26px;
}
.plist__bos font,
.plist__bos b,
.plist__bos strong,
.plist__bos h1, .plist__bos h2, .plist__bos h3{
  font-family:var(--serif) !important;
  font-size:clamp(24px,3vw,38px) !important;
  font-weight:400 !important;
  line-height:1.3;
  color:inherit !important;
}
.plist__bos p{ opacity:.65;font-size:15px;line-height:1.8 }

/* ---------------- duyarlı ---------------- */
@media (max-width:1150px){
  .pgrid{ grid-template-columns:repeat(3,1fr) }
}
@media (max-width:900px){
  .plist{ padding:118px 0 76px }
  .plist__head{ margin-bottom:38px }
  .pgrid{ grid-template-columns:repeat(2,1fr);gap:13px }
  .pgnav{ margin-top:46px;gap:6px }
  .pgnav a{ min-width:42px;height:42px;padding:0 12px }
}
@media (max-width:560px){
  .pgrid{ grid-template-columns:1fr;gap:16px }
}

/* ============================================================
   ARKA PLAN VİDEOSU
   Sabit konumlu: sayfa kayarken video sabit kalır, içerik üstünden akar.
   ============================================================ */
   .pbg{
     position:fixed;inset:0;z-index:0;
     overflow:hidden;pointer-events:none;
     background:#0E0C0A;
   }
   .pbg__vid{
     width:100%;height:100%;object-fit:cover;
     object-position:50% 50%;
     opacity:1;
     mix-blend-mode:screen;
     filter:saturate(.8) contrast(1.1);
   }
   .pbg__scrim{
     position:absolute;inset:0;
     background:linear-gradient(rgba(14,12,10,.55) 0%, rgba(14,12,10,0) 30%,
                                rgba(14,12,10,0) 74%, rgba(14,12,10,.72) 100%);
   }
/* İçerik videonun üstünde kalsın */
.plist{ position:relative;z-index:1 }

/* Mobilde video yok: tam ekran otomatik video pil ve veri yakar,
   üstelik küçük ekranda zaten scrim'in altında kayboluyor. */
@media (max-width:900px){
  .pbg__vid{ display:none }
}
@media (prefers-reduced-motion:reduce){
  .pbg__vid{ display:none }
}


.pgrid .pcard{
  background:linear-gradient(158deg, rgba(46,39,32,.34) 0%, rgba(16,14,12,.50) 100%);
  border:1px solid rgba(220,214,204,.15);
  backdrop-filter:blur(16px) saturate(1.3);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  box-shadow:0 1px 2px rgba(0,0,0,.4);
}
.pgrid .pcard:hover{
  background:linear-gradient(158deg, rgba(58,48,39,.40) 0%, rgba(20,17,14,.54) 100%);
  border-color:rgba(220,214,204,.26);
  box-shadow:0 28px 52px rgba(0,0,0,.5);
}

/* Kartlar artık yarı saydam — karartmayı ızgara bölgesinde açıyorum,
   yoksa camın arkasında gösterecek bir şey kalmıyor. */
.pbg__scrim{
  background:
    linear-gradient(rgba(14,12,10,.62) 0%, rgba(14,12,10,.18) 34%,
                    rgba(14,12,10,.18) 72%, rgba(14,12,10,.78) 100%);
}