/* TDP Menú móvil y escritorio — v1.10.1, los desplegables del ordenador:
   «PATINETES» y, desde la 1.10.0, también Vinilos, Tunea tu patinete (oscuro),
   Recambios marcas, Ruedas y Repuestos. Todo bajo .tdp-mp, que el JS cuelga
   del <li> de su elemento en la cabecera de XStore (li.tdp-mp-li) y que se
   abre con el mismo :hover que el desplegable del tema. Solo por encima del
   ancho en que el tema pasa a la cabecera de móvil (992). Colores de la casa:
   lima #B8FF4A, texto #14210a. Los !important pisan lo que el tema pone a los
   enlaces de su menú (color, opacidad y fondo verde al pasar el ratón,
   mayúsculas, padding); por eso cada regla propia va con «.tdp-mp:not(#_)»
   delante: .tdp-mp con la fuerza de un id (como el #tdp-mp de antes de la
   1.10.0, cuando solo había un panel). :not(#_) no excluye nada: ningún
   elemento lleva el id «_». */
/* Fuera de toda media query: escondido siempre que no se abra (también en
   anchos fraccionarios por el zoom, entre 992 y 993 px), y la marca que el JS
   mira para saber que esta hoja está cargada (si no lo está —plugin borrado
   con la página aún en Cloudflare—, no cuelga nada). */
