/* AXXESS AFTER DARK — 24K Deliciosa Vida / VIP spotlight concept.
   Intentionally isolated to Design 02 homepage only. */
.vip-tequila {
  --t-ink: #181024;
  --t-pink: #ffb9dc;
  --t-hot: #f52d9d;
  --t-gold: #ffc328;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 0.99fr) minmax(0, 1.01fr);
  align-items: stretch;
  min-height: 695px;
  width: 100%;
  overflow: hidden;
  background: #ffb9dc;
  color: var(--t-ink);
}
.vip-tequila, .vip-tequila * { box-sizing: border-box; }
.vip-tequila::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(circle at 98% 5%, #fff7c8 0 2px, transparent 3px) 0 0 / 28px 32px,
    radial-gradient(circle at 76% 85%, #ff5aab55, transparent 46%),
    radial-gradient(circle at 65% 5%, #ffdf7070, transparent 38%);
  opacity: 0.45;
}
.vip-tequila-art {
  min-width: 0;
  padding: clamp(25px,4vw,58px);
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background:
    radial-gradient(circle at 25% 15%, #f55cb399 0, transparent 48%),
    linear-gradient(145deg,#220c32,#341449 50%,#120f28);
  overflow: hidden;
}
.vip-tequila-art::before {
  content: "✳";
  position: absolute;
  left: -70px;
  bottom: -115px;
  font-size: 360px;
  font-weight: 900;
  line-height: 1;
  color: #f834a5;
  opacity: .11;
  pointer-events: none;
}
.vip-tequila-photo-wrap {
  position: relative;
  z-index: 1;
  width: min(100%, 480px);
  height: clamp(440px, 46vw, 570px);
  overflow: hidden;
  border: 9px solid #fff4dd;
  border-bottom-width: 14px;
  box-shadow: 17px 18px 0 #09081480, 0 22px 40px #13071d99;
  transform: rotate(-3deg);
  background: #161018;
}
.vip-tequila-photo-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 48%;
  filter: saturate(1.1) contrast(1.04);
}
.vip-tequila-photo-sticker {
  position: absolute;
  z-index: 3;
  top: 9%;
  right: 1%;
  width: clamp(105px,10vw,145px);
  aspect-ratio: 1;
  display: block;
  text-align: center;
  padding: 27px 9px 11px;
  border: 4px solid #181024;
  border-radius: 50%;
  transform: rotate(12deg);
  background: #ffc127;
  box-shadow: 5px 6px 0 #f831a1;
  color: #181024;
  font-size: clamp(20px,2.2vw,30px);
  font-weight: 1000;
  line-height: .87;
  letter-spacing: -.065em;
}
.vip-tequila-photo-sticker em { font-style: normal; color: #c92379; }
.vip-tequila-photo-sticker::after { content: "✳"; position: absolute; right: 13px; bottom: 9px; font-size: 17px; }
.vip-tequila-photo-caption {
  position: absolute;
  bottom: 17px;
  left: 24px;
  z-index: 2;
  color: #fff3f7;
  font-size: 10px;
  letter-spacing: .14em;
  font-weight: 900;
  text-transform: uppercase;
}
.vip-tequila-copy {
  min-width: 0;
  padding: clamp(50px,5.5vw,85px) clamp(28px,5vw,83px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.vip-tequila-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.vip-tequila-eyebrow span { font-size: 18px; color: #d82290; }
.vip-tequila-title {
  margin: 22px 0 16px;
  font-weight: 1000;
  font-size: clamp(55px, 6.25vw, 104px);
  line-height: .89;
  letter-spacing: -.077em;
  text-transform: uppercase;
  text-wrap: balance;
  color: #171020;
}
.vip-tequila-title em {
  display: inline-block;
  color: #e62b92;
  font-style: normal;
  text-shadow: 2px 3px 0 #171020;
}
.vip-tequila-brand {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  margin: 15px 0 18px;
  padding: 9px 14px;
  transform: rotate(-2deg);
  border: 2px solid #171020;
  background: #ffd12d;
  font-size: 12px;
  font-weight: 1000;
  letter-spacing: .09em;
}
.vip-tequila-description {
  max-width: 550px;
  font-size: clamp(15px,1.2vw,17px);
  line-height: 1.62;
  font-weight: 580;
  color: #30213b;
  margin: 0 0 24px;
}
.vip-tequila .stage-action { align-self: flex-start; background: #171020; color: #fff; font-size: 12px; box-shadow: 4px 4px 0 #f12896; }
.vip-tequila-note {
  display: block;
  max-width: 530px;
  margin-top: 24px;
  font-size: 11px;
  line-height: 1.45;
  color: #544052;
  font-weight: 700;
}
@media (max-width: 900px) {
  .vip-tequila { min-height: 0; grid-template-columns: minmax(0,1fr) minmax(0,1fr); }
  .vip-tequila-art { padding: 30px 22px; }
  .vip-tequila-photo-wrap { height: 510px; }
  .vip-tequila-photo-sticker { top: 8%; right: 1%; width: 100px; font-size: 20px; }
  .vip-tequila-copy { padding: 44px 24px; }
  .vip-tequila-title { font-size: clamp(46px, 6.4vw, 67px); }
}
@media (max-width: 680px) {
  .vip-tequila { grid-template-columns: 1fr; }
  .vip-tequila-art { min-height: 465px; padding: 35px 45px 45px; }
  .vip-tequila-photo-wrap { width: min(100%, 360px); height: 430px; }
  .vip-tequila-photo-sticker { top: 6%; right: 5%; width: 115px; font-size: 23px; }
  .vip-tequila-copy { padding: 48px 24px 60px; }
  .vip-tequila-title { font-size: clamp(56px, 13vw, 80px); margin: 23px 0 12px; }
  .vip-tequila-description { font-size: 15px; }
}
@media (prefers-reduced-motion: reduce) {
  .vip-tequila * { scroll-behavior: auto; }
}