.elios-gallery-v2,.elios-gallery-v3{min-width:0;background:#f2efe9;display:flex;flex-direction:column;align-self:stretch}
.elios-gallery-stage{position:relative;aspect-ratio:4/3;min-height:400px;overflow:hidden;background:#ebe7df;touch-action:pan-y;cursor:zoom-in}
.modal-v2-main .elios-gallery-main{display:block!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;background:#ebe7df}
.elios-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:44px;height:44px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(40,58,47,.78);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 3px 14px rgba(0,0,0,.18)}
.elios-gallery-nav:hover{background:#31493a}.elios-gallery-nav.prev{left:.75rem}.elios-gallery-nav.next{right:.75rem}
.elios-gallery-counter{position:absolute;right:.75rem;bottom:.75rem;z-index:3;padding:.3rem .55rem;border-radius:999px;background:rgba(35,53,42,.78);color:#fff;font-size:.72rem;font-weight:800}
.elios-gallery-image-label{position:absolute;left:.75rem;bottom:.75rem;z-index:3;max-width:68%;padding:.42rem .62rem;border-radius:10px;background:rgba(35,53,42,.82);color:#fff;font-size:.76rem;font-weight:850;line-height:1.2}
.elios-gallery-zoom-hint{position:absolute;right:.75rem;top:.75rem;z-index:3;padding:.38rem .55rem;border-radius:999px;background:rgba(255,255,255,.88);color:#314237;font-size:.68rem;font-weight:900}
.elios-gallery-thumbs{display:flex;gap:.45rem;overflow-x:auto;padding:.65rem .7rem;background:#fff;border-top:1px solid #ece5d9;scrollbar-width:thin}
.elios-gallery-thumb{appearance:none;border:2px solid transparent;border-radius:9px;padding:0;width:78px;height:58px;flex:0 0 78px;overflow:hidden;background:#eee;cursor:pointer}
.elios-gallery-thumb.active{border-color:#78927d;box-shadow:0 0 0 2px rgba(120,146,125,.14)}
.modal-v2-main .elios-gallery-thumb img{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;object-fit:cover!important}
.elios-variant-colors-v3{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:.55rem;margin-top:.6rem}
.elios-variant-colors-v3 button{appearance:none;border:1px solid #d8d1c4;background:#fbfaf7;color:#2d3740;border-radius:12px;padding:.38rem;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;column-gap:.5rem;align-items:center;text-align:left;cursor:pointer;transition:.14s ease;min-height:58px}
.elios-variant-colors-v3 button:hover,.elios-variant-colors-v3 button.active{border-color:#78927d;background:#eef4ec;box-shadow:0 4px 12px rgba(72,101,77,.10)}
.elios-variant-colors-v3 button img{grid-row:1/3;width:44px;height:44px;border-radius:8px;object-fit:cover;background:#eee}
.elios-variant-colors-v3 button span{font-size:.73rem;font-weight:850;line-height:1.1}
.elios-variant-colors-v3 button small{font-size:.61rem;color:#7c7b74;font-weight:700}
.elios-variant-colors-v3 button.verified span::after{content:' HD';font-size:.55rem;color:#6f8b73;font-weight:900}
.modal-v2-card{scroll-behavior:smooth}.modal-v2-info>img{display:none!important}.modal-v2-info{padding-top:1.15rem!important}.modal-v2-main>img{width:100%!important;height:100%!important;min-height:400px!important;object-fit:cover!important}.modal-v2-info h2{margin-top:0!important}

/* Lightbox plein écran */
.elios-lightbox{position:fixed;inset:0;z-index:100000;background:rgba(20,27,23,.94);display:none;align-items:center;justify-content:center;padding:24px}
.elios-lightbox.open{display:flex}.elios-lightbox-inner{width:min(92vw,1500px);height:min(88vh,980px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.elios-lightbox-image{max-width:100%;max-height:calc(88vh - 70px);object-fit:contain;border-radius:12px;box-shadow:0 18px 60px rgba(0,0,0,.42);background:#111}
.elios-lightbox-caption{color:#fff;font-size:1rem;font-weight:850;text-align:center;background:rgba(65,86,70,.72);padding:.5rem .85rem;border-radius:999px}
.elios-lightbox-close{position:fixed;right:24px;top:20px;width:46px;height:46px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:1.8rem;cursor:pointer}
.elios-lightbox-nav{position:fixed;top:50%;transform:translateY(-50%);width:54px;height:54px;border:1px solid rgba(255,255,255,.45);border-radius:50%;background:rgba(105,135,112,.72);color:#fff;font-size:2rem;display:grid;place-items:center;cursor:pointer}
.elios-lightbox-nav.prev{left:22px}.elios-lightbox-nav.next{right:22px}
body.elios-lightbox-open{overflow:hidden!important}

@media(max-width:900px){
  .elios-gallery-stage{min-height:0;aspect-ratio:4/3;max-height:390px}.elios-gallery-nav{width:38px;height:38px;font-size:1.45rem}.elios-gallery-thumb{width:66px;height:50px;flex-basis:66px}.modal-v2-main>img{min-height:260px!important;max-height:390px!important}
  .elios-variant-colors-v3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .elios-lightbox{padding:12px}.elios-lightbox-nav{width:44px;height:44px;font-size:1.55rem}.elios-lightbox-nav.prev{left:8px}.elios-lightbox-nav.next{right:8px}.elios-lightbox-close{right:10px;top:10px}
  .elios-lightbox-caption{font-size:.82rem;max-width:84vw}
}
@media(max-width:560px){
  .elios-gallery-stage{max-height:320px}.elios-gallery-nav{width:36px;height:36px}.elios-gallery-thumbs{padding:.5rem}.elios-gallery-thumb{width:60px;height:46px;flex-basis:60px}.modal-v2-main>img{min-height:220px!important}
  .elios-gallery-image-label{font-size:.68rem;max-width:72%}.elios-gallery-zoom-hint{font-size:.6rem}
}

/* 2026-09-23 · ELIOS responsive hardening — Android / iPhone / desktop */
#product-modal-v2{overscroll-behavior:contain}
#product-modal-v2 .modal-v2-card{box-sizing:border-box;max-width:980px;overflow-x:hidden}
#product-modal-v2 .modal-v2-main,
#product-modal-v2 .modal-v2-info,
#product-modal-v2 .elios-gallery-v3,
#product-modal-v2 .elios-gallery-stage{min-width:0;max-width:100%;box-sizing:border-box}
#product-modal-v2 .modal-v2-info{overflow-wrap:anywhere}
#product-modal-v2 .elios-gallery-stage{width:100%}
#product-modal-v2 .elios-gallery-main{position:absolute;inset:0;width:100%!important;height:100%!important;object-fit:contain!important;background:#f4f1eb}
#product-modal-v2 .elios-gallery-thumbs{width:100%;max-width:100%;box-sizing:border-box;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
#product-modal-v2 .elios-variant-colors-v3{grid-template-columns:repeat(2,minmax(0,1fr))}
#product-modal-v2 .elios-variant-colors-v3 button{min-width:0;width:100%;overflow:hidden}
#product-modal-v2 .elios-variant-colors-v3 button span,
#product-modal-v2 .elios-variant-colors-v3 button small{min-width:0;overflow-wrap:anywhere}
#product-modal-v2 .modal-v2-close{position:sticky;float:right;right:10px;top:10px;margin:10px 10px -48px 0;z-index:30;box-shadow:0 3px 12px rgba(0,0,0,.22)}
@media(min-width:901px){
  #product-modal-v2 .modal-v2-main{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
  #product-modal-v2 .elios-gallery-stage{min-height:430px;aspect-ratio:4/3}
  #product-modal-v2 .elios-variant-colors-v3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  #product-modal-v2{padding:max(10px,env(safe-area-inset-top)) 10px max(10px,env(safe-area-inset-bottom));align-items:center}
  #product-modal-v2 .modal-v2-card{width:100%;max-width:680px;max-height:calc(100dvh - 20px);border-radius:22px}
  #product-modal-v2 .modal-v2-main{display:block;width:100%}
  #product-modal-v2 .elios-gallery-stage{aspect-ratio:16/10;min-height:240px;max-height:none}
  #product-modal-v2 .modal-v2-info{width:100%;padding:18px 16px 24px!important}
  #product-modal-v2 .modal-v2-info h2{font-size:clamp(1.7rem,7vw,2.25rem);line-height:1.08}
  #product-modal-v2 .modal-v2-info>p{font-size:1rem;line-height:1.42}
  #product-modal-v2 .elios-variant-colors-v3{gap:10px}
  #product-modal-v2 .elios-variant-colors-v3 button{grid-template-columns:58px minmax(0,1fr);min-height:76px;padding:7px}
  #product-modal-v2 .elios-variant-colors-v3 button img{width:58px;height:62px}
  #product-modal-v2 .elios-variant-colors-v3 button span{font-size:.82rem}
  #product-modal-v2 .elios-gallery-thumb{width:72px;height:54px;flex-basis:72px}
}
@media(max-width:560px){
  #product-modal-v2{padding:8px}
  #product-modal-v2 .modal-v2-card{max-height:calc(100dvh - 16px);border-radius:18px}
  #product-modal-v2 .elios-gallery-stage{aspect-ratio:4/3;min-height:210px}
  #product-modal-v2 .elios-variant-colors-v3{grid-template-columns:repeat(2,minmax(0,1fr))}
  #product-modal-v2 .elios-variant-colors-v3 button{grid-template-columns:48px minmax(0,1fr);min-height:68px;padding:6px;column-gap:7px}
  #product-modal-v2 .elios-variant-colors-v3 button img{width:48px;height:54px}
  #product-modal-v2 .elios-variant-colors-v3 button span{font-size:.76rem}
  #product-modal-v2 .elios-gallery-image-label{max-width:62%}
}

/* 2026-09-24 · ELIOS PC: aperçu couleurs compact, sans images étirées */
@media(min-width:901px){
 #product-modal-v2 .modal-v2-card{max-width:min(1180px,94vw);max-height:90vh}
 #product-modal-v2 .modal-v2-main{grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr)}
 #product-modal-v2 .modal-v2-info{max-height:82vh;overflow-y:auto;padding:20px 22px 28px!important}
 #product-modal-v2 .elios-gallery-stage{min-height:0;height:min(56vh,560px);aspect-ratio:auto}
 #product-modal-v2 .elios-variant-colors-v3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #product-modal-v2 .elios-variant-colors-v3 button{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;min-height:78px;height:78px;padding:6px;column-gap:8px;overflow:hidden}
 #product-modal-v2 .elios-variant-colors-v3 button img{grid-row:1/3;width:64px;height:64px;max-width:64px;max-height:64px;object-fit:cover;border-radius:8px}
 #product-modal-v2 .elios-variant-colors-v3 button span{font-size:.78rem;line-height:1.08}
 #product-modal-v2 .elios-variant-colors-v3 button small{font-size:.64rem}
}