/** Shopify CDN: Minification failed

Line 510:7 Expected ":"

**/
/* Warm home-brand palette for product purchase UI.
   Scoped carefully — do NOT override global --color-background/border
   on the whole page (that breaks custom section cards). */

.template-product {
  --page-bg: #faf8f4;
  --card-bg: #f2ede5;
  --selected-bg: #e7d8c2;
  --sand: #c8ad87;
  --charcoal: #211f1c;
  --charcoal-hover: #40352b;
  --border: #d8cec0;
  --terracotta: #c95a2e;
  --terracotta-light: #f4e0d5;
  --muted: #857b70;
  --white: #ffffff;

  background-color: var(--page-bg);
}

/* Limit token overrides to the product buy box only */
.template-product .product,
.template-product .product-form-wrapper,
.template-product .product-sticky-form,
.template-product quantity-breaks {
  --color-button-background: 33, 31, 28;
  --color-button-text: 250, 248, 244;
  --color-button-gradient: #211f1c;
  --color-keyboard-focus: 200, 173, 135;
  --color-price: 33, 31, 28;
  --color-sale-price: 201, 90, 46;
}

/* 1. Header / nav — only top bar chrome (do NOT style mega-menu panel) */
.template-product .header-section .header__logo,
.template-product .header-section .header__buttons,
.template-product .header-section .header__menu > ul > li > :is(a, summary) .menu__item,
.template-product .header-section .header__menu > ul > li > :is(a, summary) .btn-text {
  color: var(--charcoal);
}

.template-product .header-section .header__buttons .icon,
.template-product .header-section .header__buttons svg,
.template-product .header-section .header__menu > ul > li > summary .icon,
.template-product .header-section .header__menu > ul > li > summary svg,
.template-product .header-section .header__menu > ul > li > a .icon,
.template-product .header-section .header__menu > ul > li > a svg {
  color: var(--charcoal);
  stroke: currentColor;
  fill: none;
}

.template-product .header-section .header__buttons a:hover,
.template-product .header-section .header__buttons button:hover,
.template-product .header-section .header__menu > ul > li > :is(a, summary):hover .menu__item,
.template-product .header-section .header__menu > ul > li > :is(a, summary):hover .btn-text,
.template-product .header-section .header__buttons a:hover .icon,
.template-product .header-section .header__buttons button:hover .icon,
.template-product .header-section .header__buttons a:hover svg,
.template-product .header-section .header__buttons button:hover svg {
  color: var(--terracotta);
}

/* Top decorative / focus / shadow blues → charcoal / sand */
.template-product .header-section .header::after,
.template-product .header-section::after {
  border-color: var(--charcoal) !important;
  background-image: none !important;
  box-shadow: none !important;
}

.template-product .header-section {
  border-block-end: 1px solid var(--border);
  box-shadow: none;
  /* Mega menu is absolute inside header — never clip it */
  overflow: visible;
}

.template-product .header-section .header,
.template-product .header-section .header__menu,
.template-product .header-section details[is='details-mega'],
.template-product .header-section details[is='details-dropdown'] {
  overflow: visible;
}

.template-product .header .header__menu > ul > li > summary .menu__item .btn-text::after,
.template-product .header .header__menu > ul > li > a.list-menu__item::after {
  background-color: var(--charcoal) !important;
}

.template-product *:focus-visible {
  outline-color: var(--sand) !important;
}

.template-product .header *:focus-visible,
.template-product .product *:focus-visible {
  outline: 2px solid var(--sand);
  outline-offset: 2px;
  box-shadow: none;
}

/* Keep mega menu above product sticky media / float widgets */
.template-product .header-sticky,
.template-product.has-dropdown-menu .header-section,
.template-product.with-mega .header-section {
  z-index: 50;
}

/* Cart / overlay drawers must sit ABOVE the product header (z-50),
   otherwise the sticky header covers the drawer title ("Cart"). */
