/**
 * 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: space-between !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-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: 12px !important;
  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;
}

/* Kart Görsel Alanı */
.mp-mini-card .mp-card-media {
  position: relative !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  background-color: #f8fafc !important;
  width: 100% !important;
  aspect-ratio: 800 / 1067 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.mp-mini-card .mp-thumbnail-link {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  position: relative !important;
  overflow: hidden !important;
}

.mp-mini-card .mp-img-wrap {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.mp-mini-card .mp-product-img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease !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;
}

.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-card .mp-product-title {
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1e293b !important;
  margin: 4px 0 10px 0 !important;
  line-height: 1.35 !important;
}

.mp-mini-card .mp-product-title a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.15s ease !important;
}

.mp-mini-card .mp-product-title a:hover {
  color: #026735 !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;
}

.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: #026735 !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;
}

.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;
}

/* -------------------------------------------------------------------------
   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 !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;
}

.mp-mini-style_3 .mp-product-title a {
  color: inherit !important;
  text-decoration: none !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-bottom: 0 !important;
  text-align: center !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;
  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;
  transition: transform 0.25s ease !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;
}