/* ===============================
   GOOGLE FONTS
=============================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700;800&family=Poppins:wght@400;500&display=swap');

/* ===============================
   RESET
=============================== */
*{
  box-sizing: border-box;
}
img{
  max-width:100%;
  display:block;
}
a{
  text-decoration:none;
  color:inherit;
}


/* ===============================
   CATEGORY GRID (ANA YAPI)
=============================== */
.category-grid{
  width:100%;
  max-width:1400px;
  margin:60px auto;
  padding:0 24px;

  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:24px;
}

/* ===============================
   CATEGORY CARD
=============================== */
.category-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  background:#eee;
  aspect-ratio: 4 / 3;
}

/* ALTTAKİ 2 BÜYÜK KART */
.category-card:nth-child(5),
.category-card:nth-child(6){
  grid-column: span 2;
  aspect-ratio: 16 / 9;
}

/* ===============================
   IMAGE
=============================== */
.category-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition: transform .6s ease;
}

/* Hover zoom (hafif) */
.category-card:hover img{
  transform: scale(1.04);
}

/* ===============================
   TITLE
=============================== */
.category-title{
  position:absolute;
  left:24px;
  bottom:24px;

  font-family:'Playfair Display', serif;
  font-size:32px;
  font-weight:700;
  letter-spacing:-0.01em;
  line-height:1.05;

  color:#111;
  z-index:2;
}

/* Uzun başlıklar için */
.category-title br{
  display:block;
}

/* ===============================
   WIDE BANNER (ÇANTA)
=============================== */
.wide-banner{
  width:100%;
  max-width:1400px;
  margin:80px auto;
  padding:0 24px;
}

.wide-card{
  position:relative;
  display:block;
  width:100%;
  height:360px;
  overflow:hidden;
  border-radius:28px;
}

.wide-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.wide-title{
  position:absolute;
  left:32px;
  bottom:32px;

  font-family:'Playfair Display', serif;
  font-size:42px;
  font-weight:700;
  letter-spacing:-0.01em;
  color:#111;
}

/* ===============================
   MOBİL
=============================== */
@media (max-width: 1024px){
  .category-grid{
    grid-template-columns: repeat(2, 1fr);
  }

  .category-card:nth-child(5),
  .category-card:nth-child(6){
    grid-column: span 2;
  }

  .category-title{
    font-size:26px;
  }
}

@media (max-width: 600px){
  .category-grid{
    grid-template-columns: 1fr;
  }

  .category-card,
  .category-card:nth-child(5),
  .category-card:nth-child(6){
    grid-column: span 1;
    aspect-ratio: 4 / 3;
  }

  .category-title{
    font-size:22px;
    left:16px;
    bottom:16px;
  }

  .wide-card{
    height:240px;
  }

  .wide-title{
    font-size:28px;
    left:20px;
    bottom:20px;
  }
}
.navbar {
  margin-bottom: 0 !important;
}

.navbar + section,
.navbar + div,
.navbar + .container,
.navbar + .container-fluid {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.campaign-bar,
.discount-bar,
.marquee-bar {
  margin-top: 0 !important;
  padding-top: 10px;
}
/* KATEGORİ KART YAZILARI → BANNER FONTU */
.category-card-title,
.category-title,
.category-item h3,
.category-item span {
  font-family: inherit; /* banner hangi fontu kullanıyorsa */
  font-weight: 700;
  letter-spacing: 0.3px;
}
 /* TEK BÜYÜK KATEGORİ BANNER YAZISI */
.category-banner h2,
.category-banner h3,
.category-cover h2,
.category-cover h3 {
  font-family: 'Playfair Display', serif;
  font-size: 42px;
  font-weight: 700;
  letter-spacing: 0.3px;
  color: #111;
}
.category-banner h2,
.category-cover h2 {
  text-shadow: 0 3px 10px rgba(0,0,0,.25);
}
.category-banner h2,
.category-cover h2 {
  text-shadow: 0 3px 10px rgba(0,0,0,.25);
}