.cart-drawer,
#CartDrawer,
.search-drawer,
#SearchDrawer,
.menu-drawer,
#MenuDrawer,
help-drawer,
#HelpDrawer {
  z-index: 60 !important;
}

.template-product .mega-menu,
.template-product .mega-menu__container {
  color: rgb(var(--color-foreground));
}

.template-product .mega-menu a,
.template-product .mega-menu .heading,
.template-product .mega-menu .reversed-link {
  color: inherit;
}

.template-product .mega-menu svg {
  fill: currentColor;
  stroke: none;
}

/* 2. Price area — sale price + compare + SAVE badge */
.template-product .product__price .price,
.template-product .product__price .price--from-style,
.template-product .price.price--from-style,
.template-product .product__price .price--from-style.price--on-sale {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem 0.75rem !important;
  width: 100%;
}

.template-product .product__price .price__regular,
.template-product .product__price .price-item--sale,
.template-product .product__price .price--on-sale .price__regular,
.template-product .product__price .price--from-style.price--on-sale .price__regular,
.template-product .product__price [data-price],
.template-product .price.price--on-sale .price__regular,
.template-product .price .price__regular {
  color: #c95a2e !important;
  font-size: 1.5rem !important;
  font-weight: 500 !important;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.template-product .product__price .price__sale,
.template-product .product__price .price-item--regular,
.template-product .product__price .price--from-style.price--on-sale .price__sale,
.template-product .price .price__sale,
.template-product .price s,
.template-product .price del {
  color: #211f1c !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  text-decoration: line-through !important;
  opacity: 0.72;
}

.template-product .product__price .price__from,
.template-product .price .price__from,
.template-product .product__price .text-sm,
.template-product .product__price .caption {
  color: var(--charcoal);
  font-weight: 400;
}

.template-product .product__price .price__save-badge,
.template-product .price .price__save-badge {
  display: inline-flex !important;
  align-items: center;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  background: #c95a2e !important;
  color: #faf8f4 !important;
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-transform: none;
  white-space: nowrap;
}

.template-product .product__price .price__regular small,
.template-product .price .price__regular small,
.template-product .product__price .price--from-style.price--on-sale .price__regular small {
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  color: #211f1c !important;
  margin-inline-end: 0.25rem;
}

/* 7. Quantity selector — charcoal outline, light fill */
.template-product .buy-buttons {
  align-items: stretch;
}

.template-product .buy-buttons .quantity,
.template-product .product-form__buttons .quantity,
.template-product quantity-input.quantity {
  --qb-ctrl-height: 3.75rem;
  --qb-ctrl-radius: 2px;
  display: inline-flex;
  align-items: center;
  align-self: stretch;
  height: var(--qb-ctrl-height);
  min-height: var(--qb-ctrl-height);
  box-sizing: border-box;
  background: #ffffff !important;
  border: 1px solid #211f1c !important;
  border-radius: var(--qb-ctrl-radius) !important;
  color: #211f1c !important;
  overflow: hidden;
}

.template-product .quantity .quantity__input,
.template-product .quantity .quantity__button,
.template-product .quantity .quantity__button .icon,
.template-product .quantity .quantity__button svg {
  color: #211f1c !important;
  stroke: currentColor !important;
  fill: none !important;
}

.template-product .quantity .quantity__input {
  height: 100%;
  min-width: 2.5rem;
  max-width: 3rem;
  padding-block: 0;
  background: transparent !important;
  border: 0 !important;
  color: #211f1c !important;
  font-weight: 500;
  line-height: 1;
}

.template-product .quantity .quantity__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  background: transparent !important;
  border: 0 !important;
  color: #211f1c !important;
  transition: background-color 0.15s ease;
}

.template-product .quantity .quantity__button:hover,
.template-product .quantity .quantity__button:focus-visible {
  background: #f1ece4 !important;
  color: #211f1c !important;
}

