/** Shopify CDN: Minification failed

Line 315:0 Unexpected "}"

**/
/* Accessibility overrides.
   Brand orange rgb(234,105,44) on white = 3.2:1, fails WCAG 4.5:1 for normal-weight text.
   Override the `--color-button` variable for non-bold-text buttons to a darker brand orange
   that hits 4.88:1. Add to Cart and other bold/large-text buttons stay on brand. */
.cart__warnings a.button {
  --color-button: 184, 82, 32; /* #B85220 */
}

/* Footer link target size — WCAG 2.2 wants 24×24 minimum with 24px clearance.
   Dawn ships footer menu links as 158.5×15.6 with 13.2px gap. Bump vertical padding. */
.footer-block__details-content li {
  padding: 6px 0;
}
.footer-block__details-content a.link {
  padding: 4px 0;
}

/* Customization needs visible breathing room before Add to Cart.
   The .product-form { gap: 0 !important } rules below this file collapse the
   gap entirely, so this enforces explicit space. */
.product-customization-wrapper {
  margin-bottom: 1.25rem !important;
}

/* Collection card pill — a single attribute pill (Back Print, Customizable,
   Best Seller) overlaid on the bottom-left of each product card's image.
   Brand orange (#EA692C) with dark text — 5.6:1 contrast, stands out on the
   dark t-shirt mockups that dominate the catalog.
   See coordination feature: collection-card-pills. */
