/* Zoomag r8 — larger logo, left-moving coin, and wider product blocks. */

body.zm-storefront-r8 {
  --zm-ui-site-max: 2120px;
  --zm-ui-gutter: clamp(18px, 1.45vw, 34px);
}

@media (min-width: 2200px) {
  body.zm-storefront-r8 { --zm-ui-site-max: 2320px; }
}

body.zm-storefront-r8 :where(.container, .container-fluid, .zm-container),
body.zm-storefront-r8 .zm-classic-nav__inner,
body.zm-storefront-r8 .zm-classic-nav__desktop-panel-inner {
  width: min(calc(100% - (var(--zm-ui-gutter) * 2)), var(--zm-ui-site-max)) !important;
  max-width: var(--zm-ui-site-max) !important;
  margin-inline: auto !important;
}

/* ================= Header / logo / coin ================= */
body.zm-storefront-r8 .zoomag_header_layout {
  grid-template-columns: minmax(640px, 780px) minmax(520px, 1fr) minmax(160px, 230px) !important;
  min-height: clamp(188px, 10.6vw, 224px) !important;
  gap: clamp(24px, 1.6vw, 34px) !important;
}
body.zm-storefront-r8 .zoomag_logo_with_coins {
  --zm-coin-logo-size: clamp(198px, 10.8vw, 236px);
  --zm-coin-left-stage: clamp(138px, 8vw, 176px);
  position: relative !important;
  flex: 0 0 calc(var(--zm-coin-logo-size) + var(--zm-coin-left-stage)) !important;
  width: calc(var(--zm-coin-logo-size) + var(--zm-coin-left-stage)) !important;
  min-width: calc(var(--zm-coin-logo-size) + var(--zm-coin-left-stage)) !important;
  height: var(--zm-coin-logo-size) !important;
  margin-left: 0 !important;
  overflow: visible !important;
}
body.zm-storefront-r8 .zoomag_logo_with_coins .zoomag_logo_image {
  left: var(--zm-coin-left-stage) !important;
  width: var(--zm-coin-logo-size) !important;
  height: var(--zm-coin-logo-size) !important;
  min-width: var(--zm-coin-logo-size) !important;
  max-width: var(--zm-coin-logo-size) !important;
  max-height: var(--zm-coin-logo-size) !important;
}
body.zm-storefront-r8 .zoomag_logo_with_coins .coin,
body.zm-storefront-r8 .zoomag_logo_with_coins .coin.coin-slide-right {
  left: calc(var(--zm-coin-left-stage) - (var(--zm-coin-logo-size) * .28)) !important;
  width: calc(var(--zm-coin-logo-size) * .98) !important;
  height: calc(var(--zm-coin-logo-size) * .98) !important;
  min-width: calc(var(--zm-coin-logo-size) * .98) !important;
  max-width: calc(var(--zm-coin-logo-size) * .98) !important;
  max-height: calc(var(--zm-coin-logo-size) * .98) !important;
  z-index: 1 !important;
  animation: zmCoinSlideLeftWideR8 180s ease-in-out 5s infinite !important;
}
@keyframes zmCoinSlideLeftWideR8 {
  0%, 1% { opacity: 0; transform: translate3d(0, 0, 0) scale(.92); }
  2% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  6%, 93% { opacity: 1; transform: translate3d(calc(var(--zm-coin-left-stage) * -1), 0, 0) scale(1); }
  96% { opacity: 1; transform: translate3d(calc(var(--zm-coin-left-stage) * -1), 0, 0) scale(1); }
  98% { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
  99%, 100% { opacity: 0; transform: translate3d(0, 0, 0) scale(.92); }
}
body.zm-storefront-r8 .zoomag_logo_text {
  max-width: 310px !important;
}
body.zm-storefront-r8 .zoomag_logo_title {
  font-size: clamp(3.15rem, 3vw, 3.95rem) !important;
}
body.zm-storefront-r8 .zoomag_logo_subtitle {
  font-size: clamp(1.05rem, 1.05vw, 1.2rem) !important;
  max-width: 250px !important;
}
body.zm-storefront-r8 .zoomag_search_section .zoomag-magic-search,
body.zm-storefront-r8 .zoomag_search_section .magic-search-input-wrapper,
body.zm-storefront-r8 .zoomag_search_block {
  min-height: 74px !important;
}
body.zm-storefront-r8 .zoomag_search_section input[type='text'],
body.zm-storefront-r8 .zoomag_search_section input[type='search'],
body.zm-storefront-r8 .zoomag_search_section .form-control {
  min-height: 70px !important;
  font-size: 19px !important;
}
body.zm-storefront-r8 .zoomag_search_section .btn,
body.zm-storefront-r8 .zoomag_search_section button {
  min-height: 60px !important;
  font-size: 18px !important;
}
body.zm-storefront-r8 .zoomag_cart_section { min-width: 240px !important; }

/* ================= Product page width ================= */
body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-container {
  width: min(calc(100vw - 34px), 2060px) !important;
  max-width: 2060px !important;
}
body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-product-jungle,
body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-tabs-savannah,
body.zm-storefront-r8 #product-product .zoohub-product-showcase .zm-related-showcase,
body.zm-storefront-r8 #product-product .zoohub-product-showcase .product-related {
  width: min(100%, 1960px) !important;
  max-width: 1960px !important;
}
@media (min-width: 1440px) {
  body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-product-jungle {
    grid-template-columns: minmax(780px, 840px) minmax(0, 1fr) !important;
    gap: 58px !important;
  }
  body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-gallery-den {
    max-width: 840px !important;
    padding: 22px !important;
  }
  body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-gallery-featured,
  body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-image-frame {
    max-height: 760px !important;
  }
  body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-info-sanctuary {
    padding-right: 8px !important;
  }
}
body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-product-title {
  font-size: clamp(2.85rem, 2.75vw, 3.7rem) !important;
  max-width: 24ch !important;
}
body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-price-current {
  font-size: clamp(2.6rem, 2.45vw, 3.25rem) !important;
}
body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-fact-label { font-size: 15px !important; }
body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-fact-value { font-size: 18px !important; }
body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-variant-gallery-host .zoohub-variant-switches {
  padding: 24px !important;
}
body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-tabs-savannah {
  width: min(100%, 1960px) !important;
}
body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-tabs-content {
  font-size: 18px !important;
}

