/* JJ V3 final visual safeguard: hide old banner on HOME and ALL subpages. New approved hero stays. */
html body .jj-v9-banner,html body .jj-v12-banner{display:none!important;}
/* Home navigation compressed without reducing tap target size. */
html body.jj-lv-home .jj-lv-nav{gap:clamp(4px,1vw,17px)!important;}
html body.jj-lv-home .jj-lv-nav a{min-height:44px!important;}
/* Explicitly keep product action links/buttons and runtime price nodes visible. */
html body.jj-lv-home :is(.products .product,.jj-extra-products .jj-extra-product) :is(.price,.product-revisit-btn,.jj-extra-cta){visibility:visible!important;}
/* Light page headers: keep concise, no legacy header image on top. */
html body:not(.jj-lv-home) .wrap>section.hero :is(.hero-actions a,.actions a){color:#7542cb!important;text-decoration:none!important;border:0!important;border-bottom:1px solid #aa83ea!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:6px 2px!important;}
@media(max-width:720px){
 html body.jj-lv-home .jj-lv-nav{gap:0!important;}
 html body.jj-lv-home .jj-lv-nav a{min-height:44px!important;}
}

/* JJ HEADER ALIGNMENT FIX 2026-11-05: keep account links adjacent to ☰ (presentation only) */
@media (min-width:851px) {
  html body.jj-lv-home .jj-lv-topbar {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:clamp(9px,1.1vw,18px)!important;
  }
  html body.jj-lv-home .jj-lv-toplinks {
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    margin-left:auto!important;
    gap:clamp(9px,1.2vw,19px)!important;
    flex:0 1 auto!important;
    white-space:nowrap!important;
  }
  html body.jj-lv-home .jj-lv-menu-button {
    flex:0 0 38px!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}
@media (max-width:850px) {
  html body.jj-lv-home .jj-lv-topbar {
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
  }
  html body.jj-lv-home .jj-lv-menu-button {margin-left:auto!important;}
}


/* JJ COMPACT RHYTHM 2026-11-05: reduce excess whitespace, preserve working links/buttons. */
html body.jj-lv-home .jj-lv-topbar{min-height:62px!important;padding-block:4px!important}
html body.jj-lv-home .jj-lv-nav{min-height:46px!important}
html body.jj-lv-home .jj-lv-nav a{min-height:44px!important;padding-block:10px!important}
html body.jj-lv-home .jj-lv-promo{min-height:48px!important;padding-block:7px!important}
html body.jj-lv-home .jj-lv-quicklinks{
 grid-template-columns:repeat(8,minmax(0,1fr))!important;
 padding:11px 0 8px!important;
 column-gap:clamp(6px,1vw,14px)!important;
 row-gap:8px!important;
}
html body.jj-lv-home .jj-lv-quicklinks a{gap:5px!important}
html body.jj-lv-home .jj-lv-quicklinks .jj-lv-quick-icon{width:49px!important;height:49px!important;font-size:23px!important}
html body.jj-lv-home .product-zone{margin-top:8px!important;padding-inline:clamp(0px,1vw,14px)!important}
html body.jj-lv-home .product-zone-head{margin-bottom:8px!important;align-items:center!important}
html body.jj-lv-home .products,html body.jj-lv-home .jj-extra-products{gap:clamp(9px,1vw,16px)!important}
html body.jj-lv-home .jj-extra-products{margin-top:9px!important}
html body.jj-lv-home .products .product,
html body.jj-lv-home .jj-extra-products .jj-extra-product{
 min-height:0!important;
 padding:14px 11px 13px!important;
 justify-content:flex-start!important;
}
html body.jj-lv-home .products .product::before,
html body.jj-lv-home .jj-extra-products .jj-extra-product::before{
 width:48px!important;height:48px!important;
 margin:0 auto 5px!important;font-size:25px!important;
}
html body.jj-lv-home .products .product .tier,
html body.jj-lv-home .jj-extra-products .jj-extra-kicker{margin:0 0 2px!important;line-height:1.2!important}
html body.jj-lv-home .products .product h3,
html body.jj-lv-home .jj-extra-products .jj-extra-product h3{
 margin:3px 0 5px!important;line-height:1.27!important;
 font-size:clamp(16px,1.5vw,20px)!important;
}
html body.jj-lv-home .products .product p,
html body.jj-lv-home .jj-extra-products .jj-extra-product p{
 margin:0 0 5px!important;line-height:1.46!important;
}
html body.jj-lv-home .products .product .price,
html body.jj-lv-home .jj-extra-products .jj-extra-product .price{
 margin:5px 0 2px!important;line-height:1.3!important;
}
html body.jj-lv-home .products .product .product-revisit-btn{
 margin:8px 0 0!important;min-height:32px!important;align-self:center!important;
}
html body.jj-lv-home .jj-extra-products .jj-extra-cta{margin:8px 0 0!important;padding:3px 0!important;align-self:center!important}
html body.jj-lv-home .products .product :is(.product-benefit,.full-benefit),
html body.jj-lv-home .jj-extra-products .jj-extra-note{margin:2px 0!important;line-height:1.35!important}
html body.jj-lv-home .section{margin-top:12px!important;padding:clamp(16px,2vw,25px)!important}
html body.jj-lv-home .section h2{margin-bottom:10px!important}
html body.jj-lv-home .classic{padding:clamp(19px,2.5vw,29px)!important}
html body.jj-lv-home .classic-grid{gap:clamp(13px,2vw,26px)!important}
html body:not(.jj-lv-home) .wrap>section.hero{margin-bottom:8px!important}
html body:not(.jj-lv-home) .wrap>section.section{margin-top:10px!important;padding:clamp(15px,2vw,24px)!important}
html body #content .panel-title{margin:19px 0 11px!important}
html body #content .category{margin:18px 0 14px!important}
html body #content .category-head{padding-bottom:8px!important;margin-bottom:8px!important}
html body #content .collection-jump{margin:11px 0 16px!important;gap:9px!important}
html body #content .collection-jump a{min-height:72px!important;padding:12px 14px!important;gap:5px!important}
html body #content .category .cards .feature{padding:13px 10px!important;gap:3px!important}
html body #content .category .cards .feature .symbol{width:49px!important;height:49px!important;margin:0 auto 4px!important;font-size:24px!important}
html body #content .category .cards .feature h4{margin:3px 0!important}
html body #content .category .cards .feature :is(p,.feature-note,small){line-height:1.44!important}
@media(max-width:1050px){
 html body.jj-lv-home .jj-lv-quicklinks{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:720px){
 html body.jj-lv-home .jj-lv-topbar{min-height:56px!important}
 html body.jj-lv-home .jj-lv-quicklinks{padding:9px 0 8px!important;row-gap:8px!important}
 html body.jj-lv-home .jj-lv-promo{min-height:44px!important}
 html body.jj-lv-home .product-zone{margin-top:6px!important}
 html body.jj-lv-home .products .product,
 html body.jj-lv-home .jj-extra-products .jj-extra-product{
   min-height:0!important;padding:12px 9px 11px!important
 }
 html body.jj-lv-home .products .product p,
 html body.jj-lv-home .jj-extra-products .jj-extra-product p{line-height:1.4!important}
 html body #content .category{margin:15px 0 11px!important}
}
@media(max-width:370px){
 html body.jj-lv-home .products .product,
 html body.jj-lv-home .jj-extra-products .jj-extra-product{padding:11px 7px 10px!important}
 html body.jj-lv-home .products .product::before,
 html body.jj-lv-home .jj-extra-products .jj-extra-product::before{width:44px!important;height:44px!important}
}


/* JJ WIDE & COMPACT V4 (2026-11-05): layout only */
html body.jj-lv-home .wrap>main>section.jj-lv-hero {
  box-sizing:border-box!important;
  width:100vw!important;
  max-width:100vw!important;
  min-width:0!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  transform:none!important;
}
html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture {
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  overflow:hidden!important;
}
html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture img {
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  border:0!important;
}
html body.jj-lv-home .jj-lv-quicklinks{display:none!important}
/* Align full site contents to 1560px while ensuring all sections use the available width. */
html body>.wrap.wrap {
  width:100%!important;
  max-width:1560px!important;
  margin-inline:auto!important;
  padding-inline:clamp(10px,2.1vw,30px)!important;
}
html body>.wrap.wrap>main {box-sizing:border-box!important;width:100%!important;min-width:0!important;}
html body>.wrap.wrap>main>:is(.product-zone,.section,.purchase-sheet),
html body>.wrap.wrap>.section{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
}
/* Six paid product cards in a single balanced grid; retain original product/checkout DOM and click handlers. */
html body.jj-lv-home #products.product-zone {
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:clamp(7px,0.85vw,13px)!important;
  align-items:stretch!important;
  padding:0!important;
  margin-top:clamp(14px,1.5vw,22px)!important;
}
html body.jj-lv-home #products.product-zone>.product-zone-head,
html body.jj-lv-home #products.product-zone>.jj-revisit-form,
html body.jj-lv-home #products.product-zone>:not(.products):not(.jj-extra-products):not(.product-zone-head) {
  grid-column:1/-1!important;
  min-width:0!important;
}
html body.jj-lv-home #products.product-zone>.products,
html body.jj-lv-home #products.product-zone>.jj-extra-products {
  display:contents!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product){
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  padding:clamp(11px,1vw,15px) clamp(7px,0.8vw,12px)!important;
  margin:0!important;
  border-radius:clamp(12px,1vw,18px)!important;
  gap:0!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product)::before {
  width:43px!important;height:43px!important;
  font-size:22px!important;
  margin:0 auto 4px!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) :is(.tier,.jj-extra-kicker) {
  font-size:9px!important;line-height:1.2!important;margin:0 0 3px!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) h3 {
  font-size:clamp(14px,1.2vw,19px)!important;
  margin:2px 0 5px!important;
  line-height:1.24!important;
  word-break:keep-all!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) p {
  font-size:clamp(10px,.86vw,12px)!important;
  line-height:1.42!important;
  margin:0 0 5px!important;
  min-height:0!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) .price {
  font-size:clamp(16px,1.3vw,21px)!important;
  margin:6px auto 3px!important;
  line-height:1.28!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) :is(.product-benefit,.full-benefit,.jj-extra-note) {
  font-size:10px!important;
  line-height:1.38!important;
  margin:3px auto!important;
}
html body.jj-lv-home #products.product-zone .product-revisit-btn {
  width:auto!important;
  min-height:30px!important;
  max-width:100%!important;
  margin:7px auto 0!important;
  padding:4px 2px!important;
  font-size:clamp(9px,.76vw,11px)!important;
  white-space:normal!important;
}
html body.jj-lv-home #products.product-zone .jj-extra-cta{
  margin:7px auto 0!important;
  font-size:11px!important;
  padding:4px 0!important;
}
html body.jj-lv-home #products.product-zone .product-zone-head {
  margin-bottom:2px!important;padding:0 2px!important;
}
/* Avoid low readability and overflow when six columns become too narrow */
@media(max-width:1279px){
  html body.jj-lv-home #products.product-zone {grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:720px){
  html body.jj-lv-home #products.product-zone {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product){padding:12px 8px!important}
  html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) h3 {font-size:15px!important}
  html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) p {font-size:11px!important}
  html body.jj-lv-home #products.product-zone .product-revisit-btn {font-size:10px!important}
}
@media(max-width:360px){
  html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) {padding:10px 6px!important}
  html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) h3{font-size:14px!important}
}


