/* Unified opening event: two simultaneous panels, never two overlapping layers. */
html body #jj-benefits-top-ribbon {display:none!important;visibility:hidden!important}
html body #jj-launch-event:not([hidden]){
 display:flex!important;align-items:center!important;justify-content:center!important;
 flex-direction:row!important;flex-wrap:nowrap!important;gap:20px!important;
 padding:20px!important;overflow:auto!important;
}
html body #jj-launch-event .jjle-card,
html body #jj-launch-event .jj-benefit-dialog{
 position:relative!important;z-index:1!important;flex:0 1 430px!important;
 width:min(46vw,430px)!important;min-width:0!important;
 max-height:calc(100dvh - 40px)!important;overflow-y:auto!important;
 box-sizing:border-box!important;
}
html body #jj-launch-event .jjle-card[hidden]{display:none!important}
html body #jj-launch-event .jj-benefit-dialog{
 border:1px solid #e1d2b6;border-radius:25px;padding:38px 30px 28px;
 background:radial-gradient(ellipse at 20% 0,#f0dfbd80,transparent 64%),#fffaf1;
 color:#443321;box-shadow:0 30px 90px #29190f42;text-align:center;
 font-family:Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
 animation:jjle-enter .28s ease-out;
}
html body #jj-launch-event .jj-benefit-dialog .jj-benefit-details-close{
 position:absolute;top:13px;right:13px;width:36px;height:36px;display:grid;
 place-items:center;border:0;border-radius:50%;padding:0;background:#ede1ce;
 color:#674f34;font:300 27px/1 sans-serif;cursor:pointer;
}
html body #jj-launch-event .jj-benefit-dialog .jb-brand{
 margin:0 0 17px;color:#998159;font-size:10px;font-weight:700;letter-spacing:3px;
}
html body #jj-launch-event .jj-benefit-dialog .jb-ornament{
 display:block;margin:0 0 14px;color:#b38c4e;font-size:24px;
}
html body #jj-launch-event .jj-benefit-dialog h2{
 margin:0 0 22px;color:#463724;font-size:28px;line-height:1.35;letter-spacing:-1px;
}
html body #jj-launch-event .jj-benefit-dialog .jb-offer{
 margin:0;color:#544330;font-size:19px;line-height:1.5;
}
html body #jj-launch-event .jj-benefit-dialog .jb-offer strong{
 display:block;font-size:57px;font-weight:750;color:#8f632e;letter-spacing:-2px;line-height:1.25;
}
html body #jj-launch-event .jj-benefit-dialog .jb-period{
 margin:12px 0 27px;color:#887254;font-size:14px;
}
html body #jj-launch-event .jj-benefit-dialog .jb-products{
 display:block;width:100%;min-height:46px;border:0;border-radius:12px;
 background:#61452e;color:white;font-weight:750;font-size:15px;cursor:pointer;
}
html body #jj-launch-event .jj-benefit-dialog button:focus-visible{
 outline:3px solid #ad8243;outline-offset:3px;
}
@media(max-width:900px){
 html body #jj-launch-event:not([hidden]){
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:flex-start!important;overflow-y:auto!important;gap:14px!important;
  padding:14px!important;
 }
 html body #jj-launch-event .jjle-card,
 html body #jj-launch-event .jj-benefit-dialog{
  flex:0 0 auto!important;width:min(100%,430px)!important;
  max-height:none!important;padding:26px 22px 20px!important;
 }
 html body #jj-launch-event .jj-benefit-dialog h2{font-size:22px!important}
 html body #jj-launch-event .jj-benefit-dialog .jb-offer strong{font-size:44px!important}
}

