/* Kutlu Altin V7 | Hedef gorsel ebatlariyla eslesen kirpmasiz, kenardan kenara alanlar.
   Diger V6 header kurallarina dokunmaz. */
body.kutlu-storefront .hero-slider-image-only .hero-slider-cerceve { width:100%; }
body.kutlu-storefront .hero-slider-image-only .hero-slide { padding:0 !important; }
body.kutlu-storefront .hero-slider-image-only .hero-poster-wrap {
  position:relative !important; width:100% !important; aspect-ratio:16/9 !important;
  height:auto !important; min-height:0 !important; overflow:hidden !important;
  background:transparent !important;
}
body.kutlu-storefront .hero-slider-image-only .hero-poster-wrap picture,
body.kutlu-storefront .hero-slider-image-only .hero-poster-wrap .responsive-picture {
  position:absolute !important; inset:0 !important; display:block !important; width:100% !important; height:100% !important;
}
body.kutlu-storefront .hero-slider-image-only .hero-poster-img {
  display:block !important; width:100% !important; height:100% !important;
  object-fit:cover !important; object-position:center center !important;
}

/* 3 banner: 1600x1000 + 1200x650 + 1200x650.
   Sol: 8/5, sag: 24/13. Gap 14px dahil hesaplanmis sutun genisligi.
   Eski 1.733fr / 2.55 oranlari sag gorusunde kesilmeye neden oluyordu. */
body.kutlu-storefront .banner-kolaj-ic {
  display:grid !important; width:100% !important; max-width:1280px;
  grid-template-columns:minmax(0,calc(63.414634% - 0.683px)) minmax(0,1fr) !important;
  grid-template-rows:repeat(2,minmax(0,1fr)) !important;
  aspect-ratio:2.526/1 !important;
  gap:14px !important; min-height:0 !important; height:auto !important;
}
body.kutlu-storefront .banner-kolaj .banner-kart {
  position:relative !important; display:block !important;
  width:100% !important; height:100% !important; min-height:0 !important; aspect-ratio:auto !important;
  background:transparent !important; overflow:hidden !important;
}
body.kutlu-storefront .banner-kolaj .banner-kart:first-child { grid-column:1 !important; grid-row:1 / span 2 !important; }
body.kutlu-storefront .banner-kolaj .banner-kart:nth-child(2) { grid-column:2 !important; grid-row:1 !important; }
body.kutlu-storefront .banner-kolaj .banner-kart:nth-child(3) { grid-column:2 !important; grid-row:2 !important; }
body.kutlu-storefront .banner-kolaj .banner-kart::before,
body.kutlu-storefront .banner-kolaj .banner-kart::after { display:none !important; }
body.kutlu-storefront .banner-kolaj .banner-kart picture,
body.kutlu-storefront .banner-kolaj .banner-kart .responsive-picture {
  position:absolute !important; inset:0 !important; display:block !important;
  width:100% !important; height:100% !important; overflow:hidden !important;
}
body.kutlu-storefront .banner-kolaj .banner-kart img {
  display:block !important; position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important;
  object-fit:contain !important; object-position:center !important; transform:none !important;
}
body.kutlu-storefront .banner-kolaj .banner-kart:hover img { transform:none !important; }

/* Hikayemiz ve Ustalik: 2400x800 masaustu tam banner (3:1). */
body.kutlu-storefront .hikayemiz.hikayemiz-yalniz-banner,
body.kutlu-storefront .miras.miras-yalniz-banner {
  display:block !important; position:relative !important;
  width:100% !important; height:auto !important;
  aspect-ratio:3/1 !important; min-height:0 !important; max-height:none !important;
  margin:24px 0 !important; padding:0 !important; border:0 !important;
  border-radius:0 !important; background:transparent !important;
  overflow:hidden !important;
}
body.kutlu-storefront .hikayemiz.hikayemiz-yalniz-banner > .hikayemiz-bg,
body.kutlu-storefront .miras.miras-yalniz-banner > .miras-banner-picture {
  display:block !important; position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important; padding:0 !important; margin:0 !important;
  overflow:hidden !important;
}
body.kutlu-storefront .hikayemiz.hikayemiz-yalniz-banner img,
body.kutlu-storefront .miras.miras-yalniz-banner img {
  display:block !important; position:absolute !important; inset:0 !important;
  width:100% !important; height:100% !important; max-width:none !important;
  object-fit:cover !important; object-position:center center !important;
  transform:none !important;
}

@media (max-width:900px) {
  body.kutlu-storefront .banner-kolaj-ic {
    display:grid !important; grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:none !important; aspect-ratio:auto !important;
    min-height:0 !important; height:auto !important;
  }
  body.kutlu-storefront .banner-kolaj .banner-kart,
  body.kutlu-storefront .banner-kolaj .banner-kart:first-child,
  body.kutlu-storefront .banner-kolaj .banner-kart:nth-child(2),
  body.kutlu-storefront .banner-kolaj .banner-kart:nth-child(3) {
    grid-column:1 !important; grid-row:auto !important;
    position:relative !important; width:100% !important;
    aspect-ratio:4/3 !important; height:auto !important; min-height:0 !important;
  }
}
@media (max-width:767px) {
  body.kutlu-storefront .hero-slider-image-only .hero-poster-wrap {aspect-ratio:4/5 !important;}
  body.kutlu-storefront .hikayemiz.hikayemiz-yalniz-banner,
  body.kutlu-storefront .miras.miras-yalniz-banner {
    aspect-ratio:6/5 !important; margin:16px 0 !important;
  }
}