.card__pill {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #B85220;
  color: #ffffff;
  padding: 7px 13px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 1;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  pointer-events: none;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* Clearance variant of the card pill ("Last Chance"). Deliberately a true red
   rather than brand orange so a price-cut item is distinguishable at a glance
   from the informational pills. #C62828 on white text = 5.9:1, passes WCAG AA.
   Driven by the 'sale-loop' tag, which the Sale Loop adds on markdown and
   removes on restore — nothing here is ever maintained by hand. */
.card__pill--clearance {
  background: #C62828;
}

/* Product-page clearance flag — the PDP counterpart of the Last Chance card
   pill, sitting directly above the price so the markdown is explained where
   the buying decision happens. */
.pdp-clearance-flag {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 1rem;
  padding: 10px 14px;
  border-left: 4px solid #C62828;
  background: rgba(198, 40, 40, 0.07);
  border-radius: 4px;
}

.pdp-clearance-flag__pill {
  flex: 0 0 auto;
  background: #C62828;
  color: #ffffff;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 1;
  white-space: nowrap;
  text-transform: uppercase;
}

.pdp-clearance-flag__text {
  font-size: 1.4rem;
  line-height: 1.4;
}

@media screen and (max-width: 749px) {
  .pdp-clearance-flag {
    gap: 8px;
    padding: 9px 12px;
  }

  .pdp-clearance-flag__text {
    font-size: 1.3rem;
  }
}

/* Zoom main product mockup so the design is more prominent.
   Desktop 1.2× (~17% crop), mobile 1.35× (~26% crop) since small screens
   benefit from a tighter framing on the design.
   transform-origin shifted to ~35% from top to center on the t-shirt
   chest area (where the design sits) instead of the image's geometric
   center. Thumbnails unaffected. */
.product__media-list .product__media-item .product__media {
  overflow: hidden;
}
.product__media-list .product__media-item .product__media img {
  transform: scale(1.2);
  transform-origin: 60% 35%;
}

/* Short desktop viewports: reduce zoom so the image doesn't get
   double-cropped by both the square aspect ratio overflow AND the
   transform crop. Without this, on a 1366x768 laptop, only ~60% of
   the shirt is visible at first paint. */
@media screen and (min-width: 750px) and (max-height: 900px) {
  .product__media-list .product__media-item .product__media img {
    transform: scale(1.08);
  }
}
@media screen and (min-width: 750px) and (max-height: 750px) {
  .product__media-list .product__media-item .product__media img {
    transform: scale(1.0);
  }
}

@media screen and (max-width: 749px) {
  .product__media-list .product__media-item .product__media img {
    transform: scale(1.25);
  }

  /* Mobile: kill Dawn's "peek next slide" UX so the gallery shows one
     full-width slide at a time. Without this, the next slide bleeds in
     on the right edge and reads as overlap (worsened by the 1.35x zoom). */
  .product__media-list {
    margin-left: 0 !important;
    width: 100% !important;
  }
  .product__media-list .product__media-item {
    width: 100% !important;
  }
}

/* Mobile: Reduce space above product info to get ATC above fold */
@media screen and (max-width: 749px) {

      /* Reduce any section padding */
      .product {
        padding-top: 0 !important;
      }

      /* Reduce Announcement Bar */
      .announcement-bar__message {
      padding: 0.25rem 0.5rem !important;
      line-height: 1.25rem !important;
      display: flex !important;
      align-items: center !important;

        /* Reduce Announcement Bar Usual Settings
      .announcement-bar__message {
      padding: 0 !important;
      line-height: 1 !important;
      display: flex !important;
      align-items: center !important;*/


    }

    /* Hide tax/shipping line */
    div.product__tax.caption.rte {
      display: none !important;
    }




    .announcement-bar {
    min-height: auto !important;
    padding: 0 !important;
    height: auto !important;
    max-height: 4rem !important; /*change back to 2.5*/
    }

    .announcement-bar__link {
    padding: 0.2rem 0 !important;
    display: inline-block !important;
    }




        /* Reduce product media (images) height */
      .product__media-wrapper {
        max-height: 490px !important;
      }

      /* Tighten spacing in product info section */
      .product__info-container {
        padding-top: 0 !important;
        margin-top: -1rem !important;
      }
      
      /* Reduce title spacing */
      .product__title {
        margin-top: 0 !important;
        margin-bottom: 0.3rem !important;
        font-size: 1.5rem !important;
      }
      
      /* Judge.me star badge, first item under the product image on mobile.
         Loox carried its own internal padding, so the old -1.5rem here just
         cancelled that out. Judge.me has none, and the same negative value
         dragged the stars up onto the bottom of the product photo.
         The info container already pulls up 1rem, so keep this at or above 0. */
      .jdgm-widget.jdgm-preview-badge,
      .jdgm-prev-badge {
        margin-top: 0.4rem !important;
        margin-bottom: 0.2rem !important;
      }
      
    /* Keep color swatches as circles 
    .product-form__input input[type="radio"] + label {
      border-radius: 50% !important;
    }*/

    /* Make size selector soft squares */
    .product-form__input:not(.product-form__input--swatch) input[type="radio"] + label,
    .product-form__input--dropdown input[type="radio"] + label {
      border-radius: 4px !important;
      padding: 0.5rem 0.9rem !important;
      font-size: 1.6rem !important;
      min-width: 2.5rem !important;
    }

    /* Remove all spacing from variant labels */
    .form__label {
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1rem !important;
    }

    /* Also target the parent container */
    .product-form__input {
      margin-top: 0.3rem !important;
      margin-bottom: 0.3rem !important;
      padding: 0 !important;
    }

    /* Remove bottom margin from price */
      .price--large {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
      }

        /* Target any wrapper around the price */
      .price-wrapper,
      .product__info-wrapper .price {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
      }

      /* Reduce space from variant picker to button */
      .product-form__input:last-of-type {
        margin-bottom: 0.25rem !important;
      }

    /* Target the specific element */
    div.product__tax.caption.rte {
      margin: 0 !important;
      padding: 0 !important;
      line-height: 1 !important;
    }

    /* Reduce gap between button and tax text */
      .product-form__buttons {
        margin-top: -1.5rem !important;
        padding-top: 0 !important;
        margin-bottom: 0 !important;
      }
      
      /* Target the div before the buttons */
      .product-form__buttons::before {
        display: none !important;
      }
      /* Target TPO wrapper that might be creating space */
      .tpo_option-set-wrapper,
      .tpo_total-additional-price-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        display: none !important;
      }

        /* Force everything above the button tighter */
      .product-form > *:not(.product-form__buttons) {
        margin-bottom: 0.25rem !important;
      }

      .image-with-text__text.rte.body {
        margin-top: 0 !important;
        padding-top: 0 !important;
      }
}
      
}

  /* Target the entire product form to reduce internal gaps */
  .product-form {
    gap: 0.25rem !important;
  }