.template-product .quantity .quantity__button:hover .icon,
.template-product .quantity .quantity__button:hover svg,
.template-product .quantity .quantity__button:focus-visible .icon,
.template-product .quantity .quantity__button:focus-visible svg {
  color: #211f1c !important;
  stroke: currentColor !important;
}

.template-product .quantity:hover,
.template-product .quantity:focus-within {
  background: #faf8f4 !important;
  border-color: #40352b !important;
}

/* 8. Add to cart — charcoal CTA only (not Google Pay) */
.template-product .product-form__submit.button,
.template-product .buy-buttons .product-form__submit.button {
  --color-button-background: 33, 31, 28;
  --color-button-text: 250, 248, 244;
  --color-button-gradient: #211f1c;
  --qb-ctrl-height: 3.75rem;
  --qb-ctrl-radius: 2px;
  align-self: stretch;
  height: var(--qb-ctrl-height);
  min-height: var(--qb-ctrl-height);
  box-sizing: border-box;
  background: #211f1c !important;
  background-color: #211f1c !important;
  color: #faf8f4 !important;
  border: 1px solid #211f1c !important;
  border-radius: var(--qb-ctrl-radius) !important;
  box-shadow: none !important;
}

.template-product .product-form__submit.button .btn-fill {
  background: #211f1c !important;
  background-color: #211f1c !important;
  border-radius: inherit !important;
}

.template-product .product-form__submit.button .btn-text,
.template-product .product-form__submit.button .btn-text span,
.template-product .product-form__submit.button .btn-text > span,
.template-product .product-form__submit.button product-buy-price {
  color: #faf8f4 !important;
  font-weight: 500 !important;
  white-space: nowrap;
}

.template-product .product-form__submit.button:hover:not([disabled]),
.template-product .product-form__submit.button:hover:not([disabled]) .btn-fill,
.template-product .js [data-button-hover=standard] .product-form__submit.button:hover:not([disabled]) .btn-fill,
.template-product .js [data-button-hover=motion] .product-form__submit.button:hover:not([disabled]) .btn-fill {
  background: #40352b !important;
  background-color: #40352b !important;
  border-color: #40352b !important;
  color: #faf8f4 !important;
}

.template-product .product-form__submit.button:active:not([disabled]),
.template-product .product-form__submit.button:active:not([disabled]) .btn-fill,
.template-product .js [data-button-hover=standard] .product-form__submit.button:active:not([disabled]) .btn-fill,
.template-product .js [data-button-hover=motion] .product-form__submit.button:active:not([disabled]) .btn-fill {
  background: #211f1c !important;
  background-color: #211f1c !important;
  border-color: #211f1c !important;
  opacity: 0.92;
  transform: translateY(1px);
}

.template-product .product-form__submit.button:focus:not([disabled]) .btn-fill,
.template-product .product-form__submit.button:focus-visible:not([disabled]) {
  background: #211f1c !important;
  background-color: #211f1c !important;
  outline: 2px solid #c8ad87;
  outline-offset: 2px;
}

@media screen and (max-width: 639px) {
  .template-product .buy-buttons .quantity,
  .template-product .product-form__buttons .quantity,
  .template-product quantity-input.quantity,
  .template-product .product-form__submit.button,
  .template-product .buy-buttons .product-form__submit.button {
    --qb-ctrl-height: 3.25rem;
    height: var(--qb-ctrl-height);
    min-height: var(--qb-ctrl-height);
  }

  .template-product .product-form__submit.button .btn-text {
    gap: 0.35rem;
    flex-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .template-product .quantity .quantity__input {
    max-width: 2.5rem;
    font-size: 0.9375rem;
  }
}

/* 9. Leave Shopify accelerated checkout / Google Pay alone */
.template-product .shopify-payment-button__button--branded,
.template-product shopify-accelerated-checkout,
.template-product shopify-accelerated-checkout-cart {
  /* no color overrides */
}

/* 10. Inventory pulse (fallback if liquid not updated) */
.template-product .pulsing-indicator-wrapper {
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--terracotta-light);
  display: inline-flex;
  align-items: center;
}

