.ozs--cards .ozs__media{background:#f6f6f6}
.ozs--cards .ozs__media img{display:block}

/* Layout: horizontal compacto (imagen izquierda, contenido derecha) */
.ozs--layout-card_compact .ozs-card,
.ozs--layout-card_compact_2rows .ozs-card{
    display:flex;
    gap:16px;
    align-items:stretch;
    background:#ffffff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,33,61,0.08);
    padding:14px;
    box-sizing:border-box;
    height:100%;
    position:relative;
}
.ozs--layout-card_compact .ozs-card__media,
.ozs--layout-card_compact_2rows .ozs-card__media{
    flex:0 0 42%;
    max-width:42%;
    border-radius:10px;
    overflow:hidden;
    background:#f3f4f6;
    display:flex;
    align-items:center;
    justify-content:center;
    aspect-ratio:1/1;
    margin:0;
}
.ozs--layout-card_compact .ozs-card__img,
.ozs--layout-card_compact_2rows .ozs-card__img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.ozs--layout-card_compact .ozs-card__body,
.ozs--layout-card_compact_2rows .ozs-card__body{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:10px;
    padding:4px 6px 4px 0;
    min-width:0;
}
.ozs--layout-card_compact .ozs-card__badge,
.ozs--layout-card_compact_2rows .ozs-card__badge{
    display:inline-block;
    align-self:flex-start;
    padding:4px 14px;
    font-size:.82rem;
    font-weight:500;
    color:#1f2937;
    background:#f3f4f6;
    border-radius:999px;
    border:1px solid #e5e7eb;
    position:static;
    margin:0;
}
.ozs--layout-card_compact .ozs-card__title,
.ozs--layout-card_compact_2rows .ozs-card__title{
    margin:0;
    font-size:clamp(1rem,1.1vw,1.12rem);
    font-weight:600;
    line-height:1.2;
    color:#111827;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.ozs--layout-card_compact .ozs-card__subtitle,
.ozs--layout-card_compact_2rows .ozs-card__subtitle{
    margin:0;
    font-size:.88rem;
    line-height:1.35;
    color:#4b5563;
}
.ozs--layout-card_compact .ozs-card__button,
.ozs--layout-card_compact_2rows .ozs-card__button{
    margin-top:4px;
    padding:10px 18px;
    font-size:.9rem;
    font-weight:600;
    border-radius:999px;
    background:#0b243d;
    color:#ffffff;
    text-decoration:none;
    text-align:center;
    transition:transform .2s ease, background .2s ease;
}
.ozs--layout-card_compact .ozs-card__button:hover,
.ozs--layout-card_compact_2rows .ozs-card__button:hover{
    background:#14345b;
    transform:translateY(-1px);
}

/* Track en 2 filas: igual que carrusel de categorías */
.ozs--layout-card_compact_2rows .ozs__track,
.ozs--layout-card_vertical_2rows .ozs__track{
    display:grid;
    grid-auto-flow:column;
    grid-template-rows:repeat(2, minmax(0, 1fr));
    grid-auto-columns:calc((100% - (var(--ozs-gap, 20px) * (var(--ozs-cols, 3) - 1))) / var(--ozs-cols, 3));
    gap:var(--ozs-gap, 20px);
    align-items:stretch;
    padding:0;
}
.ozs--layout-card_compact_2rows .ozs__slide,
.ozs--layout-card_vertical_2rows .ozs__slide{
    min-width:0;
    scroll-snap-align:start;
}
.ozs--layout-card_compact_2rows .ozs__dots,
.ozs--layout-card_vertical_2rows .ozs__dots{
    display:none !important;
}

/* Header estilo "categorías" para uniformar */
.ozs--layout-card_compact_2rows .ozs__header,
.ozs--layout-card_vertical_2rows .ozs__header{
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    padding:0 0 20px;
    margin-bottom:20px;
    gap:12px;
    flex-wrap:nowrap;
}
.ozs--layout-card_compact_2rows.ozs--on-dark .ozs__title,
.ozs--layout-card_vertical_2rows.ozs--on-dark .ozs__title{color:#ffffff}

/* Responsive: 2 filas -> 1 fila apilada en móvil */
@media (max-width: 1024px){
    .ozs--layout-card_compact_2rows .ozs__track,
    .ozs--layout-card_vertical_2rows .ozs__track{
        grid-auto-columns:calc((100% - (var(--ozs-gap, 16px) * (var(--ozs-cols, 2) - 1))) / var(--ozs-cols, 2));
        gap:var(--ozs-gap, 16px);
    }
}
@media (max-width: 768px){
    .ozs--layout-card_compact .ozs-card,
    .ozs--layout-card_compact_2rows .ozs-card{
        gap:12px;
        padding:12px;
    }
    .ozs--layout-card_compact .ozs-card__media,
    .ozs--layout-card_compact_2rows .ozs-card__media{
        flex-basis:40%;
        max-width:40%;
    }
    .ozs--layout-card_compact_2rows .ozs__track,
    .ozs--layout-card_vertical_2rows .ozs__track{
        grid-template-rows:repeat(1, minmax(0, 1fr));
        grid-auto-columns:calc(100% - 24px);
        gap:12px;
    }
    .ozs--layout-card_compact .ozs-card__button,
    .ozs--layout-card_compact_2rows .ozs-card__button{
        padding:8px 14px;
        font-size:.85rem;
    }
}

/* Vertical 2 filas: las tarjetas mantienen el layout por defecto (imagen arriba) pero el track se renderiza en 2 filas */
.ozs--layout-card_vertical_2rows .ozs-card{
    display:flex;
    flex-direction:column;
    background:#ffffff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,33,61,0.08);
    height:100%;
}
.ozs--layout-card_vertical_2rows .ozs-card__media{
    aspect-ratio:4/3;
    margin:0;
}
.ozs--layout-card_vertical_2rows .ozs-card__img{
    width:100%;height:100%;object-fit:cover;
}
.ozs--layout-card_vertical_2rows .ozs-card__body{
    padding:14px 16px 18px;
    display:flex;
    flex-direction:column;
    gap:8px;
}

/* ---- Variante "distribuidores": tarjeta 347x192 fluida, borde naranja 1px, radio 40px ---- */
.ozs.oz-distribuidores{
    --ozd-card-max-w:347px;
    --ozd-card-ratio:347 / 192;
    --ozd-radius:40px;
    --ozs-gap:20px;
}
/* Bordes visibles arriba/abajo, manteniendo scroll horizontal nativo para swipe táctil.
   No tocamos overflow-x del track (lo necesita Slider para drag/touch). */
.ozs.oz-distribuidores .ozs__viewport{
    overflow-x:hidden;
    overflow-y:visible;
    padding:2px 0;
}
.ozs.oz-distribuidores .ozs__track{
    padding-top:2px;
    padding-bottom:2px;
}
.ozs.oz-distribuidores .ozs__slide{
    display:flex;
    justify-content:center;
    align-items:center;
    min-width:0;
}
.ozs.oz-distribuidores .ozs-card,
.ozs.oz-distribuidores .oz-card{
    width:100%;
    max-width:var(--ozd-card-max-w);
    aspect-ratio:var(--ozd-card-ratio);
    height:auto;
    background:transparent;
    border:1px solid #F05A24;
    border-radius:var(--ozd-radius);
    box-shadow:none;
    padding:clamp(10px, 2vw, 18px);
    box-sizing:border-box;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    margin:0 auto;
}
.ozs.oz-distribuidores .ozs-card__media,
.ozs.oz-distribuidores .oz-card__media{
    flex:1 1 auto;
    max-width:100%;
    width:100%;
    height:100%;
    background:transparent;
    border-radius:0;
    aspect-ratio:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
}
.ozs.oz-distribuidores .ozs-card__img,
.ozs.oz-distribuidores .oz-card__img{
    width:auto;
    max-width:100%;
    max-height:100%;
    height:auto;
    object-fit:contain;
    margin:0 auto;
    display:block;
}
/* Ocultar el body de la tarjeta (en distribuidores solo va la imagen centrada) */
.ozs.oz-distribuidores .ozs-card__body,
.ozs.oz-distribuidores .oz-card__body{
    display:none;
}
/* En móvil ajustamos radio para que las proporciones visuales se mantengan */
@media (max-width: 600px){
    .ozs.oz-distribuidores{
        --ozd-radius:28px;
    }
}
@media (max-width: 380px){
    .ozs.oz-distribuidores{
        --ozd-radius:22px;
    }
}

/* ---- Variante sobre fondo oscuro (carrusel de respiradores/feature sections) ---- */
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs-card,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs-card{
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    box-shadow:none;
    padding:18px;
    gap:18px;
    flex-direction:row-reverse;
}
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs-card__media,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs-card__media{
    background:transparent;
    aspect-ratio:1/1;
    flex:0 0 44%;
    max-width:44%;
}
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs-card__img,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs-card__img{
    object-fit:contain;
}
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs-card__body,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs-card__body{
    gap:14px;
    padding:4px 0;
    justify-content:space-between;
}
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs-card__title,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs-card__title{
    color:#F5A623;
    font-size:clamp(1.1rem, 1.4vw, 1.35rem);
    font-weight:700;
    -webkit-line-clamp:3;
    line-height:1.15;
    margin:0;
    order:1;
}
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs-card__subtitle,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs-card__subtitle{
    color:#e7edf5;
    font-size:.95rem;
    line-height:1.4;
    margin:0;
    order:2;
}
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs-card__badge,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs-card__badge{
    order:3;
    background:transparent;
    border:0;
    padding:0;
    color:#ffffff;
    font-size:.88rem;
    font-weight:500;
    border-radius:0;
    margin-top:auto;
    align-self:flex-start;
}
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs-card__button,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs-card__button{
    display:none;
}

/* Header sobre fondo oscuro */
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs__header,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs__header{
    margin-bottom:24px;
}
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs__header-text,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs__header-text{
    position:relative;
    padding-left:18px;
}
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs__header-text::before,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs__header-text::before{
    content:"";
    position:absolute;
    top:6px;
    left:0;
    width:6px;
    height:calc(100% - 12px);
    background:#F5A623;
    border-radius:3px;
}
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs__title,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs__title{
    color:#ffffff;
    font-size:clamp(1.8rem, 2.4vw, 2.6rem);
    font-weight:800;
    line-height:1.1;
    margin:0;
}
.myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs__subtitle,
.myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs__subtitle{
    color:rgba(231,237,245,0.88);
    margin:6px 0 0;
    font-size:1rem;
}
/* Color/tamaño/hover de las flechas: regla global en oz-sliders.css */

@media (max-width: 768px){
    .myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs-card,
    .myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs-card{
        padding:14px;
        gap:12px;
    }
    .myg-home-feature--respirators .ozs--layout-card_compact_2rows .ozs-card__media,
    .myg-home-feature--gloves .ozs--layout-card_compact_2rows .ozs-card__media{
        flex-basis:40%;
        max-width:40%;
    }
}