/** Shopify CDN: Minification failed

Line 203:0 Unexpected "}"

**/
/* ============================================================
   Abees — Product page override layer
   Loaded in theme.liquid immediately AFTER theme.css.
   Do not edit theme.css.liquid (compiled); put PDP layout
   overrides here instead.

   Breakpoint contract for the product page:
     <  750px : mobile   (AI blocks stack + shared info column)
     750-989px: tablet   (AI gallery + full stock info column)
     >= 990px : desktop  (stock two-column Impulse PDP)

   The stock gallery (.product-single__sticky) is hidden below
   990px by the theme editor "Custom CSS" setting
   (config/settings_data.json > platform_customizations).
   ============================================================ */

/* ------------------------------------------------------------
   Issue 1 (B1): below 990px the stock gallery column is hidden,
   so the product grid must collapse to a single full-width
   column. Without this, 769-989px viewports render the info
   column at 50% width beside an empty, hidden gallery column.
   Scoped to the main product template only: featured-product
   sections and quick-shop modals keep stock behavior.
   ------------------------------------------------------------ */
@media only screen and (max-width: 989px) {
  .template-product .product-section[data-modal="false"] .grid__item.medium-up--one-half,
  .template-product .product-section[data-modal="false"] .grid__item.medium-up--two-fifths,
  .template-product .product-section[data-modal="false"] .grid__item.medium-up--three-fifths {
    width: 100%;
  }

  /* Side padding on the info column only makes sense beside a
     visible gallery column. */
  .template-product .product-section[data-modal="false"] .product-single__meta,
  .template-product .product-section[data-modal="false"] .grid--product-images-right .product-single__meta {
    padding-left: 0;
    padding-right: 0;
  }
}

/* ------------------------------------------------------------
   Issue 1 (B2): structural styles for the two block types that
   previously had no renderer (trust badges + info accordion).
   Instance colors/sizes arrive as CSS custom properties set
   inline by snippets/product-trust-badges.liquid.
   The accordion reuses Impulse's native collapsible styles and
   needs no CSS here.
   ------------------------------------------------------------ */
.pdp-trust-badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: var(--ptb-gap, 12px);
  padding: var(--ptb-pad-top, 16px) 12px var(--ptb-pad-bottom, 16px);
  background: var(--ptb-bg, #faf7f2);
}

.pdp-trust-badges__item {
  flex: 1 1 0;
  min-width: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 8px;
  text-decoration: none;
}

