/* ===== Ürünler sayfası ===== */

.pg-hero{
  padding:150px 0 60px;
  background:linear-gradient(120deg,var(--navy-deep) 0%,var(--navy) 100%);
  color:#fff;
}
.pg-hero__title{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;margin-bottom:.6rem}
.pg-hero__desc{color:rgba(255,255,255,.85);max-width:620px;font-size:1.05rem}
.pg-hero .hero__eyebrow{color:var(--orange-soft)}

/* Filters */
.filters{
  display:flex;flex-wrap:wrap;gap:10px;justify-content:center;
  margin:40px 0 44px;
}
.filter__btn{
  font-family:'Poppins',sans-serif;font-weight:600;font-size:.92rem;
  padding:.65rem 1.4rem;border-radius:100px;cursor:pointer;
  background:#fff;color:var(--navy);border:1.5px solid var(--line);
  transition:all .2s ease;
}
.filter__btn:hover{border-color:var(--orange);color:var(--orange)}
.filter__btn.is-active{background:var(--navy);color:#fff;border-color:var(--navy)}

/* Category overview cards */
.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.cat-card{
  background:#fff;border-radius:var(--radius);overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--shadow-soft);
  display:flex;flex-direction:column;
  transition:transform .35s ease, box-shadow .35s ease;
}
.cat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.cat-card__media{aspect-ratio:16/9;overflow:hidden;background:#fff}
.cat-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.cat-card:hover .cat-card__media img{transform:scale(1.05)}
.cat-card__body{padding:22px 24px 26px}
.cat-card__tag{
  display:inline-block;font-family:'Poppins',sans-serif;font-weight:600;
  font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--orange);background:rgba(255,111,0,.1);
  padding:.32rem .85rem;border-radius:100px;margin-bottom:.7rem;
}
.cat-card__body h3{font-size:1.3rem;color:var(--navy);margin-bottom:.7rem}
.cat-card__list{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:.9rem}
.cat-card__list li{
  font-size:.78rem;font-weight:500;color:var(--navy);
  background:rgba(26,35,126,.07);border:1px solid rgba(26,35,126,.1);
  padding:.32rem .7rem;border-radius:100px;line-height:1;
}
.cat-card__brands{color:var(--muted);font-size:.85rem;font-style:italic}

/* Promosyon product grid */
.promo-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:18px;
}
.promo-card{
  background:#fff;border-radius:14px;overflow:hidden;
  border:1px solid var(--line);box-shadow:var(--shadow-soft);
  transition:transform .3s ease, box-shadow .3s ease;
}
.promo-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.promo-card__media{
  aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;
  background:#f5f6fb;overflow:hidden;position:relative;
}
.promo-card__media img{
  width:88%;height:88%;object-fit:contain;transition:transform .45s ease;
}
.promo-card:hover .promo-card__media img{transform:scale(1.08)}
.promo-card__code{
  position:absolute;top:8px;left:8px;
  background:var(--navy);color:#fff;font-family:'Poppins',sans-serif;font-weight:600;
  font-size:.68rem;padding:.2rem .55rem;border-radius:100px;letter-spacing:.03em;
}
.promo-card__body{padding:12px 14px 16px}
.promo-card__sub{
  font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--orange);margin-bottom:.25rem;display:block;
}
.promo-card__body h4{font-size:.92rem;color:var(--navy);line-height:1.3;margin-bottom:.2rem}
.promo-card__spec{font-size:.78rem;color:var(--muted)}

.promo-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:40px 0}

@media(max-width:960px){
  .cat-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .promo-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
  .filters{gap:8px}
  .filter__btn{padding:.55rem 1.1rem;font-size:.85rem}
}