/* ZooMag r26.2 — product page readability + proportions
   Loaded after r26.1. No data, filter, JS or checkout logic changes. */

.zoohub-product-showcase {
  --zm-r262-product-max: 1380px;
  --zm-r262-hero-max: 1280px;
}

.zoohub-product-showcase .zoohub-container {
  width: min(calc(100vw - 36px), var(--zm-r262-product-max)) !important;
  max-width: var(--zm-r262-product-max) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

.zoohub-product-showcase .zoohub-layout,
.zoohub-product-showcase .zoohub-main {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

/* The hero should occupy the product canvas, not a narrow centered strip. */
.zoohub-product-showcase .zoohub-product-jungle {
  width: min(100%, var(--zm-r262-hero-max)) !important;
  max-width: var(--zm-r262-hero-max) !important;
  margin: 0 auto 20px !important;
  padding: 0 !important;
  align-items: start !important;
}

@media (min-width: 1440px) {
  .zoohub-product-showcase .zoohub-product-jungle {
    grid-template-columns: minmax(360px, 420px) minmax(0, 1fr) !important;
    gap: 22px !important;
  }

  .zoohub-product-showcase .zoohub-gallery-den {
    width: 100% !important;
    max-width: 420px !important;
    padding: 10px !important;
    position: sticky !important;
    top: 82px !important;
  }

  .zoohub-product-showcase .zoohub-gallery-featured,
  .zoohub-product-showcase .zoohub-image-frame {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 395px !important;
    aspect-ratio: 1 / 1 !important;
  }

  .zoohub-product-showcase .zoohub-facts-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .zoohub-product-showcase .zoohub-conversion-trust {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 1200px) and (max-width: 1439.98px) {
  .zoohub-product-showcase {
    --zm-r262-product-max: 1240px;
    --zm-r262-hero-max: 1180px;
  }

  .zoohub-product-showcase .zoohub-product-jungle {
    grid-template-columns: minmax(340px, 390px) minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  .zoohub-product-showcase .zoohub-gallery-den {
    max-width: 390px !important;
    padding: 10px !important;
    position: sticky !important;
    top: 78px !important;
  }

  .zoohub-product-showcase .zoohub-gallery-featured,
  .zoohub-product-showcase .zoohub-image-frame {
    min-height: 0 !important;
    max-height: 365px !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .zoohub-product-showcase {
    --zm-r262-product-max: 1120px;
    --zm-r262-hero-max: 1080px;
  }

  .zoohub-product-showcase .zoohub-product-jungle {
    grid-template-columns: minmax(320px, 370px) minmax(0, 1fr) !important;
    gap: 16px !important;
  }

  .zoohub-product-showcase .zoohub-gallery-den {
    max-width: 370px !important;
    padding: 9px !important;
    position: static !important;
  }

  .zoohub-product-showcase .zoohub-gallery-featured,
  .zoohub-product-showcase .zoohub-image-frame {
    min-height: 0 !important;
    max-height: 350px !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
  }
}

/* Gallery stays visually lighter than the commerce column. */
.zoohub-product-showcase .zoohub-gallery-habitat,
.zoohub-product-showcase .zoohub-gallery-main,
.zoohub-product-showcase .zoohub-image-petting-zone {
  min-height: 0 !important;
  height: auto !important;
}

.zoohub-product-showcase .zoohub-gallery-image {
  padding: 5px !important;
  object-fit: contain !important;
}

.zoohub-product-showcase .zoohub-gallery-thumbnails {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 6px !important;
  margin-top: 8px !important;
}

.zoohub-product-showcase .zoohub-gallery-thumb,
.zoohub-product-showcase .zoohub-thumb-frame {
  min-width: 0 !important;
  min-height: 0 !important;
}

/* ---------- right column: readable, but compact ---------- */
.zoohub-product-showcase .zoohub-info-sanctuary {
  min-width: 0 !important;
  padding: 14px 16px !important;
}

.zoohub-product-showcase .zoohub-product-title {
  margin: 0 0 9px !important;
  font-family: var(--zoomag-font-base, "Manrope", system-ui, sans-serif) !important;
  font-size: clamp(1.75rem, 1.72vw, 2.15rem) !important;
  line-height: 1.13 !important;
  font-weight: 850 !important;
  letter-spacing: -.025em !important;
  color: #2d2b2a !important;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.zoohub-product-showcase .zoohub-rating-section,
.zoohub-product-showcase .zoohub-review-link {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

.zoohub-product-showcase .zoohub-facts-grid {
  gap: 8px !important;
  margin-block: 8px !important;
}

.zoohub-product-showcase .zoohub-fact-item {
  min-height: 54px !important;
  padding: 9px 10px !important;
  gap: 8px !important;
}

.zoohub-product-showcase .zoohub-fact-label {
  font-size: 11px !important;
  line-height: 1.15 !important;
  color: #76695f !important;
}

.zoohub-product-showcase .zoohub-fact-value,
.zoohub-product-showcase .zoohub-stock-text {
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  color: #302d2a !important;
}

.zoohub-product-showcase .zoohub-price-meadow {
  margin: 9px 0 10px !important;
  padding: 10px 12px !important;
  min-height: 0 !important;
}

.zoohub-product-showcase .zoohub-price-old {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

.zoohub-product-showcase .zoohub-price-current {
  font-size: clamp(1.38rem, 1.5vw, 1.7rem) !important;
  line-height: 1.08 !important;
  font-weight: 900 !important;
}

.zoohub-product-showcase .zoohub-price-savings {
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}

.zoohub-product-showcase .zoohub-conversion-trust {
  gap: 7px !important;
  margin: 8px 0 10px !important;
}

.zoohub-product-showcase .zoohub-conversion-trust__item {
  min-height: 50px !important;
  padding: 8px 9px !important;
  gap: 7px !important;
}

.zoohub-product-showcase .zoohub-conversion-trust__icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
}

.zoohub-product-showcase .zoohub-conversion-trust__text strong {
  font-size: 12px !important;
  line-height: 1.2 !important;
}

.zoohub-product-showcase .zoohub-conversion-trust__text small {
  font-size: 10.5px !important;
  line-height: 1.22 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

/* Variants: avoid a tall wall of tiny wrapped text. */
.zoohub-product-showcase .zoohub-variant-switches {
  margin: 9px 0 10px !important;
  padding: 11px 12px 12px !important;
  border-radius: 16px !important;
}

.zoohub-product-showcase .zoohub-variant-switches__header {
  gap: 8px !important;
  margin-bottom: 8px !important;
}

.zoohub-product-showcase .zoohub-variant-switches__icon {
  width: 30px !important;
  height: 30px !important;
  border-radius: 9px !important;
  font-size: 16px !important;
}

.zoohub-product-showcase .zoohub-variant-switches__title {
  font-size: 13.5px !important;
  line-height: 1.2 !important;
}

.zoohub-product-showcase .zoohub-variant-switches__family {
  font-size: 10.8px !important;
  line-height: 1.25 !important;
}

.zoohub-product-showcase .zoohub-variant-switches__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}

.zoohub-product-showcase .zoohub-variant-chip {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 8px 9px !important;
  border-radius: 12px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  text-align: center !important;
}

.zoohub-product-showcase .zoohub-variant-chip__label,
.zoohub-product-showcase .zoohub-variant-chip__price {
  min-width: 0 !important;
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
}

.zoohub-product-showcase .zoohub-variant-chip__label {
  font-size: 12px !important;
  line-height: 1.16 !important;
  font-weight: 800 !important;
}

.zoohub-product-showcase .zoohub-variant-chip__price {
  font-size: 10.5px !important;
  line-height: 1.15 !important;
}

.zoohub-product-showcase .zoohub-quantity-section {
  margin-top: 8px !important;
  padding: 8px 10px !important;
  min-height: 46px !important;
}

.zoohub-product-showcase .zoohub-cart-button,
.zoohub-product-showcase .zoohub-fast-buy-button,
.zoohub-product-showcase .zoohub-action-button {
  min-height: 44px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

/* Tabs and description: larger body type without inflating the whole card. */
.zoohub-product-showcase .zoohub-tabs-savannah {
  width: min(100%, var(--zm-r262-hero-max)) !important;
  max-width: var(--zm-r262-hero-max) !important;
  margin: 0 auto 26px !important;
}

.zoohub-product-showcase .zoohub-tab-btn {
  min-width: 0 !important;
  padding: 12px 15px !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

.zoohub-product-showcase .zoohub-tabs-content {
  padding: clamp(18px, 2vw, 28px) !important;
  color: #332f2c !important;
}

.zoohub-product-showcase .zoohub-tabs-content :is(p, li, td, th) {
  font-size: clamp(14px, .9vw, 15.5px) !important;
  line-height: 1.62 !important;
}

.zoohub-product-showcase .zoohub-tabs-content :is(h2, h3) {
  font-family: var(--zoomag-font-base, "Manrope", system-ui, sans-serif) !important;
  line-height: 1.22 !important;
  letter-spacing: -.015em !important;
}

.zoohub-product-showcase .product-related {
  width: min(100%, var(--zm-r262-hero-max)) !important;
  max-width: var(--zm-r262-hero-max) !important;
  margin-inline: auto !important;
}

@media (max-width: 1199.98px) {
  .zoohub-product-showcase .zoohub-facts-grid,
  .zoohub-product-showcase .zoohub-conversion-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 991.98px) {
  .zoohub-product-showcase .zoohub-container {
    width: min(calc(100vw - 24px), 760px) !important;
  }

  .zoohub-product-showcase .zoohub-product-jungle {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .zoohub-product-showcase .zoohub-gallery-den {
    width: min(100%, 520px) !important;
    max-width: 520px !important;
    margin-inline: auto !important;
    position: static !important;
  }

  .zoohub-product-showcase .zoohub-gallery-featured,
  .zoohub-product-showcase .zoohub-image-frame {
    max-height: 500px !important;
  }

  .zoohub-product-showcase .zoohub-product-title {
    font-size: clamp(1.55rem, 4.4vw, 1.95rem) !important;
  }
}

@media (max-width: 640px) {
  .zoohub-product-showcase .zoohub-container {
    width: calc(100vw - 16px) !important;
  }

  .zoohub-product-showcase .zoohub-info-sanctuary {
    padding: 12px !important;
  }

  .zoohub-product-showcase .zoohub-facts-grid {
    grid-template-columns: 1fr !important;
  }

  .zoohub-product-showcase .zoohub-conversion-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .zoohub-product-showcase .zoohub-variant-switches__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .zoohub-product-showcase .zoohub-gallery-thumbnails {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .zoohub-product-showcase .zoohub-tabs-content :is(p, li, td, th) {
    font-size: 14.5px !important;
  }
}

@media (max-width: 420px) {
  .zoohub-product-showcase .zoohub-conversion-trust,
  .zoohub-product-showcase .zoohub-variant-switches__grid {
    grid-template-columns: 1fr !important;
  }
}