
/* Batch 92 — TWS grid text-overlap guard.
   Keep the shared card renderer, but make text slots resilient to Thai wrapping. */
#audioPage.is-grid .category-card-body{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  height:auto!important;
  overflow:visible!important;
}
#audioPage.is-grid .category-card-brand{
  display:block!important;
  height:1.45em!important;
  min-height:1.45em!important;
  max-height:1.45em!important;
  line-height:1.45!important;
  margin:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#audioPage.is-grid .category-card-title{
  display:-webkit-box!important;
  height:3.05em!important;
  min-height:3.05em!important;
  max-height:3.05em!important;
  line-height:1.5!important;
  margin:6px 0 0!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}
#audioPage.is-grid .category-card-specs{
  display:-webkit-box!important;
  height:3.2em!important;
  min-height:3.2em!important;
  max-height:3.2em!important;
  line-height:1.55!important;
  margin:9px 0 0!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  overflow-wrap:anywhere!important;
}
#audioPage.is-grid .category-card-price{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  height:auto!important;
  min-height:3.55em!important;
  margin:12px 0 0!important;
  line-height:1.15!important;
  overflow:visible!important;
}
#audioPage.is-grid .category-card-price small{
  display:block!important;
  position:static!important;
  margin:0 0 4px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
#audioPage.is-grid .category-card-price{
  font-size:inherit!important;
}

/* Batch 96 — Universal Compare View Isolation Contract
   A compare-selection CTA must only exist on catalog selection screens.
   Any current or future category registered with .universal-compare-bar / *CompareBar
   is force-hidden while a compare view is open. */
body.compare-view-open .universal-compare-bar,
body.compare-view-open #compareFloating,
body.compare-view-open [data-compare-floating],
body.compare-view-open [id$="CompareBar"]{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
/* Batch 107 — Compare CTA state contract: floating CTA is opt-in, never stale. */
body:not(.compare-view-open) .universal-compare-bar.hidden,
body:not(.compare-view-open) #compareFloating.hidden{
  display:none !important;
}

/* Batch 130 — universal Know Before Buy insight design */
.product-page-section.kbb-section{position:relative;overflow:hidden;border-color:#f0d8d0;background:linear-gradient(180deg,#fffaf8 0%,#fff 100%);padding-top:20px}
.product-page-section.kbb-section:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-55px;top:-55px;background:rgba(244,96,67,.07);pointer-events:none}
.product-page-section.kbb-section h2{display:flex;align-items:center;gap:9px;margin-bottom:14px}
.product-page-section.kbb-section h2:before{content:"✓";display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#f46043;color:#fff;font-size:.86rem;font-weight:950}
.product-page-section.kbb-section .know-list{gap:0}
.product-page-section.kbb-section .know-v2-item{position:relative;padding:15px 14px 15px 48px;border:0;border-radius:0;background:transparent}
.product-page-section.kbb-section .know-v2-item+ .know-v2-item{border-top:1px solid #f1e5e1}
.product-page-section.kbb-section .know-v2-item:before{content:counter(kbb,decimal-leading-zero);counter-increment:kbb;display:grid;place-items:center;position:absolute;left:0;top:16px;width:34px;height:34px;border-radius:11px;background:#fff0eb;color:#d94e34;font-size:.72rem;font-weight:950}
.product-page-section.kbb-section .know-list{counter-reset:kbb}
.product-page-section.kbb-section .know-v2-item strong{font-size:1.02rem;line-height:1.42;color:#1f2024;margin-bottom:5px}
.product-page-section.kbb-section .know-v2-item span{font-size:.91rem;line-height:1.58;color:#626873}
@media(max-width:480px){.product-page-section.kbb-section{padding:18px 18px}.product-page-section.kbb-section .know-v2-item{padding-right:2px}.product-page-section.kbb-section .know-v2-item span{font-size:.9rem}}