.template-product .pulse-text {
  color: var(--terracotta) !important;
}

.template-product .svg-pulse-ring,
.template-product .pulsing-indicator-wrapper circle {
  fill: var(--terracotta) !important;
}

/* 11. Gallery arrows */
.template-product .product__gallery .flickity-button,
.template-product .product__preview .flickity-button,
.template-product .product .flickity-prev-next-button {
  background: var(--page-bg) !important;
  border: 1px solid var(--border) !important;
  color: var(--charcoal) !important;
  box-shadow: none !important;
}

.template-product .product__gallery .flickity-button:hover,
.template-product .product__preview .flickity-button:hover,
.template-product .product .flickity-prev-next-button:hover {
  background: var(--selected-bg) !important;
  color: var(--terracotta) !important;
}

.template-product .product__gallery .flickity-button:focus,
.template-product .product__preview .flickity-button:focus,
.template-product .product .flickity-prev-next-button:focus {
  box-shadow: 0 0 0 2px rgba(200, 173, 135, 0.35) !important;
  outline: none !important;
}

.template-product .product__gallery .flickity-button-icon,
.template-product .product .flickity-button-icon {
  fill: currentColor !important;
}

/* Size / Opening Style — unselected outline, selected solid charcoal */
.template-product .variant-picker .label-swatch {
  background-color: #ffffff !important;
  color: #211f1c !important;
  font-weight: 400 !important;
}

.template-product .variant-picker .label-swatch::after {
  --tw-shadow-color: #d8cec0 !important;
}

.template-product .variant-picker :checked + .label-swatch {
  background-color: #211f1c !important;
  color: #faf8f4 !important;
  font-weight: 500 !important;
}

.template-product .variant-picker :checked + .label-swatch::after {
  --tw-shadow-color: #211f1c !important;
}

@media (hover: hover) and (pointer: fine) {
  .template-product .variant-picker .swatches input:is([type='checkbox'], [type='radio']):not(:disabled, .disabled):not(:checked) + .label-swatch:hover {
    background-color: #faf8f4 !important;
    color: #211f1c !important;
  }

  .template-product .variant-picker .swatches input:is([type='checkbox'], [type='radio']):not(:disabled, .disabled):not(:checked) + .label-swatch:hover::after {
    --tw-shadow-color: #40352b !important;
  }
}

/* Payment & security / misc product info text */
.template-product .product__info,
.template-product .product__title,
.template-product .product-payment-security {
  color: var(--charcoal);
}

.template-product .product-sticky-form__price .price,
.template-product .product-sticky-form__price .price__regular,
.template-product .product-sticky-form__price .price-per-item--current {
  color: var(--terracotta) !important;
}

.template-product .product-sticky-form__price .price__sale {
  color: var(--muted) !important;
}

.template-product .product-sticky-form__button.button,
.template-product .product-sticky-form__button.button .btn-fill {
  border-radius: 2px !important;
}

.template-product .product-sticky-form__button--cart.button,
.template-product .product-sticky-form__button--cart.button .btn-fill {
  background: #211f1c !important;
  background-color: #211f1c !important;
  color: #faf8f4 !important;
  border-color: #211f1c !important;
}

.template-product .product-sticky-form__button--cart.button:hover:not([disabled]) .btn-fill {
  background: #40352b !important;
  background-color: #40352b !important;
}

.template-product .product-sticky-form__button.button:active:not([disabled]) .btn-fill {
  opacity: 0.92;
}

