/* v2.23-mobile-product-font-tight-pass */
@media (max-width: 767px) {
  .product-page .tab { font-size: 11px !important; line-height: 1.05 !important; }
  .product-page .offer-card { font-size: 11px !important; line-height: 1.22 !important; }
  .product-page .offer-badge { font-size: 8px !important; line-height: 1.05 !important; padding: 3px 8px !important; margin-bottom: 4px !important; }
  .product-page .offer-seller { font-size: 9.5px !important; line-height: 1.16 !important; margin-bottom: 3px !important; overflow-wrap: anywhere !important; }
  .product-page .offer-price { font-size: clamp(16px, 4.1vw, 19px) !important; line-height: 1.02 !important; margin-bottom: 7px !important; }
  .product-page .offer-btn { font-size: 10px !important; line-height: 1 !important; min-height: 24px !important; padding: 6px 10px !important; }
  .product-page .rating, .product-page .rating-text, .product-page .review-link { font-size: 10.5px !important; line-height: 1.15 !important; }
  .product-page .gallery-counter, .product-page .thumb-badge { font-size: 9px !important; line-height: 1 !important; }
}

/* v2.24-mobile-visible-font-tight-pass */
@media (max-width: 767px) {
  .mobile-product-title { font-size: 13px !important; line-height: 1.12 !important; max-height: 44px !important; }
  .card-title, .offers-header h3 { font-size: 13px !important; line-height: 1.12 !important; }
  .price-value { font-size: clamp(17px, 4vw, 19px) !important; line-height: 1 !important; }
  .currency, .price-cents { font-size: 8.5px !important; line-height: 1 !important; }
  .price-meta, .price-stats, .stat-item, .deal-source, .stat-label, .stat-value { font-size: 10px !important; line-height: 1.18 !important; }
  .mobile-rating-row, .stars, .rating-score, .review-link { font-size: 10px !important; line-height: 1.1 !important; }
  .thumb-card, .thumb-badge, .gallery-counter { font-size: 8px !important; line-height: 1 !important; }
  .search-bar.search-bar-header input, #searchInput { font-size: 12px !important; line-height: 1.1 !important; }
  .offers-card { font-size: 11px !important; }
}

/* v2.25-mobile-product-title-app-font */
@media (max-width: 767px) {
  .product-page #mobileProductTitle.mobile-product-title {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif !important;
    font-size: clamp(11px, 2.7vw, 12px) !important;
    font-weight: 680 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.015em !important;
    max-height: 26px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }
  .product-page .product-description, .product-page .description-content, .product-page .desc-text {
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.005em !important;
  }
}

