/* REV217 — LOOKBOOK BOTTLE THEATRE
   Purpose: add playful, premium GSAP-capable choreography to the Lookbook bottle rail without replacing Rev215/216 source-truth systems. */
html.rev217-lookbook-bottle-theatre .tabaq-page[data-page="gallery"] .rev94-product-rail.rev217-lookbook-bottle-theatre{
  position:relative;
  display:block;
  min-height:clamp(300px,30vw,430px);
  padding:0;
  overflow:hidden;
  isolation:isolate;
  opacity:1;
  transform:none;
  background:
    radial-gradient(circle at 66% 24%, rgba(255,235,85,.38), transparent 34%),
    radial-gradient(circle at 42% 62%, rgba(217,245,232,.52), transparent 34%),
    linear-gradient(135deg, #fff9da 0%, #f8fff9 56%, #fff6ed 100%);
  box-shadow:0 34px 88px rgba(17,13,10,.12);
  border:1px solid rgba(17,17,17,.075);
  perspective:1100px;
  cursor:pointer;
}
html.rev217-lookbook-bottle-theatre .rev217-lookbook-bottle-theatre .rev217-legacy-bottle-set{
  position:absolute!important;
  inset:auto auto 14% 50%;
  transform:translateX(-50%);
  opacity:0!important;
  pointer-events:none;
}
.rev217-bottle-stage{
  position:absolute;
  inset:0;
  z-index:2;
  transform-style:preserve-3d;
}
.rev217-bottle{
  position:absolute;
  bottom:clamp(34px,4.8vw,62px);
  width:auto;
  height:auto;
  object-fit:contain;
  transform-origin:50% 88%;
  will-change:transform, filter, opacity;
  filter:drop-shadow(0 30px 32px rgba(34,20,12,.18));
  user-select:none;
  -webkit-user-drag:none;
}
.rev217-bottle--mist{left:24%;height:clamp(178px,16vw,282px);z-index:4;}
.rev217-bottle--edp{left:44%;height:clamp(150px,13vw,228px);z-index:5;}
.rev217-bottle--oil-one{left:63%;height:clamp(128px,11vw,202px);z-index:6;}
.rev217-bottle--oil-two{left:76%;height:clamp(128px,11vw,202px);z-index:7;}
.rev217-scent-halo{
  position:absolute;
  z-index:1;
  border-radius:999px;
  pointer-events:none;
  mix-blend-mode:multiply;
  opacity:.55;
  filter:blur(.3px);
  will-change:transform, opacity;
}
.rev217-scent-halo--one{
  width:clamp(220px,32vw,500px);
  height:clamp(130px,18vw,290px);
  right:9%;
  bottom:13%;
  background:radial-gradient(circle at 40% 48%, rgba(255,198,223,.65), transparent 56%),radial-gradient(circle at 70% 42%, rgba(183,226,212,.65), transparent 58%);
}
.rev217-scent-halo--two{
  width:clamp(180px,24vw,380px);
  height:clamp(130px,18vw,260px);
  left:34%;
  top:16%;
  background:radial-gradient(circle, rgba(255,232,107,.62), transparent 62%);
}
.rev217-bottle-caption{
  position:absolute;
  right:clamp(16px,3vw,42px);
  top:clamp(16px,3vw,34px);
  z-index:8;
  display:flex;
  align-items:center;
  gap:10px;
  border-radius:999px;
  padding:10px 14px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(17,17,17,.08);
  box-shadow:0 18px 38px rgba(17,13,10,.09);
  color:#111;
  transform:translateZ(80px);
  backdrop-filter:blur(14px);
}
.rev217-bottle-caption b{
  font-size:11px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:1000;
  color:#ff3b28;
}
.rev217-bottle-caption span{
  font-size:12px;
  font-weight:900;
  color:rgba(17,17,17,.62);
}
html.rev217-lookbook-bottle-theatre .rev217-lookbook-bottle-theatre[data-rev217-open="true"] .rev217-bottle-caption,
html.rev217-lookbook-bottle-theatre .rev217-lookbook-bottle-theatre:hover .rev217-bottle-caption{
  background:#111;
  color:#fff;
}
html.rev217-lookbook-bottle-theatre .rev217-lookbook-bottle-theatre[data-rev217-open="true"] .rev217-bottle-caption span,
html.rev217-lookbook-bottle-theatre .rev217-lookbook-bottle-theatre:hover .rev217-bottle-caption span{
  color:rgba(255,255,255,.72);
}
@media (hover:hover){
  html.rev217-lookbook-bottle-theatre .rev217-lookbook-bottle-theatre:hover{
    box-shadow:0 44px 112px rgba(17,13,10,.15);
  }
}
@media (max-width:720px){
  html.rev217-lookbook-bottle-theatre .tabaq-page[data-page="gallery"] .rev94-product-rail.rev217-lookbook-bottle-theatre{min-height:260px;}
  .rev217-bottle--mist{left:15%;height:170px}.rev217-bottle--edp{left:39%;height:142px}.rev217-bottle--oil-one{left:61%;height:124px}.rev217-bottle--oil-two{left:75%;height:124px}
  .rev217-bottle-caption{left:16px;right:16px;top:14px;justify-content:center;}
}
@media (prefers-reduced-motion:reduce){
  .rev217-bottle,.rev217-scent-halo{transition:none!important;animation:none!important;transform:none!important;}
}
/* REV217 — LOOKBOOK BOTTLE THEATRE END */