/* Related products block should feel full-width and proportional to site. */
@media (min-width: 1280px) {
  body.zm-storefront-r8 #product-product .zm-related-showcase {
    --zr-visible: 4 !important;
    --zr-gap: 26px !important;
    width: min(100%, 1960px) !important;
    max-width: 1960px !important;
    padding: 34px !important;
  }
  body.zm-storefront-r8 #product-product .zm-related-showcase .petz-image-section {
    height: 320px !important;
  }
  body.zm-storefront-r8 #product-product .zm-related-showcase .petz-product-name a {
    font-size: 18px !important;
  }
}

/* Home/product list cards get a bit more horizontal room too. */
body.zm-storefront-r8 #common-home.zm-home-layout-r19 {
  width: min(calc(100vw - 34px), 2080px) !important;
  max-width: 2080px !important;
}

/* ================= Responsive corrections ================= */
@media (max-width: 1399.98px) and (min-width: 1200px) {
  body.zm-storefront-r8 .zoomag_header_layout {
    grid-template-columns: minmax(560px, 620px) minmax(430px, 1fr) minmax(150px, 200px) !important;
  }
  body.zm-storefront-r8 .zoomag_logo_with_coins {
    --zm-coin-logo-size: clamp(170px, 10.2vw, 196px);
    --zm-coin-left-stage: clamp(110px, 7vw, 144px);
  }
}
@media (max-width: 1199.98px) and (min-width: 768px) {
  body.zm-storefront-r8 .zoomag_header_layout {
    grid-template-columns: minmax(0,1fr) minmax(160px,auto) !important;
  }
  body.zm-storefront-r8 .zoomag_logo_with_coins {
    --zm-coin-logo-size: clamp(124px, 13vw, 154px);
    --zm-coin-left-stage: clamp(84px, 8vw, 106px);
  }
}
@media (max-width: 767.98px) {
  body.zm-storefront-r8 { --zm-ui-site-max: 100%; --zm-ui-gutter: 12px; }
  body.zm-storefront-r8 .zoomag_logo_with_coins {
    --zm-coin-logo-size: clamp(90px, 22vw, 118px);
    --zm-coin-left-stage: clamp(52px, 10vw, 70px);
  }
  body.zm-storefront-r8 .zoomag_logo_title { font-size: clamp(1.7rem, 6.2vw, 2.15rem) !important; }
  body.zm-storefront-r8 #product-product .zoohub-product-showcase .zoohub-container,
  body.zm-storefront-r8 #common-home.zm-home-layout-r19 {
    width: calc(100vw - 20px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.zm-storefront-r8 .zoomag_logo_with_coins .coin.coin-slide-right {
    animation: none !important;
    opacity: 1 !important;
    transform: translate3d(calc(var(--zm-coin-left-stage) * -0.55), 0, 0) scale(1) !important;
  }
}