/* Baby Beef — pop-up dos vinhos: vídeo limpo, foto e texto SEM ARO. */
#bb-wine-overlay {
  position:fixed;inset:0;z-index:2147483000;
  display:grid;place-items:center;
  padding:clamp(8px,2.5vw,24px);
  background:rgba(0,0,0,.88);
  backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
  box-sizing:border-box;
}
#bb-wine-overlay *,#bb-wine-overlay *::before,#bb-wine-overlay *::after{box-sizing:border-box}
#bb-wine-overlay .bb-wine-card {
  position:relative;
  width:min(1120px,98vw);
  max-height:92dvh;
  overflow:hidden;
  background:#050403;
  border:0!important;outline:0!important;
  border-radius:0!important;
  box-shadow:0 28px 80px rgba(0,0,0,.65);
  animation:bb-wine-reveal .72s cubic-bezier(.18,.7,.28,1) both;
}
@keyframes bb-wine-reveal {
  from{clip-path:inset(49% 0 49% 0);opacity:.7}
  to{clip-path:inset(0 0 0 0);opacity:1}
}
#bb-wine-overlay .bb-wine-stage {
  position:relative;width:100%;aspect-ratio:16/9;
  max-height:85dvh;overflow:hidden;background:#050403;
  border:0!important;outline:0!important;
}
#bb-wine-overlay .bb-wine-video {
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;background:#050403;
  border:0!important;outline:0!important;
}
#bb-wine-overlay .bb-wine-final {
  position:absolute;inset:0;display:flex;align-items:stretch;
  background:#050403;
  opacity:0;visibility:hidden;
  transition:opacity .85s ease,visibility 0s linear .85s;
  border:0!important;outline:0!important;
}
#bb-wine-overlay .bb-wine-card.is-final .bb-wine-final {
  opacity:1;visibility:visible;
  transition:opacity .85s ease,visibility 0s linear 0s;
}
#bb-wine-overlay .bb-wine-final img {
  display:block;width:75%;height:100%;
  object-fit:contain;object-position:center;
  background:#050403;
  border:0!important;outline:0!important;
}
#bb-wine-overlay .bb-wine-copy {
  flex:1;min-width:0;display:flex;flex-direction:column;
  justify-content:center;align-items:center;text-align:center;
  padding:28px 18px;
  border:0!important;outline:0!important;
  background:#080604;
  color:#edd4a2;
}
#bb-wine-overlay .bb-wine-kicker {
  font:400 clamp(10px,1.1vw,13px)/1.5 Georgia,serif;
  letter-spacing:.15em;color:#c9a66c;margin:0 0 18px;
}
#bb-wine-overlay .bb-wine-title {
  font:400 clamp(25px,2.75vw,43px)/1.22 Georgia,serif;
  letter-spacing:.006em;color:#eed3a1;margin:0;
}
#bb-wine-overlay .bb-wine-rule {display:none!important}
#bb-wine-overlay .bb-wine-sub {
  font:400 clamp(10px,1vw,13px)/1.5 Arial,sans-serif;
  letter-spacing:.12em;color:#bfa783;margin:18px 0 0;
}
/* X pequeno sem aro: botão transparente e duas linhas finas. */
#bb-wine-overlay .bb-wine-close {
  position:absolute;z-index:8;top:9px;right:9px;
  width:44px;height:44px;padding:0;
  border:0!important;outline:0;
  border-radius:0!important;background:transparent!important;
  color:transparent!important;font-size:0!important;
  display:block;cursor:pointer;
  opacity:.9;transition:opacity .2s ease,transform .2s ease;
  -webkit-tap-highlight-color:transparent;
}
#bb-wine-overlay .bb-wine-close::before,
#bb-wine-overlay .bb-wine-close::after {
  content:"";position:absolute;left:12px;top:21px;
  width:20px;height:1.5px;background:#f1dfbe;
  box-shadow:0 1px 2px rgba(0,0,0,.65);
  border:0!important;border-radius:1px;
}
#bb-wine-overlay .bb-wine-close::before {transform:rotate(45deg)}
#bb-wine-overlay .bb-wine-close::after {transform:rotate(-45deg)}
#bb-wine-overlay .bb-wine-close:hover {opacity:1;transform:scale(1.07)}
#bb-wine-overlay .bb-wine-close:focus-visible {outline:1px solid #f1dfbe;outline-offset:-2px}
#bb-wine-overlay .bb-wine-card.is-final .bb-wine-video {visibility:hidden}
@media(max-width:650px) {
  #bb-wine-overlay{padding:0}
  #bb-wine-overlay .bb-wine-card{width:100%;max-height:92dvh}
  #bb-wine-overlay .bb-wine-stage{aspect-ratio:auto;height:min(80dvh,630px)}
  #bb-wine-overlay .bb-wine-final{flex-direction:column}
  #bb-wine-overlay .bb-wine-final img{width:100%;height:67%;object-fit:contain}
  #bb-wine-overlay .bb-wine-copy{height:33%;padding:9px 15px}
  #bb-wine-overlay .bb-wine-kicker{font-size:10px;margin:0 0 8px}
  #bb-wine-overlay .bb-wine-title{font-size:clamp(23px,6.4vw,33px)}
  #bb-wine-overlay .bb-wine-sub{font-size:10px;margin:9px 0 0}
  #bb-wine-overlay .bb-wine-close{top:7px;right:7px}
}
@media(prefers-reduced-motion:reduce){
  #bb-wine-overlay .bb-wine-card{animation:none}
  #bb-wine-overlay .bb-wine-final{transition:none}
}