/* Product price: in normal flow, not overlaying benefits or return buttons. */
html body section.product-zone .products > article.product{
 display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
 align-items:stretch!important;min-height:280px!important;height:auto!important;
 padding:18px 18px 18px!important;box-sizing:border-box!important;overflow:visible!important;
}
html body section.product-zone .products > article.product > .tier{
 order:1!important;position:static!important;align-self:flex-start!important;
}
html body section.product-zone .products > article.product > h3{
 order:2!important;position:static!important;margin:9px 0 5px!important;
}
html body section.product-zone .products > article.product > p{
 order:3!important;position:static!important;margin:0 0 10px!important;
}
html body section.product-zone .products > article.product > .price{
 order:4!important;position:static!important;inset:auto!important;top:auto!important;
 right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;
 display:block!important;width:auto!important;max-width:100%!important;
 min-height:0!important;line-height:1.35!important;margin:auto 0 7px!important;
 white-space:normal!important;overflow-wrap:anywhere!important;text-align:left!important;
 flex:0 0 auto!important;
}
html body section.product-zone .products > article.product > .price[data-jj-original]::before{
 content:attr(data-jj-original);display:block!important;position:static!important;
 font-size:12px!important;line-height:1.4!important;font-weight:500!important;
 color:#897564!important;text-decoration:line-through!important;margin:0 0 2px!important;
}
html body section.product-zone .products > article.product > .price[data-jj-original]::after{
 content:"50% 할인";display:inline-block!important;position:static!important;
 font-size:10px!important;font-weight:800!important;color:#80562d!important;
 margin-left:7px!important;vertical-align:middle!important;
}
html body section.product-zone .products > article.product > .product-benefit,
html body section.product-zone .products > article.product > .full-benefit{
 order:5!important;position:static!important;inset:auto!important;
 transform:none!important;margin:0!important;padding:0!important;
 flex:0 0 auto!important;line-height:1.35!important;max-width:100%!important;
 white-space:normal!important;
}
html body section.product-zone .products > article.product > .stamp{
 position:absolute!important;top:14px!important;right:13px!important;
 bottom:auto!important;left:auto!important;opacity:.28!important;pointer-events:none!important;
}
html body section.product-zone .products > article.product > button.product-revisit-btn{
 order:6!important;position:static!important;inset:auto!important;transform:none!important;
 display:block!important;width:100%!important;max-width:100%!important;
 min-height:40px!important;margin:12px 0 0!important;flex:0 0 auto!important;
}
@media(max-width:720px){
 html body section.product-zone .products > article.product{
  min-height:0!important;padding:15px 15px 14px!important;
 }
 html body section.product-zone .products > article.product > .price{
  margin:10px 0 7px!important;
 }
 html body section.product-zone .products > article.product > .stamp{
  top:14px!important;right:12px!important;bottom:auto!important;
 }
}


/* JJ 2026-11-04: final popup pair + seven product card layout repair.
   No changes to checkout endpoints, order verification, sessions or admin code. */