.template-product .product-sticky-form__actions--dual .product-sticky-form__button.button,
.template-product .product-sticky-form__dynamic-checkout .shopify-payment-button__button,
.template-product .product-sticky-form__dynamic-checkout .shopify-payment-button__button--unbranded,
.template-product .product-sticky-form__dynamic-checkout .shopify-payment-button__button--branded {
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  image.png  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.template-product .product-sticky-form__variant {
  grid-template-columns: 64px minmax(0, 1fr) minmax(252px, 320px) !important;
}

@media screen and (min-width: 768px) {
  .template-product .product-sticky-form__variant {
    grid-template-columns: 72px minmax(0, 1fr) minmax(280px, 340px) !important;
  }
}

.template-product .product-sticky-form__dynamic-checkout .shopify-payment-button__button--unbranded {
  background-color: #007eb2 !important;
  color: #fff !important;
}

@media screen and (max-width: 639px) {
  .template-product .product-sticky-form__variant {
    grid-template-columns: 52px minmax(0, 1fr) !important;
  }

  .template-product .product-sticky-form__actions,
  .template-product .product-sticky-form__actions--dual {
    grid-column: 1 / -1 !important;
  }

  .template-product .product-sticky-form__actions--dual .product-sticky-form__button.button,
  .template-product .product-sticky-form__dynamic-checkout .shopify-payment-button__button,
  .template-product .product-sticky-form__dynamic-checkout .shopify-payment-button__button--unbranded,
  .template-product .product-sticky-form__dynamic-checkout .shopify-payment-button__button--branded {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }
}

.template-product .product-sticky-form__card {
  background-color: var(--card-bg);
  border: 1px solid var(--border);
}

/* —— Font weight hierarchy (no 800/900) —— */
.template-product .header-section .header__menu > ul > li > :is(a, summary) .menu__item,
.template-product .header-section .header__menu > ul > li > :is(a, summary) .btn-text,
.template-product .header-section .header__buttons {
  font-weight: 500;
}

.template-product .product__title > .heading,
.template-product .product__title .heading {
  font-weight: 700 !important;
}

/* Unify product-page section titles (incl. product.custom) */
.template-product .shopify-section:not(.header-section):not(.announcement-bar-section):not(.footer-group) :is(
  .title-wrapper > :is(h2, .heading),
  .section-heading :is(h2, .heading),
  h2.heading,
  .heading.title-sm,
  .heading.title-md,
  .heading.title-lg,
  .heading.title-xl,
  .heading.title-lg.tracking-heading,
  .heading.title-xl.tracking-heading,
  .banner__box .heading,
  .collage .heading,
  .rich-text .heading,
  .product-benefits__heading,
  .product-benefits__title,
  .product-details__specs-heading,
  .video-hero .heading
) {
  font-size: 24px !important;
  font-weight: 600 !important;
  line-height: 1.25;
  letter-spacing: -0.02em;
}

.template-product .product__price .price__regular,
.template-product .product__price .price-item--sale,
.template-product .product__price .price--on-sale > .price__regular,
.template-product .price.price--on-sale .price__regular {
  font-weight: 500 !important;
}

.template-product .product-sticky-form__price .price__regular,
.template-product .product-form__submit product-buy-price {
  font-weight: 500 !important;
}

.template-product .product__price .price__sale,
.template-product .price .price__sale,
.template-product .quantity-breaks__compare,
.template-product .quantity-breaks__subtitle,
.template-product .product__description,
.template-product .product .rte,
.template-product .product-payment-security__text,
.template-product .quantity-breaks__variants-label,
.template-product .quantity-breaks__select {
  font-weight: 400 !important;
}

.template-product .variant-picker .form__label,
.template-product .variant-picker .form__label .font-medium,
.template-product .variant-picker .form__label strong {
  font-weight: 400 !important;
}

.template-product .variant-picker .label-swatch {
  font-weight: 400 !important;
}

.template-product .variant-picker :checked + .label-swatch {
  font-weight: 500 !important;
  background-color: #211f1c !important;
  color: #faf8f4 !important;
}

.template-product .quantity-breaks__title {
  font-weight: 400 !important;
}

.template-product .quantity-breaks__pill,
.template-product .quantity-breaks__badge {
  font-weight: 400 !important;
}

.template-product .quantity-breaks__price {
  font-weight: 500 !important;
  color: #c95a2e !important;
}

.template-product .quantity-breaks__pill {
  background: #f4e0d5 !important;
  color: #c95a2e !important;
}

.template-product .product-form__submit.button,
.template-product .product-form__submit.button .btn-text,
.template-product .product-form__submit.button .btn-text > span:first-child {
  font-weight: 500 !important;
}

.template-product .pulse-text,
.template-product .pulsing-indicator-wrapper .pulse-text {
  font-weight: 500 !important;
}

.template-product .product-payment-security__heading {
  font-weight: 600 !important;
}

/* Restore custom section card surfaces */
.template-product .product-summary-grid__panel {
  background: #ffffff !important;
  border: 1px solid #d8cec0 !important;
  color: #211f1c;
}

.template-product .product-summary-grid__support-list li > span:first-child {
  color: #c95a2e !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  flex-shrink: 0;
}

.template-product .product-summary-grid__support-list svg {
  width: 1.125rem !important;
  height: 1.125rem !important;
  max-width: 1.125rem !important;
  max-height: 1.125rem !important;
}

/* AirReviews floating side tab — UI chrome only (not product imagery blues) */
#AirReviews-FloatButtonWrapper .AirReviews-Widget__FloatButton > span:not(.AirReviews-Widget__Icon) {
  background-color: #211f1c !important;
  color: #faf8f4 !important;
}

