/** Shopify CDN: Minification failed

Line 19:16 Unexpected "{"
Line 19:25 Expected ":"

**/
/* =========================================================
   CUSTOM PRODUCT PAGE STYLES
   Scope: styling / spacing / sizing ONLY.
   No product, price, variant, or inventory values are hardcoded here —
   everything continues to flow from Shopify admin fields as before.
   Most rules are scoped to mobile (max-width: 749px) to match the
   "desktop is fine, mobile needs work" notes. Desktop-only tweaks are
   called out explicitly.
   ========================================================= */

/* ---------- 1. Overall section spacing (normalize gaps) ---------- */
@media screen and (max-width: 749px) {
  #ProductInfo-{{ section.id }} > * {
    margin-top: 0;
    margin-bottom: 14px;
  }

  .product-header {
    margin-bottom: 10px;
  }

  /* Even spacing between title and variant/price block */
  .product-title {
    margin-bottom: 8px;
  }

  .product-price-rating {
    margin-bottom: 4px;
  }
}

/* ---------- 2. Variant picker: sizing + even spacing ---------- */
@media screen and (max-width: 749px) {
  .product-form__input--pill,
  .product-form__input--swatch {
    margin-bottom: 10px !important;
  }

  .product-form__input--pill .form__label,
  .product-form__input--swatch .form__label {
    margin-bottom: 6px;
    font-size: 14px;
  }

  /* Pill/button variant options */
  .product-form__input--pill input[type='radio'] + label {
    padding: 0.6rem 1.4rem;
    min-width: 3.6rem;
    font-size: 13px;
  }

  /* Swatch size reduction */
  .product-form__input--swatch {
    --swatch-input--size: 2.6rem;
  }
}

/* ---------- 3. Quantity selector: reduce size + remove clutter ---------- */
@media screen and (max-width: 749px) {
  .product-form__quantity {
    margin-top: 10px;
  }

  quantity-input.quantity {
    height: 38px;
  }

  .quantity__button {
    width: 32px;
  }

  .quantity__input {
    height: 36px;
    font-size: 13px;
  }

  /* Hide the "(1 in cart)" helper text next to the Quantity label */
  .quantity__rules-cart {
    display: none !important;
  }
}

/* ---------- 4. Buy button + Share button ---------- */
@media screen and (max-width: 749px) {
  .product-form__buttons {
    margin-top: 8px;
  }

  .product-form__submit {
    min-height: 42px;
    font-size: 14px;
  }

  /* Bigger, clearer share button */
  .product-share button,
  .product-share .share-button__button {
    font-size: 14px;
    padding: 6px 10px;
  }
}

/* ---------- 4b. Tax-inclusive note ---------- */
.product-tax-note {
  display: block;
  font-size: 12px;
  color: #888;
  font-weight: 400;
  margin-top: 2px;
}

/* ---------- 5. Trust badge row spacing ---------- */
@media screen and (max-width: 749px) {
  .product-feature-bar {
    margin-top: 10px;
    padding-top: 10px;
    gap: 10px;
  }
}

/* ---------- 6. Accordion (collapsible tabs): heading size, weight, spacing ---------- */
.product__accordion.accordion .summary__title .accordion__title {
  font-size: 16px;
  font-weight: 600;
}

.product__accordion.accordion .accordion__content,
.product__accordion.accordion .accordion__content * {
  font-weight: 400;
}

@media screen and (max-width: 749px) {
  .product__accordion.accordion {
    margin-top: 0;
  }

  .product__accordion.accordion + .product__accordion.accordion {
    margin-top: 0;
  }

  .product__accordion.accordion summary {
    padding: 12px 0;
  }

  .product__accordion.accordion .summary__title .accordion__title {
    font-size: 15px;
  }

  .product__accordion.accordion .accordion__content {
    font-size: 13.5px;
    line-height: 1.6;
  }
}

/* ---------- 7. Product image border ---------- */
.product__media-wrapper .media,
.product__media-wrapper img {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}

/* ---------- 8. Frequently bought together / You may also like cards ---------- */
@media screen and (max-width: 749px) {
  .product-frequently-bought .grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
  }

  .product-frequently-bought .grid__item,
  .product-frequently-bought .card {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .product-frequently-bought h2 {
    font-size: 16px;
  }
}

/* ---------- 9. Footer spacing parity (mobile) ---------- */
@media screen and (max-width: 749px) {
  .footer {
    padding-top: 24px;
    padding-bottom: 16px;
  }

  .footer-block {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 990px) {

  .product-form__buttons{
      display:flex;
      justify-content:space-between;
      gap:16px;
      align-items:stretch;
      margin-top:20px;
  }

  .product-form__buttons > *{
      flex:1;
      width:auto;
  }

  .product-form__submit,
  .shopify-payment-button{
      width:100%;
      margin:0;
  }

  .shopify-payment-button__button{
      width:100%;
      min-height:52px;
  }

}