/* ═══ ASM GALLERY CAROUSEL v6 ═══ */
/* Utilise des classes "ratg-" pour éviter tout conflit avec Elementor */

.asmg{--rat-accent:#CE1327;position:relative;padding:0 50px;}
.ratg-header{text-align:center;margin-bottom:28px;}
.ratg-heading{font-size:clamp(24px,3.5vw,36px);font-weight:800;color:#222;margin-bottom:8px;}
.ratg-sub{font-size:16px;color:#888;}
.ratg-vp{overflow:hidden;}
.ratg-track{display:flex;transition:transform .5s cubic-bezier(.4,0,.2,1);--cols:4;}
.ratg-slide{min-width:calc(100% / var(--cols));padding:0 6px;box-sizing:border-box;flex-shrink:0;}

/* Thumbnail = div avec background-image, PAS de <img> */
.ratg-thumb{
    height:280px;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    border-radius:12px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    transition:transform .3s;
}
.ratg-thumb:hover{transform:scale(1.03);}

/* Hover overlay */
.ratg-zoom{
    position:absolute;inset:0;
    background:rgba(0,0,0,.35);
    display:flex;align-items:center;justify-content:center;
    opacity:0;transition:opacity .3s;
    pointer-events:none;
}
.ratg-thumb:hover .ratg-zoom{opacity:1;}

/* Arrows */
.ratg-arrow{
    position:absolute;top:50%;transform:translateY(-50%);
    width:44px;height:44px;border-radius:50%;
    border:2px solid #ddd;background:#fff;
    cursor:pointer;display:flex;align-items:center;justify-content:center;
    transition:all .3s;padding:0;z-index:3;color:#555;
}
.ratg-arrow svg{width:20px;height:20px;}
.ratg-arrow:hover{background:var(--rat-accent);border-color:var(--rat-accent);color:#fff;}
.ratg-arrow--prev{left:0;}
.ratg-arrow--next{right:0;}

/* Responsive */
@media(max-width:1024px){.ratg-track{--cols:3!important;}}
@media(max-width:768px){.ratg-track{--cols:2!important;}.asmg{padding:0 10px;}.ratg-arrow{display:none;}}
@media(max-width:480px){.ratg-track{--cols:1!important;}.ratg-thumb{height:220px;}}