/**
 * MP E-Ticaret - Modern Category Listing, Filter Drawer & Grid Switcher
 */

/* =========================================================================
   1. FULL-WIDTH & ALIGNED LAYOUT FOR CATEGORY / LISTING PAGES
   ========================================================================= */
body#category .mp-container,
body#search .mp-container,
body#prices-drop .mp-container,
body#new-products .mp-container,
body#best-sales .mp-container,
body#manufacturer .mp-container,
body#supplier .mp-container,
.mp-cat-layout-canvas_filter .mp-container,
#wrapper .mp-container {
  max-width: 1440px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 16px !important;
  box-sizing: border-box !important;
}

body#category .mp-row,
body#search .mp-row,
.mp-cat-layout-canvas_filter .mp-row,
#wrapper .mp-container > .mp-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
  gap: 0 !important;
  width: 100% !important;
  display: block !important;
}

@media (max-width: 1470px) {
  body#category .mp-container,
  body#search .mp-container,
  body#prices-drop .mp-container,
  body#new-products .mp-container,
  body#best-sales .mp-container,
  body#manufacturer .mp-container,
  body#supplier .mp-container,
  .mp-cat-layout-canvas_filter .mp-container,
  #wrapper .mp-container {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

body#category #content-wrapper,
body#search #content-wrapper,
body#prices-drop #content-wrapper,
body#new-products #content-wrapper,
body#best-sales #content-wrapper,
body#manufacturer #content-wrapper,
body#supplier #content-wrapper,
.mp-cat-layout-canvas_filter #content-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  flex: 1 1 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

#main, #products {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* =========================================================================
   CATEGORY & PRODUCT LISTING TITLES (Şık, Modern ve Dengeli Başlıklar)
   ========================================================================= */

#js-product-list-header {
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
}

#js-product-list-header .block-category {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 12px 0 !important;
  box-shadow: none !important;
}

/* Masaüstü Başlık Ölçüsü (Desktop: >= 992px) */
#js-product-list-header,
h1#js-product-list-header,
#js-product-list-header h1,
#js-product-list-header .h1,
#js-product-list-header.h2,
.block-category h1,
.block-category .h1 {
  font-size: 23px !important;
  font-weight: 700 !important;
  color: #1e293b !important; /* Modern arduvaz gri/slate tonu */
  letter-spacing: -0.02em !important;
  line-height: 1.28 !important;
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
  text-transform: none !important;
  display: block !important;
}

#category-description,
#category-description p {
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: #64748b !important;
  margin: 6px 0 0 0 !important;
}

/* Tablet Başlık Ölçüsü (Tablet: 768px - 991px) */
@media (max-width: 991px) {
  #js-product-list-header {
    margin: 0 0 14px 0 !important;
  }

  #js-product-list-header,
  h1#js-product-list-header,
  #js-product-list-header h1,
  #js-product-list-header .h1,
  #js-product-list-header.h2,
  .block-category h1,
  .block-category .h1 {
    font-size: 19.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    letter-spacing: -0.015em !important;
    line-height: 1.26 !important;
    margin: 0 0 10px 0 !important;
  }
}

/* Mobil Başlık Ölçüsü (Mobile: <= 767px) */
@media (max-width: 767px) {
  #js-product-list-header {
    margin: 0 0 10px 0 !important;
  }

  #js-product-list-header,
  h1#js-product-list-header,
  #js-product-list-header h1,
  #js-product-list-header .h1,
  #js-product-list-header.h2,
  .block-category h1,
  .block-category .h1 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    letter-spacing: -0.01em !important;
    line-height: 1.25 !important;
    margin: 0 0 8px 0 !important;
  }
}

/* Küçük Mobil Ekranlar (Mobile: <= 480px) */
@media (max-width: 480px) {
  #js-product-list-header,
  h1#js-product-list-header,
  #js-product-list-header h1,
  #js-product-list-header .h1,
  #js-product-list-header.h2,
  .block-category h1,
  .block-category .h1 {
    font-size: 16px !important;
    margin: 0 0 8px 0 !important;
  }
}

/* =========================================================================
   2. PRODUCTS TOP TOOLBAR (Filter Button + Sort Dropdown + Grid Switcher)
   ========================================================================= */
.mp-products-top-bar,
#js-product-list-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: transparent !important; /* Zemin farklı olmasın, sayfa ile birebir aynı */
  border: none !important;
  border-bottom: 1px solid #e2e8f0 !important;
  padding: 0 0 16px 0 !important;
  margin-bottom: 24px !important;
  gap: 16px !important;
  width: 100% !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.mp-toolbar-left {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mp-toolbar-right {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* FİLTRE Butonu (Masaüstü & Mobil) */
.mp-btn-filter {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #23272d !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.5px !important;
  padding: 0 18px !important;
  height: 40px !important;
  border-radius: 4px !important;
  border: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.mp-btn-filter:hover {
  background: #0f172a !important;
  transform: translateY(-1px) !important;
}

.mp-btn-filter svg {
  stroke: #ffffff !important;
  flex-shrink: 0 !important;
}

/* Göre Sırala Dropdown */
.mp-sort-dropdown-wrapper {
  position: relative !important;
}

.mp-select-title {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 16px !important;
  height: 40px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 4px !important;
  font-size: 13px !important;
  color: #334155 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.mp-select-title:hover {
  border-color: #cbd5e1 !important;
}

.mp-sort-label {
  color: #64748b !important;
  font-weight: 400 !important;
}

.mp-sort-val {
  font-weight: 600 !important;
  color: #0f172a !important;
}

.mp-chevron-down {
  stroke: #64748b !important;
  transition: transform 0.2s !important;
  flex-shrink: 0 !important;
}

.products-sort-order.open .mp-chevron-down,
.products-sort-order.show .mp-chevron-down,
.mp-select-title[aria-expanded=true] .mp-chevron-down {
  transform: rotate(180deg) !important;
}

.products-sort-order .dropdown-menu {
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  border-radius: 6px !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1) !important;
  padding: 6px !important;
  min-width: 190px !important;
  background: #ffffff !important;
  z-index: 1050 !important;
  display: none !important;
}

.products-sort-order.open .dropdown-menu,
.products-sort-order.show .dropdown-menu {
  display: block !important;
}

.products-sort-order .select-list {
  display: block !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  color: #334155 !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: all 0.15s ease !important;
}

.products-sort-order .select-list:hover,
.products-sort-order .select-list.current {
  background: #f1f5f9 !important;
  color: #0f172a !important;
  font-weight: 600 !important;
}

.mp-total-products-badge {
  font-size: 13px !important;
  color: #94a3b8 !important;
  padding-left: 10px !important;
  border-left: 1px solid #e2e8f0 !important;
  white-space: nowrap !important;
}

/* =========================================================================
   3. GRID SWITCHER (Terzi Collections: 2, 3, 4, Liste)
   ========================================================================= */
.mp-grid-switcher,
.collection-view {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.mp-grid-btn,
.collection-view-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  padding: 0 !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 6px !important;
  color: #64748b !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
}

.mp-grid-btn .mp-grid-svg-icon {
  width: 17px !important;
  height: 18px !important;
  display: block !important;
  opacity: 0.55 !important;
  transition: all 0.2s ease !important;
  pointer-events: none !important;
}

.mp-grid-btn:hover,
.collection-view-btn:hover {
  border-color: #0f172a !important;
  background: #f8fafc !important;
}

.mp-grid-btn:hover .mp-grid-svg-icon,
.collection-view-btn:hover .mp-grid-svg-icon {
  opacity: 1 !important;
  transform: scale(1.06) !important;
}

.mp-grid-btn.active,
.collection-view-btn.active {
  border: 1.8px solid #0f172a !important;
  background: #ffffff !important;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.08) !important;
}

.mp-grid-btn.active .mp-grid-svg-icon,
.collection-view-btn.active .mp-grid-svg-icon {
  opacity: 1 !important;
}

/* =========================================================================
   4. DYNAMIC CSS GRID & COLUMNS (2, 3, 4, 5, 6, Liste)
   ========================================================================= */
.mp-products-grid {
  display: grid !important;
  width: 100% !important;
  gap: 24px 18px !important;
  margin-bottom: 40px !important;
}

/* Tüm kart taşıyıcılarını grid hücresine tam oturt */
.mp-products-grid > [data-elementor-type="product-miniature"],
.mp-products-grid > .elementor,
.mp-products-grid > .mp-product-col,
.mp-products-grid > article,
.mp-products-grid > div {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.mp-products-grid .elementor-section-wrap,
.mp-products-grid .elementor-section,
.mp-products-grid .elementor-container,
.mp-products-grid .elementor-row,
.mp-products-grid .elementor-column,
.mp-products-grid .elementor-column-wrap,
.mp-products-grid .elementor-widget-wrap,
.mp-products-grid .elementor-widget,
.mp-products-grid .elementor-widget-container,
.mp-products-grid .mp-single-mini-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.mp-products-grid .mp-product-card,
.mp-products-grid .mp-single-mini-card {
  width: 100% !important;
  height: 100% !important;
}

.mp-products-grid.mp-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px 20px !important; }
.mp-products-grid.mp-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 22px 18px !important; }
.mp-products-grid.mp-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: 20px 16px !important; }
.mp-products-grid.mp-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
.mp-products-grid.mp-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; gap: 16px 12px !important; }

/* Responsive Grid Fallbacks (Masaüstü ekran genişliklerine göre) */
@media (max-width: 1400px) {
  .mp-products-grid.mp-cols-6 { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}

@media (max-width: 1200px) {
  .mp-products-grid.mp-cols-6,
  .mp-products-grid.mp-cols-5 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

@media (max-width: 991px) {
  .mp-products-grid.mp-cols-6,
  .mp-products-grid.mp-cols-5,
  .mp-products-grid.mp-cols-4 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}

/* =========================================================================
   6. UNIVERSAL OFF-CANVAS FILTER DRAWER (Masaüstü & Mobil)
   ========================================================================= */
#left-column,
#left-column.mp-col-left,
#left-column.mp-col {
  position: fixed !important;
  top: 0 !important;
  left: -420px !important;
  width: 360px !important;
  max-width: 88vw !important;
  height: 100vh !important;
  background: #ffffff !important;
  z-index: 10050 !important;
  box-shadow: 10px 0 40px rgba(0, 0, 0, 0.18) !important;
  overflow-y: auto !important;
  transition: left 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: none !important;
  display: block !important;
}

#left-column.mp-drawer-open,
#left-column.mp-col-left.mp-drawer-open {
  left: 0 !important;
}

.mp-filters-box {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  background: #ffffff !important;
}

.mp-filters-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 18px 24px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  background: #ffffff !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 10 !important;
}

.mp-filters-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

.mp-close-filters-btn {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 50% !important;
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mp-close-filters-btn:hover {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
}

/* =========================================================================
   Filtre Temizle Butonu (Yalnızca Filtre Seçilince Aktif)
   ========================================================================= */
.mp-clear-all-wrapper {
  padding: 12px 24px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  display: block !important;
}

.mp-clear-all-wrapper.mp-filter-empty,
.mp-clear-all-wrapper:not(.has-active-filters) {
  display: none !important;
}

.mp-clear-all-wrapper.has-active-filters {
  display: block !important;
}

.mp-btn-clear-filters {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #ef4444 !important;
  background: #fef2f2 !important;
  border: 1px solid #fee2e2 !important;
  border-radius: 20px !important;
  padding: 6px 14px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mp-btn-clear-filters:hover {
  background: #ef4444 !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(239, 68, 68, 0.2) !important;
}

/* =========================================================================
   Filtre Çekmecesi & Akordiyon Başlıkları
   ========================================================================= */
.mp-facets-list {
  padding: 8px 24px 40px !important;
}

.mp-facet-group {
  border-bottom: 1px solid #f1f5f9 !important;
  padding-bottom: 14px !important;
  margin-bottom: 14px !important;
}

.mp-facet-group:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.mp-facet-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 10px 0 !important;
  cursor: pointer !important;
  user-select: none !important;
  transition: color 0.15s ease !important;
}

.mp-facet-header:hover .mp-facet-label {
  color: #026735 !important;
}

.mp-facet-label {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  margin: 0 !important;
  text-transform: capitalize !important;
  letter-spacing: 0.2px !important;
}

.mp-facet-toggle-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 22px !important;
  height: 22px !important;
  color: #64748b !important;
}

