/* Product Card Overlay Redesign — 2026-03-16
   Price pill on photo, hide title (sr-only for SEO), hide delivery time.
   Targets: .main__products-item (v2 catalog template)
   NOTE: !important needed because catalog/style.css loads AFTER this file.
   Rollback: remove connectCss line from header-full-v2.php + <link> from header-full.php */

/* 1. Card needs position:relative for price overlay positioning */
.main__products-item {
  position: relative;
}

/* 2. Collapse container below image — make static so price
   positions relative to .main__products-item */
.main__products-item-container {
  position: static !important;
  margin-top: 0 !important;
  gap: 0 !important;
}

/* 3. Price pill — overlay bottom-left of image */
.main__products-item-price {
  position: absolute !important;
  z-index: 5;
  bottom: 16px !important;
  left: 8px !important;
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border-radius: 20px !important;
  padding: 4px 12px !important;
  pointer-events: none;
  font-weight: 700 !important;
  font-size: 18px !important;
  line-height: 24px !important;
  color: #000 !important;
}

.main__products-item-price-old {
  font-size: 11px !important;
}

/* 4. Hide product name (SEO-safe: sr-only pattern) */
.main__products-item-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 5. Hide delivery time */
.main__products-item-delivery {
  display: none !important;
}

/* 6. Hide "+" add-to-cart button */
.main__products-item-buy {
  display: none !important;
}

/* 7. Grid tightening — compact vitrine layout */
.main__products {
  --group-row-gap: 8px !important;
  --group-column-gap: 8px !important;
}

.main__products-group {
  gap: 8px !important;
}

.main__products-item-image {
  border-radius: 8px !important;
}

@media (max-width: 654px) {
  .main__products-group {
    gap: 8px !important;
  }
}

/* 8. Hide all tags except "Бесплатная доставка" */
.main__products-item-tag {
  display: none !important;
}

.main__products-item-tag[tag="delivery"] {
  display: block !important;
  font-size: 16px !important;
  padding: 4px 14px !important;
}

@media (max-width: 772px) {
  .main__products-item-tag[tag="delivery"] {
    font-size: 12px !important;
    padding: 3px 10px !important;
  }
}

/* 9. OPT cards (.active) — exclude from redesign */
.main__products-item.active .main__products-item-container {
  position: relative !important;
  margin-top: 8px !important;
}

.main__products-item.active .main__products-item-price {
  position: static !important;
  background: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  pointer-events: auto !important;
}

.main__products-item.active .main__products-item-title {
  position: static !important;
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  white-space: normal !important;
}

.main__products-item.active .main__products-item-delivery {
  display: flex !important;
}

.main__products-item.active .main__products-item-tag {
  display: block !important;
}

/* Mobile adjustments */
@media (max-width: 575px) {
  .main__products-item-price {
    padding: 3px 10px !important;
    left: 6px !important;
    bottom: 12px !important;
    font-size: 16px !important;
  }
}