/** Shopify CDN: Minification failed

Line 247:0 Unexpected "}"

**/
/*
 * MRS. MAILBOX — Product Card + Products Section
 * assets/mm-product-card.css
 * Figma: ProductCardHomepage (799:277)
 * Bağımlılık: mm-tokens.css, mm-text-link.css
 */

/* ══════════════════════════════════════════
   CARD
   ══════════════════════════════════════════ */
.mm-product-card {
  display:         flex;
  flex-direction:  column;
  gap:             var(--mm-space-4);
  width:           100%;
  padding-bottom:  8px;
  border-radius:   var(--mm-radius-md);
  overflow:        hidden;
  text-decoration: none;
  color:           inherit;
  cursor:          pointer;
}

/* ── GÖRSEL ── */
.mm-product-card__image-wrap {
  position:      relative;
  height:        clamp(200px, 21.4vw, 360px);
  border-radius: var(--mm-radius-md);
  border:        1px solid var(--mm-color-stroke);
  overflow:      hidden;
  flex-shrink:   0;
  box-shadow:    none;
  transition:    transform 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media (hover: hover) {
  .mm-product-card:hover {
    transform: translateY(-2px);
  }
  .mm-product-card:hover .mm-product-card__image-wrap img {
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.12),
                0 4px 10px rgba(0, 0, 0, 0.07);
  }
}
.mm-product-card:active .mm-product-card__image-wrap {
  box-shadow: var(--mm-shadow-1);
}

.mm-product-card__image-wrap img,
.mm-product-card__image-wrap svg,
.mm-product-card__placeholder {
  position:   absolute;
  inset:      0;
  width:      100%;
  height:     100%;
  object-fit: cover;
  display:    block;
  transition: box-shadow 0.32s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  object-position: top center; 
}


/* ── İÇERİK ── */
.mm-product-card__content {
  display:        flex;
  flex-direction: column;
  gap:            var(--mm-space-4);
  width:          100%;
  transition:     transform 0.18s ease;
  border-top:     1px solid rgba(184, 13, 46, 0.20);
  padding-top:    16px;
}
.mm-product-card:hover .mm-product-card__content  { transform: translateY(-2px); }
.mm-product-card:active .mm-product-card__content { transform: translateY(-2px); }

/* ── BAŞLIK + AÇIKLAMA ── */
.mm-product-card__info {
  display:        flex;
  flex-direction: column;
  gap:            6px;
}

.mm-product-card__title {
  font-family:    var(--mm-font-heading);
  font-weight:    var(--mm-h3-weight);
  font-size:      var(--mm-h3);
  line-height:    var(--mm-h3-lh);
  letter-spacing: var(--mm-h3-ls);
  color:          var(--mm-color-heading);
  margin:         0;
  white-space:    nowrap;
  overflow:       hidden;
  text-overflow:  ellipsis;
}

.mm-product-card__desc {
  font-family:    var(--mm-font-body);
  font-weight:    400;
  font-size:      var(--mm-body-sm);
  line-height:    var(--mm-body-sm-lh);
  letter-spacing: 0.07px;
  color:          var(--mm-color-body);
  margin:         0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* ══════════════════════════════════════════
   PRODUCTS SECTION
   ══════════════════════════════════════════ */
.mm-products {
  background-color: var(--mm-color-bg);
  width:            100%;
}

.mm-products__inner {
  display:        flex;
  flex-direction: column;
  gap:            72px;
  align-items:    center;
  padding:        var(--mm-space-30) var(--mm-px);
  box-sizing:     border-box;
}

.mm-products__header {
  display:        flex;
  flex-direction: column;
  gap:            var(--mm-space-4);
  align-items:    center;
  text-align:     center;
}

.mm-products__title {
  font-family:    var(--mm-font-heading);
  font-weight:    var(--mm-h2-weight);
  font-size:      var(--mm-h2);
  line-height:    var(--mm-h2-lh);
  letter-spacing: var(--mm-h2-ls);
  color:          var(--mm-color-heading);
  margin:         0;
}

.mm-products__subtitle {
  font-family: var(--mm-font-body);
  font-weight: 400;
  font-size:   var(--mm-body-lg);
  line-height: var(--mm-body-lg-lh);
  color:       var(--mm-color-body);
  margin:      0;
  text-wrap:      balance;
}

/* Desktop: 3 sütun sabit */
.mm-products__grid {
  display:               grid;
  grid-template-columns: repeat(3, 1fr);
  gap:                   var(--mm-space-6);
  justify-content:       center;
  width:                 100%;
}

/* ── VIEW ALL CTA ── */
.mm-products__cta {
  display:         flex;
  justify-content: center;
}
.mm-products__cta-link {
  text-decoration: none;
}

/* ══════════════════════════════════════════
   TABLET — 2 sütun
   ══════════════════════════════════════════ */
@media (max-width: 1024px) {
  .mm-products__inner {
    padding: var(--mm-space-20) var(--mm-px);
    gap:     48px;
  }
  .mm-products__grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .mm-product-card,
  .mm-product-card__image-wrap {
    width: 100%;
  }
  .mm-product-card__image-wrap { height: 260px; }
}

/* ══════════════════════════════════════════
   MOBILE — 2 sütun kompakt
   ══════════════════════════════════════════ */
@media (max-width: 768px) {
  .mm-products__inner {
    padding: var(--mm-space-12) var(--mm-px);
    gap:     32px;
  }

  .mm-products__grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap:            16px;
    row-gap:               24px;
  }

  .mm-product-card {
    width:          100%;
    gap:            8px;
    padding-bottom: 4px;
  }

  .mm-product-card__image-wrap {
    width:  100%;
    height: 160px;
  }

  .mm-product-card__content {
    gap:         8px;
    padding-top: 10px;
  }

  .mm-product-card__title {
    font-size:   18px;
    line-height: 26px;
    white-space: normal;
  }

  .mm-product-card__desc {
    display:            -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow:           hidden;
    font-size:          12px;
    line-height:        18px;
  }
}
@media (min-width: 650px) and (max-width: 860px) {
  .mm-product-card__image-wrap {
    height: clamp(220px, 28vw, 280px);
  }
}
}
/* ══════════════════════════════════════════
   HOMEPAGE GRID — Desktop'ta 4. kart gizli
   Desktop  (≥1025px): 3 ürün görünür
   Tablet / Mobile:     4 ürün, 2×2 grid
   ══════════════════════════════════════════ */
@media (min-width: 1025px) {
  .mm-products__grid .mm-product-card:nth-child(4) {
    display: none;
  }
}

/* ══════════════════════════════════════════
   VIEW DETAILS — homepage product card only
   Sadece bu kart bağlamında scoped; global
   .mm-text-link stilleri korunur.
   Add to Cart → primary aksiyon
   View Details → soft, secondary, editorial
   ══════════════════════════════════════════ */
.mm-product-card .mm-text-link {
  opacity:    0.87;
  transition: opacity 0.2s ease;
}
@media (hover: hover) {
  .mm-product-card:hover .mm-text-link {
    opacity: 1;
  }
}
.mm-product-card .mm-text-link:focus-visible {
  opacity: 1;
}

/* Mobile: label bir tık küçültülür, desktop boyutları korunur */
@media (max-width: 768px) {
  .mm-product-card .mm-text-link--md .mm-text-link__label {
    font-size:      13px;
    line-height:    16px;
    letter-spacing: 1.04px;
  }
  .mm-product-card .mm-text-link--md .mm-text-link__arrow {
    font-size: 11px;
  }
}