.mp-facet-toggle-icon .mp-chevron-svg {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  transform: rotate(0deg) !important; /* Açıkken aşağı bakar */
}

/* Kapalıyken (collapsed veya aria-expanded=false) sağa döner */
.mp-facet-header.collapsed .mp-chevron-svg,
.mp-facet-header[aria-expanded="false"] .mp-chevron-svg {
  transform: rotate(-90deg) !important; /* Sağa bakar */
}

.mp-facet-content {
  list-style: none !important;
  padding: 4px 0 0 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.mp-facet-item {
  margin: 0 !important;
}

/* =========================================================================
   Modern Kutucuk ve Çentik (Kusursuz Hizalama)
   ========================================================================= */
.mp-custom-label {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 6px 0 !important;
  margin: 0 !important;
  cursor: pointer !important;
  font-size: 13.5px !important;
  line-height: 18px !important;
  color: #334155 !important;
  transition: color 0.15s ease !important;
  position: relative !important;
  gap: 10px !important;
}

.mp-custom-label:hover {
  color: #0f172a !important;
}

.mp-custom-label.active {
  color: #0f172a !important;
  font-weight: 600 !important;
}

/* Native inputları tamamen gizle, kutucuğun üstünü kapsayarak tıklamayı alsın */
#search_filters .custom-checkbox,
#search_filters .custom-radio {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  cursor: pointer !important;
}

#search_filters .custom-checkbox input[type="checkbox"],
#search_filters .custom-radio input[type="radio"] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  opacity: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 5 !important;
  cursor: pointer !important;
}

/* Eski malzeme ikonlarını ve çift çentikleri gizle */
#search_filters .custom-checkbox .material-icons,
#search_filters .custom-checkbox i.checkbox-checked,
#search_filters .custom-checkbox .ps-shown-by-js {
  display: none !important;
}

/* Tek ve Şık Özel Checkbox Kutusu */
.mp-checkbox-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border: 1.8px solid #cbd5e1 !important;
  border-radius: 4px !important;
  background-color: #ffffff !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
}

.mp-custom-label:hover .mp-checkbox-box {
  border-color: #0f172a !important;
}

/* Seçili / Aktif Checkbox: Koyu zemin + beyaz çentik */
#search_filters .custom-checkbox input[type="checkbox"]:checked + .mp-checkbox-box,
.mp-custom-label.active .mp-checkbox-box {
  background-color: #0f172a !important;
  border-color: #0f172a !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.15) !important;
}

/* Kutunun İçindeki Beyaz Çentik SVG */
.mp-check-icon {
  stroke: #ffffff !important;
  stroke-width: 3.5 !important;
  opacity: 0 !important;
  transform: scale(0.5) !important;
  transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

#search_filters .custom-checkbox input[type="checkbox"]:checked + .mp-checkbox-box .mp-check-icon,
.mp-custom-label.active .mp-checkbox-box .mp-check-icon {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Özel Radio Buton */
.mp-radio-box {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border: 1.8px solid #cbd5e1 !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  transition: all 0.18s ease !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  flex-shrink: 0 !important;
}

.mp-radio-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  background-color: #0f172a !important;
  opacity: 0 !important;
  transform: scale(0) !important;
  transition: all 0.18s ease !important;
}

#search_filters .custom-radio input[type="radio"]:checked + .mp-radio-box,
.mp-custom-label.active .mp-radio-box {
  border-color: #0f172a !important;
}

#search_filters .custom-radio input[type="radio"]:checked + .mp-radio-box .mp-radio-dot,
.mp-custom-label.active .mp-radio-box .mp-radio-dot {
  opacity: 1 !important;
  transform: scale(1) !important;
}

/* Renk / Doku Kutucukları */
#search_filters .custom-checkbox .color {
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  border: 1.5px solid #cbd5e1 !important;
  display: inline-block !important;
  transition: all 0.18s ease !important;
}

#search_filters .custom-checkbox input[type="checkbox"]:checked + .color,
.mp-custom-label.active .color {
  border-color: #0f172a !important;
  box-shadow: 0 0 0 2px #0f172a !important;
}

.mp-filter-name {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  color: inherit !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 18px !important;
  min-height: 18px !important;
}

.mp-filter-text {
  font-size: 13.5px !important;
  line-height: 18px !important;
  color: inherit !important;
  display: inline-block !important;
}

.mp-facet-count {
  font-size: 11px !important;
  font-weight: 600 !important;
  color: #64748b !important;
  background: #f1f5f9 !important;
  padding: 0 7px !important;
  border-radius: 9999px !important;
  min-width: 20px !important;
  height: 18px !important;
  line-height: 18px !important;
  text-align: center !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

/* Çekmece Alt Butonu */
.mp-drawer-footer {
  position: sticky !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 14px 24px !important;
  background: #ffffff !important;
  border-top: 1px solid #f1f5f9 !important;
  box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.05) !important;
  z-index: 20 !important;
}

.mp-btn-apply-filters {
  width: 100% !important;
  height: 42px !important;
  background: #0f172a !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mp-btn-apply-filters:hover {
  background: #026735 !important;
  box-shadow: 0 4px 14px rgba(2, 103, 53, 0.25) !important;
}

/* =========================================================================
   Üst Aktif Filtreler Alanı (Filtre Butonunun Altındaki Rozetler / Çipler)
   ========================================================================= */
.mp-active-filters-container {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#left-column #js-active-search-filters,
#left-column .mp-active-filters-bar {
  display: none !important; /* Sol çekmece içinde değil, butonun altında göster */
}

.mp-active-filters-bar {
  display: block !important;
  width: 100% !important;
  margin: 14px 0 22px 0 !important;
  padding: 12px 18px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03) !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.mp-active-filters-bar.hide {
  display: none !important;
}

#mp-active-filters-wrapper .mp-active-filters-bar:has(.mp-active-tag-pill),
#mp-active-filters-wrapper .mp-active-filters-bar:has(.filter-block),
#mp-active-filters-wrapper .mp-active-filters-bar.has-active-filters {
  display: block !important;
}

.mp-active-filters-inner {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 12px 16px !important;
  width: 100% !important;
}

.mp-active-filters-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #475569 !important;
  letter-spacing: 0.2px !important;
  white-space: nowrap !important;
}

.mp-active-filters-label svg {
  stroke: #026735 !important;
  flex-shrink: 0 !important;
}

.mp-active-tags-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 12px !important;
  flex: 1 1 auto !important;
}

.mp-active-tags-list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px 10px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.mp-active-tag-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 24px !important;
  padding: 5px 12px !important;
  font-size: 13px !important;
  color: #1e293b !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.15s ease !important;
}

.mp-active-tag-pill:hover {
  border-color: #94a3b8 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

.mp-tag-name {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 4px !important;
}

.mp-tag-group {
  font-size: 12px !important;
  color: #64748b !important;
  font-weight: 500 !important;
}

.mp-tag-val {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
}

.mp-tag-close-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #f1f5f9 !important;
  color: #64748b !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.15s ease !important;
  flex-shrink: 0 !important;
}

.mp-tag-close-btn svg {
  stroke: currentColor !important;
}

.mp-tag-close-btn:hover {
  background: #ef4444 !important;
  color: #ffffff !important;
  transform: scale(1.15) !important;
}

.mp-active-clear-wrap {
  margin-left: auto !important;
}

.mp-btn-clear-all-chips {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background-color: #fee2e2 !important;
  color: #dc2626 !important;
  border: 1px solid #fecaca !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}

.mp-btn-clear-all-chips svg {
  stroke: currentColor !important;
}

.mp-btn-clear-all-chips:hover {
  background-color: #dc2626 !important;
  color: #ffffff !important;
  border-color: #dc2626 !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.25) !important;
  transform: translateY(-1px) !important;
}

@media (max-width: 767px) {
  .mp-active-filters-bar {
    margin: -8px 0 16px 0 !important;
    padding: 10px 14px !important;
  }
  .mp-active-clear-wrap {
    width: 100% !important;
    margin-left: 0 !important;
    margin-top: 4px !important;
  }
  .mp-btn-clear-all-chips {
    width: 100% !important;
    justify-content: center !important;
  }
}

.mp-btn-clear-all-tags {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mp-btn-clear-all-tags:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.mp-filter-backdrop {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: 10040;
}

.mp-filter-backdrop.mp-active {
  display: block;
}

body.mp-no-scroll {
  overflow: hidden !important;
}

/* =========================================================================
   7. MOBİL GÖRÜNÜM (Filtre & Göre Sırala Yan Yana Tek Satırda, 2 Sıra Ürünler)
   ========================================================================= */
@media (max-width: 768px) {
  /* Mobilde grid switcher ikonları kalkar */
  .mp-toolbar-right,
  #mp-grid-switcher {
    display: none !important;
  }

  /* Toolbar: Filtre ve Sıralama Yan Yana TEK SATIRDA */
  .mp-products-top-bar,
  #js-product-list-top {
    background: transparent !important; /* Zemin farklı olmasın */
    border: none !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 0 0 12px 0 !important;
    margin-bottom: 16px !important;
    width: 100% !important;
  }

  .mp-toolbar-left {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
  }

  .mp-btn-filter {
    display: flex !important;
    flex: 1 1 50% !important;
    width: calc(50% - 4px) !important;
    max-width: calc(50% - 4px) !important;
    height: 42px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    border-radius: 6px !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  .mp-sort-dropdown-wrapper {
    display: flex !important;
    flex: 1 1 50% !important;
    width: calc(50% - 4px) !important;
    max-width: calc(50% - 4px) !important;
    box-sizing: border-box !important;
  }

  .products-sort-order.dropdown {
    width: 100% !important;
  }

  .products-sort-order.dropdown .mp-select-title {
    display: flex !important;
    width: 100% !important;
    height: 42px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-radius: 6px !important;
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
  }

  .mp-sort-label {
    font-size: 12px !important;
    white-space: nowrap !important;
  }

  .mp-sort-val {
    font-size: 12px !important;
    max-width: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .mp-total-products-badge {
    display: none !important;
  }

  /* Mobilde ürünler aşağı doğru 2 SIRA / 2 SÜTUN halinde olacak */
  #mp-products-container,
  .products.mp-products-grid,
  .products.mp-products-grid.mp-cols-2,
  .products.mp-products-grid.mp-cols-3,
  .products.mp-products-grid.mp-cols-4,
  .products.mp-products-grid.mp-cols-5,
  .products.mp-products-grid.mp-cols-6,
  .mp-products-grid,
  .mp-products-grid.mp-cols-2,
  .mp-products-grid.mp-cols-3,
  .mp-products-grid.mp-cols-4,
  .mp-products-grid.mp-cols-5,
  .mp-products-grid.mp-cols-6 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
    width: 100% !important;
  }

  .mp-products-grid > [data-elementor-type="product-miniature"],
  .mp-products-grid > .elementor,
  .mp-products-grid > .mp-product-col,
  .mp-products-grid > div {
    width: 100% !important;
    max-width: 100% !important;
    flex: 1 1 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}


/* Faceted Overlay Spinner'ı devredışı bırak (ekranda donup dönmesini engeller) */
.faceted-overlay,
#faceted-overlay {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* =========================================================================
   9. MP 3 DİNAMİK ÜRÜN KARTI TASARIMI (MINIATURE STYLES)
   ========================================================================= */

/* Ortak Kart Çerçevesi & Temel Yapı */
.mp-product-card.mp-mini-card {
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 14px !important;
  padding: 0 0 12px 0 !important; /* Resim alanı üst kısmı tam kaplar */
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
  position: relative !important;
  overflow: hidden !important;
}

.mp-product-card.mp-mini-card:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 12px 28px -4px rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.04) !important;
  transform: translateY(-2px) !important;
}

/* =========================================================================
/* =========================================================================
   MP KITAP - KUSURSUZ KITAP MINIKART SISTEMI
   - Kesinlikle Kirpilma Yok (object-fit: contain)
   - 2:3 Dogal Kitap Orani ile Ust, Alt, Sag, Sol 100% ESIT BOSLUK
   - Mobilde ust-alt sifir / yanlar bos hatasi tamamen giderildi
   - 3, 4, 5, 6 Sutunlarda orantili, asiri uzamayan kontrollu yukseklik
   - Beyaz temiz zemin ve gercekci fiziksel kitap golgesi
   ========================================================================= */