.tdp-mp{--tdp-mp-css:1;display:none;position:absolute;left:50%;top:100%;width:100%;max-width:1300px;transform:translateX(-50%);z-index:1003;margin-top:calc(-1 * var(--tdp-mp-hueco,16px));padding-top:var(--tdp-mp-hueco,16px);font-family:inherit;font-size:14px;font-weight:400;line-height:1.35;color:#14210a;text-align:left;text-transform:none;letter-spacing:0;cursor:default;-webkit-font-smoothing:antialiased}
.tdp-mp[hidden]{display:none!important}
li.tdp-mp-li.tdp-mp-cerrado>.tdp-mp{display:none!important}
@media (min-width:993px){
li.tdp-mp-li{position:static!important}
li.tdp-mp-li>.nav-sublist-dropdown{display:none!important}
li.tdp-mp-li:hover>.tdp-mp,li.tdp-mp-li:focus-within>.tdp-mp{display:block}
}
@media (min-width:993px){
.tdp-mp:not(#_) *,.tdp-mp:not(#_) *::before,.tdp-mp:not(#_) *::after{box-sizing:border-box}
.tdp-mp:not(#_) ul,.tdp-mp:not(#_) li{list-style:none!important;margin:0!important;padding:0!important;position:static!important;float:none!important;width:auto!important;display:block!important;border:0!important;background:none!important}
.tdp-mp:not(#_) li::before,.tdp-mp:not(#_) li::after{display:none!important}
.tdp-mp:not(#_) a{color:inherit!important;text-decoration:none!important;opacity:1!important;background:none!important;padding:0!important;margin:0!important;text-transform:none!important;letter-spacing:0!important;font-size:inherit!important;line-height:inherit!important;font-weight:inherit!important;border:0!important;box-shadow:none!important;transition:none!important;cursor:pointer}
.tdp-mp:not(#_) a:hover,.tdp-mp:not(#_) a:focus{color:inherit!important;opacity:1!important;background:none!important}
.tdp-mp:not(#_) a::before,.tdp-mp:not(#_) a::after{display:none!important}
.tdp-mp:not(#_) button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer;text-align:left;border-radius:0;box-shadow:none;text-transform:none;letter-spacing:0}
.tdp-mp:not(#_) img{max-width:100%;height:auto;display:block;border:0;margin:0}
.tdp-mp:not(#_) p,.tdp-mp:not(#_) h3,.tdp-mp:not(#_) strong,.tdp-mp:not(#_) small,.tdp-mp:not(#_) b,.tdp-mp:not(#_) s,.tdp-mp:not(#_) span,.tdp-mp:not(#_) em{margin:0;padding:0}
.tdp-mp:not(#_) .tdp-mp__panel{margin:0;background:#fff;border-radius:0 0 22px 22px;box-shadow:0 24px 60px rgba(0,0,0,.14);padding:22px;display:grid;grid-template-columns:260px minmax(0,1fr) 300px;gap:22px;max-height:calc(100vh - 200px);overflow:auto;overscroll-behavior:contain}
.tdp-mp:not(#_) .tdp-mp__h{font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#8a9284!important;margin:0 0 8px!important;line-height:1.4!important}
/* Marcas (o categorías) */
.tdp-mp:not(#_) .tdp-mp__marca{display:flex!important;align-items:center;gap:10px;padding:5px 10px!important;border-radius:10px;font-size:14px!important;font-weight:600!important;color:#333!important;line-height:1.25!important}
.tdp-mp:not(#_) .tdp-mp__marca:hover,.tdp-mp:not(#_) .tdp-mp__marca:focus,.tdp-mp:not(#_) .tdp-mp__marca.is-on{background:#14210a!important;color:#fff!important;font-weight:800!important}
.tdp-mp:not(#_) .tdp-mp__logo{flex:none;width:46px;height:26px;border-radius:6px;background:#111;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tdp-mp:not(#_) .tdp-mp__logo img{width:100%;height:100%;object-fit:cover}
.tdp-mp:not(#_) .tdp-mp__logo.is-letra{background:#eef0ea;font-size:11px;font-weight:900;color:#5a6a4a;letter-spacing:.03em}
.tdp-mp:not(#_) .tdp-mp__logo.is-foto{background:#f4f5f0}
.tdp-mp:not(#_) .tdp-mp__marca .tdp-mp__nombre{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* v1.10.0 — Etiquetas de una marca («Top ventas», «Muy recomendado»): en la fila, en la misma línea que el nombre (la primera pegada al nombre; la segunda solo si cabe: si no, cae a una segunda línea que el alto máximo esconde) y junto al título del centro */
.tdp-mp:not(#_) .tdp-mp__nombre.con-etq{display:flex;flex-wrap:wrap;align-items:center;gap:0 5px;max-height:1.3em;overflow:hidden}
.tdp-mp:not(#_) .tdp-mp__txt{display:inline-flex;align-items:center;gap:5px;min-width:0;max-width:100%}
.tdp-mp:not(#_) .tdp-mp__t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdp-mp:not(#_) .tdp-mp__etq{display:inline-block;flex:none;font-size:8px;font-weight:900;letter-spacing:.02em;text-transform:uppercase;line-height:1.3;padding:1px 5px;border-radius:999px;background:#eef0ea;color:#333;white-space:nowrap;vertical-align:middle}
.tdp-mp:not(#_) .tdp-mp__etq.is-top{background:#ffe8d6;color:#d24a00}
.tdp-mp:not(#_) .tdp-mp__etq.is-reco{background:#e4f7c6;color:#2f5d00}
.tdp-mp:not(#_) .tdp-mp__etq.is-nuevo{background:#e3f2ff;color:#0a66c2}
.tdp-mp:not(#_) .tdp-mp__etq.is-oferta{background:#ffe1e1;color:#c40000}
.tdp-mp:not(#_) .tdp-mp__titulo .tdp-mp__etq{font-size:10px;padding:2px 7px;margin-left:4px;position:relative;top:-3px}
.tdp-mp:not(#_) .tdp-mp__flecha{flex:none;opacity:0;font-size:18px;line-height:1}
.tdp-mp:not(#_) .tdp-mp__marca.is-on .tdp-mp__flecha{opacity:1}
.tdp-mp:not(#_) li.is-oculta{display:none!important}
.tdp-mp:not(#_).is-todas li.is-oculta{display:block!important}
.tdp-mp:not(#_) .tdp-mp__mas{display:block;padding:8px 12px;font-size:13px;font-weight:800;color:#5aa800}
.tdp-mp:not(#_) .tdp-mp__mas:hover,.tdp-mp:not(#_) .tdp-mp__mas:focus{text-decoration:underline}
/* Centro: un panel por marca, solo el de la marca bajo el ratón */
.tdp-mp:not(#_) .tdp-mp__sec{display:none}
.tdp-mp:not(#_) .tdp-mp__sec.is-on{display:block}
.tdp-mp:not(#_) .tdp-mp__cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px}
.tdp-mp:not(#_) .tdp-mp__titulo{font-size:20px!important;font-weight:900!important;line-height:1.2!important;color:#14210a!important;text-transform:none!important;letter-spacing:0!important;margin:0!important;font-family:inherit!important}
.tdp-mp:not(#_) .tdp-mp__titulo strong{font-weight:900}
.tdp-mp:not(#_) .tdp-mp__ver{font-size:13px!important;font-weight:800!important;color:#5aa800!important;white-space:nowrap}
.tdp-mp:not(#_) .tdp-mp__ver:hover,.tdp-mp:not(#_) .tdp-mp__ver:focus{text-decoration:underline!important}
/* v1.10.0 — Píldoras: los modelos de un vinilo, «Ruedas PMT», Cables · Pantallas · Controladoras */
.tdp-mp:not(#_) .tdp-mp__pills{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:-2px 0 12px}
.tdp-mp:not(#_) .tdp-mp__pills-h{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#8a9284;margin-right:2px}
.tdp-mp:not(#_) .tdp-mp__pill{display:inline-block!important;border:1px solid #e3e3e3!important;border-radius:999px!important;padding:5px 11px!important;font-size:12px!important;font-weight:700!important;background:#fff!important;color:#14210a!important;line-height:1.2!important}
.tdp-mp:not(#_) .tdp-mp__pill:hover,.tdp-mp:not(#_) .tdp-mp__pill:focus{border-color:#14210a!important;background:#14210a!important;color:#fff!important}
.tdp-mp:not(#_) .tdp-mp__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tdp-mp:not(#_) .tdp-mp__grid.is-6{gap:12px}
.tdp-mp:not(#_) .tdp-mp__grid.is-6 .tdp-mp__foto{height:128px}
.tdp-mp:not(#_) .tdp-mp__grid.is-6 .tdp-mp__prod{padding:10px!important}
.tdp-mp:not(#_) .tdp-mp__prod{display:block!important;background:#fff!important;border:1px solid #eee!important;border-radius:16px!important;padding:12px!important;min-width:0;transition:box-shadow .15s,transform .15s!important}
.tdp-mp:not(#_) .tdp-mp__prod:hover,.tdp-mp:not(#_) .tdp-mp__prod:focus{background:#fff!important;box-shadow:0 10px 24px rgba(20,33,10,.12)!important;transform:translateY(-2px)}
.tdp-mp:not(#_) .tdp-mp__foto{position:relative;display:block;height:150px;border-radius:12px;background:#f4f5f0;overflow:hidden}
.tdp-mp:not(#_) .tdp-mp__foto img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.tdp-mp:not(#_) .tdp-mp__badge{position:absolute;left:10px;top:10px;font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.3px;line-height:1.3;background:#eef0ea;color:#333}
.tdp-mp:not(#_) .tdp-mp__badge.is-fuego{background:#ffe8d6;color:#d24a00}
.tdp-mp:not(#_) .tdp-mp__badge.is-oferta{background:#ffe1e1;color:#c40000}
.tdp-mp:not(#_) .tdp-mp__badge.is-nuevo{background:#e3f2ff;color:#0a66c2}
.tdp-mp:not(#_) .tdp-mp__nombre-prod{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:800!important;font-size:14px!important;line-height:1.25;margin-top:10px;color:#14210a;min-height:2.5em}
.tdp-mp:not(#_) .tdp-mp__precio{display:flex;align-items:baseline;gap:8px;margin-top:4px;flex-wrap:wrap}
.tdp-mp:not(#_) .tdp-mp__precio small{font-size:11px;color:#6b7280;font-weight:700}
.tdp-mp:not(#_) .tdp-mp__precio b{font-weight:900;font-size:18px;color:#14210a}
.tdp-mp:not(#_) .tdp-mp__precio s{font-size:12px;color:#999;text-decoration:line-through}
.tdp-mp:not(#_) .tdp-mp__linea{display:block;font-size:11px;color:#5aa800;font-weight:700;margin-top:2px}
.tdp-mp:not(#_) .tdp-mp__vacio{display:inline-block!important;margin:4px 0 0!important;padding:10px 14px!important;border-radius:999px;background:#f4f5f0!important;font-weight:700!important;font-size:13px!important}
.tdp-mp:not(#_) .tdp-mp__vacio:hover,.tdp-mp:not(#_) .tdp-mp__vacio:focus{background:#eef0ea!important}
/* Lado: atajos, precio, el más vendido, WhatsApp y «Ver todos» */
.tdp-mp:not(#_) .tdp-mp__chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.tdp-mp:not(#_) .tdp-mp__chip{display:inline-block!important;border:1px solid #e3e3e3!important;border-radius:999px!important;padding:7px 12px!important;font-size:13px!important;font-weight:600!important;background:#fff!important;color:#14210a!important;line-height:1.2!important}
.tdp-mp:not(#_) .tdp-mp__chip:hover,.tdp-mp:not(#_) .tdp-mp__chip:focus{border-color:#14210a!important;background:#14210a!important;color:#fff!important}
.tdp-mp:not(#_) .tdp-mp__estrella{display:block!important;background:#fff!important;border:1px solid #eee!important;border-radius:16px!important;padding:12px!important;margin:0 0 12px!important;transition:box-shadow .15s!important}
.tdp-mp:not(#_) .tdp-mp__estrella:hover,.tdp-mp:not(#_) .tdp-mp__estrella:focus{background:#fff!important;box-shadow:0 10px 24px rgba(20,33,10,.12)!important}
.tdp-mp:not(#_) .tdp-mp__estrella .tdp-mp__foto{height:170px}
.tdp-mp:not(#_) .tdp-mp__duda{display:block;margin:4px 0 0;background:#f3fbe9;border-radius:14px;padding:12px;font-size:13px;color:#2f5d00;line-height:1.35}
.tdp-mp:not(#_) .tdp-mp__duda b{display:block;font-weight:900;margin-bottom:2px}
.tdp-mp:not(#_) .tdp-mp__wa{display:flex!important;align-items:center;justify-content:center;gap:8px;margin:8px 0 0!important;padding:11px 14px!important;border-radius:999px!important;background:#25d366!important;color:#fff!important;font-weight:900!important;font-size:14px!important;line-height:1.2!important;box-shadow:0 6px 14px rgba(37,211,102,.3)}
.tdp-mp:not(#_) .tdp-mp__wa:hover,.tdp-mp:not(#_) .tdp-mp__wa:focus{background:#1ebe5d!important;color:#fff!important}
.tdp-mp:not(#_) .tdp-mp__wa svg{flex:none}
.tdp-mp:not(#_) .tdp-mp__todos{display:block!important;margin:14px 0 0!important;background:#14210a!important;color:#B8FF4A!important;border-radius:999px!important;padding:12px!important;text-align:center!important;font-weight:900!important;font-size:14px!important;line-height:1.2!important}
.tdp-mp:not(#_) .tdp-mp__todos:hover,.tdp-mp:not(#_) .tdp-mp__todos:focus{background:#000!important;color:#B8FF4A!important}
/* v1.10.0 — Tunea tu patinete: panel oscuro con la tarjeta de Tunea, el lema y las claves (propietario: «sobre todo la de Tunea debe ser brutal») */
.tdp-mp:not(#_).is-oscuro{color:#fff}
/* v1.10.1 — Propietario: «en el marco una línea blanca para que se diferencie de lo de abajo»: un filo blanco (como sombra, sigue las esquinas redondas y no mueve nada) */
.tdp-mp:not(#_).is-oscuro .tdp-mp__panel{background:radial-gradient(120% 90% at 0% 0%,#1e3b0d 0,#0c1207 55%,#060804 100%);box-shadow:0 0 0 2px #fff,0 24px 60px rgba(0,0,0,.5)}
.tdp-mp:not(#_).is-oscuro .tdp-mp__h{color:#9fb28a!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__marca{color:#e8efe0!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__marca:hover,.tdp-mp:not(#_).is-oscuro .tdp-mp__marca:focus,.tdp-mp:not(#_).is-oscuro .tdp-mp__marca.is-on{background:#B8FF4A!important;color:#14210a!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__logo{box-shadow:0 0 0 1px rgba(255,255,255,.14)}
.tdp-mp:not(#_).is-oscuro .tdp-mp__logo.is-letra{background:#1a2412;color:#B8FF4A}
.tdp-mp:not(#_).is-oscuro .tdp-mp__titulo{color:#fff!important;text-transform:uppercase!important;font-size:26px!important;letter-spacing:-.01em!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__titulo em{font-style:normal;color:#B8FF4A}
.tdp-mp:not(#_).is-oscuro .tdp-mp__ver{color:#B8FF4A!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__pills-h{color:#9fb28a}
.tdp-mp:not(#_).is-oscuro .tdp-mp__pill{border-color:#2d3d1f!important;background:#121a0c!important;color:#e8efe0!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__pill:hover,.tdp-mp:not(#_).is-oscuro .tdp-mp__pill:focus{border-color:#B8FF4A!important;background:#B8FF4A!important;color:#14210a!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__prod{background:#141b0f!important;border-color:#263319!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__prod:hover,.tdp-mp:not(#_).is-oscuro .tdp-mp__prod:focus{background:#1a2413!important;border-color:#B8FF4A!important;box-shadow:0 10px 24px rgba(184,255,74,.18)!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__foto{background:#fff}
.tdp-mp:not(#_).is-oscuro .tdp-mp__nombre-prod{color:#fff}
.tdp-mp:not(#_).is-oscuro .tdp-mp__precio b{color:#B8FF4A}
.tdp-mp:not(#_).is-oscuro .tdp-mp__precio small{color:#9fb28a}
.tdp-mp:not(#_).is-oscuro .tdp-mp__precio s{color:#7d8a70}
.tdp-mp:not(#_).is-oscuro .tdp-mp__linea{color:#9fe03a}
.tdp-mp:not(#_).is-oscuro .tdp-mp__vacio{background:#1a2412!important;color:#fff!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__vacio:hover,.tdp-mp:not(#_).is-oscuro .tdp-mp__vacio:focus{background:#263319!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__duda{background:#162010;color:#d7e6c8}
.tdp-mp:not(#_).is-oscuro .tdp-mp__duda b{color:#fff}
.tdp-mp:not(#_).is-oscuro .tdp-mp__todos{background:#B8FF4A!important;color:#14210a!important}
.tdp-mp:not(#_).is-oscuro .tdp-mp__todos:hover,.tdp-mp:not(#_).is-oscuro .tdp-mp__todos:focus{background:#d2ff85!important;color:#14210a!important}
.tdp-mp:not(#_) .tdp-mp__hero{display:block!important;border-radius:16px!important;overflow:hidden;margin:0 0 12px!important;box-shadow:0 0 0 1px rgba(184,255,74,.35),0 16px 40px rgba(184,255,74,.2);transition:transform .15s!important}
.tdp-mp:not(#_) .tdp-mp__hero:hover,.tdp-mp:not(#_) .tdp-mp__hero:focus{transform:translateY(-2px)}
.tdp-mp:not(#_) .tdp-mp__hero img{width:100%;height:auto;display:block}
.tdp-mp:not(#_) .tdp-mp__lema{font-size:22px!important;font-weight:900!important;line-height:1.1!important;color:#fff!important;margin:0 0 10px!important}
.tdp-mp:not(#_) .tdp-mp__lema em{font-style:normal;color:#B8FF4A}
.tdp-mp:not(#_) .tdp-mp__claves{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.tdp-mp:not(#_) .tdp-mp__clave{display:block;font-size:13px;font-weight:700;color:#e8efe0;background:#121a0c;border:1px solid #263319;border-radius:10px;padding:7px 10px}
}
@media (min-width:993px) and (max-width:1240px){
.tdp-mp:not(#_) .tdp-mp__panel{grid-template-columns:220px minmax(0,1fr) 250px;gap:16px;padding:18px}
.tdp-mp:not(#_) .tdp-mp__grid{gap:10px}
.tdp-mp:not(#_) .tdp-mp__foto{height:120px}
.tdp-mp:not(#_) .tdp-mp__estrella .tdp-mp__foto{height:140px}
}
