.product-photo.negra-pack5 {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.04)),
    url('/assets/img/packNEGRA-5kg.png?v=20260516-2');
  background-size: cover;
  background-position: center;
}

.product-photo.negra-kilo {
  background-image:
    linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.04)),
    url('/assets/img/kilo-avocadoNEGRA.png?v=20260516-2');
  background-size: cover;
  background-position: center;
}

.delivery-notice-paltasya {
  margin: 0 0 14px;
  padding: 12px 14px;
  border-radius: 16px;
  background: #f6fbf1;
  border: 1px solid rgba(46, 125, 50, .16);
  color: #244d22;
  font-size: .82rem;
  line-height: 1.35;
}

.delivery-notice-paltasya strong {
  font-weight: 900;
}

.delivery-rule-row {
  margin: 8px 0 10px;
  padding: 8px 10px;
  border-radius: 12px;
  background: rgba(46, 125, 50, .08);
  color: #244d22;
  font-size: .78rem;
  font-weight: 800;
  line-height: 1.3;
}

/* Desktop layout override: mantiene la experiencia móvil en celular y libera la app en PC. */
@media (min-width: 900px) {
  html,
  body {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border: 0 !important;
    background: #f8f5ec !important;
  }

  body {
    display: block !important;
  }

  .app-header {
    width: min(1180px, calc(100vw - 48px)) !important;
    max-width: 1180px !important;
    height: 78px !important;
    margin: 0 auto !important;
    padding: 14px 28px !important;
    grid-template-columns: 72px 1fr 150px !important;
    border-left: 1px solid rgba(18,29,20,.08) !important;
    border-right: 1px solid rgba(18,29,20,.08) !important;
  }

  .brand {
    font-size: 2.1rem !important;
  }

  main {
    width: min(1180px, calc(100vw - 48px)) !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
    background: #fffaf4 !important;
    border-left: 1px solid rgba(18,29,20,.08) !important;
    border-right: 1px solid rgba(18,29,20,.08) !important;
  }

  .hero-section {
    min-height: 480px !important;
    align-items: center !important;
  }

  .hero-photo {
    background-position: center !important;
  }

  .hero-content {
    max-width: 690px !important;
    padding: 56px 50px !important;
  }

  .hero-content h1 {
    font-size: clamp(4.2rem, 6vw, 5.4rem) !important;
    line-height: .92 !important;
  }

  .hero-content p:not(.hero-kicker) {
    max-width: 500px !important;
    font-size: 1.24rem !important;
  }

  .hero-button {
    min-height: 56px !important;
    padding: 0 24px !important;
    font-size: 1.08rem !important;
  }

  .trust-row {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 20px !important;
    padding: 26px 40px !important;
  }

  .trust-row article {
    border: 1px solid rgba(18,29,20,.08) !important;
    border-radius: 18px !important;
    padding: 22px !important;
    background: #fff !important;
  }

  .trust-row h2 {
    font-size: 1.05rem !important;
  }

  .trust-row p {
    font-size: .86rem !important;
  }

  .products-section {
    padding: 38px 36px 28px !important;
  }

  .section-heading h2 {
    font-size: 1.65rem !important;
  }

  .product-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
  }

  .product-card {
    border-radius: 18px !important;
  }

  .product-photo {
    height: 190px !important;
  }

  .product-body {
    padding: 14px !important;
  }

  .product-body h3 {
    font-size: 1.05rem !important;
  }

  .product-body p {
    font-size: .82rem !important;
  }

  .product-price {
    font-size: 1.28rem !important;
  }

  .add-button {
    min-height: 46px !important;
    font-size: .86rem !important;
  }

  .about-business {
    max-width: 760px !important;
    margin: 22px auto !important;
  }

  .whatsapp-strip {
    max-width: 760px !important;
    margin: 18px auto 32px !important;
  }

  .modal {
    align-items: center !important;
  }

  .modal-panel {
    max-width: 560px !important;
    max-height: 88vh !important;
    border-radius: 24px !important;
  }

  .checkout-panel {
    max-width: 620px !important;
  }
}

@media (min-width: 900px) and (max-width: 1180px) {
  .app-header,
  main {
    width: calc(100vw - 32px) !important;
  }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .hero-content h1 {
    font-size: 4.3rem !important;
  }
}