#AirReviews-FloatButtonWrapper .AirReviews-Widget__FloatButton > span:not(.AirReviews-Widget__Icon):hover,
#AirReviews-FloatButtonWrapper .AirReviews-Widget__FloatButton:hover > span:not(.AirReviews-Widget__Icon) {
  background-color: #c95a2e !important;
  color: #faf8f4 !important;
}

/* Left gallery sticks; right buy box scrolls with the page (desktop) */
@media screen and (min-width: 1024px) {
  .template-product .product {
    align-items: start;
  }

  .template-product .product__gallery-container.lg\:sticky {
    position: sticky;
    align-self: start;
    z-index: 2;
  }

  /* Info column must not stick — otherwise both sides freeze together */
  .template-product .product__info.lg\:sticky {
    position: static !important;
    inset-block-start: auto !important;
  }
}

/* —— Prevent horizontal scroll on product content (NOT on html/body —
   that clips the mega menu / sticky overlays). —— */
.template-product .page-container,
.template-product #MainContent {
  overflow-x: clip;
  max-width: 100%;
}

.template-product .shopify-section:not(.header-section):not(.announcement-bar-section):not(.topbar-section),
.template-product .product,
.template-product .product-form-wrapper,
.template-product quantity-breaks,
.template-product .quantity-breaks__option {
  max-width: 100%;
}

/* Keep header search / account / cart icons fully visible */
.template-product .header-section,
.template-product .header-section .header {
  max-width: none;
  width: 100%;
}

.template-product .header__icons--end,
.template-product .header__buttons {
  margin-inline-end: 0;
  min-width: 0;
  flex-shrink: 0;
}

.template-product .header__buttons {
  margin-inline: 0;
}

.template-product .header__buttons > :is(a, button) {
  flex-shrink: 0;
}

/* Reviews side tab: stay inside viewport, fully visible, below header/mega */
#AirReviews-FloatButtonWrapper {
  z-index: 30;
  max-width: 100vw;
  pointer-events: none;
}

.template-product.with-mega #AirReviews-FloatButtonWrapper,
.template-product.has-dropdown-menu #AirReviews-FloatButtonWrapper {
  z-index: 20;
}

#AirReviews-FloatButtonWrapper .AirReviews-Widget__FloatButtonWrapper,
#AirReviews-FloatButtonWrapper .AirReviews-Widget__FloatButton {
  pointer-events: auto;
}

