/** Shopify CDN: Minification failed

Line 110:0 Expected "}" to go with "{"

**/
/* ============================================
   Pawfectly Pets - Custom CSS Overrides
   ============================================ */


/* ============================================
   PRODUCT PAGE - Mobile Image Thumbnails
   ============================================ */

/* Mobile-only: product images as 120px thumbnails in a row */
@media screen and (max-width: 749px) {
  .product__media-list {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    overflow-x: auto !important;
  }

  .product__media-item {
    flex: 0 0 120px !important;
    width: 120px !important;
    height: 120px !important;
  }

  .product__media-item .media {
    width: 120px !important;
    height: 120px !important;
    overflow: hidden !important;
  }

  .product__media-item .media img,
  .product__media-item .media video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}
@media screen and (max-width: 749px) {
  h1.product__title,
  .product__title h1,
  .product__title {
    font-size: 1.5rem !important;
    font-weight: 700 !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .price-item, .price-item--regular, .price, .price--large, .price--show-badge, .price__container, .price__regular{
    font-size: 2rem !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
/* Mobile-only: hide marketing bullets */
@media screen and (max-width: 749px) {
  .marketing-bullets, .form__label, .quantity__label {
    display: none !important;
  }
}
@media screen and (max-width: 749px) {
  .product__title + .no-js-hidden,
  .product__info-container > .product__title + * {
    margin-top: 0px !important;
    padding-top: 0px !important;
  }
/* Make unselected variant pill borders thicker and more visible */
fieldset.product-form__input input[type='radio'] + label {
  border: 3px solid #a0a0a0 !important; /* Thicker border & darker gray */
}

/* Ensure the currently selected pill stays bold and sharp */
fieldset.product-form__input input[type='radio']:checked + label {
  border: 2px solid #000000 !important; /* Thick black border for active choice */
  background-color: #000000; /* Optional: adds a tiny subtle background to the active one */
}
@media screen and (max-width: 749px) {
  /* ... your existing code ... */

  /* Reduce space around the price block */
  .price {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  /* Tighten space around the review star rating */
  .product__info-container .product-wrapper-ratings, 
  .product__info-container .jdgm-widget {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }

  /* Reduce padding inside and around variant option groups */
  .product-form__input {
    margin-top: 0px !important;
    padding-bottom: 8px !important;
  }

  /* Tighten the gap above the quantity selector / ATC row */
  .product-form {
    margin-top: 10px !important;
  }
}