/* Kart Kapsayicisi */
.mp-product-card.mp-mini-style_4 {
    background: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 12px !important;
    padding: 0 0 12px 0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease !important;
}

.mp-product-card.mp-mini-style_4:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px -4px rgba(15, 23, 42, 0.1), 0 4px 8px -2px rgba(15, 23, 42, 0.04) !important;
    border-color: #cbd5e1 !important;
}

/* 1. Gorsel Alani: Dogal Kitap Orani (2 / 3) */
.mp-mini-style_4 .mp-card-media {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #f8fafc !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 12px 12px 0 0 !important;
    border: none !important;
}

/* 2. Link & Resim Kapsayicisi */
.mp-mini-style_4 .mp-thumbnail-link,
.mp-mini-style_4 .mp-img-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 auto !important;
    text-align: center !important;
    position: relative !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: visible !important;
}

/* Sahte sirt ve sayfa cizgilerini kapat */
.mp-mini-style_4 .mp-thumbnail-link::before,
.mp-mini-style_4 .mp-thumbnail-link::after {
    display: none !important;
    content: none !important;
}

/* 3. Kitap Kapagi: ASLA KIRPILMAZ (%100 Gorunum), Fiziksel Kitap Sekli ve Gercekci Golge */
.mp-mini-style_4 .mp-product-img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    display: block !important;
    margin: auto !important;
    border-radius: 2px 6px 6px 2px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12), -2px 0 5px rgba(0, 0, 0, 0.06) !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s ease !important;
}

.mp-mini-style_4:hover .mp-product-img.mp-img-primary {
    transform: translateY(-3px) scale(1.03) !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.18), -3px 0 7px rgba(0, 0, 0, 0.08) !important;
}

/* 4. Sol Ust Rozetler ve Sag Ust Kalp */
.mp-mini-style_4 .mp-badges-left {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    align-items: flex-start !important;
    pointer-events: none !important;
}

.mp-mini-style_4 .mp-card-fav-floating {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 5 !important;
}

/* 5. Mobil Uyum: 2 Sutunda 8px Esit Bosluk */
@media (max-width: 767px) {
    .mp-mini-style_4 .mp-card-media {
        aspect-ratio: 2 / 3 !important;
        max-height: 220px !important;
        min-height: 160px !important;
        padding: 8px !important;
    }
    .mp-mini-style_4 .mp-product-img {
        border-radius: 2px 5px 5px 2px !important;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1), -1px 0 3px rgba(0, 0, 0, 0.05) !important;
    }
    .mp-mini-card .mp-badges-left,
    .mp-mini-style_4 .mp-badges-left {
        top: 6px !important;
        left: 6px !important;
    }
    .mp-mini-card .mp-card-fav-floating,
    .mp-mini-style_4 .mp-card-fav-floating {
        top: 6px !important;
        right: 6px !important;
    }
}