/* Target the shopify-payment-button wrapper if present */
.shopify-payment-button {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Reduce spacing on the parent form */
.product-form__input {
  margin-bottom: 0 !important;
}

/* Remove gap from parent container */
.product-form {
  gap: 0 !important;
}

/* Target the element below */
.product__tax + * {
  margin-top: 0 !important;
}
.product-form__buttons {
  margin-top: -1.5rem !important;
}
/* Remove space from empty TPO wrapper */
.tpo_option-set-wrapper {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* Or use a more general selector */
.product-form__submit.button {
  padding-top: 6px !important;
  padding-bottom: 8px !important;
  text-transform: uppercase;
}

/* Collection page */
.card__heading.h5 {
  font-size: 1.5rem !important;
}

.card__information {
  padding-top: 5px !important;
  margin-bottom: -1.5rem !important;
}
.card__content {
  padding-left: 0px !important;
  padding-right: 0 !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}
.card__heading {
  margin-bottom: 0px !important;
}
.price {
  margin-top: 0rem !important;
  padding-bottom: 0 !important;
  margin-bottom: 0.25rem !important;
}

.christmas-warning-box {
  background-color: #EA692C;
  border-radius: 4px;
  padding: 12px 16px;
  margin: 16px 0;
  text-align: center;
}

.christmas-warning-text {
  color: white;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  letter-spacing: 0.3px;
}
.contact-form__intro {
  margin: 1.5rem 0;
  color: #666;
}

/* Hide tax/shipping line on all devices */
div.product__tax.caption.rte {
  display: none !important;
}


/* FIX: Prevent Layout Shift (Jump) on Variant Change */
.product__media-wrapper {
  min-height: 500px; /* Forces the box to stay open */
  height: 100%;      /* Ensures it respects the parent */
}

.product__media-list {
  min-height: 500px; /* Backup for the list itself */
}

/* Mobile specific fix (smaller height) */
@media screen and (max-width: 749px) {
  .product__media-wrapper,
  .product__media-list {
    min-height: 350px;
  }
}

@media screen and (min-width: 750px) {
  /* Force alignment of custom liquid section */
  .section-template--26469216780574__custom_liquid_b8TNnF .custom-liquid,
  #shopify-section-template--26469216780574__custom_liquid_b8TNnF .custom-liquid {
    max-width: 100% !important;
    padding-left: 4rem !important;
    padding-right: 5rem !important;
  }
  
  /* Match the page-width container alignment */
  #shopify-section-template--26469216780574__custom_liquid_b8TNnF {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
}

/* Align trust badges with Add to Cart button on desktop */
@media screen and (min-width: 750px) {
  .trust-badges-inline {
    max-width: 44rem;
  }
}
/* Align trust badges with Add to Cart button */
@media screen and (min-width: 750px) {
  .trust-badges-inline {
    max-width: 440px;
  }
}


/* Mobile: Make size selector full device width and fix spacing with Check Your Size link */
@media screen and (max-width: 749px) {
  /* Make the size selector fieldset take full width and use flexbox */
  .product-form__input--pill {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }
  
  /* Make the legend (Size label + Check Your Size link) take full width as a row */
  .product-form__input--pill .form__label {
    width: 100% !important;
    flex-basis: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    align-items: center !important;
    margin-bottom: 0.25rem !important;
  }
  
  /* Prevent the Check Your Size Here container from floating on mobile */
  .product-form__input--pill .ks-chart-container {
    float: none !important;
  }

  /* Hide the radio inputs but keep them in the flex flow */
  .product-form__input--pill > input[type="radio"] {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
  }
  
  /* Make size buttons distribute across full width evenly */
  .product-form__input--pill > label {
    flex: 1 1 auto !important;
    text-align: center !important;
    min-width: 0 !important;
  }
}

/* Mobile: Remove gap between price and Add to Cart button */
@media screen and (max-width: 749px) {
  /* Remove the top margin on the product form that creates the gap */
  .product__info-container product-form.product-form {
    margin-top: 0 !important;
  }
  
  /* Also hide the empty installment form wrapper */
  .product__info-container > div:has(> form.installment) {
    display: none !important;
  }
}

/* Hide product image thumbnails on all screens — keeps CTA above the fold */
.thumbnail-slider,
.thumbnail-list {
  display: none !important;
}

/* Highlight Kiwi "Check Your Size Here" link */
.ks-chart-container {
  background-color: #fff3e0 !important;
  padding: 4px 10px !important;
  border-radius: 6px !important;
  border: 1px solid #ffe0b2 !important;
}

/* NPC-536 (final): hoodie photos are cropped to the chest framing in the image itself, so no theme zoom on hoodies */
.product--type-hoodie .product__media-list .product__media-item .product__media img {
  transform: none !important;
}