:root{--pink:#ff1493;--black:#050507;--panel:#0a0a0f;--line:#32323c;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0!important;padding:0!important;background:#000!important}
body.pi30-body{background:#000!important;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.pi30-site{width:100%;max-width:1600px;margin:0 auto;background:#000;min-height:100vh}
.pi30-topbar{
  min-height:42px;display:flex;align-items:center;justify-content:center;gap:16px;
  padding:8px 15px;border-bottom:1px solid #292932;background:#050507;
  font-size:11px;font-weight:900;letter-spacing:1.4px;white-space:nowrap;overflow:hidden
}
.pi30-topbar b{color:var(--pink)}
.pi30-hero{background:#000}
.pi30-hero img{display:block;width:100%;height:auto;margin:0 auto}
.pi30-shop{padding:58px clamp(16px,4vw,58px) 80px;background:
radial-gradient(circle at 50% 0%,rgba(255,20,147,.12),transparent 34rem),
linear-gradient(180deg,#050507,#09070a)}
.pi30-shop-head{text-align:center;max-width:850px;margin:0 auto 22px}
.pi30-shop-head>span{color:var(--pink);font-size:11px;font-weight:1000;letter-spacing:2px}
.pi30-shop-head h1{
  margin:8px 0 10px;font-size:clamp(52px,7vw,92px);line-height:.9;
  font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;
  font-style:italic;letter-spacing:-1px
}
.pi30-shop-head p{color:#b9b8c1;line-height:1.55;margin:0}
.pi30-cashapp{
  max-width:660px;margin:0 auto 40px;padding:14px 18px;border:1px solid var(--pink);
  border-radius:999px;text-align:center;background:rgba(255,20,147,.07)
}
.pi30-cashapp strong{color:var(--pink);margin-right:10px;letter-spacing:1px}
.pi30-cashapp span{font-size:12px;font-weight:900;letter-spacing:.8px}
.pi30-grid{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  column-gap:34px;row-gap:48px;max-width:1450px;margin:0 auto
}
.pi30-card{
  border:1px solid var(--pink);border-radius:18px;background:
linear-gradient(180deg,#0d0d13,#07070a);padding:16px;text-align:center;
box-shadow:0 12px 30px rgba(0,0,0,.28)
}
.pi30-name h2{margin:0;color:#fff;font-size:20px;line-height:1}
.pi30-name span{
  display:block;margin-top:5px;color:#b7b6c0;font-size:8px;font-weight:1000;
  letter-spacing:1px;text-transform:uppercase
}
.pi30-vial{height:220px;display:grid;place-items:center;margin:13px 0;background:#050507;border-radius:13px;overflow:hidden}
.pi30-vial img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.pi30-card label{
  display:block;margin:0 0 7px;color:#aaa9b3;font-size:9px;font-weight:1000;letter-spacing:1.3px
}
.pi30-mg{
  width:100%;height:44px;border:1px solid #494952;border-radius:10px;
  background:#08080c;color:#fff;padding:0 12px;font-size:14px;font-weight:1000
}
.pi30-price{margin:12px 0;color:#fff;font-size:20px;font-weight:1000}
.pi30-add{
  width:100%;height:44px;border:0;border-radius:10px;background:var(--pink);color:#050507;
  font-size:12px;font-weight:1000;cursor:pointer
}
.pi30-add.added{background:#fff;color:#000}
.pi30-proof{
  display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:1px;background:#2b2b34;
  border-top:1px solid #2b2b34;border-bottom:1px solid #2b2b34
}
.pi30-proof>div{
  background:#08080c;min-height:90px;display:flex;flex-direction:column;
  justify-content:center;align-items:center;text-align:center;padding:15px
}
.pi30-proof strong{font-size:12px;letter-spacing:1px}
.pi30-proof span{margin-top:4px;color:#aaa9b3;font-size:10px}
.pi30-proof-center strong{font-size:17px}
.pi30-proof-center span{color:var(--pink);font-size:16px;font-weight:1000}
.pi30-footer{
  min-height:130px;display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:8px;border-top:1px solid #22222a;background:#050507
}
.pi30-footer strong{font-size:22px}.pi30-footer span{font-size:10px;color:#aaa9b3;letter-spacing:2px}
.pi30-cart-button{
  position:fixed;right:16px;bottom:16px;z-index:9998;border:1px solid var(--pink);
  border-radius:999px;background:#08080d;color:#fff;padding:11px 15px;font-weight:1000
}
.pi30-cart-button b{
  display:inline-grid;place-items:center;min-width:24px;height:24px;margin-left:7px;
  border-radius:999px;background:var(--pink);color:#000
}
.pi30-cart{
  position:fixed;right:-410px;top:0;z-index:10000;width:min(410px,92vw);height:100vh;
  padding:20px;background:#07070a;border-left:1px solid var(--pink);
  transition:right .22s ease;overflow-y:auto
}
.pi30-cart.open{right:0}
.pi30-cart-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #292932}
.pi30-close{border:0;background:none;color:#fff;font-size:32px}
.pi30-cart-discount{
  margin:16px 0;padding:14px;border:1px solid var(--pink);border-radius:12px;
  color:var(--pink);text-align:center;font-size:12px
}
.pi30-cart-line{
  display:flex;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid #24242c
}
.pi30-cart-line strong{display:block}
.pi30-cart-line span{display:block;margin-top:4px;color:var(--pink);font-size:11px}
.pi30-cart-line button{border:0;background:none;color:#aaa;font-weight:900}
.pi30-empty{padding:25px 0;color:#888}
.pi30-total-row{display:flex;justify-content:space-between;padding-top:18px;font-size:18px}
.pi30-discount-note{margin-top:8px;color:#999;font-size:11px}

@media(max-width:1150px){
  .pi30-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:38px}
}
@media(max-width:760px){
  .pi30-topbar{justify-content:flex-start;font-size:9px;gap:10px}
  .pi30-shop{padding-left:12px;padding-right:12px}
  .pi30-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;row-gap:24px}
  .pi30-card{padding:11px;border-radius:14px}
  .pi30-name h2{font-size:16px}
  .pi30-vial{height:180px;margin:10px 0}
  .pi30-mg,.pi30-add{height:40px;font-size:12px}
  .pi30-price{font-size:17px;margin:9px 0}
  .pi30-cashapp{border-radius:14px}
  .pi30-cashapp strong,.pi30-cashapp span{display:block;margin:0}
  .pi30-cashapp span{margin-top:4px;font-size:10px}
  .pi30-proof{grid-template-columns:1fr}
}
@media(max-width:420px){
  .pi30-grid{column-gap:10px;row-gap:20px}
  .pi30-card{padding:9px}
  .pi30-name h2{font-size:14px}
  .pi30-name span{font-size:7px}
  .pi30-vial{height:155px}
}


/* v3.1 inventory states */
.pi30-vial{position:relative}
.pi30-soldout-banner{
  display:none;
  position:absolute;
  left:-14%;
  right:-14%;
  top:50%;
  transform:translateY(-50%) rotate(-10deg);
  padding:10px 4px;
  background:rgba(255,20,147,.92);
  color:#050507;
  font-size:22px;
  font-weight:1000;
  letter-spacing:2px;
  text-align:center;
  z-index:5;
}
.pi30-card.is-sold-out .pi30-soldout-banner{display:block}
.pi30-card.is-sold-out .pi30-vial img{opacity:.38;filter:grayscale(1)}
.pi30-card.is-sold-out .pi30-mg,
.pi30-card.is-sold-out .pi30-add{opacity:.55;cursor:not-allowed}
.pi30-stock-note{
  min-height:16px;
  margin:-5px 0 10px;
  color:#8e8d98;
  font-size:9px;
  font-weight:900;
  letter-spacing:.5px;
}


/* v3.2 — restore compact Badass-style vial cards while keeping v3.1 functionality */
.pi30-shop{
  padding-top:34px;
  padding-bottom:48px;
}

.pi30-shop-head{
  margin-bottom:18px;
}

.pi30-shop-head h1{
  font-size:clamp(44px,5.5vw,74px);
}

.pi30-cashapp{
  margin-bottom:26px;
}

.pi30-grid{
  grid-template-columns:repeat(8,minmax(0,1fr))!important;
  column-gap:10px!important;
  row-gap:14px!important;
  max-width:1500px!important;
}

.pi30-card{
  border:1px solid #ff1493!important;
  border-radius:10px!important;
  padding:7px!important;
  background:#09090d!important;
  box-shadow:none!important;
}

.pi30-name h2{
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.2px;
}

.pi30-name span{
  margin-top:2px!important;
  font-size:5.5px!important;
  letter-spacing:.4px!important;
  line-height:1.1;
}

.pi30-vial{
  height:118px!important;
  margin:6px 0 6px!important;
  border-radius:5px!important;
  background:#050507!important;
}

.pi30-card label{
  margin-bottom:3px!important;
  font-size:5.5px!important;
  letter-spacing:.6px!important;
}

.pi30-mg{
  height:28px!important;
  min-height:28px!important;
  padding:0 6px!important;
  border-radius:5px!important;
  font-size:9px!important;
  font-weight:1000!important;
}

.pi30-price{
  margin:5px 0 3px!important;
  font-size:10px!important;
}

.pi30-stock-note{
  min-height:10px!important;
  margin:0 0 4px!important;
  font-size:6px!important;
}

.pi30-add{
  height:28px!important;
  min-height:28px!important;
  border-radius:5px!important;
  font-size:8px!important;
  padding:0 2px!important;
}

.pi30-soldout-banner{
  font-size:12px!important;
  padding:6px 2px!important;
}

@media(max-width:1180px){
  .pi30-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    column-gap:14px!important;
    row-gap:18px!important;
  }

  .pi30-vial{
    height:150px!important;
  }

  .pi30-name h2{
    font-size:15px!important;
  }

  .pi30-name span{
    font-size:7px!important;
  }

  .pi30-card label{
    font-size:7px!important;
  }

  .pi30-mg{
    height:34px!important;
    min-height:34px!important;
    font-size:11px!important;
  }

  .pi30-price{
    font-size:13px!important;
  }

  .pi30-stock-note{
    font-size:7px!important;
  }

  .pi30-add{
    height:34px!important;
    min-height:34px!important;
    font-size:10px!important;
  }
}

@media(max-width:700px){
  .pi30-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .pi30-card{
    padding:9px!important;
    border-radius:9px!important;
  }

  .pi30-vial{
    height:175px!important;
  }

  .pi30-name h2{
    font-size:16px!important;
  }

  .pi30-name span{
    font-size:7px!important;
  }

  .pi30-mg{
    height:40px!important;
    min-height:40px!important;
    font-size:12px!important;
  }

  .pi30-price{
    font-size:15px!important;
    margin:7px 0 4px!important;
  }

  .pi30-stock-note{
    font-size:8px!important;
    margin-bottom:6px!important;
  }

  .pi30-add{
    height:40px!important;
    min-height:40px!important;
    font-size:11px!important;
  }
}


/* v3.4 — large luxe bottle presentation, functionality unchanged */
.pi30-vial{
  height:360px!important;
  margin:10px 0 10px!important;
  border-radius:12px!important;
  overflow:hidden!important;
  background:#050507!important;
  border:1px solid #1e1e25!important;
}
.pi30-vial img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
}
.pi30-card{
  padding:10px!important;
}
.pi30-name h2{
  font-size:18px!important;
}
.pi30-name span{
  font-size:7px!important;
}
.pi30-card label{
  font-size:8px!important;
}
.pi30-mg{
  height:40px!important;
  min-height:40px!important;
  font-size:12px!important;
}
.pi30-price{
  font-size:16px!important;
  margin:8px 0 4px!important;
}
.pi30-stock-note{
  font-size:8px!important;
  margin-bottom:7px!important;
}
.pi30-add{
  height:40px!important;
  min-height:40px!important;
  font-size:11px!important;
}

/* Five across desktop for larger bottle visibility */
@media(min-width:1181px){
  .pi30-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    column-gap:22px!important;
    row-gap:30px!important;
  }
}

/* Two across phones, with large clear vial image */
@media(max-width:700px){
  .pi30-vial{
    height:300px!important;
  }
  .pi30-name h2{
    font-size:17px!important;
  }
}
@media(max-width:430px){
  .pi30-vial{
    height:260px!important;
  }
}

/* v3.5.7 functional hero navigation + single working cart
   The approved hero artwork remains untouched. Invisible hit areas make the
   navigation printed inside the image functional, and the existing real cart
   now sits over the cart artwork instead of floating at the bottom. */
.pi30-hero{position:relative}
.pi31-hero-nav{position:absolute;inset:0;z-index:30;pointer-events:none}
.pi31-hotspot{position:absolute;display:block;pointer-events:auto;background:transparent;border:0;text-decoration:none}
.pi31-hotspot:focus-visible{outline:2px solid var(--pink);outline-offset:2px;border-radius:4px}
.pi31-home-link{left:30.4%;top:8.8%;width:5.2%;height:5.6%}
.pi31-shop-link{left:36.4%;top:8.8%;width:6.6%;height:5.6%}
.pi31-coa-link{left:43.7%;top:8.8%;width:10.8%;height:5.6%}
.pi31-mix-link{left:54.4%;top:8.8%;width:10.8%;height:5.6%}
.pi31-about-link{left:65.2%;top:8.8%;width:7.1%;height:5.6%}
.pi31-contact-link{left:72.2%;top:8.8%;width:8.5%;height:5.6%}

/* One cart only: this transparent control sits directly over the cart icon
   that is already part of the approved hero image. */
.pi30-hero .pi30-cart-button{
  position:absolute;left:84.8%;top:6.8%;right:auto;bottom:auto;z-index:40;
  width:7.3%;height:9.2%;min-width:0;padding:0;margin:0;border:0;border-radius:999px;
  background:transparent;color:transparent;font-size:0;cursor:pointer
}
.pi30-hero .pi30-cart-button .pi31-cart-icon{display:none}
.pi30-hero .pi30-cart-button b{
  position:absolute;right:-1%;top:-2%;display:grid;place-items:center;
  width:29%;min-width:22px;height:auto;aspect-ratio:1/1;margin:0;border-radius:50%;
  background:var(--pink);color:#000;font-size:12px;line-height:1;font-weight:1000;
  box-shadow:0 0 0 2px rgba(0,0,0,.7)
}
.pi30-hero .pi30-cart-button:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* Cart drawer must always sit above the storefront and WordPress front-end layers. */
.pi30-cart{
  z-index:2147483000!important;right:-430px!important;top:0!important;height:100dvh!important;
  max-height:100dvh!important;box-shadow:-20px 0 60px rgba(0,0,0,.65)
}
.pi30-cart.open{right:0!important}
body.pi31-cart-open{overflow:hidden!important}

.pi31-info-section{
  scroll-margin-top:20px;padding:54px clamp(18px,5vw,72px);background:#07070a;
  border-top:1px solid #25252e;color:#fff
}
.pi31-info-section:nth-of-type(even){background:#09090d}
.pi31-info-inner{max-width:1080px;margin:0 auto;line-height:1.65}
.pi31-info-inner h1,.pi31-info-inner h2,.pi31-info-inner h3{color:#fff;margin-top:0}
.pi31-info-inner h2{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;font-size:clamp(34px,5vw,58px);letter-spacing:.5px}
.pi31-info-inner a{color:var(--pink)}

@media(max-width:760px){
  .pi30-hero .pi30-cart-button b{min-width:16px;font-size:9px}
}


/* v3.5.8 quiet content + cart polish
   Approved hero/product artwork is intentionally untouched. */
.pi31-info-section{
  padding:42px clamp(18px,5vw,64px)!important;
  background:#08080b!important;
  border-top:1px solid #202027!important;
}
.pi31-info-section:nth-of-type(even){background:#0a0a0e!important}
.pi31-info-inner{max-width:920px!important;font-size:15px!important;line-height:1.7!important;color:#c9c9d0!important}
.pi31-info-inner h1,.pi31-info-inner h2,.pi31-info-inner h3{
  font-family:inherit!important;text-transform:none!important;letter-spacing:.01em!important;color:#f5f5f7!important;
}
.pi31-info-inner h2{
  margin:0 0 12px!important;font-size:clamp(24px,3vw,34px)!important;line-height:1.15!important;font-weight:800!important;
}
.pi31-info-inner p{max-width:760px;margin:0 0 14px;color:#b9b9c1;font-size:15px}
.pi31-info-inner a{color:var(--pink);font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}

/* Keep only the functioning cart attached to the cart icon in the approved hero.
   The review panel is deliberately compact and quiet rather than a second visual storefront. */
.pi30-cart{
  width:min(360px,92vw)!important;
  padding:22px!important;
  background:#0a0a0e!important;
  border-left:1px solid #2a2a33!important;
  box-shadow:-14px 0 42px rgba(0,0,0,.55)!important;
}
.pi30-cart-head{padding-bottom:12px!important;border-bottom:1px solid #24242c!important}
.pi30-cart-head strong{font-size:17px!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important}
.pi30-close{font-size:27px!important;line-height:1!important;padding:2px 6px!important;cursor:pointer}
.pi30-cart-discount{
  margin:14px 0!important;padding:10px 12px!important;border:1px solid #303038!important;
  border-radius:9px!important;background:#0d0d12!important;color:#dedee4!important;text-align:left!important;font-size:12px!important;
}
.pi30-cart-discount strong{font-weight:700!important;text-transform:none!important;letter-spacing:0!important}
.pi30-cart-line{padding:12px 0!important;border-bottom:1px solid #222229!important;font-size:13px!important}
.pi30-cart-line strong{font-size:13px!important;font-weight:750!important}
.pi30-cart-line span{font-size:11px!important;color:#b7b7bf!important}
.pi30-cart-line button{font-size:10px!important;font-weight:700!important;letter-spacing:.04em!important;cursor:pointer}
.pi30-empty{padding:22px 0!important;font-size:13px!important;color:#8f8f98!important}
.pi30-total-row{padding-top:15px!important;font-size:15px!important}
.pi30-discount-note{font-size:10px!important;color:#81818a!important}

@media(max-width:760px){
  .pi31-info-section{padding:34px 18px!important}
  .pi31-info-inner{font-size:14px!important}
  .pi31-info-inner h2{font-size:25px!important}
  .pi30-cart{width:min(340px,94vw)!important;padding:18px!important}
}


/* v3.5.10 FINAL HEADER FIX
   Hero artwork itself has had the printed cart + hamburger removed.
   This is the ONLY cart shown in the hero and it links to WooCommerce. */
.pi30-cart,
.pi30-cart-button{
  display:none!important;
}
.pi31-wc-cart-link{
  position:absolute;
  left:86.0%;
  top:6.9%;
  z-index:45;
  width:6.2%;
  aspect-ratio:1/1;
  min-width:48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:rgba(0,0,0,.72);
  color:#fff;
  text-decoration:none;
  box-sizing:border-box;
}
.pi31-wc-cart-icon{
  font-size:clamp(20px,2.2vw,31px);
  line-height:1;
  filter:grayscale(1) brightness(3);
}
.pi31-wc-cart-link b{
  position:absolute;
  right:-5%;
  top:-9%;
  min-width:24px;
  height:24px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#ff1684;
  color:#000;
  font:900 12px/1 Arial,sans-serif;
  box-sizing:border-box;
}
.pi31-wc-cart-link:hover,
.pi31-wc-cart-link:focus-visible{
  border-color:#ff1684;
  outline:none;
}
@media(max-width:760px){
  .pi31-wc-cart-link{
    min-width:38px;
  }
  .pi31-wc-cart-link b{
    min-width:19px;
    height:19px;
    font-size:10px;
  }
}

/* v3.5.13 never substitutes old product art for a missing approved image */
.pi31-image-missing{width:100%;height:100%;min-height:220px;background:transparent}