#AirReviews-FloatButtonWrapper .AirReviews-Widget__FloatButtonWrapper {
  inset-inline-end: 0 !important;
  right: 0 !important;
  left: auto !important;
  max-width: 3.25rem;
}

#AirReviews-FloatButtonWrapper .AirReviews-Widget__FloatButton {
  margin-inline: 0 !important;
  margin-inline-end: 0 !important;
  width: auto;
  max-width: 3rem;
  box-sizing: border-box;
}

#AirReviews-FloatButtonWrapper .AirReviews-Widget__FloatButton > span:not(.AirReviews-Widget__Icon) {
  padding-inline: 0.55rem;
  max-width: 100%;
  box-sizing: border-box;
}

/* Chat / Inbox: above page content, below cart drawer (drawer uses z-35+) */
#shopify-chat,
#ShopifyChat,
iframe#ShopifyChat,
.shopify-chat-wrapper,
div[data-testid='ChatFrameWrapper'],
#AirReviews-FloatButtonWrapper {
  z-index: 30 !important;
  max-width: 100vw;
}

/* Hide floating widgets while cart drawer is open so they never cover totals */
html:has(cart-drawer:not([hidden])) #shopify-chat,
html:has(cart-drawer:not([hidden])) #ShopifyChat,
html:has(cart-drawer:not([hidden])) iframe#ShopifyChat,
html:has(cart-drawer:not([hidden])) .shopify-chat-wrapper,
html:has(cart-drawer:not([hidden])) div[data-testid='ChatFrameWrapper'],
html:has(cart-drawer:not([hidden])) #AirReviews-FloatButtonWrapper,
body:has(#CartDrawer:not([hidden])) #shopify-chat,
body:has(#CartDrawer:not([hidden])) #ShopifyChat,
body:has(#CartDrawer:not([hidden])) #AirReviews-FloatButtonWrapper {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

@media screen and (max-width: 749px) {
  .template-product .product__info,
  .template-product .product-form__buttons,
  .template-product .buy-buttons {
    max-width: 100%;
    overflow: visible;
  }

  .template-product .product-form__submit,
  .template-product .shopify-payment-button {
    max-width: 100%;
    width: 100%;
  }

  /* Keep chat away from primary ATC on small screens */
  #shopify-chat,
  #ShopifyChat {
    bottom: 0.75rem !important;
    right: 0.75rem !important;
  }
}

/* Hard cap — never allow 800/900 on product purchase UI */
.template-product .product__title .heading,
.template-product .product__price,
.template-product .quantity-breaks,
.template-product .product-form__submit {
  font-weight: inherit;
}

.template-product .product__title .heading {
  font-weight: 700 !important;
}

/* Cart drawer payment icons under checkout */
.cart-drawer__payment-icons {
  margin-top: 0.25rem;
}

.cart-drawer__payment-icons .cart-drawer__payment-icon,
.cart-drawer__payment-icons svg {
  width: 2.25rem;
  height: auto;
  display: block;
}

/* Cart drawer trust badges — 2×2 under payment icons */
.cart-drawer__trust {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.7rem 0.85rem;
  margin: 0.5rem 0 0;
  padding: 0;
  width: 100%;
}

.cart-drawer__trust-item {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  min-width: 0;
}

.cart-drawer__trust-icon {
  flex-shrink: 0;
  display: inline-flex;
  width: 1.375rem;
  height: 1.375rem;
  margin-top: 0.05rem;
  color: rgb(var(--color-foreground));
  opacity: 0.9;
}

.cart-drawer__trust-icon .icon,
.cart-drawer__trust-icon svg {
  width: 1.375rem;
  height: 1.375rem;
  display: block;
}

.cart-drawer__trust-text {
  font-size: 0.8125rem;
  line-height: 1.35;
  font-weight: 500;
  color: rgb(var(--color-foreground));
  letter-spacing: 0.01em;
}