html body #jj-benefits-top-ribbon{display:none!important}
html body #jj-launch-event:not([hidden]){display:flex!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:20px!important;padding:20px!important;overflow:auto!important}
html body #jj-launch-event .jjle-card[hidden]{display:none!important}
html body #jj-launch-event .jjle-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:center!important;min-height:0!important;padding:24px 26px!important}
html body #jj-launch-event .jjle-card .jjle-brand{margin:0 0 8px!important}
html body #jj-launch-event .jjle-card .jjle-details-title{margin:0 0 7px!important;font-size:25px!important;font-weight:750!important;line-height:1.3!important}
html body #jj-launch-event .jjle-card .jjle-details-summary{margin:0 0 3px!important;font-size:14px!important;line-height:1.35!important;font-weight:750!important;color:#805a28!important}
html body #jj-launch-event .jjle-card .jjle-details-period{margin:0 0 12px!important;font-size:12px!important;color:#826b4f!important}
html body #jj-launch-event .jjle-card .jjle-details-table{width:100%!important;border-collapse:collapse!important;table-layout:auto!important;text-align:left!important;margin:0 0 14px!important;color:#463524!important;font-size:12px!important;line-height:1.45!important}
html body #jj-launch-event .jjle-card .jjle-details-table th,
html body #jj-launch-event .jjle-card .jjle-details-table td{padding:6px 4px!important;border-bottom:1px solid #e3d5bf!important;vertical-align:middle!important;white-space:nowrap!important}
html body #jj-launch-event .jjle-card .jjle-details-table th:first-child{white-space:normal!important}
html body #jj-launch-event .jjle-card .jjle-details-table th:nth-child(2),
html body #jj-launch-event .jjle-card .jjle-details-table th:nth-child(3),
html body #jj-launch-event .jjle-card .jjle-details-table td{text-align:right!important}
html body #jj-launch-event .jjle-card .jjle-details-table thead th{font-size:11px!important;color:#8a6e45!important}
html body #jj-launch-event .jjle-card .jjle-details-table del{color:#a09484!important}
html body #jj-launch-event .jjle-card .jjle-details-table strong{color:#80541f!important;font-weight:800!important}
html body #jj-launch-event .jjle-card .jjle-action{width:100%!important;min-height:44px!important;margin:0!important}
@media(max-width:900px){
 html body #jj-launch-event:not([hidden]){flex-direction:column!important;justify-content:flex-start!important;gap:14px!important;padding:14px!important;overflow-y:auto!important}
 html body #jj-launch-event .jjle-card,
 html body #jj-launch-event .jj-benefit-dialog{width:min(100%,430px)!important;flex:0 0 auto!important;max-height:none!important;padding:20px 18px!important}
 html body #jj-launch-event .jjle-card .jjle-details-title{font-size:22px!important}
 html body #jj-launch-event .jjle-card .jjle-details-table{font-size:11px!important}
}

/* Force all four primary cards into explicit grid rows to neutralize old
   absolute positioning and flex-order overrides. */