/* Preserve readable mobile artwork while its CONTAINER spans edge-to-edge. */
@media(max-width:720px){
 html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture img{
  width:max(100%,490px)!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left top!important;
 }
}
@media(min-width:721px) and (max-width:1279px){
 html body.jj-lv-home #products.product-zone{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
 }
}


/* JJ FLOATING DROPDOWN V5 2026-11-05
   Click menu overlays the hero; never pushes banner or page layout. */
html body.jj-lv-home .jj-lv-shell {
  position:relative!important;
  z-index:1000!important;
  overflow:visible!important;
}
html body.jj-lv-home .jj-lv-menu {
  position:absolute!important;
  top:calc(100% - 1px)!important;
  right:clamp(10px,2.1vw,30px)!important;
  left:auto!important;
  width:min(286px,calc(100vw - 24px))!important;
  min-width:0!important;
  max-height:min(390px,calc(100dvh - 140px))!important;
  overflow-y:auto!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:10px!important;
  display:none!important;
  flex-wrap:nowrap!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:2px!important;
  align-items:stretch!important;
  border:1px solid #dfd0f5!important;
  border-radius:0 0 16px 16px!important;
  background:linear-gradient(155deg,#fffffffc,#f4edfffb)!important;
  box-shadow:0 14px 38px rgba(47,25,91,.23)!important;
  z-index:1001!important;
}
html body.jj-lv-home .jj-lv-menu.open {
  display:grid!important;
}
html body.jj-lv-home .jj-lv-menu a {
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  width:100%!important;
  min-height:42px!important;
  padding:10px 13px!important;
  margin:0!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:#33206b!important;
  font-size:14px!important;
  font-weight:750!important;
  text-decoration:none!important;
  white-space:normal!important;
  line-height:1.25!important;
  text-align:left!important;
}
html body.jj-lv-home .jj-lv-menu a:hover,
html body.jj-lv-home .jj-lv-menu a:focus-visible{
  background:#e9dcff!important;
  color:#5a24be!important;
}
html body.jj-lv-home .jj-lv-menu-button{
  position:relative!important;
  z-index:1002!important;
}
@media(max-width:600px){
 html body.jj-lv-home .jj-lv-menu{
   right:10px!important;
   width:min(270px,calc(100vw - 20px))!important;
   padding:8px!important;
   max-height:min(365px,calc(100dvh - 125px))!important;
 }
 html body.jj-lv-home .jj-lv-menu a{min-height:44px!important;font-size:13px!important;}
}

/* JJ MENU DEDUPE 2026-11-05: top-bar links appear in hamburger only when top bar hides them. */
html body.jj-lv-home .jj-lv-menu a.jj-lv-mobile-only { display:none!important; }
@media(max-width:850px) {
 html body.jj-lv-home .jj-lv-menu a.jj-lv-mobile-only { display:flex!important; }
}


/* JJ SELECTED NAV BAR REMOVAL 2026-11-05: preserve selected purple text, no underline bars. */
html body.jj-lv-home .jj-lv-nav > a::before,
html body.jj-lv-home .jj-lv-nav > a::after,
html body.jj-lv-home .jj-lv-nav > a:first-child::after,
html body.jj-lv-home .jj-lv-nav > a[aria-current]::after,
html body.jj-lv-home .jj-lv-nav > a.active::after,
html body.jj-lv-home .jj-lv-nav > a.current::after {
 content:none!important;
 display:none!important;
 width:0!important;
 height:0!important;
}
html body.jj-lv-home .jj-lv-nav > a {
 text-decoration:none!important;
 border-bottom:0!important;
 box-shadow:none!important;
 background:transparent!important;
}
html body.jj-lv-home .jj-lv-nav > a:first-child,
html body.jj-lv-home .jj-lv-nav > a[aria-current],
html body.jj-lv-home .jj-lv-nav > a.current,
html body.jj-lv-home .jj-lv-nav > a.active {
 color:#763fe9!important;
 border-bottom:0!important;
 box-shadow:none!important;
}
html body.jj-lv-home .jj-lv-nav{
 min-height:42px!important;
 border-bottom:1px solid #ece5f8!important;
}


/* JJ HERO WIDTH ROLLBACK V6 2026-11-05: restore original 1560px-aligned hero.
   All CTA and card behavior is untouched; only the outer presentation width changes. */
html body.jj-lv-home .wrap>main>section.jj-lv-hero {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  margin-inline:0!important;
  padding:0!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  overflow:hidden!important;
}
html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture img{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
}
html body.jj-lv-home .jj-lv-preview-ribbon{
  display:none!important;
}
/* The current approved artwork contains a plain-text CTA, not a pill button.
   Keep the existing transparent link hotzone accessible. */
@media(max-width:720px){
  html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture img{
    width:max(100%,490px)!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    object-fit:contain!important;
    object-position:left top!important;
  }
}


/* JJ LIVE WOMAN HERO V7: ONE hero, no generated artwork, original date logic. */
html body.jj-lv-home .wrap>main>section.hero-stage{
 display:none!important;
 visibility:hidden!important;
 height:0!important;min-height:0!important;
 max-height:0!important;
 padding:0!important;margin:0!important;
 border:0!important;
}
html body.jj-lv-home .wrap>main>section.jj-lv-hero{
 position:relative!important;
 isolation:isolate!important;
 box-sizing:border-box!important;
 display:block!important;
 width:min(100%,1400px)!important;
 max-width:1400px!important;
 margin:0 auto!important;
 padding:0!important;
 border:0!important;
 border-radius:clamp(14px,1.7vw,24px)!important;
 overflow:hidden!important;
 min-height:0!important;
 max-height:none!important;
 aspect-ratio:2.5/1!important;
 background:#f4edff!important;
 box-shadow:0 9px 30px rgba(87,57,153,.11)!important;
}
html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture{
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 max-width:100%!important;
 height:100%!important;
 margin:0!important;padding:0!important;
 overflow:hidden!important;
 z-index:1!important;
}
html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture img{
 display:block!important;
 width:100%!important;
 min-width:0!important;
 max-width:100%!important;
 height:100%!important;
 max-height:none!important;
 object-fit:cover!important;
 object-position:center 43%!important;
 border-radius:0!important;
}
/* Mask only the old rasterized words on the left. Retain the same woman and moon. */
html body.jj-lv-home .wrap>main>section.jj-lv-hero:before{
 content:""!important;
 display:block!important;
 position:absolute!important;
 inset:0!important;
 z-index:2!important;
 pointer-events:none!important;
 background:linear-gradient(90deg,
  rgba(249,246,255,.995) 0%,
  rgba(248,244,255,.995) 37%,
  rgba(247,243,255,.96) 43%,
  rgba(247,243,255,.75) 49%,
  rgba(247,243,255,.08) 59%,
  transparent 66%)!important;
}
html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-live-date{
 position:absolute!important;
 left:clamp(16px,5.2%,66px)!important;
 top:50%!important;
 transform:translateY(-50%)!important;
 z-index:4!important;
 box-sizing:border-box!important;
 width:clamp(250px,40%,475px)!important;
 max-width:51%!important;
 padding:0!important;
 background:transparent!important;
 color:#2f1c66!important;
 font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;
 text-shadow:none!important;
 pointer-events:auto!important;
}
html body.jj-lv-home .jjv-live-date .jj365-title-group{
 position:static!important;
 inset:auto!important;
 width:100%!important;
 max-width:100%!important;
 transform:none!important;
 padding:0!important;
 margin:0!important;
 color:#29175c!important;
 text-align:left!important;
 font-family:inherit!important;
 text-shadow:none!important;
}
html body.jj-lv-home .jjv-live-date .jj365-kicker{
 font-size:clamp(14px,1.5vw,21px)!important;
 font-weight:800!important;
 line-height:1.35!important;
 letter-spacing:-.03em!important;
 color:#51318d!important;
 text-shadow:none!important;
}
html body.jj-lv-home .jjv-live-date .jj365-rule{
 width:42%!important;
 height:1px!important;
 margin:11px 0 17px!important;
 background:linear-gradient(90deg,#9165de,transparent)!important;
}
html body.jj-lv-home .jjv-live-date .jj365-date{
 font-size:clamp(24px,2.8vw,40px)!important;
 line-height:1.28!important;
 font-weight:900!important;
 white-space:normal!important;
 letter-spacing:-.045em!important;
 color:#27165b!important;
 margin:0!important;
 text-shadow:none!important;
 overflow-wrap:normal!important;
 word-break:keep-all!important;
}
html body.jj-lv-home .jjv-live-date .jj365-date strong{
 display:block!important;
 font-size:clamp(24px,2.8vw,40px)!important;
 line-height:1.28!important;
 color:#7240cf!important;
 text-shadow:none!important;
}
html body.jj-lv-home .jjv-live-date .jj365-caption{
 font-size:clamp(12px,1.18vw,16px)!important;
 line-height:1.5!important;
 font-weight:750!important;
 margin:10px 0 0!important;
 white-space:normal!important;
 color:#4c367c!important;
 text-shadow:none!important;
 word-break:keep-all!important;
}
html body.jj-lv-home .jjv-live-date .jjv-live-five{
 font-size:clamp(12px,1.15vw,16px)!important;
 line-height:1.5!important;
 letter-spacing:.17em!important;
 font-weight:600!important;
 color:#7954b0!important;
 margin-top:14px!important;
}
html body.jj-lv-home .jjv-live-date .jjv-live-cta{
 display:inline-block!important;
 width:auto!important;
 margin-top:18px!important;
 padding:2px 0 5px!important;
 border:0!important;
 border-bottom:1px solid #8855da!important;
 border-radius:0!important;
 box-shadow:none!important;
 background:transparent!important;
 color:#7339dc!important;
 font-size:clamp(16px,1.7vw,22px)!important;
 line-height:1.3!important;
 font-weight:850!important;
 text-decoration:none!important;
 text-shadow:none!important;
}
html body.jj-lv-home .jjv-live-date .jjv-live-cta:hover{
 color:#5324b4!important;
}
@media(max-width:720px){
 html body.jj-lv-home .wrap>main>section.jj-lv-hero{
   width:100%!important;
   aspect-ratio:auto!important;
   min-height:290px!important;
   height:clamp(290px,76vw,390px)!important;
   max-height:390px!important;
 }
 html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture img{
   width:100%!important;
   max-width:100%!important;
   height:100%!important;
   object-fit:cover!important;
   object-position:55% center!important;
 }
 html body.jj-lv-home .wrap>main>section.jj-lv-hero:before{
   background:linear-gradient(90deg,
    rgba(249,246,255,1) 0%,
    rgba(249,246,255,.99) 41%,
    rgba(249,246,255,.93) 55%,
    rgba(249,246,255,.20) 78%,
    transparent 100%)!important;
 }
 html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-live-date{
   top:50%!important;
   left:clamp(12px,4%,22px)!important;
   width:63%!important;
   max-width:63%!important;
 }
 html body.jj-lv-home .jjv-live-date .jj365-kicker{
   font-size:clamp(12px,3vw,16px)!important;
 }
 html body.jj-lv-home .jjv-live-date .jj365-rule{margin:7px 0 11px!important}
 html body.jj-lv-home .jjv-live-date .jj365-date,
 html body.jj-lv-home .jjv-live-date .jj365-date strong{
   font-size:clamp(19px,5vw,28px)!important;
 }
 html body.jj-lv-home .jjv-live-date .jj365-caption{
   font-size:clamp(11px,2.7vw,14px)!important;
   margin-top:8px!important;
 }
 html body.jj-lv-home .jjv-live-date .jjv-live-five{
   font-size:12px!important;
   margin-top:9px!important;
   letter-spacing:.08em!important;
 }
 html body.jj-lv-home .jjv-live-date .jjv-live-cta{
   font-size:clamp(14px,3.5vw,18px)!important;
   margin-top:12px!important;
 }
}
@media(max-width:370px){
 html body.jj-lv-home .jjv-live-date .jj365-date,
 html body.jj-lv-home .jjv-live-date .jj365-date strong{font-size:18px!important}
 html body.jj-lv-home .jjv-live-date .jj365-caption{font-size:11px!important}
}


/* JJ HERO CLEANUP V8: date in one line, live text preserved, old hero removed from DOM by runtime. */
html body.jj-lv-home .jjv-live-date .jj365-date{
 display:block!important;
 white-space:nowrap!important;
 font-size:clamp(18px,2.05vw,29px)!important;
 line-height:1.3!important;
 letter-spacing:-.065em!important;
 word-break:normal!important;
}
html body.jj-lv-home .jjv-live-date .jj365-date strong{
 display:inline!important;
 white-space:inherit!important;
 font-size:inherit!important;
 line-height:inherit!important;
 font-weight:900!important;
}
html body.jj-lv-home .jjv-live-date .jj365-kicker{
 white-space:nowrap!important;
 font-size:clamp(15px,1.55vw,22px)!important;
 letter-spacing:-.045em!important;
}
@media(max-width:720px){
 html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-live-date {
   width:76%!important;
   max-width:76%!important;
 }
 html body.jj-lv-home .jjv-live-date .jj365-date{
   font-size:clamp(12px,3.5vw,17px)!important;
   letter-spacing:-.075em!important;
 }
 html body.jj-lv-home .jjv-live-date .jj365-kicker{
   font-size:clamp(12px,3.2vw,16px)!important;
 }
}


/* JJ SEVEN-CARD STRIP V9 — visual only; all 7 real products and purchase actions retained. */
/* 4 main products including dynamically injected New Year + 3 existing play products. */
@media(min-width:1200px){
 html body.jj-lv-home #products.product-zone{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  column-gap:clamp(6px,.65vw,11px)!important;
  row-gap:9px!important;
  align-items:stretch!important;
 }
}
@media(min-width:850px) and (max-width:1199px){
 html body.jj-lv-home #products.product-zone{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:10px!important;
  row-gap:11px!important;
 }
}
@media(min-width:600px) and (max-width:849px){
 html body.jj-lv-home #products.product-zone{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:9px!important;
  row-gap:10px!important;
 }
}
@media(max-width:599px){
 html body.jj-lv-home #products.product-zone{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:8px!important;
  row-gap:9px!important;
 }
}
/* Both wrappers only group DOM; never remove product cards or price nodes. */
html body.jj-lv-home #products.product-zone>.products,
html body.jj-lv-home #products.product-zone>.jj-extra-products{
 display:contents!important;
}
/* Remove hard black frames from SIGNATURE and every other product label. */
html body.jj-lv-home #products.product-zone .product .tier,
html body.jj-lv-home #products.product-zone .jj-extra-product .jj-extra-kicker,
html body.jj-lv-home #products.product-zone #jj-newyear-launch-card .tier{
 display:block!important;
 padding:0!important;
 margin:0 0 4px!important;
 border:0!important;
 outline:0!important;
 border-radius:0!important;
 box-shadow:none!important;
 background:none!important;
 background-color:transparent!important;
 color:#9168c1!important;
 text-shadow:none!important;
 -webkit-text-stroke:0!important;
 font-weight:750!important;
 font-size:clamp(8px,.72vw,10px)!important;
 line-height:1.18!important;
 letter-spacing:.07em!important;
 white-space:normal!important;
 overflow-wrap:anywhere!important;
}
/* Frameless compact cards; state is indicated by soft fill, never by an outline. */
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product),
html body.jj-lv-home #products.product-zone #jj-newyear-launch-card{
 box-sizing:border-box!important;
 display:flex!important;
 flex-direction:column!important;
 width:100%!important;
 min-width:0!important;
 min-height:0!important;
 height:auto!important;
 margin:0!important;
 padding:12px 8px 10px!important;
 gap:0!important;
 align-items:center!important;
 text-align:center!important;
 justify-content:flex-start!important;
 border:0!important;
 border-radius:14px!important;
 box-shadow:0 5px 14px rgba(102,66,168,.08)!important;
 background:linear-gradient(150deg,#fff,#f5efff)!important;
 color:#322063!important;
 transform:none!important;
 outline:none!important;
 overflow-wrap:anywhere!important;
}
html body.jj-lv-home #products.product-zone :is(.product.active,.product[aria-pressed="true"]){
 background:linear-gradient(145deg,#f9f3ff,#eadeff)!important;
 border:0!important;
 box-shadow:0 6px 17px rgba(102,66,168,.13)!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product):hover{
 border:0!important;
 box-shadow:0 7px 17px rgba(102,66,168,.14)!important;
 transform:translateY(-1px)!important;
}
/* Keep an accessibility focus ring for keyboard use only. */
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product):focus-visible,
html body.jj-lv-home #products.product-zone #jj-newyear-launch-card:focus-visible {
 outline:3px solid #9567e4!important;
 outline-offset:2px!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product)::before {
 display:grid!important;
 place-items:center!important;
 position:relative!important;
 inset:auto!important;
 flex:0 0 auto!important;
 width:36px!important;height:36px!important;
 margin:0 auto 4px!important;
 font-size:19px!important;
 border:0!important;
 border-radius:50%!important;
 box-shadow:none!important;
 background:#eee6ff!important;
 color:#7140cd!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) h3{
 margin:2px 0 4px!important;
 color:#2e1a64!important;
 font-size:clamp(13px,1vw,16px)!important;
 line-height:1.22!important;
 font-weight:850!important;
 word-break:keep-all!important;
 text-wrap:balance!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) p{
 font-size:clamp(10px,.77vw,11px)!important;
 line-height:1.38!important;
 margin:0 0 4px!important;
 min-height:0!important;
 color:#655681!important;
 word-break:keep-all!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) .price{
 margin:5px 0 3px!important;
 color:#7035cc!important;
 font-size:clamp(15px,1.1vw,18px)!important;
 line-height:1.25!important;
 font-weight:900!important;
 white-space:normal!important;
}
html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) :is(.product-benefit,.full-benefit,.jj-extra-note){
 margin:3px auto!important;
 color:#765c99!important;
 font-size:10px!important;
 line-height:1.32!important;
}
html body.jj-lv-home #products.product-zone .product .product-revisit-btn {
 display:block!important;
 max-width:100%!important;
 min-height:30px!important;
 margin:auto auto 0!important;
 padding:7px 2px 2px!important;
 font-size:clamp(9px,.74vw,11px)!important;
 border:0!important;
 border-radius:0!important;
 border-bottom:1px solid #b899e7!important;
 background:transparent!important;
 box-shadow:none!important;
 white-space:normal!important;
 line-height:1.24!important;
}
html body.jj-lv-home #products.product-zone .jj-extra-product .jj-extra-cta {
 margin:auto auto 0!important;
 padding:7px 2px 2px!important;
 border:0!important;
 border-bottom:1px solid #b899e7!important;
 color:#7141bb!important;
 font-size:11px!important;
 line-height:1.24!important;
}
html body.jj-lv-home #products.product-zone .product-zone-head,
html body.jj-lv-home #products.product-zone .jj-revisit-form{
 grid-column:1/-1!important;
}
@media(max-width:599px){
 html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product){
  padding:11px 7px 10px!important;
 }
 html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) h3{
  font-size:14px!important;
 }
 html body.jj-lv-home #products.product-zone :is(.product,.jj-extra-product) p{
  font-size:11px!important;
 }
 html body.jj-lv-home #products.product-zone .product .product-revisit-btn{
  font-size:10px!important;
 }
}


