/*
 * sticker-fix.css — reglas mínimas para que los stickers no queden cortados
 * Solo overflow: los stickers se inyectan con position:absolute y pueden
 * ser más altos que el thumbnail-container, el article los cortaría sin esto.
 */

/* Permitir que stickers sobresalgan del card */
.pc-carousel-item     { overflow: visible !important; }
.pc-product-miniature { overflow: visible !important; }

/* El viewport sigue siendo el que oculta los items fuera de pantalla */
.pc-carousel-viewport { overflow: hidden !important; }

/* ...pero en celular el carrusel se mueve con el dedo y necesita scrollear.
   Este !important le ganaba al CSS del módulo y hasta al estilo en línea del JS:
   el carrusel quedaba clavado y no se desplazaba con nada (sept 2026). */
@media (max-width: 768px) {
    .pc-carousel-viewport {
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }
}
.pc-carousel-track    { overflow: visible !important; }

/* El thumbnail-container mantiene overflow:hidden para clipear la imagen */
.pc-thumbnail-container { overflow: hidden; position: relative; }