/* ============================================================
   RNET MOBILE v1.0  –  capa final solo para celulares (<=820px)
   Cargar DESPUÉS de main.css / woocommerce.css.
   No modifica escritorio: todo vive dentro de @media.
   Usa las variables de color que ya existen (claro/oscuro).
   ============================================================ */

:root{
  --rnet-hdr-h:56px;
  --rnet-nav-h:62px;
  --rnet-gutter:16px;
  --rnet-ease:cubic-bezier(.32,.72,0,1);
}

/* Elementos que solo existen en celular: ocultos por defecto */
.rnet-tabbar,.rnet-hdr-actions,.rnet-toast,.rnet-btn-total,.ts-final .ts-bar-price{display:none}

@media (max-width:820px){

/* ---------- 1. BASE ---------- */
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--rnet-hdr-h) + env(safe-area-inset-top) + 8px);background:var(--bg,#252525)}
html,html body{overflow-x:clip!important}            /* clip no rompe position:sticky como hidden */
html body{
  -webkit-tap-highlight-color:transparent;
  margin-top:calc(var(--rnet-hdr-h) + env(safe-area-inset-top) + 1px)!important;
  padding-bottom:calc(var(--rnet-nav-h) + env(safe-area-inset-bottom))!important;
}
html body a,html body button,html body input,html body select,html body label,html body summary{touch-action:manipulation}
html body .container{padding-inline:var(--rnet-gutter)!important}
html body .ts-section{padding:22px 0!important}
html body .ts-section-header{margin-bottom:14px}
html body .ts-section-title{font-size:1.02rem!important;letter-spacing:.8px}
html body .ts-see-all{font-size:12px;min-height:44px}
html body.rnet-locked{position:fixed;left:0;right:0;width:100%;overflow:hidden!important}

/* ---------- 2. HEADER COMPACTO (estilo app) ---------- */
html body .ts-header{
  padding:env(safe-area-inset-top) 0 0!important;
  transition:transform .3s var(--rnet-ease);
  will-change:transform;
}
html body .ts-header.rnet-hide{transform:translateY(-100%)}
html body .ts-header__inner{
  display:grid!important;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:8px;
  height:var(--rnet-hdr-h);
  padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))!important;
}
html body #ts-mb-left{grid-column:1;justify-self:start;width:44px;height:44px;min-height:44px}
html body #ts-mb-right{display:none!important}             /* sustituido por la barra inferior */
html body .ts-header__logo{grid-column:2;justify-self:center;position:static;transform:none}
html body .ts-theme-logo{width:124px;height:36px}
html body .ts-theme-logo__image{height:100%!important;width:100%}
html body .ts-mb-btn:active,html body .rnet-hdr-btn:active{transform:scale(.92)}

