.theme-product-box-content .theme-product-image-area[data-zs-image-container]::after{
    background: none;
}

 .theme-product-filter-box [data-zs-filter-option-values-wrapper] {
        max-height: 300px;
        overflow-y: auto;
        overflow-x: hidden;
    }

/* === WALLNUT MART — PRODUCT DETAIL FULL WIDTH FIX === */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.theme-prod-details-specification-ratings .theme-prod-detail-tab-content {
  padding: 24px 0 !important;
  background: #ffffff !important;
}

.theme-prod-details-specification-ratings .zpcontainer,
.theme-prod-details-specification-ratings .zp-container,
.theme-prod-details-specification-ratings > div,
.theme-prod-details-specification-ratings .theme-product-description {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

.theme-prod-details-specification-ratings {
  width: 100% !important;
  max-width: 100% !important;
}

.theme-prod-detail-tab-content table {
  width: 100% !important;
  max-width: 100% !important;
}

.theme-prod-detail-tab-content * {
  font-family: 'Poppins', sans-serif !important;
}

/* THE fix — paste this below everything in your Custom CSS editor */

.theme-prod-details-specification-ratings > .theme-product-description {
  flex: 1 1 100%;
  min-width: 0;
}

.theme-prod-detail-tab-content,
.theme-prod-detail-content-info-container {
  width: 100%;
}

.theme-prod-detail-content-info-container { width: 100% !important; }

/* ============================================================
   WALLNUT MART — Product Description Responsive System
   SAFE APPEND: paste at the very BOTTOM of your Custom CSS
   Does NOT touch any existing rules above.
   Works globally on ALL product pages using wn-* classes.
   ============================================================ */

/* Desktop default: 4-col stats, 2-col video+features */
.wn-stat-cell { width: 25%; }
.wn-video-col { width: 44%; display: table-cell; }
.wn-features-col { width: 56%; display: table-cell; }

/* Mobile: stack everything at 600px and below */
@media screen and (max-width: 600px) {

  /* Stats: 4-col → 2x2 grid */
  .wn-stat-cell {
    width: 50% !important;
  }

  /* Collapse stat label font so it doesn't wrap */
  .wn-stat-cell .wn-label {
    font-size: 7px !important;
    letter-spacing: 1px !important;
  }

  /* Video + Features: side-by-side → stacked */
  .wn-video-col,
  .wn-features-col {
    display: block !important;
    width: 100% !important;
  }

  /* Swap left border to top border when stacked */
  .wn-features-col {
    border-left: none !important;
    border-top: 3px solid #90b42d !important;
  }

  /* TDS bar: inline → stacked */
  .wn-tds-inner td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    padding-left: 0 !important;
    white-space: normal !important;
  }

  .wn-tds-inner td a {
    display: block !important;
    text-align: center !important;
    margin-top: 10px !important;
  }
}