/* v2.26-mobile-offers-title-short */
@media (max-width: 767px) {
  .product-page .offers-card .offers-header .card-title {
    font-size: 0 !important;
    line-height: 1 !important;
    gap: 3px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
  .product-page .offers-card .offers-header .card-title::after {
    content: "Ofertas" !important;
    font-size: 10px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
  }
  .product-page .offers-card .offers-header .card-title svg {
    width: 11px !important;
    height: 11px !important;
  }
  .product-page .offers-header::after {
    width: 15px !important;
    height: 15px !important;
    font-size: 8px !important;
    line-height: 1 !important;
  }
}

/* v2.27-mobile-tabs-app-font */
@media (max-width: 767px) {
  .product-page .tabs {
    gap: 4px !important;
    padding-bottom: 6px !important;
  }

  .product-page .tab {
    min-height: 29px !important;
    padding: 6px 9px !important;
    gap: 4px !important;
    border-radius: 999px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif !important;
    font-size: 10.5px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    letter-spacing: -0.01em !important;
  }

  .product-page .tab svg {
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
  }

  .product-page .tab.active {
    font-weight: 700 !important;
  }
}

/* v2.28-mobile-offer-card-polish */
@media (max-width: 767px) {
  .product-page .offers-grid {
    gap: 8px !important;
  }

  .product-page .offer-card {
    position: relative !important;
    display: grid !important;
    justify-items: center !important;
    align-content: start !important;
    gap: 5px !important;
    min-height: 122px !important;
    padding: 10px 9px 11px !important;
    border: 1px solid rgba(16, 185, 129, 0.55) !important;
    border-radius: 14px !important;
    background:
      radial-gradient(circle at 50% 0%, rgba(16, 185, 129, 0.13), transparent 58%),
      linear-gradient(180deg, #ffffff 0%, #f8fffc 100%) !important;
    box-shadow: 0 8px 18px -15px rgba(15, 23, 42, 0.45) !important;
    overflow: hidden !important;
  }

  .product-page .offer-card::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    height: 3px !important;
    background: linear-gradient(90deg, #10b981, #34d399, #10b981) !important;
    opacity: 0.9 !important;
  }

  .product-page .offer-badge {
    max-width: 100% !important;
    padding: 4px 10px !important;
    border-radius: 999px !important;
    background: #10b981 !important;
    color: #ffffff !important;
    font-size: 7.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0.02em !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 10px -8px rgba(16, 185, 129, 0.8) !important;
  }

  .product-page .offer-seller {
    max-width: 100% !important;
    color: #0f172a !important;
    font-size: 9px !important;
    font-weight: 760 !important;
    line-height: 1.08 !important;
    text-align: center !important;
    letter-spacing: -0.01em !important;
  }

  .product-page .offer-price {
    color: #111827 !important;
    font-size: clamp(17px, 4.25vw, 20px) !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.035em !important;
    margin: 2px 0 3px !important;
  }

  .product-page .offer-btn {
    width: min(100%, 118px) !important;
    min-height: 28px !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, #19c58b 0%, #10b981 100%) !important;
    color: #ffffff !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 8px 15px -10px rgba(16, 185, 129, 0.95) !important;
  }

  .product-page .offer-btn:active {
    transform: translateY(1px) !important;
    box-shadow: 0 5px 12px -10px rgba(16, 185, 129, 0.95) !important;
  }
}

/* v2.29-mobile-offer-font-size-pass */
@media (max-width: 767px) {
  .product-page .offers-card .offers-header .card-title::after {
    font-size: 9px !important;
    font-weight: 700 !important;
  }

  .product-page .offer-badge {
    font-size: 7px !important;
    line-height: 1 !important;
    padding: 3px 9px !important;
  }

  .product-page .offer-seller {
    font-size: 8px !important;
    font-weight: 720 !important;
    line-height: 1.08 !important;
  }

  .product-page .offer-price {
    font-size: clamp(15px, 3.7vw, 17px) !important;
    font-weight: 820 !important;
    letter-spacing: -0.03em !important;
  }

  .product-page .offer-btn {
    font-size: 9.5px !important;
    font-weight: 760 !important;
    min-height: 26px !important;
  }
}

/* v2.30-mobile-offer-light-font-pass */
@media (max-width: 767px) {
  .product-page .offer-card {
    gap: 4px !important;
    min-height: 112px !important;
    padding: 9px 8px 10px !important;
  }

  .product-page .offer-badge {
    font-size: 6.5px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    padding: 3px 8px !important;
    letter-spacing: 0 !important;
  }

  .product-page .offer-seller {
    font-size: 7.5px !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    color: #1f2937 !important;
  }

  .product-page .offer-price {
    font-size: clamp(13.5px, 3.15vw, 15px) !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
    margin: 2px 0 4px !important;
  }

  .product-page .offer-btn {
    width: min(100%, 104px) !important;
    min-height: 24px !important;
    padding: 6px 9px !important;
    border-radius: 8px !important;
    font-size: 8.5px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }
}

/* v2.31-mobile-price-row-3-columns */
@media (max-width: 767px) {
  .product-page .product-info-col > .price-card {
    padding: 10px 10px 11px !important;
  }

  .product-page .price-card > .card-title {
    display: none !important;
  }

  .product-page .price-card .price-row {
    display: grid !important;
    grid-template-columns: 1.35fr 1fr 1fr !important;
    align-items: stretch !important;
    gap: 6px !important;
    padding-bottom: 8px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid rgba(209, 250, 229, 0.9) !important;
  }

  .product-page .price-card .price-main,
  .product-page .price-card .deal-source {
    min-width: 0 !important;
    min-height: 42px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 3px !important;
    padding: 6px 6px !important;
    border-radius: 10px !important;
    background: rgba(255, 255, 255, 0.62) !important;
    border: 1px solid rgba(209, 250, 229, 0.72) !important;
  }

  .product-page .price-card .price-main::before {
    content: "Precio" !important;
    display: block !important;
    color: #94a3b8 !important;
    font-size: 7px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
  }

  .product-page .price-card .price-main {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-content: center !important;
    justify-content: flex-start !important;
  }

  .product-page .price-card .price-main::before {
    flex: 0 0 100% !important;
  }

  .product-page .price-card .price-value {
    font-size: clamp(15px, 3.6vw, 17px) !important;
    font-weight: 760 !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
  }

  .product-page .price-card .currency,
  .product-page .price-card .price-cents {
    font-size: 7.5px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
  }

  .product-page .price-card .price-meta {
    display: contents !important;
  }

  .product-page .price-card .deal-source {
    text-align: left !important;
  }

  .product-page .price-card .deal-label {
    display: block !important;
    width: 100% !important;
    color: #94a3b8 !important;
    font-size: 7px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
  }

  .product-page .price-card .discount-badge,
  .product-page .price-card .history-badge {
    align-self: flex-start !important;
    justify-self: start !important;
    padding: 2px 7px !important;
    border-radius: 999px !important;
    font-size: 8px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
  }

  .product-page .price-card .price-old,
  .product-page .price-card .history-reference,
  .product-page .price-card .savings {
    display: none !important;
  }
}