/* Barra de subcategorías: flechas, degradado, chip activa, fija al bajar (vista medicabos.tienda_subcats) */
#wrapwrap #o_wsale_categories_filmstrip{position:relative;align-items:center!important;gap:6px;overflow:visible!important}
#wrapwrap #o_wsale_categories_filmstrip .o_wsale_filmstrip_wrapper{scrollbar-width:none;scroll-behavior:smooth;flex:1;min-width:0}
#wrapwrap #o_wsale_categories_filmstrip .o_wsale_filmstrip_wrapper::-webkit-scrollbar{display:none}
#wrapwrap #o_wsale_categories_filmstrip .o_wsale_filmstrip{gap:8px}
#wrapwrap .mct-sc-btn{flex:none;width:36px;height:36px;display:grid;place-items:center;border:1px solid #dfe6e6;border-radius:10px;background:#fff;color:#1c2526;cursor:pointer;padding:0;transition:border-color .15s,color .15s,opacity .15s;z-index:3}
#wrapwrap .mct-sc-btn:hover{border-color:#03989E;color:#03989E}
#wrapwrap .mct-sc-btn[disabled]{opacity:.3;cursor:default;border-color:#dfe6e6;color:#1c2526}
#wrapwrap .mct-sc-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
#wrapwrap .mct-sc-fade{position:absolute;top:0;bottom:0;width:48px;pointer-events:none;z-index:2;transition:opacity .15s}
#wrapwrap .mct-sc-fade.l{left:42px;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}
#wrapwrap .mct-sc-fade.r{right:42px;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}
#wrapwrap .mct-sc-fade.off{opacity:0}
#wrapwrap #o_wsale_categories_filmstrip.mct-sc-nada .mct-sc-btn,#wrapwrap #o_wsale_categories_filmstrip.mct-sc-nada .mct-sc-fade{display:none}
/* chip activa: relleno turquesa suave (Odoo marca .active en el div interno, no en el enlace) */
#wrapwrap .o_wsale_filmstrip li a:has(.o_wsale_filmstrip_item.active){background:#E3F4F5!important;border-color:#03989E!important;color:#025c60!important}
#wrapwrap .o_wsale_filmstrip li a:has(.o_wsale_filmstrip_item.active) span{color:#025c60!important}
/* fija al bajar (solo escritorio; en móvil ya se fija todo el encabezado) */
#wrapwrap .mct-sc-hueco{display:none}
@media (min-width:768px){
 #wrapwrap #o_wsale_categories_filmstrip.mct-sc-fijo{position:fixed;top:var(--mct-sc-top,0px);left:var(--mct-sc-x);width:var(--mct-sc-w);z-index:40;background:#fff;padding:8px 0;box-shadow:0 10px 18px -14px rgba(16,58,60,.45)}
 #wrapwrap #o_wsale_categories_filmstrip.mct-sc-fijo::before{content:"";position:absolute;top:0;bottom:0;left:-100vw;right:-100vw;background:#fff;z-index:-1;box-shadow:inherit}
 #wrapwrap .mct-sc-hueco.on{display:block}
}
@media (max-width:767px){#wrapwrap .mct-sc-btn{display:none}#wrapwrap .mct-sc-fade.l{left:0}#wrapwrap .mct-sc-fade.r{right:0}}
@media (prefers-reduced-motion:reduce){#wrapwrap #o_wsale_categories_filmstrip .o_wsale_filmstrip_wrapper{scroll-behavior:auto}}
/* v2: flechas más visibles */
#wrapwrap .mct-sc-btn{width:42px;height:42px;border-radius:50%;border:1px solid #bfdcdd;color:#03989E;box-shadow:0 2px 8px rgba(3,152,158,.18)}
#wrapwrap .mct-sc-btn svg{width:18px;height:18px;stroke-width:2.2}
#wrapwrap .mct-sc-btn:hover{background:#03989E;color:#fff;border-color:#03989E}
#wrapwrap .mct-sc-btn[disabled]{opacity:.25;box-shadow:none;color:#03989E;border-color:#bfdcdd}
#wrapwrap .mct-sc-fade{width:72px}
#wrapwrap .mct-sc-fade.l{left:48px}
#wrapwrap .mct-sc-fade.r{right:48px}
/* v3 (opción D): chip rectangular 8px + mini foto en cuadro suave + conteo */
#wrapwrap #o_wsale_categories_filmstrip .o_wsale_filmstrip li a.o_wsale_filmstrip_link{border-radius:8px!important;padding:5px 12px 5px 5px!important;border:1px solid #dfe6e6!important;background:#fff!important}
#wrapwrap #o_wsale_categories_filmstrip .o_wsale_filmstrip li a.o_wsale_filmstrip_link:hover{border-color:#03989E!important}
#wrapwrap #o_wsale_categories_filmstrip .o_wsale_filmstrip li a.o_wsale_filmstrip_link:has(.o_wsale_filmstrip_item.active){background:#E3F4F5!important;border-color:#03989E!important}
#wrapwrap #o_wsale_categories_filmstrip img.mct-chip{width:40px!important;height:40px!important;border-radius:6px!important;background:#fff!important;padding:3px!important;object-fit:contain;mix-blend-mode:normal!important;filter:none!important;border:1px solid #edf1f1}
#wrapwrap #o_wsale_categories_filmstrip .o_wsale_filmstrip_item{gap:10px!important}
#wrapwrap .mct-sc-n{font-size:12px;font-weight:400;color:#5f7375;background:#f1f5f5;border-radius:6px;padding:1px 7px;margin-left:2px;font-variant-numeric:tabular-nums}
#wrapwrap a:has(.o_wsale_filmstrip_item.active) .mct-sc-n{background:#fff;color:#025c60}
@media (max-width:767px){#wrapwrap #o_wsale_categories_filmstrip img.mct-chip{width:32px!important;height:32px!important}#wrapwrap #o_wsale_categories_filmstrip .o_wsale_filmstrip li a.o_wsale_filmstrip_link{padding:4px 10px 4px 4px!important}}
/* interruptor Solo en existencia */
#wrapwrap .mct-exist{display:inline-flex;align-items:center;gap:8px;border:1px solid #dfe6e6;border-radius:8px;padding:7px 12px;font-size:14px;color:#1c2526;cursor:pointer;margin:0 10px 0 0;background:#fff;white-space:nowrap}
#wrapwrap .mct-exist:hover{border-color:#03989E}
#wrapwrap .mct-exist input{accent-color:#03989E;width:16px;height:16px;margin:0}
#wrapwrap .mct-exist:has(input:checked){background:#E3F4F5;border-color:#03989E;color:#025c60}

/* Oculto por ahora (Paola, 5 oct): reactivar cuando el inventario esté cargado bien; borrar esta línea */
#wrapwrap .mct-exist{display:none!important}