html body section#products.product-zone div.products > article.product{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:auto auto auto minmax(12px,1fr) auto auto auto!important;
 flex-direction:initial!important;align-items:stretch!important;
 height:auto!important;min-height:245px!important;max-height:none!important;
 padding:18px 18px 16px!important;box-sizing:border-box!important;
 position:relative!important;overflow:hidden!important;
}
html body section#products.product-zone div.products > article.product > .tier{
 grid-row:1!important;grid-column:1!important;position:static!important;
 margin:0!important;justify-self:start!important;align-self:start!important;
}
html body section#products.product-zone div.products > article.product > h3{
 grid-row:2!important;grid-column:1!important;position:static!important;
 margin:7px 0 5px!important;align-self:start!important;
}
html body section#products.product-zone div.products > article.product > p{
 grid-row:3!important;grid-column:1!important;position:static!important;
 margin:0!important;padding:0!important;align-self:start!important;
 overflow-wrap:anywhere!important;
}
html body section#products.product-zone div.products > article.product > .price{
 grid-row:5!important;grid-column:1!important;
 position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
 transform:none!important;float:none!important;clear:both!important;
 width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;
 margin:0 0 5px!important;padding:0!important;
 text-align:left!important;line-height:1.2!important;
 white-space:normal!important;overflow-wrap:break-word!important;
 align-self:end!important;justify-self:stretch!important;
}
html body section#products.product-zone div.products > article.product > .price[data-jj-original]::before{
 content:attr(data-jj-original)!important;display:block!important;position:static!important;
 text-decoration:line-through!important;color:#998675!important;font-size:11px!important;
 margin:0 0 2px!important;line-height:1.2!important;
}
html body section#products.product-zone div.products > article.product > .price[data-jj-discount]::after{
 content:attr(data-jj-discount)!important;display:inline-block!important;position:static!important;
 margin:0 0 0 7px!important;padding:2px 5px!important;vertical-align:middle!important;
 font-size:10px!important;line-height:1.3!important;
 border:1px solid #d7bf97!important;border-radius:5px!important;
 color:#8a572b!important;background:#f3e8d5!important;
}
html body section#products.product-zone div.products > article.product > .product-benefit,
html body section#products.product-zone div.products > article.product > .full-benefit{
 grid-row:6!important;grid-column:1!important;
 position:static!important;inset:auto!important;transform:none!important;
 margin:0!important;padding:0!important;max-width:100%!important;
 text-align:left!important;line-height:1.35!important;
}
html body section#products.product-zone div.products > article.product > button.product-revisit-btn{
 grid-row:7!important;grid-column:1!important;
 position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
 transform:none!important;float:none!important;clear:both!important;
 margin:12px 0 0!important;padding:0 10px!important;
 height:auto!important;min-height:42px!important;max-height:none!important;
 width:100%!important;max-width:100%!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 align-self:end!important;justify-self:stretch!important;
 order:initial!important;z-index:2!important;
}
html body section#products.product-zone div.products > article.product > .stamp{
 position:absolute!important;top:13px!important;right:13px!important;bottom:auto!important;left:auto!important;
 pointer-events:none!important;opacity:.2!important;
}
/* 3 smaller paid cards had inherited absolute .price rules from the older page. */
html body section#products.product-zone .jj-extra-products{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:12px!important;margin-top:14px!important;
}
html body section#products.product-zone .jj-extra-products > a.jj-extra-product{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:auto auto minmax(38px,1fr) auto auto auto!important;
 align-items:stretch!important;gap:0!important;
 position:relative!important;min-width:0!important;height:auto!important;min-height:220px!important;
 padding:20px!important;overflow:hidden!important;box-sizing:border-box!important;
}
html body section#products.product-zone .jj-extra-products > a.jj-extra-product > .jj-extra-kicker{
 grid-row:1!important;position:static!important;margin:0!important;
}
html body section#products.product-zone .jj-extra-products > a.jj-extra-product > h3{
 grid-row:2!important;position:static!important;margin:7px 0!important;font-size:22px!important;
}
html body section#products.product-zone .jj-extra-products > a.jj-extra-product > p{
 grid-row:3!important;position:static!important;margin:0!important;padding:0!important;
 font-size:12px!important;line-height:1.5!important;
}
html body section#products.product-zone .jj-extra-products > a.jj-extra-product > strong.price{
 grid-row:4!important;position:static!important;
 top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
 transform:none!important;margin:5px 0 3px!important;padding:0!important;
 width:100%!important;height:auto!important;line-height:1.25!important;
 display:block!important;text-align:left!important;font-size:26px!important;
 white-space:normal!important;overflow-wrap:break-word!important;
}
html body section#products.product-zone .jj-extra-products > a.jj-extra-product > strong.price[data-jj-original]::before{
 content:attr(data-jj-original)!important;display:block!important;position:static!important;
 color:#998675!important;text-decoration:line-through!important;font-size:11px!important;
 margin-bottom:2px!important;line-height:1.2!important;
}
html body section#products.product-zone .jj-extra-products > a.jj-extra-product > strong.price[data-jj-discount]::after{
 content:attr(data-jj-discount)!important;display:inline-block!important;position:static!important;
 font-size:10px!important;font-weight:750!important;margin-left:6px!important;
 padding:2px 5px!important;border:1px solid #d7bf97!important;border-radius:5px!important;
 color:#8a572b!important;background:#f3e8d5!important;vertical-align:middle!important;
}
html body section#products.product-zone .jj-extra-products > a.jj-extra-product > .jj-extra-note{
 grid-row:5!important;position:static!important;inset:auto!important;
 margin:5px 0 0!important;font-size:12px!important;line-height:1.35!important;
}
html body section#products.product-zone .jj-extra-products > a.jj-extra-product > .jj-extra-cta{
 grid-row:6!important;position:static!important;inset:auto!important;
 margin:12px 0 0!important;font-size:13px!important;line-height:1.35!important;
}
@media(max-width:720px){
 html body section#products.product-zone div.products > article.product{
  padding:14px!important;min-height:0!important;
  grid-template-rows:auto auto auto minmax(8px,1fr) auto auto auto!important;
 }
 html body section#products.product-zone .jj-extra-products{
  grid-template-columns:minmax(0,1fr)!important;
 }
 html body section#products.product-zone .jj-extra-products > a.jj-extra-product{
  min-height:0!important;padding:17px!important;
 }
}