/* JJ SINGLE WOMAN BANNER V11 • 2026-11-05
   One portrait hero only.  Match original five-element banner's 100% width / 403px
   without recreating it; blend lavender hero, offer and seven-card section.
   IMPORTANT: product cards, selection outline and price/checkout DOM unchanged. */
html body.jj-lv-home .jj-v9-banner{
 display:none!important;visibility:hidden!important;
 width:0!important;height:0!important;min-height:0!important;max-height:0!important;
 padding:0!important;margin:0!important;border:0!important;
 overflow:hidden!important;
}
html body.jj-lv-home .wrap>main>section.hero-stage{
 display:none!important;visibility:hidden!important;
 height:0!important;min-height:0!important;max-height:0!important;
 padding:0!important;margin:0!important;
}
html body.jj-lv-home .wrap>main>section.jj-lv-hero{
 box-sizing:border-box!important;
 display:block!important;
 position:relative!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 height:403px!important;
 min-height:403px!important;
 max-height:403px!important;
 aspect-ratio:auto!important;
 margin:0!important;
 padding:0!important;
 border:0!important;
 border-radius:30px 30px 0 0!important;
 overflow:hidden!important;
 background:#f7f0ff!important;
 box-shadow:none!important;
}
html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture,
html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture img{
 height:100%!important;
}
html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture img{
 width:100%!important;
 min-width:0!important;
 max-width:100%!important;
 object-fit:cover!important;
 object-position:center 40%!important;
}
html body.jj-lv-home .wrap>main>.jj-lv-promo{
 box-sizing:border-box!important;
 display:flex!important;
 position:relative!important;
 z-index:3!important;
 width:100%!important;
 max-width:100%!important;
 min-width:0!important;
 min-height:50px!important;
 margin:0!important;
 padding:10px clamp(15px,2.3vw,32px)!important;
 border:0!important;
 border-bottom:1px solid rgba(179,148,223,.27)!important;
 border-radius:0!important;
 background:linear-gradient(180deg,#f6efff 0%,#f8f3ff 100%)!important;
 box-shadow:none!important;
 color:#38246c!important;
}
html body.jj-lv-home #products.product-zone{
 box-sizing:border-box!important;
 width:100%!important;
 margin-top:0!important;
 padding:15px clamp(8px,1.6vw,23px) 24px!important;
 border-radius:0 0 24px 24px!important;
 background:linear-gradient(180deg,#f8f3ff 0%,#faf7ff 45%,#fff 100%)!important;
 border:0!important;
}
html body.jj-lv-home #products .product-zone-head{
 margin-bottom:12px!important;
}
@media(max-width:720px){
 html body.jj-lv-home .wrap>main>section.jj-lv-hero{
  width:100%!important;
  height:clamp(270px,82vw,346px)!important;
  min-height:270px!important;
  max-height:346px!important;
  border-radius:19px 19px 0 0!important;
 }
 html body.jj-lv-home .wrap>main>section.jj-lv-hero .jjv-hero-picture img{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:56% 38%!important;
 }
 html body.jj-lv-home .wrap>main>.jj-lv-promo{
  padding:7px 10px!important;
  min-height:44px!important;
  gap:7px!important;
 }
 html body.jj-lv-home #products.product-zone{
  padding:12px 7px 18px!important;
  border-radius:0 0 18px 18px!important;
 }
}