/* =====================================================================
   producto-movil.css — Página del producto en el TELÉFONO, como TikTok Shop
   (la computadora no cambia: todo va dentro de max-width: 767px)
   ===================================================================== */
.pm-cab, .pm-tabs, .pm-mini, .pm-pie, .pm-bl, .pm-linea, .pm-etiquetas, .pm-guardar, .pm-cuenta, .pm-vervideo, .pm-titulo, .pm-video, .pm-solo-movil { display: none; }

@media (max-width: 767px) {
  .pm-solo-pc { display: none; }
  .pm-solo-movil { display: inline; }

  /* Sin la barra de siempre, sin migas y sin el menú de abajo: solo lo del producto */
  body.page-product .top-header,
  body.page-product .breadcrumb-row,
  body.page-product .bottom-nav-mobile,
  body.page-product .wiime-live-pagar,
  body.page-product .wiime-subasta-pagar { display: none !important; }
  html body.no-sidebar.page-product main.main-content { padding: 0 0 90px !important; }
  body.page-product { background: #f4f4f6; }
  body.page-product .footer { display: none; }

  /* ---------- Barra de arriba ---------- */
  .pm-cab { display: flex; align-items: center; gap: 10px; position: sticky; top: 0; z-index: 60; background: #fff; padding: calc(8px + env(safe-area-inset-top)) 12px 8px; }
  .pm-ic { border: none; background: none; color: #161823; font-size: 20px; width: 34px; height: 34px; display: grid; place-items: center; padding: 0; position: relative; text-decoration: none; }
  .pm-x { font-size: 23px; }
  .pm-tienda { display: flex; align-items: center; gap: 8px; min-width: 0; color: #161823; text-decoration: none; }
  .pm-tienda img { width: 34px; height: 34px; border-radius: 50%; object-fit: cover; border: 1px solid #eee; background: #fff; flex: none; }
  .pm-tn { font-size: 15.5px; font-weight: 700; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 130px; }
  .pm-seguir-top { display: none; border: none; background: none; color: #FF2D55; font-weight: 800; font-size: 16px; padding: 0; }
  body.pm-bajo .pm-tn { display: none; }
  body.pm-bajo .pm-seguir-top { display: block; }
  .pm-ics { margin-left: auto; display: flex; gap: 6px; }
  .pm-carro span { position: absolute; top: -2px; right: -4px; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 9px; background: #FF2D55; color: #fff; font-size: 10px; font-weight: 800; display: grid; place-items: center; border: 2px solid #fff; }
  .pm-carro span[hidden] { display: none; }

  .pm-tabs { display: flex; gap: 6px; position: sticky; top: calc(50px + env(safe-area-inset-top)); z-index: 59; background: #fff; padding: 2px 10px 8px; overflow-x: auto; scrollbar-width: none;
             transform: translateY(-8px); opacity: 0; pointer-events: none; height: 0; padding-top: 0; padding-bottom: 0; transition: opacity .2s, transform .2s; }
  .pm-tabs::-webkit-scrollbar { display: none; }
  body.pm-bajo .pm-tabs { opacity: 1; transform: none; pointer-events: auto; height: auto; padding-top: 2px; padding-bottom: 8px; border-bottom: 1px solid #f0f0f3; }
  .pm-tabs a { flex: none; font-size: 14.5px; font-weight: 600; color: #5b5f72; text-decoration: none; padding: 7px 13px; border-radius: 999px; white-space: nowrap; }
  .pm-tabs a.on { background: #f1f1f2; color: #161823; }

  /* ---------- Fotos ---------- */
  .page-product .product-page-grid { display: flex !important; flex-direction: column; align-items: stretch !important; gap: 0 !important; }
  .page-product .product-page-grid > * { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
  .page-product .wa-compartir-boton, .page-product .wa-compartir-icono { display: none !important; }
  /* "Mira más de…" de abajo ya va dentro de Acerca de esta tienda */
  .page-product .store-scroll-wrap, .page-product .store-scroll-wrap ~ .section-head:not(.pm-reco) { }
  .page-product .pm-mas-viejo { display: none !important; }
  .page-product .product-gallery-col { order: 1; background: #fff; }
  .page-product .pm-mini { order: 2; }
  .page-product .product-buybox-col { order: 3; }
  .page-product .product-left-col { order: 4; margin-top: 0 !important; }
  .page-product .gallery-main-wrap { border-radius: 0 !important; background: #fff; }
  .page-product .gallery-slide-img { object-fit: cover !important; }
  .page-product .gallery-arrow { display: none !important; }
  .page-product .like-icon-btn { display: none !important; }
  .pm-cuenta { display: block; position: absolute; right: 12px; bottom: 12px; z-index: 4; background: rgba(0,0,0,.5); color: #fff; font-size: 12px; font-weight: 700; border-radius: 999px; padding: 3px 10px; }
  .pm-vervideo { display: flex; align-items: center; gap: 6px; position: absolute; left: 12px; bottom: 12px; z-index: 4; border: none; background: rgba(255,255,255,.94); color: #161823; font-size: 13px; font-weight: 800; border-radius: 999px; padding: 6px 12px; box-shadow: 0 2px 8px rgba(0,0,0,.15); }
  .page-product .gallery-dot.active { background: #fff; border-color: #fff; }
  .pm-mini { display: flex; gap: 6px; padding: 8px 12px 10px; background: #fff; overflow-x: auto; scrollbar-width: none; }
  .pm-mini::-webkit-scrollbar { display: none; }
  .pm-mini img { width: 54px; height: 54px; border-radius: 8px; object-fit: cover; border: 2px solid transparent; flex: none; }
  .pm-mini img.on { border-color: #161823; }

  /* ---------- Precio, nombre y datos ---------- */
  .page-product .buy-box-sticky { margin: 0 !important; padding: 12px 16px 14px !important; border: 0 !important; background: #fff; position: relative !important; top: 0 !important; }
  .page-product .buy-box-sticky > .card-brand-row,
  .page-product .sold-by-row,
  .page-product .product-detail-desc-corta,
  .page-product #qtyOptionGroup,
  .page-product #normalActionsGroup,
  .page-product .product-detail-actions,
  .page-product .shipping-links-box,
  .page-product .store-protections-box,
  .page-product .about-shop-card-v2,
  .page-product .product-detail-rating { display: none !important; }
  .pm-guardar { display: grid; place-items: center; position: absolute; right: 12px; top: 14px; border: none; background: none; font-size: 22px; color: #161823; width: 38px; height: 38px; }
  .pm-guardar.on { color: #FF2D55; }
  .page-product .product-price-top { padding-right: 44px; }
  .page-product .product-price-top .discount-text { font-size: 24px !important; font-weight: 300; color: #FF2D55; }
  .page-product .product-price-top .product-price { font-size: 30px !important; font-weight: 800; }
  .page-product .free-ship-link { background: none !important; color: #0b7a6e !important; padding: 0 !important; font-size: 15px !important; margin-top: 4px; }
  .page-product .product-detail-title { font-size: 17px !important; font-weight: 700; line-height: 1.35; margin: 10px 0 0 !important; }
  .pm-linea { display: flex; flex-wrap: wrap; gap: 4px 0; font-size: 13.5px; color: #3f4254; margin-top: 6px; }
  .pm-linea span + span::before { content: "·"; margin: 0 7px; color: #a1a3b0; }
  .pm-etiquetas { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
  .pm-etiquetas span { background: #f1f1f2; color: #5b5f72; border-radius: 8px; padding: 5px 10px; font-size: 13px; font-weight: 600; }
  .pm-etiquetas span.verde { background: #e8f8ef; color: #0b7a4b; }
  .pm-etiquetas span.morado { background: #f1eaff; color: #7614E0; }
  .pm-etiquetas:empty { display: none; }
  .page-product .compartir-wa, .page-product [class*="compartir-wa"], .page-product .btn-compartir-whatsapp { display: none !important; }

  /* Subasta: la cajita para pujar queda dentro del producto */
  .page-product .auction-box { margin-top: 14px; }

  /* ---------- Bloques (separados por franja gris) ---------- */
  .pm-bl { display: block; background: #fff; margin: 8px -16px 0; padding: 14px 16px 16px; }
  .pm-bl h3, .pm-titulo { font-size: 18px; font-weight: 800; color: #161823; margin: 0; }
  .pm-fila { display: flex; gap: 12px; margin-top: 14px; }
  .pm-fila > i { font-size: 18px; width: 24px; text-align: center; margin-top: 2px; color: #161823; }
  .pm-fila b { display: block; font-size: 15.5px; }
  .pm-fila b.verde { color: #0b7a6e; }
  .pm-fila p { font-size: 13.5px; color: #6b6f80; margin: 3px 0 0; line-height: 1.4; }
  .pm-fila p b { display: inline; font-size: inherit; color: #3f4254; }
  .pm-prot { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; margin-top: 14px; }
  .pm-prot div { font-size: 12.5px; line-height: 1.3; color: #3f4254; }
  .pm-prot i { display: block; color: #2563EB; font-size: 20px; margin-bottom: 8px; }
  .pm-tie { display: flex; gap: 12px; align-items: center; margin-top: 14px; }
  .pm-tie img { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; border: 1px solid #eee; background: #fff; flex: none; }
  .pm-tie b { font-size: 18px; } .pm-tie small { display: block; font-size: 13px; color: #5b5f72; margin-top: 3px; }
  .pm-stats { display: grid; grid-template-columns: repeat(3, 1fr); background: #f6f6f8; border-radius: 12px; margin-top: 14px; padding: 10px 0; text-align: center; }
  .pm-stats div + div { border-left: 1px solid #e8e8ec; }
  .pm-stats b { font-size: 16px; display: block; } .pm-stats span { font-size: 11.5px; color: #6b6f80; }
  .pm-bts { display: flex; gap: 10px; margin-top: 12px; }
  .pm-bts > * { flex: 1; text-align: center; background: #f1f1f2; border: none; border-radius: 999px; padding: 10px; font-weight: 700; font-size: 15px; color: #161823; text-decoration: none; }
  .pm-bts .pm-chat { flex: none; width: 46px; padding: 10px 0; font-size: 17px; }
  .pm-bts .pm-seguir.on { color: #6b6f80; }
  .pm-h { display: flex; align-items: center; margin-top: 20px; font-size: 18px; font-weight: 800; color: #161823; text-decoration: none; }
  .pm-h i { margin-left: auto; font-size: 14px; color: #a1a3b0; }
  .pm-mas { display: flex; gap: 10px; margin-top: 12px; overflow-x: auto; scrollbar-width: none; }
  .pm-mas::-webkit-scrollbar { display: none; }
  .pm-mc { flex: none; width: 148px; color: #161823; text-decoration: none; }
  .pm-mi { display: block; height: 148px; border-radius: 12px; background: #f3f3f5 center / cover; }
  .pm-mn { display: block; font-size: 13px; margin-top: 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .pm-mp { display: block; font-size: 15px; font-weight: 800; } .pm-mp em { font-style: normal; color: #FF2D55; font-weight: 500; font-size: 13px; }

  /* Reseñas y Acerca del producto */
  .page-product .product-left-col { background: #fff; padding: 14px 16px 6px; margin-top: 8px !important; }
  .pm-titulo { display: block; margin-bottom: 10px; scroll-margin-top: 110px; }
  .page-product .collapse-section-title { font-size: 18px !important; font-weight: 800; margin-top: 22px; padding-top: 14px; border-top: 8px solid #f4f4f6; margin-left: -16px; margin-right: -16px; padding-left: 16px; }
  .page-product .pm-reco { background: #fff; margin: 8px 0 0 !important; padding: 14px 16px 0; }
  .page-product #alsoLikeGrid { background: #fff; margin: 0 !important; padding: 8px 10px 16px; }

  /* ---------- Botones fijos abajo ---------- */
  .pm-pie { display: flex; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 70; background: #fff; padding: 10px 14px calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid #f0f0f3; }
  .pm-b { flex: 1; border: none; border-radius: 999px; padding: 11px 6px; font-weight: 800; font-size: 15.5px; line-height: 1.15; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 50px; }
  .pm-b small { font-weight: 600; font-size: 12px; opacity: .9; margin-top: 2px; }
  .pm-b.gris { background: #f1f1f2; color: #161823; }
  .pm-b.rosa { background: #FF2D55; color: #fff; flex-direction: row; gap: 7px; }
  .pm-b.rosa:has(small) { flex-direction: column; gap: 0; }
  .pm-b:disabled { opacity: .55; }
  .pm-pie-sub { display: flex; flex-direction: column; justify-content: center; line-height: 1.15; min-width: 0; }
  .pm-pie-sub small { font-size: 11.5px; color: #6b6f80; } .pm-pie-sub b { font-size: 19px; color: #7614E0; } .pm-pie-sub span { font-size: 12px; color: #3f4254; }

  /* Video en pantalla completa */
  .pm-video { display: flex; position: fixed; inset: 0; z-index: 3000; background: rgba(0,0,0,.92); align-items: center; justify-content: center; }
  .pm-video[hidden] { display: none; }
  .pm-video video { width: 100%; max-height: 90vh; }
  .pm-video-x { position: absolute; top: calc(12px + env(safe-area-inset-top)); right: 12px; border: none; background: rgba(255,255,255,.2); color: #fff; width: 40px; height: 40px; border-radius: 50%; font-size: 18px; }
}

/* Como TikTok Shop: sin miniaturas debajo de la foto */
@media (max-width: 767px) { .pm-mini { display: none !important; } }