html body .rnet-hdr-actions{display:flex;grid-column:3;justify-self:end;align-items:center;gap:2px}
html body .rnet-hdr-btn{
  width:44px;height:44px;border:0;background:transparent;border-radius:50%;
  display:grid;place-items:center;color:var(--accent-strong,#B2D235);font-size:22px;text-decoration:none;cursor:pointer;
  transition:transform .15s,background .15s;
}
html body .rnet-hdr-btn:active{background:rgba(127,127,127,.15)}
.rnet-hdr-btn .icon-sun{display:none}
html[data-theme="light"] .rnet-hdr-btn .icon-sun{display:block}
html[data-theme="light"] .rnet-hdr-btn .icon-moon{display:none}

/* ---------- 3. BARRA INFERIOR (tab bar) ---------- */
html body .rnet-tabbar{
  position:fixed;left:0;right:0;bottom:0;z-index:9000;
  display:grid;grid-template-columns:repeat(5,1fr);
  padding:6px max(4px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left));
  background:var(--header-bg-translucent,rgba(20,20,20,.92));
  -webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);
  border-top:1px solid var(--header-border,#2a2a2a);
}
html body .rnet-tab{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  min-height:48px;padding:0;background:none;border:0;cursor:pointer;text-decoration:none;
  color:var(--text-muted,#94a3b8);font:600 10.5px/1.1 'Poppins',sans-serif;letter-spacing:.2px;
}
html body .rnet-tab i{font-size:23px;line-height:1;transition:transform .18s var(--rnet-ease)}
html body .rnet-tab:active i{transform:scale(.88)}
html body .rnet-tab.is-active{color:var(--accent-strong,#B2D235)}
html body .rnet-tab.is-active::before{
  content:"";position:absolute;top:-7px;left:50%;width:24px;height:3px;margin-left:-12px;
  border-radius:0 0 4px 4px;background:var(--accent-strong,#B2D235);
}
html body .rnet-tab.is-active i{filter:drop-shadow(0 0 6px rgba(178,210,53,.35))}
html body .rnet-cart-count{
  position:absolute;top:1px;left:calc(50% + 5px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;
  background:var(--accent-strong,#B2D235);color:#000;font-size:10px;font-weight:800;line-height:17px;text-align:center;
}
html body .rnet-cart-count[data-count="0"]{display:none}
html body .rnet-tabbar.is-bump .rnet-cart-count{animation:rnetBump .45s var(--rnet-ease)}
@keyframes rnetBump{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}

/* Toast "Agregado al carrito" */
html body .rnet-toast{
  display:flex;align-items:center;gap:8px;position:fixed;left:50%;z-index:9100;
  bottom:calc(var(--rnet-nav-h) + env(safe-area-inset-bottom) + 14px);
  padding:11px 18px;border-radius:999px;background:#111;color:#fff;border:1px solid #2a2a2a;
  font:600 13px 'Poppins',sans-serif;box-shadow:0 10px 30px rgba(0,0,0,.35);
  opacity:0;transform:translate(-50%,16px);pointer-events:none;transition:opacity .25s,transform .3s var(--rnet-ease);
}
html body .rnet-toast i{color:#B2D235;font-size:18px}
html body .rnet-toast.is-show{opacity:1;transform:translate(-50%,0)}
html[data-theme="light"] body .rnet-toast{background:#10213b;border-color:#10213b}

/* WhatsApp u otros botones flotantes: por encima de la barra */
html body .ts-whatsapp-fab{bottom:calc(var(--rnet-nav-h) + env(safe-area-inset-bottom) + 12px)!important;right:14px!important}

/* ---------- 4. MENÚ LATERAL (drawers) ---------- */
html body .ts-drawer{
  width:min(86vw,340px);height:100dvh;
  padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 18px);
  overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  transition-timing-function:var(--rnet-ease);
  box-shadow:0 0 50px rgba(0,0,0,.45);
}
html body .ts-drawer--left{border-radius:0 22px 22px 0}
html body .ts-drawer--right{border-radius:22px 0 0 22px}
html body .ts-drawer__head{align-items:center}
html body .ts-drawer__close{width:44px;height:44px;margin-right:-10px;border-radius:50%;background:transparent;border:0;color:inherit;font-size:24px;display:grid;place-items:center}
html body .ts-drawer__link{min-height:54px;align-items:center;font-size:14px;border-radius:10px;transition:background .15s}
html body .ts-drawer__link:active{background:rgba(127,127,127,.14)}
html body .ts-drawer__link i{font-size:20px;color:var(--accent-strong,#B2D235)}
html body .ts-drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.55)}

/* ---------- 5. BUSCADOR A PANTALLA COMPLETA ---------- */
html body .ts-search-modal__overlay{background:var(--modal-bg,#1e1e1e)}
html body .ts-search-modal__content{
  position:fixed;inset:0;max-width:none;margin:0;border:0;border-radius:0;
  padding:calc(env(safe-area-inset-top) + 64px) 16px calc(env(safe-area-inset-bottom) + 16px);
  overflow-y:auto;overscroll-behavior:contain;
  transform:translateY(24px);transition:transform .35s var(--rnet-ease);
}
html body .ts-search-modal.is-open .ts-search-modal__content{transform:none}
html body .ts-search-modal__content h3{font-size:1.25rem;margin:0 0 16px}
html body .ts-search-modal__close--top{top:calc(env(safe-area-inset-top) + 10px);right:12px;width:44px;height:44px}
html body .ts-search-row{flex-direction:column;align-items:stretch;gap:10px;height:auto;background:transparent;border:0;border-radius:0;overflow:visible}
html body .ts-cat-select{display:flex!important;width:100%;height:52px;padding:0 14px;border:1px solid var(--field-border,#333);border-radius:14px;background:var(--field-bg,#111)}
html body .ts-cat-select select{width:100%;max-width:none;height:100%;font-size:16px;color:var(--field-text,#fff)}
html body .ts-search-row input[type="search"]{width:100%;height:52px;padding:0 16px;font-size:16px;color:var(--field-text,#fff);background:var(--field-bg,#111);border:1px solid var(--field-border,#333);border-radius:14px}
html body .ts-search-row input[type="search"]:focus{border-color:#B2D235;box-shadow:0 0 0 3px rgba(178,210,53,.18)}
html body .ts-search-row button{width:100%;height:52px;justify-content:center;border-radius:14px;font-size:15px}
html body .ts-search-hint{font-size:12px;margin:14px 2px 0}
/* buscador dentro del drawer derecho */
html body .ts-drawer__search input,html body .ts-drawer__search select{font-size:16px}

/* ---------- 6. HERO ---------- */
html body .ts-hero-swiper,html body .ts-hero__slide{min-height:clamp(340px,56svh,460px)}
html body .ts-hero__content{padding:28px 0 46px}
html body .ts-hero__btns{gap:10px}
html body .ts-hero__btns .ts-btn{min-height:46px;justify-content:center}
html body .ts-hero-prev,html body .ts-hero-next{display:none}
html body .ts-hero__pagination{bottom:14px!important}

/* ---------- 7. BENEFICIOS: carrusel horizontal compacto ---------- */
html body .beneficios-rnet{
  display:flex!important;gap:12px!important;overflow-x:auto;scroll-snap-type:x mandatory;
  margin:18px 0!important;padding:2px var(--rnet-gutter) 6px!important;max-width:none!important;
  scroll-padding-inline:var(--rnet-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
html body .beneficios-rnet::-webkit-scrollbar{display:none}
html body .beneficios-rnet .beneficio-rnet{flex:0 0 74vw;max-width:290px;scroll-snap-align:start;padding:20px 16px 16px!important}
html body .beneficios-rnet .icono{font-size:30px!important;margin-bottom:8px!important}
html body .beneficios-rnet .beneficio-rnet p{font-size:12.5px!important;margin-bottom:12px!important}

/* ---------- 8. CARRUSELES -> scroll nativo con snap ---------- */
html body .ts-products__wrapper,html body .ts-categories__wrapper,html body .ts-top-cats{padding:0!important;gap:0}
html body .ts-arrow,html body .ts-cat-prev,html body .ts-cat-next,html body .ts-top-cat-prev,html body .ts-top-cat-next,
html body [class*="ts-products-prev"],html body [class*="ts-products-next"]{display:none!important}

html body .ts-cat-swiper,html body .ts-products-swiper,html body .ts-top-cat-swiper,html body .ts-brand-swiper,html body .ts-static-brand-swiper{
  overflow-x:auto!important;overflow-y:hidden!important;
  margin-inline:calc(var(--rnet-gutter) * -1)!important;padding-inline:var(--rnet-gutter)!important;
  scroll-padding-inline:var(--rnet-gutter);scroll-snap-type:x proximity;overscroll-behavior-x:contain;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
html body .ts-cat-swiper::-webkit-scrollbar,html body .ts-products-swiper::-webkit-scrollbar,html body .ts-top-cat-swiper::-webkit-scrollbar,
html body .ts-brand-swiper::-webkit-scrollbar,html body .ts-static-brand-swiper::-webkit-scrollbar{display:none}
html body .ts-cat-swiper .swiper-wrapper,html body .ts-products-swiper .swiper-wrapper,html body .ts-top-cat-swiper .swiper-wrapper,
html body .ts-brand-swiper .swiper-wrapper,html body .ts-static-brand-swiper .swiper-wrapper{
  display:flex!important;gap:10px;transform:none!important;width:max-content!important;box-sizing:content-box;
}
html body .ts-cat-swiper .swiper-slide{flex:0 0 112px!important;width:112px!important;margin:0!important;scroll-snap-align:start}
html body .ts-top-cat-swiper .swiper-slide{flex:0 0 104px!important;width:104px!important;margin:0!important;scroll-snap-align:start}
html body .ts-brand-swiper .swiper-slide,html body .ts-static-brand-swiper .swiper-slide{flex:0 0 120px!important;width:120px!important;margin:0!important;scroll-snap-align:start}
html body .ts-products-swiper .swiper-slide{flex:0 0 min(48vw,205px)!important;width:min(48vw,205px)!important;margin:0!important;height:auto!important;display:flex!important;scroll-snap-align:start}
html body .ts-products-swiper .swiper-slide li.product{width:100%!important}

/* Tarjeta de categoría compacta */
html body .rnet-cat-card{min-height:142px!important;padding:10px!important;border-radius:14px!important}
html body .rnet-cat-img{height:70px!important;margin-bottom:8px!important}
html body .rnet-cat-name{font-size:11.5px;line-height:1.25;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .rnet-cat-count{font-size:10px;opacity:.65;margin-top:2px}

/* ---------- 9. FICHA DE PRODUCTO (rnet-card) ---------- */
html body .woocommerce ul.products,html body .ts-shop-main--full ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
html body .rnet-card{border-radius:14px!important}
html body .rnet-card .rc-img{height:150px;padding:10px}
html body .rnet-card .rc-body{padding:10px 10px 12px;gap:5px}
html body .rnet-card .rc-title{font-size:11.5px;min-height:0}
html body .rnet-card .rc-cat{font-size:9.5px}
html body .rnet-card .rc-price{font-size:18px}
html body .rnet-card .rc-public{font-size:10px}
html body .rnet-card .rc-wish{width:36px;height:36px;top:8px;right:8px}
html body .rnet-card .rc-badges{top:8px;left:8px}
/* qty + botón: caben en tarjetas angostas y respetan 16px (sin zoom iOS) */
html body .rnet-card .rc-actions{gap:6px!important}
html body .rnet-card .rc-qty{flex:0 0 78px!important;height:44px!important;border-radius:12px!important}
html body .rnet-card .rc-qty button{width:26px!important;font-size:18px!important}
html body .rnet-card .rc-qty input{width:26px!important;font-size:16px!important}
html body .rnet-card .rc-btn{height:44px!important;font-size:12.5px!important;padding:0 6px!important;border-radius:12px!important;transition:transform .12s,background .2s!important}
html body .rnet-card .rc-btn i{display:none}
html body .rnet-card .rc-btn:active{transform:scale(.96)}
html body .rnet-card .rc-qty button:active{background:rgba(127,127,127,.18)!important}

/* ---------- 10. TIENDA: filtros como hoja inferior ---------- */
html body .ts-shop-filters__backdrop{z-index:100009!important}
html body .ts-shop-filters--top{
  position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;
  z-index:100010!important;max-height:88dvh;border-radius:22px 22px 0 0!important;
  transform:translateY(100%)!important;opacity:1!important;
  padding-bottom:env(safe-area-inset-bottom);transition:transform .38s var(--rnet-ease),visibility .38s!important;
  overflow:hidden;
}
html body .ts-shop-filters--top.is-open{transform:translateY(0)!important}
html body .ts-shop-filters--top .ts-filter-groups{grid-template-columns:1fr!important;max-height:calc(88dvh - 74px)!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html body .ts-filter-list--inline li a{min-height:40px;align-items:center;font-size:13px!important}
html body .ts-shop-toolbar{gap:8px}
html body .ts-shop-toolbar .ts-inline-btn,html body .woocommerce-ordering select{min-height:44px;font-size:14px}
html body .woocommerce-ordering select{font-size:16px}
html body .woocommerce nav.woocommerce-pagination ul li a,html body .woocommerce nav.woocommerce-pagination ul li span{min-width:42px;min-height:42px;display:grid;place-items:center}

/* ---------- 11. FOOTER ---------- */
html body .site-footer-techstore{padding:30px 16px 22px}
html body .footer-social{gap:12px}
html body .footer-social a{width:48px;height:48px}
html body .footer-copy p{font-size:.82em}
html body .footer-copy a{display:inline-block;padding:6px 4px}

/* ---------- 12. FEEDBACK TÁCTIL: sin hovers "pegados" ---------- */
/* ---------- 13. CARRITO (cart.php) ---------- */
html body.woocommerce-cart{padding-bottom:calc(var(--rnet-nav-h) + 84px + env(safe-area-inset-bottom))!important}
html body .rnet-cart{min-height:calc(100dvh - var(--rnet-hdr-h))!important}
html body .rnet-wrap{padding:8px 14px 24px}
html body .rnet-cart .woocommerce-cart-form{padding:0;border:0;background:transparent;border-radius:0}
html body .rnet-layout{gap:16px}
html body .woocommerce-message{flex-wrap:wrap;gap:8px}

/* sucursal */
html body .rnet-branch-head{margin-top:14px;padding:11px 14px;flex-wrap:wrap;gap:8px}
html body .rnet-branch-name{font-size:10.5px;line-height:1.3}

/* cada producto = tarjeta */
html body .rnet-item{
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:"product remove" "price stock" "qty total";
  gap:12px 10px;padding:14px;align-items:center;
}
html body .rnet-item .rnet-product{grid-area:product;align-items:flex-start;gap:12px}
html body .rnet-item .rnet-remove{grid-area:remove;align-self:start}
html body .rnet-item .rnet-price{grid-area:price;text-align:left;font-size:12.5px!important}
html body .rnet-item .rnet-stock{grid-area:stock;text-align:right;font-size:10.5px!important}
html body .rnet-item .rnet-quantity{grid-area:qty}
html body .rnet-item .rnet-subtotal{grid-area:total;text-align:right;font-size:16px!important;color:var(--green)!important}
html body .rnet-item .rnet-price::before{content:"Neto ";color:var(--muted);font-size:10px;font-weight:600}
html body .rnet-thumb{width:68px;height:68px;flex:0 0 68px}
html body .rnet-name{font-size:11.5px!important;-webkit-line-clamp:3}
html body .rnet-remove a{width:40px;height:40px;font-size:20px}
html body .rnet-qty-box{margin:0;padding:3px}
html body .rnet-qty-box button{width:38px;height:38px;font-size:18px}
html body .rnet-qty-box button:active{transform:scale(.9)}
html body .rnet-qty-box input.qty{width:38px;height:38px;font-size:16px!important}

/* acciones: con autoactualización el botón sobra */
html body .rnet-actions{flex-direction:column;align-items:stretch;gap:10px;padding:14px}
html body .rnet-update{width:100%;min-height:46px}
html body.rnet-autoupdate .rnet-update{display:none}
html body .rnet-continue{text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center}

/* resumen + barra fija "Continuar al pago" sobre la barra inferior */
html body .rnet-side{max-width:none}
html body .rnet-row{padding:12px 16px}
html body .rnet-equiv{padding:0 16px 10px}
html body .rnet-checkout{
  position:fixed;left:0;right:0;z-index:8990;
  bottom:calc(var(--rnet-nav-h) + env(safe-area-inset-bottom));
  padding:10px 14px;border-top:1px solid var(--border);
}
html body .rnet-btn-check{height:52px;justify-content:space-between;padding:0 22px;font-size:12.5px!important}
html body .rnet-btn-check:active{transform:scale(.98)}
html body .rnet-btn-total{display:inline;font-size:15px;font-weight:900}
/* ---------- 14. FICHA INDIVIDUAL (content-single-product.php) ---------- */
html body.single-product{padding-bottom:calc(var(--rnet-nav-h) + 84px + env(safe-area-inset-bottom))!important}
html body.single-product .ts-whatsapp-fab,html body.woocommerce-cart .ts-whatsapp-fab{bottom:calc(var(--rnet-nav-h) + 84px + env(safe-area-inset-bottom))!important}
html body .ts-final{padding-bottom:16px}
html body .ts-final .ts-grid{gap:14px}
html body .ts-final .ts-h1{font-size:clamp(16px,4.6vw,20px)}
html body .ts-final .ts-media{padding:10px}
html body .ts-final .ts-img{max-height:min(88vw,400px);padding:12px}
html body .ts-final .ts-btn-wa{min-height:48px;font-size:14px}
html body .ts-final .ts-btn-mail{display:flex;align-items:center;justify-content:center;min-height:44px}
html body .ts-final .ts-buy{padding:14px}
html body .ts-final .ts-spec-row{padding:12px 0;font-size:13.5px}

/* barra fija: precio SPEI + cantidad + agregar (solo productos simples con existencia) */
html body .ts-final .ts-cart:has(form.cart):not(:has(.variations_form)){
  position:fixed;left:0;right:0;z-index:8990;
  bottom:calc(var(--rnet-nav-h) + env(safe-area-inset-bottom));
  display:flex;align-items:center;gap:10px;padding:10px 14px;
  background:var(--ts-card);border-top:1px solid var(--ts-line);box-shadow:0 -8px 24px rgba(0,0,0,.12);
}
html body .ts-final .ts-cart:has(form.cart):not(:has(.variations_form)) .ts-bar-price{display:flex;flex-direction:column;line-height:1.15;flex:0 0 auto;min-width:0}
html body .ts-final .ts-bar-price small{font-size:10px;font-weight:600;color:var(--ts-mut)}
html body .ts-final .ts-bar-price b{font-size:16px;font-weight:800;color:var(--ts-price)}
html body .ts-final .ts-cart form.cart{flex:1;min-width:0;gap:8px}
html body .ts-final .ts-cart .quantity input.qty{width:36px;height:48px;font-size:16px}
html body .ts-final .ts-cart .quantity button,html body .ts-final .ts-cart .quantity .minus,html body .ts-final .ts-cart .quantity .plus{width:30px;height:48px}
html body .ts-final .ts-cart .single_add_to_cart_button{min-height:48px;font-size:13px;padding:0 8px;white-space:nowrap;border-radius:12px!important}
html body .ts-final .ts-cart .single_add_to_cart_button:active{transform:scale(.97)}
@media (max-width:400px){html body .ts-final .ts-bar-price small{display:none}html body .ts-final .ts-bar-price b{font-size:15px}}

/* pagos y confianza: scroll horizontal nativo */
html body .ts-final .ts-pagos-grid,html body .ts-final .ts-trust-grid{
  display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:min(80%,300px);gap:10px;
  overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;overscroll-behavior-x:contain;
  margin-inline:-16px;padding:10px 16px 6px;scroll-padding-inline:16px;
}
html body .ts-final .ts-pagos-grid::-webkit-scrollbar,html body .ts-final .ts-trust-grid::-webkit-scrollbar{display:none}
html body .ts-final .ts-pagos-grid>*,html body .ts-final .ts-trust-grid>*{scroll-snap-align:start}

/* opiniones: sin zoom en iOS y estrellas tocables */
html body .ts-final .ts-reviews{padding:14px}
html body .ts-final .ts-reviews textarea,html body .ts-final .ts-reviews input[type=text],html body .ts-final .ts-reviews input[type=email]{font-size:16px}
html body .ts-final .ts-reviews p.stars a{font-size:22px;padding:4px}
html body .ts-final .ts-reviews input[type=submit]{min-height:48px;width:100%}

/* relacionados / complementarios: scroll nativo con peek */
html body .ts-final{--ts-cols:1.7}
@media (min-width:600px){html body .ts-final{--ts-cols:2.6}}
html body .ts-final .ts-rel-nav{display:none}
html body .ts-final ul.products.ts-rel-track{margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}

/* clones del loop de Swiper: no se necesitan en scroll nativo */
html body .ts-cat-swiper .swiper-slide-duplicate,html body .ts-products-swiper .swiper-slide-duplicate,html body .ts-top-cat-swiper .swiper-slide-duplicate,
html body .ts-brand-swiper .swiper-slide-duplicate,html body .ts-static-brand-swiper .swiper-slide-duplicate{display:none!important}

/* ---------- 15. TIENDA (archive-product.php): filtros como chips + hojas inferiores ---------- */
html body .ts-woo-shop{padding-top:0}
html body .ts-shop-toolbar{
  position:sticky!important;top:calc(var(--rnet-hdr-h) + env(safe-area-inset-top))!important;z-index:900!important;
  flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:8px;
  overflow-x:auto!important;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  margin:8px calc(var(--rnet-gutter) * -1) 12px!important;padding:8px var(--rnet-gutter)!important;
  border-radius:0!important;border-left:0!important;border-right:0!important;
  transition:top .3s var(--rnet-ease);
}
html.rnet-hdr-off body .ts-shop-toolbar{top:env(safe-area-inset-top)!important}
html body .ts-shop-toolbar.rnet-sheet-open{z-index:100010!important}
html body .ts-shop-toolbar::-webkit-scrollbar{display:none}
html body .ts-shop-toolbar__left,html body .ts-shop-toolbar__right{display:flex;flex-wrap:nowrap;width:auto!important;flex:0 0 auto;gap:8px}
html body .ts-inline-filter{flex:0 0 auto!important}
html body .ts-inline-btn{width:auto!important;min-height:40px;padding:0 14px;border-radius:999px;font-size:11.5px;white-space:nowrap;max-width:68vw;overflow:hidden;text-overflow:ellipsis}
html body .ts-clear-all{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;white-space:nowrap}

/* cada lista (categoría, marca, precio, orden) se abre como hoja inferior */
html body .ts-dropdown-panel{
  position:fixed!important;left:0!important;right:0!important;top:auto!important;bottom:0!important;
  width:100%!important;min-width:0!important;max-height:80dvh;
  background:var(--bg-card,#1e1e1e);border:0;border-top:1px solid var(--border,#333);border-radius:22px 22px 0 0;
  box-shadow:0 -20px 60px rgba(0,0,0,.45);z-index:100010;
  opacity:1;visibility:hidden;transform:translateY(105%);
  transition:transform .38s var(--rnet-ease),visibility .38s;
  padding-bottom:env(safe-area-inset-bottom);
}
html body .ts-dropdown-panel.is-open{visibility:visible;transform:translateY(0)}
html body .ts-dropdown-panel::before{content:"";display:block;width:42px;height:5px;border-radius:5px;background:rgba(127,127,127,.45);margin:10px auto 2px}
html body .ts-dropdown-scroll{max-height:calc(80dvh - 40px);padding:6px 12px 12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html body .ts-ordering-item{min-height:50px;align-items:center;padding:0 14px;font-size:15px;color:var(--text,#f1f5f9);border-radius:12px}
html body .ts-ordering-item:active{background:rgba(127,127,127,.16)}
html body .ts-ordering-item.is-active{background:#B2D235;color:#000}

/* main.js inyecta botones −/+ con estilo oscuro en línea: se igualan al tema claro/oscuro (solo celular) */
html body .ts-final .ts-cart .quantity .ts-qty-btn{background:transparent!important;color:var(--ts-mut)!important;border:0!important;border-radius:0!important;padding:0!important;font-size:20px!important}
html body .ts-final .ts-cart .quantity{gap:0!important}
}/* /max-width:820px */

@media (max-width:820px) and (hover:none){
  html body .rnet-card:hover,html body .beneficio-rnet:hover,html body .rnet-cat-card:hover,html body .ts-btn:hover{transform:none!important}
  html body .rnet-card:hover{box-shadow:var(--rc-shadow)!important;border-color:var(--rc-border)!important}
  html body .rnet-card .rc-btn:hover{background:#b2d235!important;color:#000!important}
  html body .rnet-card:active{transform:scale(.985)!important}
  html body .ts-final .ts-img:hover img{transform:none}
  html body .ts-ordering-item:hover:not(.is-active){background:transparent;color:var(--text,#f1f5f9)}
  html body .rnet-cat-card:active,html body .beneficio-rnet:active{transform:scale(.97)!important}
}

/* Celular en horizontal: barra más baja */
@media (max-width:820px) and (max-height:480px) and (orientation:landscape){
  :root{--rnet-nav-h:46px}
  html body .rnet-tab span{display:none}
  html body .ts-hero-swiper,html body .ts-hero__slide{min-height:260px}
}