.mp-mini-card .mp-product-img.mp-img-hover {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: scale(1.02) !important;
  transition: opacity 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.mp-mini-card:hover .mp-product-img.mp-img-primary {
  transform: scale(1.04) !important;
}

.mp-mini-card:hover .mp-product-img.mp-img-hover {
  opacity: 1 !important;
  visibility: visible !important;
  transform: scale(1.04) !important;
}

/* Rozetler (Yeni ve Tükendi Rozeti) */
.mp-mini-card .mp-badge-new {
  background: var(--mp-badge-new-bg, #026735) !important;
  color: var(--mp-badge-new-text, #ffffff) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
  display: inline-block !important;
}

.mp-mini-card .mp-badge-oos {
  background: var(--mp-badge-oos-bg, #ef4444) !important;
  color: var(--mp-badge-oos-text, #ffffff) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  letter-spacing: 0.3px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
  display: inline-block !important;
}

.mp-mini-card .mp-badges-left {
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  z-index: 4 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
  align-items: flex-start !important;
  max-width: calc(100% - 50px) !important;
}

.mp-mini-card .mp-badge-campaign-wrap-left,
.mp-mini-card .mp-badge-campaign-wrap-left .mp-badge-kampanya-top-right,
.mp-mini-card .mp-badge-kampanya-top-left {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: linear-gradient(135deg, #f59e0b 0%, #ea580c 100%) !important;
  color: #ffffff !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px !important;
  box-shadow: 0 2px 6px rgba(234, 88, 12, 0.35) !important;
  line-height: 1 !important;
  height: 22px !important;
  box-sizing: border-box !important;
  width: fit-content !important;
  max-width: 100% !important;
}

.mp-mini-card .mp-btn-wishlist {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  z-index: 4 !important;
  background: rgba(255, 255, 255, 0.9) !important;
  backdrop-filter: blur(4px) !important;
  border: none !important;
  border-radius: 50% !important;
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #475569 !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

.mp-mini-card .mp-btn-wishlist:hover {
  background: #ffffff !important;
  color: #e11d48 !important;
  transform: scale(1.1) !important;
}

/* Başlık */
.mp-mini-card .mp-card-body {
  padding: 12px 2px 2px !important;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  justify-content: space-between !important;
}

.mp-mini-style_4 .mp-product-title,
.mp-mini-style_4 .mp-book-title {
  text-align: left !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  letter-spacing: -0.2px !important;
  color: #0f172a !important;
  margin: 0 0 4px 0 !important;
  line-height: 1.35 !important;
  min-height: 38px !important;
  max-height: 38px !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
}

.mp-mini-style_4 .mp-product-title a,
.mp-mini-style_4 .mp-book-title a {
  color: #0f172a !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
  display: block !important;
  text-align: left !important;
}

.mp-mini-style_4 .mp-product-title a:hover,
.mp-mini-style_4 .mp-book-title a:hover {
  color: #0284c7 !important;
}

.mp-mini-style_4 .mp-book-author {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  text-align: left !important;
  line-height: 1.3 !important;
  margin: 0 0 3px 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  letter-spacing: -0.1px !important;
}

.mp-mini-style_4 .mp-book-author-name {
  color: #334155 !important;
  transition: color 0.15s ease !important;
}

.mp-mini-style_4 .mp-book-author:hover .mp-book-author-name,
.mp-mini-style_4 .mp-book-author-name:hover {
  color: #0284c7 !important;
}

.mp-mini-card .mp-book-publisher {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  text-align: left !important;
  line-height: 1.3 !important;
  margin: 0 0 6px 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.mp-mini-card .mp-book-publisher-name {
  color: #64748b !important;
  transition: color 0.15s ease !important;
}

.mp-mini-card .mp-book-publisher:hover .mp-book-publisher-name,
.mp-mini-card .mp-book-publisher-name:hover {
  color: #334155 !important;
}

/* -------------------------------------------------------------------------
   STİL 1: DOĞAL EVİM / MODERN BUTONLU (RESİM 1)
   ------------------------------------------------------------------------- */
.mp-mini-style_1 .mp-price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
  padding: 0 4px !important;
  text-align: left !important;
}

.mp-mini-style_1 .mp-current-price {
  color: #026735 !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  letter-spacing: -0.2px !important;
}

.mp-mini-style_1 .mp-old-price {
  color: #94a3b8 !important;
  font-size: 13px !important;
  text-decoration: line-through !important;
}

.mp-mini-style_1 .mp-btn-full {
  width: 100% !important;
  height: 42px !important;
  background: #026735 !important;
  border: none !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.mp-mini-style_1 .mp-btn-full:hover {
  background: #014d27 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(2, 103, 53, 0.25) !important;
}

/* -------------------------------------------------------------------------
   STİL 2: MARKET / HIZLI ADETLİ STEPPER (RESİM 2)
   ------------------------------------------------------------------------- */
.mp-mini-style_2 .mp-price-row {
  text-align: center !important;
  margin-bottom: 10px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.mp-mini-style_2 .mp-current-price {
  color: #026735 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}

.mp-mini-style_2 .mp-stepper-cart-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.mp-mini-style_2 .mp-mini-stepper {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 40px !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  flex: 0 0 92px !important;
  width: 92px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.mp-mini-style_2 .mp-mini-qty-btn {
  width: 28px !important;
  min-width: 28px !important;
  height: 38px !important;
  background: transparent !important;
  border: none !important;
  color: #1e293b !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  user-select: none !important;
  padding: 0 !important;
  line-height: 1 !important;
  transition: background 0.15s ease !important;
}

.mp-mini-style_2 .mp-mini-qty-btn:hover {
  background: #e2e8f0 !important;
}

.mp-mini-style_2 .mp-mini-qty-val {
  width: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  height: 38px !important;
  border: none !important;
  background: transparent !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  padding: 0 !important;
  user-select: none !important;
  outline: none !important;
}

.mp-mini-style_2 .mp-btn-stepper-submit {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 40px !important;
  background: var(--mp-btn-color, #455639) !important;
  border: none !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  white-space: nowrap !important;
  padding: 0 10px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
}

.mp-mini-style_2 .mp-btn-stepper-submit:hover {
  background: #014d27 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(2, 103, 53, 0.25) !important;
}

/* Buton Metni Duyarlı Görünüm */
.mp-btn-text-desktop {
  display: inline !important;
}
.mp-btn-text-mobile {
  display: none !important;
}

/* MOBİL GÖRÜNÜM: Tek Satırda Kusursuz Uyum (Stil 2 Gıda Adet Seçici) */
@media (max-width: 991px) {
  .mp-product-card.mp-mini-style_2 .mp-card-body,
  .mp-mini-style_2 .mp-card-body {
    padding: 10px 8px 12px 8px !important;
  }

  .mp-mini-style_2 .mp-stepper-cart-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 4px !important;
    width: 100% !important;
  }

  .mp-mini-style_2 .mp-mini-stepper {
    flex: 0 0 66px !important;
    width: 66px !important;
    min-width: 66px !important;
    max-width: 66px !important;
    height: 34px !important;
    border-radius: 6px !important;
    border: 1px solid #dce4ec !important;
  }

  .mp-mini-style_2 .mp-mini-qty-btn {
    width: 20px !important;
    min-width: 20px !important;
    height: 32px !important;
    font-size: 15px !important;
    line-height: 1 !important;
    padding: 0 !important;
  }

  .mp-mini-style_2 .mp-mini-qty-val {
    width: 26px !important;
    min-width: 26px !important;
    max-width: 26px !important;
    height: 32px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 0 !important;
  }

  .mp-mini-style_2 .mp-btn-stepper-submit {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 34px !important;
    padding: 0 6px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    gap: 4px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  .mp-mini-style_2 .mp-btn-stepper-submit svg {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    flex-shrink: 0 !important;
  }

  .mp-btn-text-desktop {
    display: none !important;
  }
  .mp-btn-text-mobile {
    display: inline !important;
    font-size: 11.5px !important;
    letter-spacing: -0.2px !important;
  }
}

/* -------------------------------------------------------------------------
   STİL 3: LAVILLA MODA / BUTİK GİYİM KARTI
   - Sepete Ekle Butonu YOKTUR
   - Kategori Alanı YOKTUR
   - Sadece Ürün Adı ve Fiyat
   - Sağ Alttan Gelen Şık Hızlı Bakış İkonu
   - Görsel Altında Modern Beden Seçenekleri (Pills)
   - Akıcı İkinci Resim Geçişi & Alt İnce Progress Çizgisi
   ------------------------------------------------------------------------- */
.mp-product-card.mp-mini-card.mp-mini-style_3,
.mp-product-card.mp-mini-style_3,
.mp-mini-style_3 {
  background: #ffffff !important;
  border: 1px solid #f1f5f9 !important;
  border-radius: 12px !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
}

.mp-mini-style_3:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 12px 28px -4px rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.04) !important;
  transform: translateY(-2px) !important;
}

.mp-mini-style_3 .mp-card-media {
  aspect-ratio: 800 / 1067 !important;
  border-radius: 12px 12px 0 0 !important;
  overflow: hidden !important;
  position: relative !important;
  background-color: #f8fafc !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Akıcı Resim Geçiş Efekti (Lavilla Moda Tarzı) */
.mp-mini-style_3 .mp-thumbnail-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

.mp-mini-style_3 .mp-product-img.mp-img-primary {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease !important;
}

.mp-mini-style_3 .mp-img-hover {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: scale(1.02) !important;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), transform 0.45s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 2 !important;
}

.mp-mini-style_3:hover .mp-product-img.mp-img-primary {
  transform: scale(1.05) !important;
}

.mp-mini-style_3:hover .mp-img-hover {
  opacity: 1 !important;
  visibility: visible !important;
  transform: scale(1.05) !important;
}

/* Lavilla Moda Alt İnce Geçiş Çizgisi */
.mp-mini-style_3 .mp-card-progress-bar {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 2.5px !important;
  background: rgba(0, 0, 0, 0.06) !important;
  z-index: 5 !important;
  overflow: hidden !important;
}

.mp-mini-style_3 .mp-card-progress-fill {
  display: block !important;
  width: 0% !important;
  height: 100% !important;
  background: #026735 !important;
  transition: width 0.45s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-mini-style_3:hover .mp-card-progress-fill {
  width: 100% !important;
}

/* Görsel Üzeri Beden Seçenekleri (Modern Chips / Pills - Tam Genişlik) */
.mp-mini-style_3 .mp-boutique-sizes {
  position: absolute !important;
  bottom: 8px !important;
  left: 8px !important;
  right: 8px !important;
  z-index: 6 !important;
  display: flex !important;
  flex-wrap: wrap-reverse !important;
  align-content: flex-end !important;
  gap: 4px !important;
  max-width: calc(100% - 16px) !important;
  transform: translateY(0) !important;
  opacity: 1 !important;
  pointer-events: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-mini-style_3 .mp-size-pill {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 26px !important;
  height: 24px !important;
  padding: 0 6px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(8px) !important;
  border: 1px solid rgba(203, 213, 225, 0.8) !important;
  border-radius: 4px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.15s ease !important;
  user-select: none !important;
  pointer-events: auto !important;
}

.mp-mini-style_3 .mp-size-pill:hover {
  background: #026735 !important;
  border-color: #026735 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

.mp-mini-style_3 .mp-size-pill.mp-size-oos {
  position: relative !important;
  overflow: hidden !important;
  background: rgba(241, 245, 249, 0.9) !important;
  color: #94a3b8 !important;
  border-color: #cbd5e1 !important;
  border-style: dashed !important;
  text-decoration: none !important;
  opacity: 0.65 !important;
  cursor: not-allowed !important;
}

.mp-mini-style_3 .mp-size-pill.mp-size-oos::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: -20% !important;
  width: 140% !important;
  height: 1.5px !important;
  background-color: #ef4444 !important;
  transform: rotate(-35deg) !important;
  transform-origin: center !important;
  pointer-events: none !important;
}

.mp-mini-style_3 .mp-size-pill.mp-size-oos:hover {
  background: rgba(241, 245, 249, 0.9) !important;
  color: #94a3b8 !important;
  border-color: #cbd5e1 !important;
  transform: none !important;
}

/* Stil 3 (Moda & Giyim / Butik) - Sağ Üstte Kalp Favori & Hover'da Soldan Gelen Hızlı Görünüm */
.mp-mini-style_3 .mp-card-actions-group {
  top: 10px !important;
  bottom: auto !important;
  right: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  z-index: 15 !important;
  pointer-events: none !important;
}

.mp-mini-style_3 .mp-card-actions-group .mp-btn-wishlist-heart,
.mp-mini-style_3 .mp-card-actions-group .mp-action-quickview {
  pointer-events: auto !important;
}

/* Kalp Butonu: Sağ Üstte Sabit & Şık */
.mp-mini-style_3 .mp-card-actions-group .mp-btn-wishlist-heart {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #374151 !important;
  cursor: pointer !important;
  padding: 0 !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 2 !important;
}

.mp-mini-style_3 .mp-card-actions-group .mp-btn-wishlist-heart:hover {
  transform: scale(1.1) !important;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.16) !important;
  color: var(--mp-fav-color, #f97316) !important;
}

/* Hızlı Görünüm: Kalple aynı yatay hizada, hover ile sağdan (kalbin soluna doğru) yumuşakça gelir */
.mp-mini-style_3 .mp-card-actions-group .mp-action-quickview {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #374151 !important;
  cursor: pointer !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(12px) scale(0.88) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 1 !important;
}

.mp-mini-style_3:hover .mp-card-actions-group .mp-action-quickview {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) scale(1) !important;
}

.mp-mini-style_3 .mp-card-actions-group .mp-action-quickview:hover {
  background: #111827 !important;
  color: #ffffff !important;
  border-color: #111827 !important;
  transform: scale(1.1) !important;
  box-shadow: 0 5px 14px rgba(17, 24, 39, 0.25) !important;
}

.mp-badges-left .mp-badge-discount {
  position: static !important;
  top: auto !important;
  right: auto !important;
  align-self: flex-start !important;
}

/* Kart Gövdesi: Sadece Ürün Adı ve Fiyat */
.mp-mini-style_3 .mp-card-body {
  padding: 10px 8px 12px 8px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.mp-mini-style_3 .mp-product-title {
  text-align: center !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: #1e293b !important;
  letter-spacing: 0.2px !important;
  margin: 0 0 6px 0 !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  word-break: break-word !important;
  max-height: 2.7em !important;
}

.mp-mini-style_3 .mp-product-title a {
  color: inherit !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  transition: color 0.15s ease !important;
}

.mp-mini-style_3 .mp-product-title a:hover {
  color: #026735 !important;
}

.mp-mini-style_3 .mp-price-row {
  display: flex !important;
  align-items: baseline !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 2px !important;
  margin-bottom: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

.mp-mini-style_3 .mp-current-price {
  color: #0f172a !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.mp-mini-style_3 .mp-old-price {
  color: #94a3b8 !important;
  font-size: 12.5px !important;
  text-decoration: line-through !important;
}

/* Stil 3 (Moda & Giyim / Butik) - Mobil Ekran Optimizasyonları */
@media (max-width: 767px) {
  .mp-product-card.mp-mini-card.mp-mini-style_3,
  .mp-product-card.mp-mini-style_3,
  .mp-mini-style_3 {
    padding: 0 !important;
    border-radius: 10px !important;
  }

  .mp-mini-style_3 .mp-card-media {
    border-radius: 10px 10px 0 0 !important;
  }

  .mp-mini-style_3 .mp-card-body {
    padding: 8px 4px 10px 4px !important;
  }

  /* Mobilde Ürün Başlığı 1-2px daha küçük */
  .mp-mini-style_3 .mp-product-title {
    font-size: 12px !important;
    line-height: 1.3 !important;
    margin: 0 0 3px 0 !important;
  }

  .mp-mini-style_3 .mp-current-price {
    font-size: 14.5px !important;
  }

  .mp-mini-style_3 .mp-old-price {
    font-size: 11.5px !important;
  }

  /* Mobilde Beden Rozetleri: Tek satır veya maksimum 2 satırda bitecek şekilde optimize edildi */
  .mp-mini-style_3 .mp-boutique-sizes {
    bottom: 5px !important;
    left: 4px !important;
    right: 4px !important;
    max-width: calc(100% - 8px) !important;
    gap: 3px !important;
    max-height: 40px !important;
    overflow: hidden !important;
  }

  .mp-mini-style_3 .mp-size-pill {
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    padding: 0 4px !important;
    font-size: 9.5px !important;
    font-weight: 600 !important;
    border-radius: 3px !important;
    letter-spacing: -0.2px !important;
  }

  .mp-mini-style_3 .mp-card-actions-group {
    top: 6px !important;
    right: 6px !important;
  }

  .mp-mini-style_3 .mp-card-actions-group .mp-btn-wishlist-heart,
  .mp-mini-style_3 .mp-card-actions-group .mp-action-quickview {
    width: 32px !important;
    height: 32px !important;
  }

  .mp-mini-style_3 .mp-card-actions-group .mp-btn-wishlist-heart svg,
  .mp-mini-style_3 .mp-card-actions-group .mp-action-quickview svg {
    width: 15px !important;
    height: 15px !important;
  }

  .mp-mini-style_3 .mp-badges-left {
    top: 6px !important;
    left: 6px !important;
  }

  .mp-mini-style_3 .mp-badges-left .mp-badge {
    font-size: 9.5px !important;
    padding: 3px 6px !important;
  }
}

/* =========================================================================
   7. MOBİL TOOLBAR (%50 %50 Filtre ve Sıralama Butonları - Terzi Collections)
   ========================================================================= */
@media (max-width: 767px) {
  .mp-products-top-bar,
  #js-product-list-top {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #e2e8f0 !important;
  }

  .mp-toolbar-left {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .mp-btn-filter {
    flex: 1 1 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    height: 42px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    background: #1e293b !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    border: none !important;
  }

  .mp-btn-filter svg {
    stroke: #ffffff !important;
    fill: none !important;
  }

  .mp-sort-dropdown-wrapper {
    flex: 1 1 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .products-sort-order {
    width: 100% !important;
    margin: 0 !important;
  }

  .mp-select-title {
    width: 100% !important;
    height: 42px !important;
    padding: 0 10px !important;
    font-size: 12.5px !important;
    border-radius: 6px !important;
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }

  .mp-select-title .mp-sort-label {
    font-size: 11px !important;
    color: #64748b !important;
    margin-right: 4px !important;
  }

  .mp-select-title .mp-sort-val {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 75px !important;
  }

  .mp-toolbar-right {
    display: none !important;
  }
}

/* =========================================================================
   8. RENK VE DOKU FİLTRE KUTUCUKLARI (Terzi Collections)
   ========================================================================= */
.mp-color-box {
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(0, 0, 0, 0.15) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.15s ease !important;
  vertical-align: middle !important;
}

.mp-custom-label.active .mp-color-box {
  outline: 2.5px solid #0f172a !important;
  outline-offset: 2px !important;
  transform: scale(1.08) !important;
}

.mp-texture-box {
  background-size: cover !important;
  background-position: center !important;
}

/* PrestaShop Faceted Search Overlay Emniyeti (Sonsuz dönmeyi engelle) */
.faceted-overlay {
  pointer-events: none !important;
  background: rgba(255, 255, 255, 0.5) !important;
  backdrop-filter: blur(2px) !important;
  transition: opacity 0.2s ease !important;
}

/* =========================================================================
   9. MP MODERN PAGINATION & BACK-TO-TOP BAR
   ========================================================================= */
.mp-pagination-container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 16px !important;
  box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05) !important;
  padding: 16px 24px !important;
  margin: 36px 0 24px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* Sol Alan: Özet Hapı */
.mp-pagination-container .mp-pagination-summary {
  display: flex !important;
  align-items: center !important;
  flex: 1 1 auto !important;
  min-width: 200px !important;
}

.mp-pagination-container .mp-summary-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  color: #475569 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  padding: 8px 16px !important;
  border-radius: 9999px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  transition: all 0.2s ease !important;
}

.mp-pagination-container .mp-summary-pill svg {
  color: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  flex-shrink: 0 !important;
}

.mp-pagination-container .mp-summary-pill:hover {
  background: #f1f5f9 !important;
  border-color: #cbd5e1 !important;
}

/* Orta Alan: Sayfalandırma Numaraları */
.mp-pagination-container .mp-pagination-pages {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 2 1 auto !important;
}

.mp-pagination-container .page-list {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.mp-pagination-container .page-item {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
}

.mp-pagination-container .page-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 10px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  user-select: none !important;
}

.mp-pagination-container .page-link:hover:not(.disabled):not(.current) {
  background: var(--mp-category-accent-light, rgba(243, 112, 33, 0.08)) !important;
  color: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  border-color: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08) !important;
}

.mp-pagination-container .page-item.current .page-link,
.mp-pagination-container .page-link.current {
  background: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  color: #ffffff !important;
  border-color: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16) !important;
  pointer-events: none !important;
  font-weight: 700 !important;
}

.mp-pagination-container .page-link.previous,
.mp-pagination-container .page-link.next {
  padding: 0 14px !important;
  gap: 6px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.mp-pagination-container .page-link.previous svg,
.mp-pagination-container .page-link.next svg {
  transition: transform 0.2s ease !important;
}

.mp-pagination-container .page-link.previous:hover:not(.disabled) svg {
  transform: translateX(-3px) !important;
}

.mp-pagination-container .page-link.next:hover:not(.disabled) svg {
  transform: translateX(3px) !important;
}

.mp-pagination-container .page-link.disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
  background: #f8fafc !important;
  border-color: #e2e8f0 !important;
  color: #94a3b8 !important;
}

.mp-pagination-container .spacer {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 30px !important;
  height: 38px !important;
  color: #94a3b8 !important;
  font-size: 18px !important;
  font-weight: bold !important;
}

/* Sağ Alan: Başa Dön Butonu */
.mp-pagination-container .mp-pagination-top {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex: 1 1 auto !important;
}

.mp-pagination-container .mp-btn-back-to-top {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 20px !important;
  height: 40px !important;
  background: #ffffff !important;
  border: 1.5px solid var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  color: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  border-radius: 9999px !important;
  text-decoration: none !important;
  cursor: pointer !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-pagination-container .mp-btn-back-to-top svg {
  color: currentColor !important;
  transition: transform 0.25s ease !important;
}

.mp-pagination-container .mp-btn-back-to-top:hover {
  background: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  border-color: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15) !important;
}

.mp-pagination-container .mp-btn-back-to-top:hover svg {
  transform: translateY(-3px) !important;
}

.mp-pagination-container .mp-btn-back-to-top:active {
  transform: translateY(0) !important;
}

/* Responsive Tasarım */
@media (max-width: 991px) {
  .mp-pagination-container {
    padding: 16px !important;
    flex-direction: column !important;
    gap: 14px !important;
  }
  .mp-pagination-container .mp-pagination-summary,
  .mp-pagination-container .mp-pagination-pages,
  .mp-pagination-container .mp-pagination-top {
    width: 100% !important;
    justify-content: center !important;
    flex: none !important;
  }
}

@media (max-width: 576px) {
  .mp-pagination-container {
    padding: 14px 12px !important;
    border-radius: 12px !important;
  }
  .mp-pagination-container .mp-summary-pill {
    font-size: 12.5px !important;
    padding: 6px 14px !important;
  }
  .mp-pagination-container .page-link {
    min-width: 34px !important;
    height: 34px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
  }
  .mp-pagination-container .page-link.previous,
  .mp-pagination-container .page-link.next {
    padding: 0 10px !important;
    font-size: 12px !important;
  }
  .mp-pagination-container .mp-btn-back-to-top {
    height: 36px !important;
    padding: 0 16px !important;
    font-size: 12.5px !important;
  }
}

/* =========================================================================
   10. MP MODERN TEK SATIR ALT KATEGORİLER (Square Thumbs + Horizontal Row)
   ========================================================================= */
.mp-subcategories-section {
  margin: 6px 0 24px 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
}

.mp-subcategories-row {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  list-style: none !important;
  padding: 4px 4px 14px 4px !important;
  margin: 0 !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
}

.mp-subcategories-row::-webkit-scrollbar {
  height: 4px;
}
.mp-subcategories-row::-webkit-scrollbar-thumb {
  background: #e2e8f0;
  border-radius: 4px;
}
.mp-subcategories-row::-webkit-scrollbar-thumb:hover {
  background: #cbd5e1;
}

.mp-subcat-item {
  flex: 0 0 auto !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.mp-subcat-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-decoration: none !important;
  width: 84px !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
}

.mp-subcat-thumb {
  width: 74px !important;
  height: 74px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-subcat-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.25s ease !important;
}

.mp-subcat-thumb img ~ .mp-subcat-placeholder {
  display: none !important;
}

.mp-subcat-placeholder {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--mp-category-accent-light, rgba(243, 112, 33, 0.08)) !important;
  color: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}

.mp-subcat-name {
  margin-top: 8px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #334155 !important;
  text-align: center !important;
  line-height: 1.25 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.2s ease !important;
  max-width: 84px !important;
  word-break: break-word !important;
}

.mp-subcat-card:hover .mp-subcat-thumb {
  border-color: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1) !important;
}

.mp-subcat-card:hover .mp-subcat-thumb img {
  transform: scale(1.08) !important;
}

.mp-subcat-card:hover .mp-subcat-name {
  color: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
}

/* Eski subcategories başlığı veya card stillerini gizle */
#subcategories.card,
.subcategory-heading {
  display: none !important;
}

/* =========================================================================
   11. ÜRÜN LİSTESİ ALTI: ALT KATEGORİLER VE SEO KATEGORİ AÇIKLAMASI
   ========================================================================= */
.mp-category-footer-wrapper {
  margin-top: 36px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
  width: 100% !important;
}

.mp-category-bottom-subcategories {
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid #f1f5f9 !important;
  padding: 20px 24px 10px 24px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
}

.mp-bottom-subcat-title {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #1e293b !important;
  margin: 0 0 14px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.mp-bottom-subcat-title::before {
  content: "" !important;
  display: inline-block !important;
  width: 4px !important;
  height: 16px !important;
  background: var(--mp-category-accent, var(--mp-color-primary-hover, #f37021)) !important;
  border-radius: 2px !important;
}

.mp-category-bottom-subcategories .mp-subcategories-section {
  margin: 0 !important;
  padding: 0 !important;
}

.mp-category-bottom-desc-box {
  background: #ffffff !important;
  border-radius: 12px !important;
  border: 1px solid #f1f5f9 !important;
  padding: 24px 28px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03) !important;
  position: relative !important;
}

.mp-category-bottom-desc-box #category-description {
  font-size: 13.5px !important;
  line-height: 1.7 !important;
  color: #475569 !important;
  margin: 0 !important;
}

.mp-category-bottom-desc-box #category-description p {
  margin-bottom: 10px !important;
  color: #475569 !important;
}

.mp-category-bottom-desc-box #category-description p:last-child {
  margin-bottom: 0 !important;
}







/* ==========================================================================
   MP KITAP - KUSURSUZ VE ÖZEL PLANLANMIŞ MİNİÜRÜN (MINIPRODUCT) KART DÜZENİ
   - 600x900 Kapak Oranına Uyumlu Özel Boyutlandırma
   - Asla Kırpılma Yok (%100 Görsel Tamlığı - object-fit: contain)
   - 4 Taraftan (Üst, Alt, Sağ, Sol) Tam Dengeli ve Eşit Boşluk
   - Mobilde Üst-Alt Sıfır / Yanlar Boş Hatası Giderildi
   - Gerçekçi Kitap Sırtı & 3D Derinlik Gölgesi
   - Beyaz Kapakların da Belirgin Göründüğü Modern Sahne Zemini
   ========================================================================== */

/* 1. Ürün Kartı Kapsayıcısı */
.mp-product-card.mp-mini-card,
.mp-product-card.mp-mini-style_4,
.mp-product-card {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    overflow: hidden !important;
    position: relative !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}

.mp-product-card.mp-mini-card:hover,
.mp-product-card.mp-mini-style_4:hover,
.mp-product-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 24px -4px rgba(15, 23, 42, 0.12), 0 4px 8px -2px rgba(15, 23, 42, 0.05) !important;
    border-color: #cbd5e1 !important;
}

/* 2. Kitap Görsel Alanı (Sahne) - Doğal 2:3 Kitap Oranı (Kırpılma Yok) */
.mp-card-media.mp-media-book,
.mp-mini-style_4 .mp-card-media {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 2 / 3 !important;
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #f1f5f9 !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 12px 12px 0 0 !important;
}

/* 3. Link ve Görsel Sarmalayıcı */
.mp-card-media .mp-thumbnail-link,
.mp-card-media .mp-img-wrap,
.mp-mini-style_4 .mp-thumbnail-link,
.mp-mini-style_4 .mp-img-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    position: relative !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    overflow: hidden !important;
}

/* Sahte kenar/çizgileri kapat */
.mp-thumbnail-link::before,
.mp-thumbnail-link::after,
.mp-img-wrap::before,
.mp-img-wrap::after {
    display: none !important;
    content: none !important;
}

/* 4. Kitap Kapağı: Kenarları Tam Oturan, Beyaz Boşluksuz ve Dengeli Yükseklikte */
.mp-card-media .mp-product-img,
.mp-mini-style_4 .mp-product-img {
    position: static !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-product-card:hover .mp-product-img {
    transform: scale(1.03) !important;
    box-shadow: none !important;
}

/* 5. Rozetler & Favori Butonu: Kitabın Yazılarını Kapatmayacak Şekilde Köşelere Yerleşim */
.mp-card-media .mp-badges-left,
.mp-mini-style_4 .mp-badges-left {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    align-items: flex-start !important;
    pointer-events: none !important;
}

.mp-card-media .mp-card-fav-floating,
.mp-mini-style_4 .mp-card-fav-floating {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 5 !important;
}

/* 6. Kart Bilgi Alanı (Başlık, Yazar, Yayınevi, Fiyat) */
.mp-card-body,
.mp-mini-card .mp-card-body,
.mp-mini-style_4 .mp-card-body {
    padding: 12px 14px 14px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    background: #ffffff !important;
}

.mp-product-title,
.mp-book-title {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #0f172a !important;
    margin: 0 0 4px 0 !important;
    height: 36px !important;
    max-height: 36px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}

.mp-product-title a,
.mp-book-title a {
    color: #0f172a !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
}

.mp-product-title a:hover,
.mp-book-title a:hover {
    color: #0284c7 !important;
}

.mp-book-author {
    font-size: 12px !important;
    color: #475569 !important;
    margin-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.mp-book-author-name {
    color: #475569 !important;
}

.mp-book-publisher {
    font-size: 11.5px !important;
    color: #94a3b8 !important;
    margin-bottom: 10px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.mp-book-publisher-name {
    color: #94a3b8 !important;
}

.mp-card-bottom-row {
    margin-top: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding-top: 6px !important;
    border-top: 1px dashed #f1f5f9 !important;
}

.mp-price-group {
    display: flex !important;
    flex-direction: column !important;
}

.mp-price-group .mp-old-price {
    font-size: 11.5px !important;
    color: #94a3b8 !important;
    text-decoration: line-through !important;
    line-height: 1.1 !important;
}

.mp-price-group .mp-current-price {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.2 !important;
}

.mp-price-group .mp-sale-price {
    color: #dc2626 !important;
}

/* 7. Mobil Uyum (@media max-width: 767px) */
@media (max-width: 767px) {
    .mp-card-media,
    .mp-card-media.mp-media-book,
    .mp-mini-style_4 .mp-card-media {
        aspect-ratio: 2 / 3 !important;
        height: auto !important;
        max-height: none !important;
        min-height: auto !important;
        padding: 0 !important;
    }
    
    .mp-card-body,
    .mp-mini-card .mp-card-body,
    .mp-mini-style_4 .mp-card-body {
        padding: 10px 10px 12px 10px !important;
    }
    
    .mp-product-title,
    .mp-book-title {
        font-size: 12.5px !important;
        height: 34px !important;
        max-height: 34px !important;
    }
    
    .mp-book-author {
        font-size: 11px !important;
    }
    
    .mp-book-publisher {
        font-size: 10.5px !important;
        margin-bottom: 6px !important;
    }
    
    .mp-price-group .mp-current-price {
        font-size: 13.5px !important;
    }
    
    .mp-card-media .mp-badges-left,
    .mp-mini-card .mp-badges-left,
    .mp-mini-style_4 .mp-badges-left {
        top: 6px !important;
        left: 6px !important;
    }
    
    .mp-card-media .mp-card-fav-floating,
    .mp-mini-card .mp-card-fav-floating,
    .mp-mini-style_4 .mp-card-fav-floating {
        top: 6px !important;
        right: 6px !important;
    }
}



/* =========================================================================
   MP GIDA & GURME - DEDICATED MINIATURE STYLES (STIL 1 & STIL 2)
   ========================================================================= */

/* --- Ortak Gida Kart Yapisi (Stil 1 & Stil 2) --- */
.mp-product-card.mp-mini-style_1,
.mp-product-card.mp-mini-style_2 {
  background: #ffffff !important;
  border: 1px solid #edf2f7 !important;
  border-radius: 14px !important;
  padding: 0 0 12px 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.mp-product-card.mp-mini-style_1:hover,
.mp-product-card.mp-mini-style_2:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.1), 0 4px 12px -2px rgba(15, 23, 42, 0.04) !important;
  border-color: #cbd5e1 !important;
}

/* Gida Gorsel Alani: 1:1 Kare / Dogal Ambalaj Boyutu */
.mp-mini-style_1 .mp-card-media,
.mp-mini-style_2 .mp-card-media,
.mp-mini-style_1 .mp-card-media,
.mp-mini-style_3 .mp-card-media {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 800 / 1067 !important; /* 800-1067 Orantılı */
  height: auto !important;
  max-height: none !important;
  min-height: auto !important;
  background: #f8fafc !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 14px 14px 0 0 !important;
  border: none !important;
  padding: 0 !important; /* Üst kısmı tam kaplayacak */
  margin: 0 !important;
  box-sizing: border-box !important;
}

.mp-mini-style_1 .mp-thumbnail-link,
.mp-mini-style_1 .mp-img-wrap,
.mp-mini-style_2 .mp-thumbnail-link,
.mp-mini-style_2 .mp-img-wrap {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  position: relative !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.mp-mini-style_1 .mp-product-img,
.mp-mini-style_2 .mp-product-img {
  width: auto !important;
  height: auto !important;
  max-width: 94% !important;
  max-height: 94% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  margin: auto !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-mini-style_1:hover .mp-product-img,
.mp-mini-style_2:hover .mp-product-img {
  transform: scale(1.05) !important;
}

/* =========================================================================
   STIL 1: GIDA / DALINDAN KAVANOZA (TAM GENISLIK SEPETE EKLE BUTONLU)
   ========================================================================= */
.mp-mini-style_1 .mp-card-body {
  padding: 10px 12px 4px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
}

.mp-mini-style_1 .mp-product-title {
  font-size: 14.5px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  line-height: 1.35 !important;
  min-height: 38px !important;
  max-height: 38px !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  margin: 0 0 6px 0 !important;
  text-align: left !important;
}

.mp-mini-style_1 .mp-product-title a {
  color: #1e293b !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.mp-mini-style_1 .mp-product-title a:hover {
  color: var(--mp-mini-btn-bg, #026735) !important;
}

.mp-mini-style_1 .mp-price-row {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
  padding: 0 2px !important;
}

.mp-mini-style_1 .mp-current-price {
  color: var(--mp-mini-btn-bg, #026735) !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  letter-spacing: -0.3px !important;
}

.mp-mini-style_1 .mp-old-price {
  color: #94a3b8 !important;
  font-size: 13px !important;
  text-decoration: line-through !important;
}

.mp-mini-style_1 .mp-cart-btn-full-wrap {
  width: 100% !important;
  margin-top: auto !important;
}

.mp-mini-style_1 .mp-btn-full {
  width: 100% !important;
  height: 42px !important;
  background: var(--mp-mini-btn-bg, #026735) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  box-shadow: 0 2px 6px rgba(2, 103, 53, 0.2) !important;
  text-transform: uppercase !important;
}

.mp-mini-style_1 .mp-btn-full:hover {
  background: var(--mp-mini-btn-hover-bg, #014d27) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 14px rgba(2, 103, 53, 0.3) !important;
}

.mp-mini-style_1 .mp-btn-full.mp-btn-oos {
  background: #e2e8f0 !important;
  color: #94a3b8 !important;
  cursor: not-allowed !important;
  box-shadow: none !important;
}

/* =========================================================================
   STIL 2: GIDA & MARKET / STEPPER [- 1 +] VE SEPETE EKLE (RESIM 2)
   ========================================================================= */

/* Sag Ust Rozetler Alani (Cok Satan Rozeti ve Kargo Bedava vb.) */
.mp-badges-right {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  z-index: 8 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 5px !important;
  pointer-events: none !important;
}

.mp-badges-right.mp-has-top-fav {
  right: 44px !important;
}

.mp-badge-bestseller {
  background: #15803d !important;
  color: #ffffff !important;
  font-size: 9.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1px !important;
  padding: 2px 6px !important;
  height: 18px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 3px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.14) !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

.mp-badge-bestseller svg {
  fill: #facc15 !important;
  width: 10px !important;
  height: 10px !important;
  flex-shrink: 0 !important;
}

.mp-badge-kampanya-top-right {
  background: #dc2626; /* Varsayilan kirmizi veya kampanya ozel rengi */
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.2px !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16) !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  text-transform: uppercase !important;
}

/* Sag Alt Koseye Alinmis Eylemler (Favori & Hizli Bakis) */
.mp-mini-style_2 .mp-card-media-actions-bottom-right {
  position: absolute !important;
  bottom: 8px !important;
  right: 8px !important;
  z-index: 8 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Hizli Bakis Butonu: Baslangicta gizli ve saga kaymis (hover ile sagdan sola kayacak) */
.mp-mini-style_2 .mp-action-btn.mp-action-quickview {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(6px) !important;
  border: 1px solid #e2e8f0 !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #1e293b !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateX(18px) !important;
  pointer-events: none !important;
  transition: transform 0.28s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.22s ease, background 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.2s ease !important;
}

/* Sadece Ikon Modu */
.mp-mini-style_2 .mp-action-btn.mp-action-quickview.mp-qv-icon-only {
  width: 32px !important;
  min-width: 32px !important;
  padding: 0 !important;
  border-radius: 50% !important;
}

/* Ikon ve Yazi Modu */
.mp-mini-style_2 .mp-action-btn.mp-action-quickview.mp-qv-icon-text {
  padding: 0 12px !important;
  border-radius: 20px !important;
  gap: 6px !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
}

/* Karta hover yapildiginda: Hizli bakis sagdan sola yumusakca kayar */
.mp-mini-style_2:hover .mp-action-btn.mp-action-quickview {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(0) !important;
  pointer-events: auto !important;
}

.mp-mini-style_2 .mp-action-btn.mp-action-quickview:hover {
  background: #ffffff !important;
  color: #ea580c !important;
  border-color: #fdba74 !important;
  transform: translateX(0) translateY(-1px) scale(1.03) !important;
  box-shadow: 0 4px 12px rgba(234, 88, 12, 0.18) !important;
}

@media (max-width: 991px) {
  .mp-mini-style_2 .mp-action-btn.mp-action-quickview {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
    pointer-events: auto !important;
  }
}

.mp-mini-style_2 .mp-card-fav-wrap .mp-btn-wishlist-heart {
  background: rgba(255, 255, 255, 0.94) !important;
  backdrop-filter: blur(6px) !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #64748b !important;
  cursor: pointer !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
  transition: all 0.2s ease !important;
}

.mp-mini-style_2 .mp-card-fav-wrap .mp-btn-wishlist-heart:hover,
.mp-mini-style_2 .mp-card-fav-wrap .mp-btn-wishlist-heart.active {
  background: #ffffff !important;
  color: #ef4444 !important;
  border-color: #fca5a5 !important;
  transform: scale(1.06) !important;
}

/* Stil 2 Govde */
.mp-mini-style_2 .mp-card-body {
  padding: 10px 12px 10px 12px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
}

/* Urun Basligi: Ortali, max 2 satir, 1-2px buyuk (15.5px) */
.mp-mini-style_2 .mp-product-title,
.mp-mini-style_2 .mp-product-title.mp-title-centered,
.mp-mini-card .mp-product-title.mp-title-centered {
  text-align: center !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  min-height: 42px !important;
  max-height: 42px !important;
  line-height: 1.35 !important;
  overflow: hidden !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  margin: 4px 0 6px 0 !important;
}

.mp-mini-style_2 .mp-product-title a,
.mp-mini-card .mp-product-title.mp-title-centered a {
  color: #0f172a !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.mp-mini-style_2 .mp-product-title a:hover,
.mp-mini-card .mp-product-title.mp-title-centered a:hover {
  color: #ea580c !important;
}

/* Fiyat Satiri: Ortali ve dengeli bosluklar */
.mp-mini-style_2 .mp-price-row,
.mp-mini-style_2 .mp-price-row.mp-price-centered {
  display: flex !important;
  justify-content: center !important;
  align-items: baseline !important;
  gap: 8px !important;
  margin: 4px 0 10px 0 !important;
  text-align: center !important;
}

.mp-mini-style_2 .mp-current-price {
  font-size: 21px !important;
  font-weight: 800 !important;
  color: #dc2626 !important;
  letter-spacing: -0.3px !important;
}

.mp-mini-style_2 .mp-old-price {
  font-size: 13.5px !important;
  color: #94a3b8 !important;
  text-decoration: line-through !important;
}

/* Stepper [- 1 +] ve Buton Satiri */
.mp-mini-style_2 .mp-stepper-cart-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
  margin: 0 !important;
}

.mp-mini-style_2 .mp-mini-stepper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  height: 42px !important;
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 8px !important;
  flex: 0 0 88px !important;
  width: 88px !important;
  min-width: 88px !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.mp-mini-style_2 .mp-mini-qty-btn {
  width: 28px !important;
  height: 100% !important;
  background: transparent !important;
  border: none !important;
  color: #15803d !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 !important;
  user-select: none !important;
  transition: background 0.15s ease, color 0.15s ease !important;
}

.mp-mini-style_2 .mp-mini-qty-btn:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

/* Number Spinners Tamamen Kaldirildi */
.mp-mini-qty-val::-webkit-outer-spin-button,
.mp-mini-qty-val::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0 !important;
  display: none !important;
}
.mp-mini-qty-val {
  -moz-appearance: textfield !important;
  appearance: textfield !important;
}

.mp-mini-style_2 .mp-mini-qty-val {
  width: 32px !important;
  height: 100% !important;
  border: none !important;
  background: transparent !important;
  text-align: center !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  padding: 0 !important;
  outline: none !important;
  pointer-events: none !important;
}

.mp-mini-style_2 .mp-btn-stepper-submit {
  flex: 1 1 auto !important;
  height: 42px !important;
  background: #ea580c !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  white-space: nowrap !important;
  box-shadow: 0 3px 10px rgba(234, 88, 12, 0.25) !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Stepper kapaliysa buton tam genislik kaplar */
.mp-mini-style_2 .mp-stepper-cart-row.mp-row-no-stepper,
.mp-mini-style_2 .mp-btn-stepper-submit.mp-btn-full-width {
  width: 100% !important;
  flex: 1 1 100% !important;
}

.mp-mini-style_2 .mp-btn-stepper-submit:hover {
  background: #c2410c !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 5px 14px rgba(234, 88, 12, 0.35) !important;
}

.mp-mini-style_2 .mp-btn-stepper-submit:active {
  transform: translateY(0) !important;
}


/* =========================================================================
   MP THEME - PRODUCT CARD & CATEGORY GRID DEFINITIVE FIXES
   ========================================================================= */

/* 1. Tum Urun Kartlarinda Beyaz/Saydam Arka Plan (Gri Zemin Kesinlikle Yok) */
.mp-product-card,
.mp-mini-card,
.mp-mini-style_1,
.mp-mini-style_2,
.mp-mini-style_3 {
    background: #ffffff !important;
    background-color: #ffffff !important;
}

.mp-mini-style_1 .mp-card-media,
.mp-mini-style_2 .mp-card-media,
.mp-product-card.mp-mini-style_4 .mp-card-media {
    background: #ffffff !important;
    background-color: #ffffff !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    max-height: none !important;
    min-height: 180px !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    padding: 10px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mp-card-media .mp-thumbnail-link,
.mp-card-media .mp-img-wrap,
.mp-card-media picture,
.mp-card-media img,
.mp-mini-style_1 .mp-thumbnail-link,
.mp-mini-style_2 .mp-thumbnail-link,
.mp-mini-style_1 .mp-img-wrap,
.mp-mini-style_2 .mp-img-wrap {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.mp-mini-style_1 .mp-product-img,
.mp-mini-style_2 .mp-product-img {
    max-width: 95% !important;
    max-height: 95% !important;
    object-fit: contain !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* 2. Urun Basliklari: Ortali, 2 Satir, Estetik Tipografi */
.mp-mini-style_1 .mp-product-title,
.mp-mini-style_2 .mp-product-title,
.mp-product-title.mp-title-centered,
.mp-mini-style_1 .mp-product-title a,
.mp-mini-style_2 .mp-product-title a,
.mp-product-title.mp-title-centered a {
    text-align: center !important;
    justify-content: center !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin: 4px 0 6px 0 !important;
}

.mp-mini-style_1 .mp-product-title a:hover,
.mp-mini-style_2 .mp-product-title a:hover,
.mp-product-title.mp-title-centered a:hover {
    color: var(--mp-btn-color, #455639) !important;
}

/* 3. Fiyat Satiri: Ortali & Dengeli */
.mp-mini-style_1 .mp-price-row,
.mp-mini-style_2 .mp-price-row,
.mp-price-row.mp-price-centered {
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    text-align: center !important;
    gap: 8px !important;
    margin: 0 0 10px 0 !important;
}

/* 4. Stepper & Buton Ayarlari */
.mp-mini-style_2 .mp-btn-stepper-submit {
    background: var(--mp-btn-color, #455639) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.25) !important;
}

.mp-mini-style_2 .mp-btn-stepper-submit:hover {
    background: var(--mp-btn-hover-color, #AF9C4B) !important;
    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.35) !important;
}

.mp-mini-style_2 .mp-stepper-cart-row.mp-row-no-stepper,
.mp-mini-style_2 .mp-btn-stepper-submit.mp-btn-full-width {
    width: 100% !important;
    flex: 1 1 100% !important;
}

.mp-mini-style_2 .mp-btn-cart-circle {
    width: 42px !important;
    height: 42px !important;
    border-radius: 50% !important;
    background: var(--mp-btn-color, #455639) !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: none !important;
    cursor: pointer !important;
    margin: 0 auto !important;
    transition: transform 0.2s ease, background 0.2s ease !important;
}
.mp-mini-style_2 .mp-btn-cart-circle:hover {
    background: var(--mp-btn-hover-color, #AF9C4B) !important;
    transform: scale(1.06) !important;
}

/* 5. Masaustu Kolon Sayisi Kurallari (3, 4, 5, 6 Sutun) */
.mp-products-grid.mp-cols-3,
.products.mp-products-grid.mp-cols-3,
.mp-products-grid.cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px 18px !important;
}

.mp-products-grid.mp-cols-4,
.products.mp-products-grid.mp-cols-4,
.mp-products-grid.cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px 16px !important;
}

.mp-products-grid.mp-cols-5,
.products.mp-products-grid.mp-cols-5,
.mp-products-grid.cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px 14px !important;
}

.mp-products-grid.mp-cols-6,
.products.mp-products-grid.mp-cols-6,
.mp-products-grid.cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 16px 12px !important;
}

@media (max-width: 1400px) {
    .products.mp-products-grid.mp-cols-6, .products.mp-products-grid.cols-6,
    .mp-products-grid.mp-cols-6, .mp-products-grid.cols-6 {
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 1200px) {
    .products.mp-products-grid.mp-cols-6, .products.mp-products-grid.cols-6,
    .products.mp-products-grid.mp-cols-5, .products.mp-products-grid.cols-5,
    .mp-products-grid.mp-cols-6, .mp-products-grid.cols-6,
    .mp-products-grid.mp-cols-5, .mp-products-grid.cols-5 {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 991px) {
    .products.mp-products-grid.mp-cols-6, .products.mp-products-grid.cols-6,
    .products.mp-products-grid.mp-cols-5, .products.mp-products-grid.cols-5,
    .products.mp-products-grid.mp-cols-4, .products.mp-products-grid.cols-4,
    .mp-products-grid.mp-cols-6, .mp-products-grid.cols-6,
    .mp-products-grid.mp-cols-5, .mp-products-grid.cols-5,
    .mp-products-grid.mp-cols-4, .mp-products-grid.cols-4 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 768px) {
    #mp-products-container,
    .products.mp-products-grid,
    .products.mp-products-grid.mp-cols-6, .products.mp-products-grid.cols-6,
    .products.mp-products-grid.mp-cols-5, .products.mp-products-grid.cols-5,
    .products.mp-products-grid.mp-cols-4, .products.mp-products-grid.cols-4,
    .products.mp-products-grid.mp-cols-3, .products.mp-products-grid.cols-3,
    .products.mp-products-grid.mp-cols-2, .products.mp-products-grid.cols-2,
    .mp-products-grid.mp-cols-6, .mp-products-grid.cols-6,
    .mp-products-grid.mp-cols-5, .mp-products-grid.cols-5,
    .mp-products-grid.mp-cols-4, .mp-products-grid.cols-4,
    .mp-products-grid.mp-cols-3, .mp-products-grid.cols-3 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 8px !important;
    }
}


/* ==========================================================================
   MP E-TİCARET: 800-1067 ORANTILI ÜSTÜ TAM KAPLAYAN MİNİPRODUCT TASARIMI
   ========================================================================== */

/* 1. KART ÇERÇEVESİ (Üst kısım sıfır padding ile görselin tam oturmasını sağlar) */
.mp-product-card.mp-mini-card,
.mp-products-grid .mp-product-card,
:is(.mp-product-col, .mp-similar-item) .mp-product-card.mp-mini-card {
    background: #ffffff !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 14px !important;
    padding: 0 0 14px 0 !important; /* Üst, sol, sağ padding sıfır */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-product-card.mp-mini-card:hover,
.mp-products-grid .mp-product-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 12px 28px -4px rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-3px) !important;
}

/* 2. GÖRSEL ALANI: 800-1067 ORANTILI VE ÜST KISMI TAM KAPLAYAN ÇERÇEVE */
.mp-product-card .mp-card-media,
.mp-mini-card .mp-card-media,
.mp-mini-style_1 .mp-card-media,
.mp-mini-style_2 .mp-card-media,
.mp-mini-style_3 .mp-card-media,
.mp-product-card:not(.mp-mini-style_4) .mp-card-media {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 800 / 1067 !important; /* 800-1067 orantısı */
    height: auto !important;
    max-height: none !important;
    min-height: auto !important;
    padding: 0 !important; /* Sıfır iç boşluk */
    margin: 0 !important;
    background: #f8fafc !important;
    border: none !important;
    border-bottom: 1px solid #f1f5f9 !important;
    border-radius: 14px 14px 0 0 !important; /* Kart üst köşeleri ile tam uyumlu */
    overflow: hidden !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* Link ve Picture Kapsayıcıları */
.mp-product-card .mp-thumbnail-link,
.mp-product-card .mp-img-wrap,
.mp-mini-card .mp-thumbnail-link,
.mp-mini-card .mp-img-wrap,
.mp-mini-style_1 .mp-thumbnail-link,
.mp-mini-style_2 .mp-thumbnail-link,
.mp-mini-style_3 .mp-thumbnail-link,
.mp-mini-style_1 .mp-img-wrap,
.mp-mini-style_2 .mp-img-wrap,
.mp-mini-style_3 .mp-img-wrap {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Ürün Görseli: Üst alanı tam kaplar (object-fit: cover) */
.mp-product-card .mp-product-img,
.mp-mini-card .mp-product-img,
.mp-mini-style_1 .mp-product-img,
.mp-mini-style_2 .mp-product-img,
.mp-mini-style_3 .mp-product-img,
.mp-product-card:not(.mp-mini-style_4) .mp-product-img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important; /* Üst alanı tam doldurur */
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-product-card:hover .mp-product-img.mp-img-primary {
    transform: scale(1.04) !important;
}

/* 3. ROZETLER (Sol ve Sağ Üst Köşelere Şık Hizalama) */
.mp-product-card .mp-badges-left {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;
    pointer-events: none !important;
}
.mp-product-card .mp-badges-left > * {
    pointer-events: auto !important;
}

.mp-product-card .mp-badges-right {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 5 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 6px !important;
    pointer-events: none !important;
}
.mp-product-card .mp-badges-right > * {
    pointer-events: auto !important;
}

/* 4. MEDYA İÇİ BUTONLAR: SAĞ ALT KÖŞE (Favori Kalp & Hızlı Bakış) */
.mp-card-media-actions-bottom-right {
    position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.mp-card-media-actions-bottom-right .mp-btn-wishlist-heart,
.mp-card-fav-wrap .mp-btn-wishlist-heart {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease !important;
}

.mp-card-media-actions-bottom-right .mp-btn-wishlist-heart:hover {
    transform: scale(1.08) !important;
    color: #ef4444 !important;
    background: #ffffff !important;
}

.mp-card-media-actions-bottom-right .mp-action-btn.mp-action-quickview {
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1) !important;
    height: 36px !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #1e293b !important;
    cursor: pointer !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(10px) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-card-media-actions-bottom-right .mp-action-btn.mp-action-quickview svg {
    display: block !important;
    stroke: #1e293b !important;
    color: #1e293b !important;
}

.mp-product-card:hover .mp-card-media-actions-bottom-right .mp-action-btn.mp-action-quickview {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
}

/* 5. KART GÖVDESİ (Başlık, Fiyat, Stepper & Sepet Butonu) */
.mp-product-card .mp-card-body,
.mp-product-card.mp-mini-card .mp-card-body,
:is(.mp-product-col, .mp-similar-item) .mp-product-card.mp-mini-card .mp-card-body {
    padding: 12px 14px 0 14px !important;
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
}

.mp-product-card .mp-product-title,
.mp-product-title.mp-title-centered,
.mp-product-card .mp-product-title a,
.mp-product-title.mp-title-centered a {
    text-align: center !important;
    justify-content: center !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin: 4px 0 8px 0 !important;
}

.mp-product-card .mp-price-row,
.mp-price-row.mp-price-centered {
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin: 0 0 10px 0 !important;
}


/* ==========================================================================
   MP E-TICARET GLOBAL MINIPRODUCT HARMONY (CATEGORY, HOME & PRODUCT DETAIL)
   ========================================================================== */

/* 1. KART TEMEL KAPSAYICISI (800:1067 Oran, Kenarlar ve Dzen) */
.mp-product-card.mp-mini-card,
.mp-products-grid .mp-product-card,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-product-card.mp-mini-card,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-product-card {
    background: #ffffff !important;
    border: 1px solid #eef2f6 !important;
    border-radius: 14px !important;
    padding: 0 !important; /* st, alt, sa, sol kart i boluu sfr */
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important; /* Dar tamay kesinlikle engeller */
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    height: 100% !important;
}

:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-product-card.mp-mini-card:hover,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-product-card:hover {
    border-color: #cbd5e1 !important;
    box-shadow: 0 12px 28px -4px rgba(0, 0, 0, 0.08), 0 4px 12px -2px rgba(0, 0, 0, 0.04) !important;
    transform: translateY(-2px) !important;
}

/* 2. MEDYA ALANI & GRSEL (800 / 1067 Aspect-Ratio) */
.mp-product-card .mp-card-media,
.mp-mini-card .mp-card-media,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-card-media {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 800 / 1067 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: #f8fafc !important;
    border: none !important;
    display: block !important;
    overflow: hidden !important;
}

.mp-product-card .mp-thumbnail-link,
.mp-product-card .mp-img-wrap,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-thumbnail-link,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-img-wrap {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
}

.mp-product-card .mp-product-img,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-product-img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 800 / 1067 !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.mp-product-card:hover .mp-product-img {
    transform: scale(1.04) !important;
}

/* Placeholder Kutu (Resim Olmayan rnler iin) */
.mp-placeholder-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #f1f5f9 !important;
    width: 100% !important;
    height: 100% !important;
}
.mp-placeholder-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    color: #94a3b8 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    text-align: center !important;
    padding: 10px !important;
}

/* 3. ROZETLER: Sol st ve Sa st */
.mp-badges-left {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    z-index: 6 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
}

.mp-badges-right {
    position: absolute !important;
    top: 8px !important;
    right: 8px !important;
    z-index: 6 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 5px !important;
}

/* 4. MEDYA EYLEMLER: SA ALT KE (FAVOR KALP & HIZLI BAKI BUTONU) */
.mp-card-media-actions-bottom-right,
.mp-mini-style_2 .mp-card-media-actions-bottom-right {
    position: absolute !important;
    bottom: 8px !important;
    right: 8px !important;
    z-index: 8 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Favori Kalp Butonu (En Sada Yuvarlak) */
.mp-card-media-actions-bottom-right .mp-btn-wishlist-heart,
.mp-card-fav-wrap .mp-btn-wishlist-heart {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    cursor: pointer !important;
    padding: 0 !important;
    transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease !important;
}

.mp-card-media-actions-bottom-right .mp-btn-wishlist-heart:hover,
.mp-card-fav-wrap .mp-btn-wishlist-heart:hover {
    transform: scale(1.08) !important;
    color: #ef4444 !important;
    background: #ffffff !important;
}

/* Hzl Bak Butonu (Hover ile Sadan Sola Doru Kayar) */
.mp-card-media-actions-bottom-right .mp-action-btn.mp-action-quickview,
.mp-mini-style_2 .mp-action-btn.mp-action-quickview {
    background: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 1px solid #e2e8f0 !important;
    height: 34px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #1e293b !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(10px) !important;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    padding: 0 12px !important;
    border-radius: 17px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    gap: 6px !important;
}

.mp-card-media-actions-bottom-right .mp-action-btn.mp-action-quickview svg,
.mp-mini-style_2 .mp-action-btn.mp-action-quickview svg {
    display: block !important;
    stroke: #1e293b !important;
    color: #1e293b !important;
    width: 15px !important;
    height: 15px !important;
}

.mp-product-card:hover .mp-action-btn.mp-action-quickview,
.mp-product-card:hover .mp-card-media-actions-bottom-right .mp-action-btn.mp-action-quickview,
.mp-product-card.mp-mini-style_2:hover .mp-action-btn.mp-action-quickview,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item):hover .mp-action-btn.mp-action-quickview {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) !important;
    pointer-events: auto !important;
}

.mp-card-media-actions-bottom-right .mp-action-btn.mp-action-quickview:hover,
.mp-mini-style_2 .mp-action-btn.mp-action-quickview:hover {
    background: #0f172a !important;
    color: #ffffff !important;
    border-color: #0f172a !important;
}
.mp-card-media-actions-bottom-right .mp-action-btn.mp-action-quickview:hover svg,
.mp-mini-style_2 .mp-action-btn.mp-action-quickview:hover svg {
    stroke: #ffffff !important;
    color: #ffffff !important;
}

/* 5. KART GVDES (Balk, Fiyat & Sepete Ekle Butonu) */
.mp-product-card .mp-card-body,
.mp-product-card.mp-mini-card .mp-card-body,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-product-card.mp-mini-card .mp-card-body {
    padding: 12px 14px 14px 14px !important; /* Alt tarafta net 14px boluk */
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
}

.mp-product-card .mp-product-title,
.mp-product-title.mp-title-centered,
.mp-product-card .mp-product-title a,
.mp-product-title.mp-title-centered a {
    text-align: center !important;
    justify-content: center !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.35 !important;
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    margin: 4px 0 8px 0 !important;
    text-decoration: none !important;
}

.mp-product-card .mp-price-row,
.mp-price-row.mp-price-centered {
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    gap: 8px !important;
    margin: 0 0 12px 0 !important;
}

/* 6. STEPPER & SEPETE EKLE BUTONU - KUSURSUZ HZALAMA */
.mp-stepper-cart-wrap {
    margin-top: auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.mp-stepper-cart-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Adet Seici Stepper ([- 1 +]) */
.mp-mini-stepper {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 40px !important;
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 8px !important;
    flex: 0 0 92px !important;
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.mp-mini-qty-btn {
    width: 28px !important;
    min-width: 28px !important;
    height: 38px !important;
    background: transparent !important;
    border: none !important;
    color: #1e293b !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    user-select: none !important;
    padding: 0 !important;
    line-height: 1 !important;
}
.mp-mini-qty-btn:hover {
    background: #e2e8f0 !important;
}

.mp-mini-qty-val {
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    height: 38px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding: 0 !important;
    user-select: none !important;
    outline: none !important;
}

/* SEPETE EKLE BUTONU */
.mp-btn-stepper-submit {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    height: 40px !important;
    background: var(--mp-btn-color, #455639) !important;
    border: none !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    padding: 0 12px !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 6px rgba(234, 88, 12, 0.25) !important;
}

.mp-btn-stepper-submit:hover {
    background: var(--mp-btn-hover-color, #AF9C4B) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 14px rgba(234, 88, 12, 0.35) !important;
    color: #ffffff !important;
}

/* Stepper kapalysa veya Tam Genilik Modunda */
.mp-stepper-cart-row.mp-row-no-stepper,
.mp-btn-stepper-submit.mp-btn-full-width,
.mp-stepper-cart-row.mp-row-no-stepper .mp-btn-stepper-submit {
    width: 100% !important;
    flex: 1 1 100% !important;
}

/* 7. RN DETAY BENZER & OK SATANLAR ZEL SLIDER UYUMLULUK */
.mp-similar-item {
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}
.mp-similar-item .mp-product-col {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.mp-similar-mode-slider .mp-similar-track {
    align-items: stretch !important;
    padding: 8px 4px 24px 4px !important;
}

/* Kitap Miniproduct (Stil 4) Özel Çok Satan Konumu: Sağ Alt Köşe */
.mp-mini-style_4 .mp-card-media .mp-badges-right,
.mp-mini-style_4 .mp-media-book .mp-badges-right,
.mp-badges-book-bottom {
  top: auto !important;
  bottom: 8px !important;
  right: 8px !important;
  left: auto !important;
  z-index: 8 !important;
}
.mp-mini-style_4 .mp-badges-right.mp-has-top-fav,
.mp-badges-book-bottom.mp-has-top-fav {
  right: 8px !important;
}
@media (max-width: 767px) {
  .mp-mini-style_4 .mp-card-media .mp-badges-right,
  .mp-mini-style_4 .mp-media-book .mp-badges-right,
  .mp-badges-book-bottom {
    top: auto !important;
    bottom: 6px !important;
    right: 6px !important;
  }
  .mp-mini-style_4 .mp-badges-right.mp-has-top-fav,
  .mp-badges-book-bottom.mp-has-top-fav {
    right: 6px !important;
  }
}
/* ==========================================================================
   ENFES EV LEZZETLERİ - SEPETE EKLE BUTON RENGİ (#455639 & #AF9C4B)
   ========================================================================== */
.mp-mini-card .mp-btn-stepper-submit,
.mp-mini-card .mp-btn-full,
.mp-btn-stepper-submit,
.mp-btn-full,
.mp-mini-style_2 .mp-btn-stepper-submit,
.mp-mini-style_1 .mp-btn-full,
button.ajax_add_to_cart_button,
.add-to-cart-or-refresh button[type="submit"] {
    background: #455639 !important;
    background-color: #455639 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 800 !important;
    box-shadow: 0 2px 6px rgba(69, 86, 57, 0.28) !important;
    transition: all 0.25s ease !important;
}

.mp-mini-card .mp-btn-stepper-submit:hover,
.mp-mini-card .mp-btn-full:hover,
.mp-btn-stepper-submit:hover,
.mp-btn-full:hover,
.mp-mini-style_2 .mp-btn-stepper-submit:hover,
.mp-mini-style_1 .mp-btn-full:hover,
button.ajax_add_to_cart_button:hover,
.add-to-cart-or-refresh button[type="submit"]:hover {
    background: #AF9C4B !important;
    background-color: #AF9C4B !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(175, 156, 75, 0.38) !important;
    transform: translateY(-1px) !important;
}

/* Kargo Bedava rozeti: logosuz ve kompakt */
.mp-badge-kampanya-top-right.mp-badge-shipping,
.mp-badge-kampanya-top-left.mp-badge-shipping,
.mp-badge-shipping,
.mp-badge-kampanya-top-right,
.mp-badge-kampanya-top-left {
  padding: 2px 7px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  height: 18px !important;
  line-height: 18px !important;
  border-radius: 4px !important;
  letter-spacing: 0.1px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12) !important;
  max-width: fit-content !important;
  white-space: nowrap !important;
}
.mp-badge-shipping svg,
.mp-badge-kampanya-top-right.mp-badge-shipping svg,
.mp-badge-kampanya-top-left.mp-badge-shipping svg {
  display: none !important;
}

/* Ana Sayfa Ürünleri Kesinlikle 5 Sütun (6 değil) */
.mp-category-showcase-box .mp-products-grid,
.mp-custom-showcase-box .mp-products-grid,
.mp-homepage-modular .mp-products-grid {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 18px 14px !important;
}

@media (max-width: 1200px) {
  .mp-category-showcase-box .mp-products-grid,
  .mp-custom-showcase-box .mp-products-grid,
  .mp-homepage-modular .mp-products-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991px) {
  .mp-category-showcase-box .mp-products-grid,
  .mp-custom-showcase-box .mp-products-grid,
  .mp-homepage-modular .mp-products-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  .mp-category-showcase-box .mp-products-grid,
  .mp-custom-showcase-box .mp-products-grid,
  .mp-homepage-modular .mp-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

/* ==========================================================================
   ÜRÜN KARTI: BAŞLIK VE FİYAT ARASI MESAFE KONTROLÜ (SIKI VE DENGELİ)
   ========================================================================== */
.mp-product-card .mp-card-body,
.mp-product-card.mp-mini-card .mp-card-body,
.mp-mini-style_1 .mp-card-body,
.mp-mini-style_2 .mp-card-body,
.mp-mini-style_3 .mp-card-body,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-product-card.mp-mini-card .mp-card-body {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    padding: 10px 12px 12px 12px !important;
    gap: 0 !important;
    box-sizing: border-box !important;
}

.mp-product-card .mp-product-title,
.mp-product-title.mp-title-centered,
.mp-mini-style_1 .mp-product-title,
.mp-mini-style_2 .mp-product-title,
.mp-product-card .mp-product-title a,
.mp-product-title.mp-title-centered a {
    margin: 2px 0 4px 0 !important;
    min-height: 38px !important;
    max-height: 38px !important;
    line-height: 1.3 !important;
    padding: 0 !important;
}

.mp-product-card .mp-price-row,
.mp-price-row.mp-price-centered,
.mp-mini-style_1 .mp-price-row,
.mp-mini-style_2 .mp-price-row {
    margin: 2px 0 10px 0 !important;
    padding: 0 !important;
    gap: 6px !important;
}

.mp-stepper-cart-wrap,
.mp-cart-btn-full-wrap,
.mp-mini-style_1 .mp-cart-btn-full-wrap,
.mp-mini-style_2 .mp-stepper-cart-wrap {
    margin-top: auto !important;
}

/* ==========================================================================
   ÜRÜN KARTI: BAŞLIK VE FİYAT ARASI MESAFE TAM DÜZELTME
   ========================================================================== */
.mp-product-card,
.mp-product-card.mp-mini-card,
.mp-products-grid .mp-product-card,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-product-card {
    justify-content: flex-start !important;
}

.mp-product-card .mp-card-body,
.mp-product-card.mp-mini-card .mp-card-body,
.mp-mini-style_1 .mp-card-body,
.mp-mini-style_2 .mp-card-body,
.mp-mini-style_3 .mp-card-body,
:is(.mp-product-col, .mp-similar-item, .mp-carousel-item) .mp-product-card.mp-mini-card .mp-card-body {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    padding: 8px 12px 12px 12px !important;
    gap: 0 !important;
    box-sizing: border-box !important;
}

.mp-product-card .mp-product-title,
.mp-product-title.mp-title-centered,
.mp-mini-style_1 .mp-product-title,
.mp-mini-style_2 .mp-product-title,
.mp-product-card .mp-product-title a,
.mp-product-title.mp-title-centered a {
    margin: 2px 0 2px 0 !important;
    min-height: 36px !important;
    max-height: 36px !important;
    line-height: 1.25 !important;
    padding: 0 !important;
}

.mp-product-card .mp-price-row,
.mp-price-row.mp-price-centered,
.mp-mini-style_1 .mp-price-row,
.mp-mini-style_2 .mp-price-row {
    margin: 2px 0 8px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

.mp-stepper-cart-wrap,
.mp-cart-btn-full-wrap,
.mp-mini-style_1 .mp-cart-btn-full-wrap,
.mp-mini-style_2 .mp-stepper-cart-wrap {
    margin-top: auto !important;
    margin-bottom: 0 !important;
}

/* ==========================================================================
   ÜRÜN BİLGİ GRUBU (BAŞLIK + FİYAT BİRBİRİNE YAKIN, KUSURSUZ MESAFE)
   ========================================================================== */
.mp-card-info-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    gap: 4px !important;
    margin-top: 2px !important;
    margin-bottom: 8px !important;
}

.mp-card-info-group .mp-product-title,
.mp-card-info-group .mp-product-title.mp-title-centered,
.mp-card-info-group .mp-product-title a {
    margin: 0 !important;
    padding: 0 !important;
    min-height: 38px !important;
    max-height: 38px !important;
    height: auto !important;
    line-height: 1.3 !important;
    text-align: center !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.mp-card-info-group .mp-price-row,
.mp-card-info-group .mp-price-row.mp-price-centered {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: baseline !important;
    gap: 6px !important;
}