/* Force white background for all frontend pages */
html { background: #fff !important; background-color: #fff !important; }
body { background: #fff !important; background-color: #fff !important; }
.container-scroller { background: #fff !important; background-color: #fff !important; }
.page-body-wrapper { background: #fff !important; background-color: #fff !important; }
.main-panel { background: #fff !important; background-color: #fff !important; }
.content-wrapper { background: #fff !important; background-color: #fff !important; }

/* Product card image fixed size */
.lazim-product-card-img { width: 206px !important; height: 309px !important; object-fit: contain !important; display: block; margin: 0 auto; }
/* Stronger override for existing chain rule */
.lazim-product-card-container > .card > .lazim-card-img > a > img { width: 206px !important; height: 309px !important; object-fit: contain !important; }

/* Product card border and rounded corners (global for lists, categories, home) */
.lazim-product-card-container > .card {
  border: 1px solid #e5e5e5 !important;
  border-radius: 12px !important;
  background: #fff !important;
  overflow: hidden; /* keep inner media clipped to rounded corners */
  box-shadow: none !important;
  margin: 0 8px 12px 8px !important; /* create visual gap from neighbours */
}

/* Slider variant card compatibility */
.product-slider-card { border: 1px solid #e5e5e5 !important; border-radius: 12px !important; overflow: hidden; box-shadow: none !important; }

/* Spacing between product cards (keeps responsive grid) */
.lazim-product-card-container { padding-left: 8px !important; padding-right: 8px !important; margin-bottom: 12px !important; }
@media (min-width: 1200px) {
  /* Satır hizası ve boşluk */
  .row.mx-0.bg-white, .row.grid-margin { justify-content: flex-start; gap: 14px 16px; }

  /* Tüm sayfalarda kart kolonunu 206px'e sabitle (XL) */
  .lazim-product-card-container { padding-left: 0 !important; padding-right: 0 !important; }
  .lazim-product-card-container.col-xl-2,
  .lazim-product-card-container.col-xl-3 { flex: 0 0 206px !important; max-width: 206px !important; }

  /* Kart eni sabit (custom.css width:100%'ü ezer) */
  .lazim-product-card-container > .card { width: 206px !important; margin: 0 !important; }
}

/* Kategori sayfası listesi (masaüstünde 4 sütun hedefi; kartlar 206px, aralar boşluk) */
@media (min-width: 1200px) {
  .row.grid-margin > .lazim-product-card-container { margin-bottom: 0 !important; }
}
@media (max-width: 575.98px) { /* phones */
  .lazim-product-card-container { padding-left: 6px !important; padding-right: 6px !important; }
}

/* Add inner padding to product rows so cards don't touch container borders */
.grid-margin .row.mx-0.bg-white,
.row.mx-0.bg-white {
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-bottom: 10px !important;
}
@media (max-width: 575.98px) {
  .grid-margin .row.mx-0.bg-white,
  .row.mx-0.bg-white { padding-left: 8px !important; padding-right: 8px !important; }
}

/* Bölümler arası alt boşluk (dış boşluk) */
.grid-margin { margin-bottom: 20px !important; }

@media (min-width: 1200px) {
  .container { max-width: 1320px !important; }
  .content-wrapper { max-width: 1320px !important; }
}