/** Shopify CDN: Minification failed

Line 166:55 Unexpected "*"

**/
/* =========================
   PITCH LINK BUTTON — OUTFIT STYLE
   Targets: <a class="link ... link--...__button_...">
   ========================= */

/* Only the "button-like" link variants (Pitch uses class containing "__button_") */
a.link[class*="__button_"]{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;

  padding: 0 !important;
  min-height: unset;

  font-family: 'Outfit', sans-serif !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: #000 !important;

  position: relative;
  display: inline-block;

  /* space between text and underline */
  padding-bottom: 9px !important; /* a bit more space than 7px */
  text-decoration: none !important; /* kill native underline */
}

/* underline */
a.link[class*="__button_"]::after{
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;

  height: 1.5px;
  background-color: currentColor;
  opacity: 0.7;

  width: 85%;
  transform: translateX(-50%);
  transition: width 0.28s ease, opacity 0.28s ease;
}

/* hover */
a.link[class*="__button_"]:hover{
  color: #000 !important;
}

a.link[class*="__button_"]:hover::after{
  width: 105%;
  opacity: 1;
}

/* focus */
a.link[class*="__button_"]:focus-visible{
  outline: none;
}

a.link[class*="__button_"]:focus-visible::after{
  opacity: 1;
}

.button,
input,
textarea {
  border-radius: 0 !important;
}

.quantity,
.quantity-selector,
.field {
  border-radius: 0 !important;
  overflow: visible !important;
  clip-path: none !important;
}

/* =========================
   REMOVE FOCUS OUTLINE — QUANTITY ONLY
   ========================= */

/* Quantity input focus */
.quantity input:focus,
.quantity__input:focus,
.quantity-input:focus,
.quantity-selector input:focus,
.field__input[type="number"]:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}

/* Also kill focus-visible (modern browsers) */
.quantity input:focus-visible,
.quantity__input:focus-visible,
.quantity-input:focus-visible,
.quantity-selector input:focus-visible,
input:focus-visible
 {
  outline: none !important;
  box-shadow: none !important;
}

/* Policy page container */
.shopify-policy__container {
  background-color: #FBFAF6 !important;
  max-width: 1200px;
  margin: 0 auto;
  padding: 150px 20px;
}

/* Policy headings */
.shopify-policy__title {
  font-size: 2rem;
  margin-bottom: 1.5rem;
  color: #000;
}

/* Policy body text */
.shopify-policy__body {
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
}

/* Links in policy */
.shopify-policy__body a {
  color: #007bff;
  text-decoration: underline;
}

/* =========================================
   PRODUCT GRID — ALIGN ADD TO CART BUTTONS
   Works with: .product-card__content.product-grid__card
   ========================================= */

/* Make each product card a full-height flex column */
.product-card__content.product-grid__card{
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Ensure the grid cell stretches so height:100% actually works */
.product-card__content.product-grid__card{
  align-self: stretch;
}

/* Push the buy button block to the bottom of the card */
.product-card__content.product-grid__card .buy-buttons-block{
  margin-top: auto;
}

/* Optional: if there is extra wrapper above the button */
.product-card__content.product-grid__card .product-form-buttons{
  width: 100%;
}

/* Optional but recommended: clamp product title height to avoid crazy jumps */
.product-card__content.product-grid__card .text-block--*__product_title_* p,
.product-card__content.product-grid__card .product-grid-view-zoom-out--details h3{
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* same height across cards */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* HERO: on mobile, show only the first image */
@media (max-width: 749px){
  .hero__media-wrapper{
    display: block !important;
  }

  .hero__media-wrapper > img.hero__image{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
  }

  .hero__media-wrapper > img.hero__image:nth-of-type(2){
    display: none !important;
  }
}