/** Shopify CDN: Minification failed

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

**/
/* ==========================================================================
   Store visual enhancements
   --------------------------------------------------------------------------
   Purely additive CSS layered on top of the theme's existing styles.
   Nothing here removes or restructures existing markup/classes - it only
   adds borders, shadows, and spacing refinements. Loaded once globally from
   layout/theme.liquid so it applies consistently on collection grids,
   carousels, the product page, and inside the Quick View popup.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Product card (collection grid / carousels / recommended products)
   Subtle border + soft shadow on hover. No layout/spacing changes.
   -------------------------------------------------------------------------- */
.product-item__inner {
  background: #fff;
  border: 1.5px solid #ececec;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 13px 29px rgba(0,0,0,.01);
  
}

.fs-product-title {
  font-size: 13px !important;
}
.quick-product .product__title {
  font-size: 15px !important;
}
.quick-product__right-inner {
  padding-bottom: 0px !important;
}

button.product-item__quick-add.btn.btn--small.btn--full.btn--tertiary.show-product-quick-view {
  border: 1.1px solid !important;
  border-radius: 4px !important;
}
.btn.btn--primary, .btn.btn--secondary, .btn.btn--tertiary, .btn.btn--solid, .btn.btn--outline, .spr-button-primary, .spr-summary-actions-newreview, .shopify-challenge__button 
{
  border-radius: 4px !important;
  font-weight: 800!important;
  text-transform: uppercase;
}
.product-item-holder[data-grid-style=colored_tile] .product-item {
  background-color: transparent !important;
}

@media (min-width: 1024px){
.collection__products[data-grid-style="colored_tile"].standard-grid-spacing[data-standard-grid-spacing-type="product-list"]{
        grid-gap: 12px !important;
        grid-gap: 12px !important;
    }

.product-item:hover .product-item__inner {
  transform: translateY(-0px);
  border-color: #ddd;
  box-shadow:
    0 14px 36px rgba(0,0,0,.10),
    0 4px 12px rgba(0,0,0,.05);
}

.product-item__media-wrapper {
  background: #fff;
  border-bottom: 1px solid #f2f2f2;
}

/*.product-item__media-wrapper img {
  transition: transform .35s ease;
}*/

.product-item:hover .product-item__media-wrapper img {
  transform: scale(1.04);
}

/* Add to cart trigger on cards (opens Quick View) - a little more tactile */
.product-item__quick-add.btn {
  font-weight: 600;
  transition: box-shadow 0.2s ease, transform 0.15s ease;
}

.product-item__quick-add.btn:hover {
  box-shadow: 0 4px 12px rgba(17, 24, 39, 0.14);
  transform: translateY(-1px);
}

/* --------------------------------------------------------------------------
   2. Quantity selector - bordered, tactile stepper.
   Applies everywhere quantity-input.liquid is used: product page,
   Quick View, and any card/carousel context.
   -------------------------------------------------------------------------- */
.quantity-input {
  border: 1.5px solid #111827 !important;
  border-radius: 4px !important;
  overflow: hidden;
  display: inline-flex;
  align-items: stretch;
  background: #fff;
}

.quantity-input__button {
  min-width: 40px;
  font-weight: 700;
  background: #f9fafb;
  border: none;
  transition: background 0.15s ease;
}

.quantity-input__button:hover {
  background: #f0f1f3;
}

.quantity-input__input {
  border: none;
  border-left: 1px solid rgba(17, 24, 39, 0.15);
  border-right: 1px solid rgba(17, 24, 39, 0.15);
  text-align: center;
  font-weight: 600;
  min-width: 44px;
}

/* --------------------------------------------------------------------------
   3. Quick View popup polish.
   Layout stays side-by-side (image left / details right) - this only
   refines spacing, dividers, and typography inside that existing structure.
   -------------------------------------------------------------------------- */
.quick-product-modal__content .quick-product__right-sticky-header {
  padding-bottom: 12px;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(17, 24, 39, 0.08);
}

.quick-product-modal__content .product__title {
  font-weight: 700;
}

.quick-product-modal__content .quick-product__right-viewport-footer {
  border-top: 1px solid rgba(17, 24, 39, 0.08);
  padding-top: 14px;
  margin-top: 6px;
}

.quick-product-modal__content .product-blocks {
  display: flex;
  flex-direction: column;
  gap: 4px;
}