/* BM - Galleria "Ambientazioni" (piante artificiali IT/EN/FR) - 2026-11-05 */
.bm-amb{--bm-amb-gold:#d6a02c;--bm-amb-gold-rgb:214,160,44;width:100%;max-width:1100px;margin:0 auto;padding:0 16px;box-sizing:border-box}
.bm-amb *{box-sizing:border-box}
.bm-amb-stage{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#111;
  border:1px solid rgba(var(--bm-amb-gold-rgb),.2);box-shadow:0 30px 60px rgba(0,0,0,.45);touch-action:pan-y;
  -webkit-user-select:none;user-select:none;isolation:isolate}
@supports not (aspect-ratio:16/9){.bm-amb-stage{height:0;padding-top:56.25%}}
.bm-amb-stage>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;margin:0;max-width:none;
  transform:scale(1.04);transition:opacity .6s ease,transform 3.5s ease-out;will-change:opacity}
.bm-amb-stage>img.on{opacity:1;transform:scale(1)}
.bm-amb-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;z-index:1;pointer-events:none;
  background:linear-gradient(transparent,rgba(0,0,0,.55))}
.bm-amb-shade{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0;transition:opacity .5s ease;
  background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.45) 45%,transparent 75%)}
.bm-amb-stage.msg .bm-amb-shade{opacity:1}
.bm-amb-btn{position:absolute;top:50%;z-index:4;width:52px;height:52px;margin:-26px 0 0;padding:0;border-radius:50%;
  border:1px solid rgba(var(--bm-amb-gold-rgb),.75);background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  color:var(--bm-amb-gold);font:300 26px/1 Arial,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:background .3s,color .3s,box-shadow .3s;-webkit-tap-highlight-color:transparent}
.bm-amb-btn svg{width:20px;height:20px;display:block}
.bm-amb-btn:hover,.bm-amb-btn:focus-visible{background:var(--bm-amb-gold);color:#000;box-shadow:0 0 20px rgba(var(--bm-amb-gold-rgb),.4);outline:none}
.bm-amb-prev{left:18px}.bm-amb-next{right:18px}
.bm-amb-count{position:absolute;right:22px;bottom:18px;z-index:3;font:400 .8rem/1 'Montserrat',sans-serif;letter-spacing:3px;color:#fff}
.bm-amb-count b{color:var(--bm-amb-gold);font-weight:600}
.bm-amb-bar{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--bm-amb-gold);z-index:3}
/* testo in sovrimpressione */
.bm-amb-msg{position:absolute;z-index:3;left:max(100px,8%);top:50%;max-width:520px;text-align:left;pointer-events:none;
  -webkit-transform:translateY(-50%);transform:translateY(-50%)}
.bm-amb-msg>*{opacity:0;-webkit-transform:translateY(18px);transform:translateY(18px);transition:opacity .45s ease,transform .45s ease}
.bm-amb-stage.msg .bm-amb-msg{pointer-events:auto}
.bm-amb-stage.msg .bm-amb-msg>*{opacity:1;-webkit-transform:none;transform:none}
.bm-amb-stage.msg .bm-amb-msg>*:nth-child(2){transition-delay:.08s}
.bm-amb-stage.msg .bm-amb-msg>*:nth-child(3){transition-delay:.16s}
.bm-amb-stage.msg .bm-amb-msg>*:nth-child(4){transition-delay:.24s}
.bm-amb-stage.msg .bm-amb-msg>*:nth-child(5){transition-delay:.32s}
.bm-amb-msg-lbl{display:block;font:600 .7rem/1.3 'Montserrat',sans-serif;letter-spacing:4px;text-transform:uppercase;color:var(--bm-amb-gold);margin:0 0 14px}
.bm-amb-msg-tit{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;color:#fff;font-size:clamp(1.6rem,3.6vw,3.1rem);
  line-height:1.08;margin:0;text-shadow:0 2px 18px rgba(0,0,0,.35)}
.bm-amb-msg-tit i{color:var(--bm-amb-gold);font-style:italic;display:block}
.bm-amb-msg-line{width:70px;height:1px;background:var(--bm-amb-gold);margin:20px 0 16px}
.bm-amb-msg-txt{display:block;font:300 .95rem/1.6 'Montserrat',sans-serif;color:#e5e7eb;margin:0 0 22px}
.bm-amb-msg-cta,.bm-amb-msg-cta:visited{display:inline-block;padding:12px 26px;border:1px solid var(--bm-amb-gold);border-radius:40px;
  color:var(--bm-amb-gold);background:rgba(0,0,0,.2);text-decoration:none;font:600 .75rem/1.2 'Montserrat',sans-serif;letter-spacing:2px;
  text-transform:uppercase;transition:background .3s,color .3s,box-shadow .3s}
.bm-amb-msg-cta:hover,.bm-amb-msg-cta:focus-visible{background:var(--bm-amb-gold);color:#000;box-shadow:0 0 20px rgba(var(--bm-amb-gold-rgb),.4);outline:none}
/* miniature */
.bm-amb-thumbs{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding:16px 2px 6px;scrollbar-width:thin;
  scrollbar-color:var(--bm-amb-gold) transparent;-webkit-overflow-scrolling:touch}
.bm-amb-thumbs::-webkit-scrollbar{height:4px}
.bm-amb-thumbs::-webkit-scrollbar-thumb{background:var(--bm-amb-gold);border-radius:4px}
.bm-amb-thumbs button{flex:0 0 auto;width:120px;height:68px;padding:0;margin:0;border:1px solid transparent;border-radius:6px;overflow:hidden;
  cursor:pointer;opacity:.45;transition:opacity .3s,border-color .3s;background:#111;-webkit-tap-highlight-color:transparent}
.bm-amb-thumbs button img{width:100%;height:100%;object-fit:cover;display:block;margin:0;max-width:none}
.bm-amb-thumbs button:hover{opacity:.8}
.bm-amb-thumbs button.on{opacity:1;border-color:var(--bm-amb-gold)}
@media (max-width:700px){
  .bm-amb-btn{width:40px;height:40px;margin-top:-20px}.bm-amb-btn svg{width:16px;height:16px}
  .bm-amb-prev{left:10px}.bm-amb-next{right:10px}
  .bm-amb-count{right:14px;bottom:12px;font-size:.7rem;letter-spacing:2px}
  .bm-amb-msg{left:60px;right:56px}
  .bm-amb-msg-lbl{font-size:.58rem;letter-spacing:3px;margin-bottom:8px}
  .bm-amb-msg-line{margin:10px 0}
  .bm-amb-msg-txt{display:none}
  .bm-amb-msg-cta,.bm-amb-msg-cta:visited{padding:8px 16px;font-size:.6rem;letter-spacing:1.5px;margin-top:2px}
  .bm-amb-shade{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.5) 60%,rgba(0,0,0,.2))}
  .bm-amb-thumbs button{width:84px;height:47px}
}
@media (max-width:420px){.bm-amb-msg-tit{font-size:1.35rem}.bm-amb-msg-cta,.bm-amb-msg-cta:visited{padding:7px 12px}}
@media (prefers-reduced-motion:reduce){
  .bm-amb-stage>img,.bm-amb-stage>img.on{transform:none;transition:opacity .4s ease}
  .bm-amb-msg>*{transform:none;transition:opacity .3s ease}
}