.pdp-trust-badges__icon {
  width: var(--ptb-circle, 48px);
  height: var(--ptb-circle, 48px);
  border: var(--ptb-border-w, 2px) solid var(--ptb-border-c, #111111);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.pdp-trust-badges__icon img {
  width: var(--ptb-icon, 24px);
  height: var(--ptb-icon, 24px);
  object-fit: contain;
}

.pdp-trust-badges__heading {
  font-size: var(--ptb-head-size, 16px);
  font-weight: var(--ptb-head-weight, 500);
  color: var(--ptb-head-color, #111111);
}

.pdp-trust-badges__desc {
  font-size: var(--ptb-desc-size, 14px);
  color: var(--ptb-desc-color, #222222);
}

/* ------------------------------------------------------------
   Issue 2: single source of truth per viewport.
   Below 750px the AI blocks section renders the gallery, title,
   rating, price, low-stock badge, size buttons, prepaid strip,
   ATC/Buy Now, info accordion and trust badges. Hide only the
   stock blocks that duplicate that content, so mobile shows each
   piece of content exactly once. Stock blocks with unique
   content (shipping tab, contact, share, sales point, app
   blocks) remain visible.
   Tablet (750-989px) hides nothing: every AI block except the
   gallery removes itself at >=750px, so the full stock info
   column takes over there.
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Client request (2026-07-23): the stock info accordion
   (PRODUCT DETAILS / VISIT OUR STORE / RETURNS) duplicates the
   Description / Shipping / Contact collapsibles the stock column
   already renders on desktop and tablet — hide it there. It
   remains available under 750px solely for its metafield-driven
   SPECIFICATIONS row (the other rows are hidden by the mobile
   rules further down). The stock trust-badges block instance is
   disabled in templates/product.json — badges are mobile-only
   via the AI block.
   ------------------------------------------------------------ */
@media only screen and (min-width: 750px) {
  .template-product .product-section[data-modal="false"] .product-block--accordion {
    display: none;
  }
}

/* ------------------------------------------------------------
   Issue 4: per-viewport visibility utilities.
   The "Extra 10% Off on Prepaid" promo block (a Custom Liquid
   block in templates/product.json) is desktop+tablet only: the
   Issue 2 rules below hide all stock Custom Liquid blocks under
   750px because the AI buy box renders its own prepaid strip on
   mobile. These utilities are the sanctioned way to scope any
   future promo/info content per viewport — usable directly in
   Custom Liquid blocks from the theme editor.
   Breakpoints match the PDP contract at the top of this file.
   ------------------------------------------------------------ */
@media only screen and (max-width: 749px) {
  .pdp-hide-mobile { display: none !important; }
}
@media only screen and (min-width: 750px) and (max-width: 989px) {
  .pdp-hide-tablet { display: none !important; }
}
@media only screen and (min-width: 990px) {
  .pdp-hide-desktop { display: none !important; }
}

/* ------------------------------------------------------------
   Issue 3: guardrail for the AI "mobile stack" blocks section.
   That section (type "_blocks" in templates/product.json) is the
   mobile/tablet design container. Previously every block inside
   it had to individually hide itself on desktop — one forgotten
   media query (AI generations use 749/768/989 inconsistently)
   and a newly added block would render above the desktop PDP.
   Hiding the whole section wrapper at >=990px makes desktop
   structurally immune to anything added inside it.
   - The [id$=...] selector pins the current section instance
     (section id suffix from templates/product.json).
   - The :has() selector is the future-proof fallback: any
     section containing the AI mobile gallery is the mobile
     stack, even if the section is recreated under a new id.
   ------------------------------------------------------------ */
@media only screen and (min-width: 990px) {
  .template-product .shopify-section[id$="__1782858212794d1798"],
  .template-product .shopify-section:has([class*="ai-mobile-gallery-"]) {
    display: none;
  }
}
/* 
@media only screen and (max-width: 749px) {
  .template-product .product-section[data-modal="false"] .product-block--header,
  .template-product .product-section[data-modal="false"] .product-block--price,
  .template-product .product-section[data-modal="false"] .product-block--inventory,
  .template-product .product-section[data-modal="false"] .product-block--separator,
  .template-product .product-section[data-modal="false"] .product-block--size-chart,
  .template-product .product-section[data-modal="false"] .product-block--variant-picker,
  .template-product .product-section[data-modal="false"] .product-block--custom,
  .template-product .product-section[data-modal="false"] .product-block--buy-buttons,
  .template-product .product-section[data-modal="false"] .product-block--description,
  .template-product .product-section[data-modal="false"] .product-block--trust-badges,
  .template-product .product-section[data-modal="false"] .product-block--sales-point,
  .template-product .product-section[data-modal="false"] .product-block--tab,
  .template-product .product-section[data-modal="false"] .product-block--share {
    display: none;
  } */

  /* Issue 5: the stock info accordion itself stays on mobile,
     but only for its SPECIFICATIONS row (metafield-driven, no
     mobile equivalent). Its other rows duplicate the AI mobile
     accordion and are hidden here. One specs implementation,
     responsive row-level visibility — no duplicate markup. */
  .template-product .product-section[data-modal="false"] .pdp-accordion__row--details,
  .template-product .product-section[data-modal="false"] .pdp-accordion__row--store,
  .template-product .product-section[data-modal="false"] .pdp-accordion__row--returns {
    display: none;
  }
}