/* 456 SELECT v3.4 — luxury product cards + compliant disclosure + category view */
:root{--lux-gold:#c9962e;--lux-gold2:#f2d27f;--lux-black:#11100d;--lux-cream:#fffaf1;--lux-line:#e8c983;--lux-text:#211a12}
.affiliate-disclosure-top{max-width:1540px;margin:22px auto 4px;padding:14px 22px;border:1px solid #d8ad55;border-radius:999px;background:linear-gradient(180deg,#fffdf8,#f9ead0);box-shadow:0 8px 24px rgba(91,57,12,.08);display:flex;gap:14px;align-items:center;justify-content:center;color:#6b4214;font-size:14px;line-height:1.5}
.affiliate-disclosure-top .ad-label{flex:0 0 auto;background:linear-gradient(180deg,#201a12,#050505);color:#f3ca67;border:1px solid #d3a74c;border-radius:999px;padding:6px 12px;font-weight:900;letter-spacing:.05em}
.luxury-products{background:radial-gradient(circle at 50% 0,#fff 0,#fffaf2 48%,#f7efe2 100%);border-top:1px solid rgba(212,170,79,.28);border-bottom:1px solid rgba(212,170,79,.28)}
.luxury-products .section-head h2{font-family:Georgia,'Times New Roman',serif;font-size:42px;letter-spacing:.02em;color:#1b1712}
.luxury-products.category-mode .section-head h2{font-family:inherit;font-weight:900}
.luxury-products .section-head .sub{color:#7e6d58}
.luxury-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;align-items:stretch}
.luxury-grid.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:22px!important}
.luxury-card{position:relative!important;overflow:hidden!important;border:1px solid var(--lux-line)!important;border-radius:16px!important;background:linear-gradient(180deg,#fffefa,#fff9ee)!important;box-shadow:0 12px 28px rgba(87,57,13,.12),inset 0 0 0 1px rgba(255,255,255,.9)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.luxury-card:hover{transform:translateY(-3px);box-shadow:0 17px 36px rgba(83,52,8,.18)!important}
.luxury-card:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(240,204,118,.45)}
.luxury-card .badge{z-index:4!important;top:12px!important;left:12px!important;border-radius:999px!important;padding:7px 11px!important;background:#0e0d0b!important;color:#f2cb67!important;border:1px solid #c79228!important;box-shadow:0 5px 12px rgba(0,0,0,.18)!important;font-size:10px!important;letter-spacing:.03em!important}
.luxury-card .pic,.luxury-card .coupang-best-pic{height:285px!important;min-height:285px!important;background:linear-gradient(180deg,#fff,#fffaf0)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:10px!important;overflow:hidden!important;border-bottom:1px solid #ecdcb9!important}
.luxury-card .pic>img,.luxury-card .coupang-full-img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;background:#fff!important}
.luxury-card .coupang-best-pic iframe{width:120px!important;height:240px!important;max-width:100%!important;border:0!important;background:#fff!important;transform:none!important}
.luxury-card .cardbody{padding:16px 16px 17px!important;display:flex!important;flex-direction:column!important;min-height:205px!important}
.luxury-card .title{font-size:17px!important;line-height:1.35!important;font-weight:900!important;color:#1d1812!important;min-height:46px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.luxury-card .subtitle,.luxury-card .partner-line{margin-top:7px!important;color:#8a7560!important;font-size:12px!important;min-height:18px!important}
.luxury-card .prices{margin-top:auto!important;padding-top:12px!important}
.luxury-card .price{font-size:20px!important;font-weight:900!important;color:#19140d!important}.luxury-card .orig{color:#ae9c85!important}
.card-ad-note{font-size:10px;color:#986717;margin:9px 0 5px;font-weight:800;letter-spacing:.02em}
.luxury-outbtn,.luxury-card .outbtn{margin-top:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;border-radius:11px!important;background:linear-gradient(180deg,#1b1813,#050505)!important;color:#f8d77d!important;border:1px solid #d3a449!important;box-shadow:inset 0 0 0 1px rgba(255,220,135,.18),0 5px 12px rgba(50,32,6,.13)!important;font-weight:900!important;font-size:15px!important;text-decoration:none!important}
.luxury-card .outbtn:hover{background:linear-gradient(180deg,#2a241a,#090807)!important;color:#ffe39a!important}
.coupang-link-placeholder{height:100%!important;display:flex!important;flex-direction:column!important;gap:10px!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 50% 30%,#c59a42 0,#6b4a18 42%,#17110a 100%)!important;color:#fff!important}.coupang-link-placeholder span{font-size:11px;color:#f5d47d;border:1px solid #c99b35;border-radius:999px;padding:6px 10px}.coupang-link-placeholder b{font-size:26px}.coupang-link-placeholder small{color:#e6cf9a}
.coupang-section{background:#fffaf2;border-top:1px solid #ead7ae}.coupang-section .section-head h2{font-family:Georgia,'Times New Roman',serif}.coupang-disclosure{margin-top:16px!important;padding:12px 16px!important;border:1px solid #d8ad55!important;border-radius:10px!important;background:#fff4dc!important;color:#744910!important;text-align:left!important;font-size:12px!important;line-height:1.55!important}
.nav .navin a.on{color:#f0c86b!important;border-bottom:2px solid #e1ad3f}.category-wrap .cat:hover .circle{box-shadow:0 0 0 2px #d6aa4c,0 10px 20px rgba(116,75,13,.15)}
@media(max-width:1300px){.luxury-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.luxury-grid.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.affiliate-disclosure-top{margin:14px 14px 2px;border-radius:16px;align-items:flex-start}.luxury-grid,.luxury-grid.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.luxury-card .pic,.luxury-card .coupang-best-pic{height:245px!important;min-height:245px!important}}
@media(max-width:560px){.luxury-grid,.luxury-grid.category-grid{grid-template-columns:1fr!important}.luxury-products .section-head h2{font-size:32px}.luxury-card .pic,.luxury-card .coupang-best-pic{height:300px!important;min-height:300px!important}}


/* ===== 456 SELECT v3.5 lightweight responsive hero slider ===== */
.hero-slider{
  position:relative;
  width:100%;
  max-width:none;
  margin:0 auto;
  overflow:hidden;
  background:#090704;
  border-top:1px solid rgba(218,177,85,.38);
  border-bottom:1px solid rgba(218,177,85,.38);
}
.hero-slides{
  position:relative;
  width:100%;
  aspect-ratio:1942/809;
}
.hero-slide{
  position:absolute;
  inset:0;
  display:block;
  opacity:0;
  visibility:hidden;
  transition:opacity .85s ease,visibility .85s ease;
  pointer-events:none;
  background:#090704;
}
.hero-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  z-index:2;
}
.hero-slide img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center;
  background:#090704;
}
.hero-arrow{
  position:absolute;
  top:50%;
  z-index:5;
  width:46px;
  height:64px;
  margin-top:-32px;
  border:1px solid rgba(236,196,103,.55);
  border-radius:10px;
  background:rgba(8,7,5,.44);
  color:#f7d87f;
  font-size:40px;
  line-height:1;
  cursor:pointer;
  opacity:.25;
  transition:opacity .2s ease,background .2s ease;
}
.hero-slider:hover .hero-arrow,.hero-arrow:focus{opacity:.9}
.hero-prev{left:18px}.hero-next{right:18px}
.hero-dots{
  position:absolute;
  left:50%;
  bottom:14px;
  z-index:6;
  transform:translateX(-50%);
  display:flex;
  gap:9px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(0,0,0,.28);
}
.hero-dots button{
  width:9px;
  height:9px;
  border:1px solid rgba(255,226,151,.95);
  border-radius:50%;
  padding:0;
  background:transparent;
  cursor:pointer;
}
.hero-dots button.is-active{
  width:26px;
  border-radius:999px;
  background:#f1c65e;
}

/* Coupang affiliation marker moved out of product artwork. */
.coupang-best-card .partner-chip{
  align-self:flex-start;
  display:inline-flex;
  align-items:center;
  margin:0 0 9px;
  padding:4px 9px;
  border:1px solid #d1a546;
  border-radius:999px;
  background:#17130e;
  color:#f0c96b;
  font-size:10px;
  font-weight:900;
  line-height:1.2;
  letter-spacing:.02em;
}
.coupang-best-card>.badge{display:none!important}
.coupang-best-card .coupang-best-pic{
  padding:10px!important;
}
.coupang-best-card .coupang-best-pic .coupang-full-img{
  object-position:center!important;
}

/* Keep artwork proportional at every browser zoom/viewport width. */
@media(max-width:900px){
  .hero-arrow{width:38px;height:52px;margin-top:-26px;font-size:32px}
  .hero-prev{left:8px}.hero-next{right:8px}
  .hero-dots{bottom:7px}
}
@media(max-width:560px){
  .hero-arrow{display:none}
  .hero-dots button{width:7px;height:7px}
  .hero-dots button.is-active{width:20px}
}
@media(prefers-reduced-motion:reduce){
  .hero-slide{transition:none!important}
}


/* ===== 456 SELECT v3.6 =====
   1) Hero behaves like a centered shopping portal banner.
      At browser zoom-out / wide screens it stops growing at 1500px,
      so the whole banner becomes visually smaller with side margins.
   2) Coupang affiliate banner images fill the card image area.
      The original portrait ad is cropped to focus on the product;
      the duplicated title area inside the Coupang banner is intentionally cropped.
*/

/* Portal-style responsive hero: full-width on ordinary screens, centered max-width on wide/zoomed-out screens */
.hero-slider{
  width:calc(100% - 32px)!important;
  max-width:1500px!important;
  margin:14px auto 0!important;
  border:1px solid rgba(218,177,85,.48)!important;
  border-radius:0!important;
  box-sizing:border-box!important;
}
.hero-slides{
  width:100%!important;
  aspect-ratio:1942/809!important;
  min-height:0!important;
}
.hero-slide,
.hero-slide img{
  width:100%!important;
  height:100%!important;
}
.hero-slide img{
  object-fit:contain!important;
  object-position:center center!important;
}

/* Product artwork must use the full card width. */
.coupang-best-card .coupang-best-pic{
  padding:0!important;
  position:relative!important;
  overflow:hidden!important;
  background:#fff!important;
}
.coupang-best-card .coupang-best-pic > a{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#fff!important;
}

/* Coupang blog-tag images are normally tall 120x240 ad creatives.
   'cover + top' makes the actual product much larger and removes the empty side band.
   The site's own title below the image remains visible, so duplicated banner text may be cropped. */
.coupang-best-card .coupang-best-pic > a > img.coupang-full-img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center top!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
}

/* iframe creatives cannot be reflowed internally, but enlarge them visually inside the clipped image frame. */
.coupang-best-card .coupang-best-pic iframe{
  position:absolute!important;
  left:50%!important;
  top:47%!important;
  width:120px!important;
  height:240px!important;
  max-width:none!important;
  transform:translate(-50%,-50%) scale(1.38)!important;
  transform-origin:center center!important;
  border:0!important;
}

/* Keep card product area generous and consistent. */
@media(min-width:901px){
  .luxury-card .pic,
  .luxury-card .coupang-best-pic{
    height:330px!important;
    min-height:330px!important;
  }
}

/* On very wide displays / browser zoom-out, retain readable centered content instead of stretching edge-to-edge. */
@media(min-width:1600px){
  .hero-slider{max-width:1500px!important}
  .category-wrap,
  .affiliate-disclosure-top,
  .luxury-products,
  .banner-grid,
  .coupang-section{
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
}

/* Tablet/mobile: almost edge-to-edge, still preserving entire hero artwork. */
@media(max-width:900px){
  .hero-slider{
    width:calc(100% - 16px)!important;
    margin-top:8px!important;
  }
  .coupang-best-card .coupang-best-pic > a > img.coupang-full-img{
    object-position:center top!important;
  }
}
@media(max-width:560px){
  .hero-slider{width:100%!important;margin-top:0!important;border-left:0!important;border-right:0!important}
}


/* ===== 456 SELECT v3.7 =====
   Hero: remove empty white side zones by placing the centered slider on a full-width luxury stage.
   Product creative: preserve the entire Coupang creative/logo while visually filling the card
   with a blurred duplicate behind it. */

/* Full-width hero background band */
.hero-stage{
  width:100%;
  margin:0;
  padding:18px 0 22px;
  box-sizing:border-box;
  overflow:hidden;
  background:
    radial-gradient(circle at 15% 45%, rgba(207,153,48,.19), transparent 26%),
    radial-gradient(circle at 88% 35%, rgba(207,153,48,.14), transparent 28%),
    linear-gradient(90deg,#080604 0%,#171006 18%,#0b0805 50%,#171006 82%,#080604 100%);
  border-top:1px solid rgba(215,171,77,.38);
  border-bottom:1px solid rgba(215,171,77,.38);
}
.hero-stage .hero-slider{
  width:calc(100% - 32px)!important;
  max-width:1500px!important;
  margin:0 auto!important;
  background:#090704!important;
  box-shadow:0 18px 48px rgba(0,0,0,.34);
}
/* do not add a second outer margin */
.hero-slider{margin-top:0!important}

/* When the browser is zoomed out on a large display, keep banner centered
   while the surrounding band remains dark instead of white. */
@media(min-width:1600px){
  .hero-stage{padding-left:0!important;padding-right:0!important}
}

/* Full creative preserved, but empty side space is replaced by a soft filled backdrop. */
.coupang-best-card .coupang-best-pic{
  position:relative!important;
  isolation:isolate;
  padding:0!important;
  background:#f7f3ea!important;
}
.coupang-best-card .coupang-visual{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  overflow:hidden!important;
  background:#f7f3ea!important;
}
.coupang-best-card .coupang-backdrop{
  position:absolute!important;
  z-index:0!important;
  left:-8%!important;
  top:-8%!important;
  width:116%!important;
  height:116%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:blur(16px) saturate(.92) brightness(1.08)!important;
  opacity:.22!important;
  transform:scale(1.08)!important;
}
.coupang-best-card .coupang-visual .coupang-full-img{
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:0!important;
  padding:4px!important;
  box-sizing:border-box!important;
  background:transparent!important;
}
/* Neutral frame around the creative makes logo/product centered, not right-shifted. */
.coupang-best-card .coupang-best-pic::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(194,145,41,.13);
}

/* Slightly taller product visual on desktop */
@media(min-width:901px){
  .luxury-card .pic,
  .luxury-card .coupang-best-pic{
    height:350px!important;
    min-height:350px!important;
  }
}
@media(max-width:900px){
  .hero-stage{padding:8px 0 10px}
  .hero-stage .hero-slider{width:calc(100% - 16px)!important}
}
@media(max-width:560px){
  .hero-stage{padding:0}
  .hero-stage .hero-slider{width:100%!important}
}


/* ===== 456 SELECT v3.8 =====
   - 전체 페이지 배경: 승인된 456 SELECT 이미지를 사용한 따뜻한 럭셔리 배경
   - BEST SELLERS 쿠팡 이미지: 원본 광고 전체(로고/상품/쇼핑하기)를 중앙에 온전히 표시
   - 빈 공간은 같은 이미지의 약한 블러 배경으로만 채워 카드가 허전하지 않게 처리
*/

/* Full page visual background like the user's music.net / tile.com examples */
html{
  background:#2b1c0e;
}
body{
  background:
    linear-gradient(rgba(34,21,9,.28),rgba(34,21,9,.28)),
    url('./../img/page_bg_luxury.webp') center top / cover fixed no-repeat !important;
  min-height:100vh;
}

/* Main content remains readable and warm rather than black */
.top,.nav{
  background:rgba(8,7,5,.94)!important;
  backdrop-filter:blur(6px);
}
.hero-stage{
  background:linear-gradient(90deg,rgba(39,24,9,.74),rgba(15,11,6,.48),rgba(39,24,9,.74))!important;
}
.category-wrap,
.affiliate-disclosure-top,
.luxury-products,
.banner-grid,
.coupang-section,
.special-title,
.promo,
.notice,
footer{
  position:relative;
  z-index:1;
}
.category-wrap,
.luxury-products,
.coupang-section,
.special-title,
.promo{
  background:rgba(255,250,241,.95)!important;
  backdrop-filter:blur(3px);
}
.affiliate-disclosure-top{
  background:rgba(255,246,223,.96)!important;
}
.notice,footer{
  background:rgba(13,10,7,.94)!important;
}

/* Coupang BEST SELLERS visual: do NOT crop or zoom the supplied creative */
.coupang-best-card .coupang-best-pic{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  background:#f7f1e5!important;
  isolation:isolate;
}
.coupang-best-card .coupang-visual{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
  background:#f7f1e5!important;
}

/* Very soft filler only. It must never dominate the actual product creative. */
.coupang-best-card .coupang-backdrop{
  position:absolute!important;
  z-index:0!important;
  inset:-10%!important;
  width:120%!important;
  height:120%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:blur(20px) saturate(.65) brightness(1.18)!important;
  opacity:.18!important;
  transform:none!important;
}

/* Entire Coupang creative stays visible and centered, matching the admin preview */
.coupang-best-card .coupang-full-img{
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:50%!important;
  width:auto!important;
  height:calc(100% - 14px)!important;
  max-width:calc(100% - 14px)!important;
  max-height:calc(100% - 14px)!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  padding:0!important;
  background:#fff!important;
  box-shadow:0 3px 14px rgba(0,0,0,.08)!important;
}

/* iframe creative: centered and scaled proportionally, never shifted to the right */
.coupang-best-card .coupang-best-pic iframe{
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  top:50%!important;
  width:120px!important;
  height:240px!important;
  transform:translate(-50%,-50%) scale(1.18)!important;
  transform-origin:center center!important;
  border:0!important;
}

/* Give the ad enough vertical room without over-enlarging it */
@media(min-width:901px){
  .luxury-card .pic,
  .luxury-card .coupang-best-pic{
    height:320px!important;
    min-height:320px!important;
  }
}

/* Keep centered content and expose the page background at both sides on wide screens */
@media(min-width:1600px){
  .category-wrap,
  .affiliate-disclosure-top,
  .luxury-products,
  .banner-grid,
  .coupang-section,
  .special-title,
  .promo,
  .notice,
  footer{
    max-width:1500px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* Mobile: no fixed background jank */
@media(max-width:900px){
  body{
    background-attachment:scroll!important;
    background-position:center top!important;
  }
}

/* ===== 456 SELECT v3.9 public-page visual fix =====
   관리자 화면에는 적용하지 않음. main.php 공개 쇼핑몰 전용 보정.
*/
body{
  background:
    linear-gradient(90deg,rgba(20,12,5,.28) 0%,rgba(20,12,5,.08) 25%,rgba(20,12,5,.08) 75%,rgba(20,12,5,.28) 100%),
    url('./../img/page_bg_luxury_v39.webp') center top / cover fixed no-repeat !important;
}
.hero-stage{
  background:linear-gradient(90deg,rgba(18,11,5,.48),rgba(66,41,14,.20),rgba(18,11,5,.48))!important;
}
/* 밝은 본문은 배경이 은은하게 비치도록 하되 글자는 선명하게 유지 */
.category-wrap,
.luxury-products,
.coupang-section,
.special-title,
.promo{
  background:rgba(255,251,244,.94)!important;
}
.affiliate-disclosure-top{background:rgba(255,247,226,.95)!important}

/* 일반 등록 상품: 어떤 투명/블러 레이어도 이미지 위를 덮지 않게 하고 전체 상품 표시 */
.luxury-card .pic{position:relative!important;background:#fff!important;padding:0!important}
.luxury-card .pic>img{
  position:relative!important;
  z-index:5!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  display:block!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  background:#fff!important;
}

/* 쿠팡 상품 이미지: 기존의 흐린 복제 이미지가 실제 상품을 가리는 현상 제거 */
.coupang-best-card .coupang-backdrop{display:none!important;opacity:0!important;visibility:hidden!important}
.coupang-best-card .coupang-best-pic,
.coupang-best-card .coupang-visual{
  background:#fff!important;
}
.coupang-best-card .coupang-full-img{
  position:absolute!important;
  z-index:5!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  transform:none!important;
  padding:0!important;
  margin:0!important;
  opacity:1!important;
  filter:none!important;
  background:#fff!important;
  box-shadow:none!important;
}
.coupang-best-card .coupang-best-pic::after{z-index:7!important;box-shadow:inset 0 0 0 1px rgba(194,145,41,.18)!important}

/* iframe형 쿠팡 광고도 가운데에 온전히 보이게 함 */
.coupang-best-card .coupang-best-pic iframe{
  z-index:5!important;
  left:50%!important;
  top:50%!important;
  width:120px!important;
  height:240px!important;
  transform:translate(-50%,-50%) scale(1.24)!important;
  transform-origin:center center!important;
  opacity:1!important;
  filter:none!important;
}

@media(max-width:900px){
  body{background-attachment:scroll!important;background-position:center top!important}
}

/* ===== 456 SELECT v4.0 public page =====
   - 공개 main.php 전용: 관리자 CSS/화면에는 영향 없음
   - 배경과 본문 사이에 은은한 금색 프레임 + 음영을 넣어 자연스럽게 접합
   - BEST SELLERS 카드의 Coupang iframe/이미지를 중앙에 온전히 표시하여 우측 잘림 방지
*/

/* 전체 배경은 기존 럭셔리 이미지를 유지하면서 중앙 본문 쪽에 따뜻한 금빛을 추가 */
html{background:#211407!important}
body{
  background:
    radial-gradient(ellipse at 50% 12%,rgba(255,211,115,.16) 0,rgba(105,65,19,.07) 34%,rgba(14,9,4,.22) 72%),
    linear-gradient(90deg,rgba(15,9,4,.44) 0%,rgba(104,62,16,.08) 18%,rgba(255,224,157,.04) 50%,rgba(104,62,16,.08) 82%,rgba(15,9,4,.44) 100%),
    url('./../img/page_bg_luxury_v39.webp') center top / cover fixed no-repeat!important;
}

/* 상단 메인 배너와 카테고리 영역을 하나의 고급 프레임처럼 보이게 */
.hero-stage{
  padding:18px 0 24px!important;
  background:linear-gradient(90deg,rgba(24,14,5,.34),rgba(117,72,20,.08),rgba(24,14,5,.34))!important;
}
.hero-stage .hero-slider{
  border:1px solid rgba(230,184,78,.82)!important;
  border-radius:15px 15px 0 0!important;
  box-shadow:
    0 0 0 1px rgba(255,235,176,.20),
    0 14px 34px rgba(20,11,3,.34),
    0 0 24px rgba(213,158,48,.12)!important;
}
.category-wrap{
  border-left:1px solid rgba(224,176,70,.58)!important;
  border-right:1px solid rgba(224,176,70,.58)!important;
  border-bottom:1px solid rgba(224,176,70,.72)!important;
  box-shadow:0 16px 30px rgba(29,17,5,.14),inset 0 0 22px rgba(214,166,65,.05)!important;
}

/* 광고 고지: 금색 테두리 + 부드러운 음영 */
.affiliate-disclosure-top{
  border:1px solid rgba(214,164,59,.84)!important;
  box-shadow:0 10px 25px rgba(40,23,6,.16),inset 0 0 18px rgba(255,225,151,.22)!important;
}

/* BEST SELLERS 전체 패널: 배경과 자연스럽게 이어지는 금색 사각 프레임 */
.luxury-products{
  border:1px solid rgba(212,161,54,.86)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,rgba(255,252,246,.975),rgba(255,247,232,.965))!important;
  box-shadow:
    0 18px 42px rgba(24,14,4,.25),
    0 0 0 1px rgba(255,237,190,.30),
    inset 0 0 34px rgba(215,167,67,.06)!important;
  overflow:hidden;
}
.luxury-products .section-head{
  margin:-1px -1px 18px!important;
  padding:22px 24px 18px!important;
  background:linear-gradient(100deg,#25170a 0%,#513316 42%,#2b1b0b 100%)!important;
  border-bottom:1px solid rgba(235,190,89,.74)!important;
  box-shadow:inset 0 -1px 0 rgba(255,236,181,.12)!important;
}
.luxury-products .section-head h2{color:#f2cd72!important;text-shadow:0 2px 10px rgba(0,0,0,.28)}
.luxury-products .section-head .sub{color:#efe1c5!important}

/* 상품 카드 자체도 너무 진하지 않은 금색 라인과 얕은 음영 */
.luxury-card{
  border:1px solid rgba(214,169,74,.78)!important;
  box-shadow:
    0 9px 20px rgba(72,44,10,.11),
    0 0 0 1px rgba(255,247,219,.72),
    inset 0 0 18px rgba(214,167,67,.035)!important;
}
.luxury-card:hover{
  box-shadow:0 15px 31px rgba(63,39,8,.18),0 0 0 1px rgba(234,193,102,.55)!important;
}

/* 일반 등록 상품 이미지도 좌/우 어느 쪽도 잘리지 않도록 항상 contain */
.luxury-card .pic{
  padding:10px!important;
  background:linear-gradient(180deg,#fff,#fffdf8)!important;
}
.luxury-card .pic>img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
}

/* 쿠팡 BEST SELLERS: 블러/복제 레이어를 완전히 제거하고 실제 광고만 표시 */
.coupang-best-card .coupang-best-pic{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  padding:12px!important;
  box-sizing:border-box!important;
  background:linear-gradient(180deg,#fff,#fffdf9)!important;
}
.coupang-best-card .coupang-visual{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  background:transparent!important;
}
.coupang-best-card .coupang-backdrop{display:none!important}
.coupang-best-card .coupang-full-img{
  position:static!important;
  left:auto!important;
  top:auto!important;
  transform:none!important;
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
  margin:auto!important;
  padding:0!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(61,43,15,.07)!important;
}

/* iframe 광고는 원본 120x240 비율을 유지하여 Coupang 로고의 우측 끝까지 보이게 함.
   확대 transform을 제거하는 것이 핵심. */
.coupang-best-card .coupang-best-pic iframe{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:120px!important;
  height:240px!important;
  min-width:120px!important;
  max-width:120px!important;
  transform:none!important;
  transform-origin:center center!important;
  margin:auto!important;
  border:1px solid #e7dfd1!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(61,43,15,.08)!important;
  flex:0 0 120px!important;
}
.coupang-best-card .coupang-best-pic::after{
  inset:8px!important;
  border-radius:8px!important;
  box-shadow:inset 0 0 0 1px rgba(205,155,49,.10)!important;
  pointer-events:none!important;
}

/* 카드 이미지 영역은 광고 원본을 여유 있게 담도록 높이 확보 */
@media(min-width:901px){
  .luxury-card .pic,.luxury-card .coupang-best-pic{
    height:340px!important;
    min-height:340px!important;
  }
}

/* 와이드 화면에서는 본문 양옆에 배경이 보이면서 금색 프레임이 또렷하게 */
@media(min-width:1600px){
  .hero-stage .hero-slider,
  .category-wrap,
  .affiliate-disclosure-top,
  .luxury-products,
  .banner-grid,
  .coupang-section{
    max-width:1500px!important;
  }
}

@media(max-width:900px){
  body{background-attachment:scroll!important}
  .luxury-products{border-radius:14px!important}
  .luxury-products .section-head{padding:18px 18px 15px!important}
  .coupang-best-card .coupang-best-pic{overflow:visible!important;padding:8px!important}
}

/* ===== 456 SELECT v4.1 public page - native Coupang creative fix =====
   관리자 미리보기와 동일한 120x240 원본 소스를 그대로 렌더링한다.
   이전 버전의 cover/blur/scale 규칙이 광고 원본에 개입하지 않도록 중첩 wrapper로 격리한다.
*/

/* 본문 프레임을 실제로 눈에 띄게: 은은한 금선 + 외곽 음영 */
.hero-stage .hero-slider,
.category-wrap,
.affiliate-disclosure-top,
.luxury-products{
  border-color:rgba(223,174,62,.95)!important;
  box-shadow:
    0 0 0 1px rgba(255,236,174,.34),
    0 14px 36px rgba(39,22,4,.28),
    0 0 26px rgba(213,157,42,.18)!important;
}
.luxury-products{
  border:2px solid rgba(217,165,53,.92)!important;
  background:linear-gradient(180deg,rgba(255,253,248,.985),rgba(255,247,231,.975))!important;
}
.luxury-products .section-head{
  border-bottom:1px solid rgba(242,199,96,.90)!important;
  background:linear-gradient(100deg,#1b1007 0%,#523216 48%,#1c1108 100%)!important;
}
.luxury-card{
  border:1px solid rgba(221,176,79,.88)!important;
  box-shadow:0 8px 22px rgba(73,45,9,.13),0 0 0 1px rgba(255,248,226,.78)!important;
}

/* Coupang BEST SELLERS 원본 광고 영역 */
.coupang-best-card .coupang-best-pic{
  height:292px!important;
  min-height:292px!important;
  padding:14px 10px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(180deg,#fff 0%,#fffdf8 100%)!important;
}
.coupang-best-card .coupang-best-pic::after{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border:1px solid rgba(203,153,45,.18)!important;
  border-radius:10px!important;
  box-shadow:inset 0 0 18px rgba(214,164,58,.035)!important;
  pointer-events:none!important;
}
.coupang-native-ad{
  position:relative!important;
  z-index:3!important;
  width:146px!important;
  height:260px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  margin:auto!important;
  background:#fff!important;
}
/* iframe: 관리자 미리보기와 같은 원본 크기. 확대/좌우이동 금지 */
.coupang-best-card .coupang-native-ad iframe{
  position:static!important;
  left:auto!important;
  top:auto!important;
  display:block!important;
  width:120px!important;
  min-width:120px!important;
  max-width:120px!important;
  height:240px!important;
  min-height:240px!important;
  max-height:240px!important;
  margin:0 auto!important;
  border:0!important;
  padding:0!important;
  transform:none!important;
  transform-origin:center!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(43,28,8,.07)!important;
}
/* blog 태그: 원본 120x240 이미지 전체를 그대로 표시. 기존 .pic>img 규칙을 우회 */
.coupang-best-card .coupang-native-ad > a{
  display:block!important;
  position:static!important;
  width:120px!important;
  height:240px!important;
  margin:0 auto!important;
  overflow:visible!important;
  background:#fff!important;
}
.coupang-best-card .coupang-native-ad > a > img{
  display:block!important;
  position:static!important;
  width:120px!important;
  min-width:120px!important;
  max-width:120px!important;
  height:240px!important;
  min-height:240px!important;
  max-height:240px!important;
  margin:0!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  opacity:1!important;
  background:#fff!important;
  box-shadow:0 2px 8px rgba(43,28,8,.07)!important;
}

/* 이전 버전의 보조 이미지 레이어가 혹시 남아도 표시하지 않음 */
.coupang-best-card .coupang-backdrop,
.coupang-best-card .coupang-visual{ }

@media(min-width:901px){
  .luxury-card .pic{height:300px!important;min-height:300px!important}
  .luxury-card .coupang-best-pic{height:292px!important;min-height:292px!important}
}
@media(max-width:900px){
  .coupang-best-card .coupang-best-pic{height:276px!important;min-height:276px!important;padding:8px!important}
  .coupang-native-ad{width:138px!important;height:252px!important}
}

/* =====================================================================
   456 SELECT v4.4 - FINAL VISUAL MATCH
   목표: 시안처럼 금빛 프레임 / 히어로 라이트·별 / BEST 상품 크게·정렬
   관리자 CSS/페이지에는 영향 없음. main.php body.public-v44 범위만 사용.
   ===================================================================== */

.public-v44{
  --v44-gold:#e9b943;
  --v44-gold2:#ffd978;
  --v44-brown:#2a1607;
  --v44-cream:#fffaf0;
}

/* 중앙 컨텐츠 폭과 배경 접합 */
.public-v44 .hero-stage,
.public-v44 .banner-grid,
.public-v44 .coupang-section,
.public-v44 .special,
.public-v44 .notice,
.public-v44 .footer .footin{
  max-width:1540px;
}
.public-v44 .hero-stage{padding-top:18px!important}

/* ===== 히어로: 두꺼운 금색 프레임 + 움직이는 조명 ===== */
.public-v44 .hero-slider{
  position:relative!important;
  overflow:hidden!important;
  border:3px solid rgba(239,187,66,.96)!important;
  border-radius:20px 20px 0 0!important;
  box-shadow:
    0 0 0 1px rgba(255,241,187,.78),
    0 0 0 5px rgba(115,66,8,.22),
    0 0 34px rgba(255,191,48,.44),
    0 20px 46px rgba(20,10,2,.35)!important;
}
.public-v44 .hero-slider:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  border-radius:17px 17px 0 0;
  box-shadow:inset 0 0 0 1px rgba(255,233,159,.72), inset 0 0 30px rgba(255,193,58,.11);
}
.public-v44 .hero-light-sweep{
  position:absolute;
  z-index:3;
  inset:-25%;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 45%,rgba(255,245,197,.42) 0 1.2%,rgba(255,199,68,.16) 4%,transparent 18%),
    linear-gradient(112deg,transparent 35%,rgba(255,239,180,.0) 43%,rgba(255,238,178,.42) 49%,rgba(255,210,94,.12) 54%,transparent 62%);
  mix-blend-mode:screen;
  animation:v44Sweep 7.2s ease-in-out infinite;
  opacity:.78;
}
@keyframes v44Sweep{
  0%{transform:translateX(-34%) rotate(-1deg);opacity:.34}
  42%{opacity:.92}
  70%{transform:translateX(28%) rotate(1deg);opacity:.65}
  100%{transform:translateX(42%) rotate(1deg);opacity:.28}
}
.public-v44 .hero-sparkles{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden}
.public-v44 .hero-sparkles i{
  position:absolute;left:var(--x);top:var(--y);width:18px;height:18px;
  transform:translate(-50%,-50%) scale(var(--s));
  animation:v44Twinkle 2.7s var(--d) ease-in-out infinite;
  filter:drop-shadow(0 0 8px #ffd86f) drop-shadow(0 0 16px rgba(255,193,55,.78));
}
.public-v44 .hero-sparkles i:before,.public-v44 .hero-sparkles i:after{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px;
  background:linear-gradient(90deg,transparent,#fff5c8 35%,#ffd064 50%,#fff5c8 65%,transparent);
}
.public-v44 .hero-sparkles i:before{width:20px;height:2px}
.public-v44 .hero-sparkles i:after{width:2px;height:20px}
@keyframes v44Twinkle{0%,100%{opacity:.12;transform:translate(-50%,-50%) scale(.35) rotate(0)}45%{opacity:1;transform:translate(-50%,-50%) scale(calc(var(--s) * 1.38)) rotate(25deg)}65%{opacity:.55}}

/* 카테고리 / 광고띠 금색 프레임 강화 */
.public-v44 .category-wrap{
  border:3px solid rgba(226,174,56,.95)!important;border-top:0!important;
  box-shadow:0 0 0 1px rgba(255,240,190,.72),0 15px 35px rgba(31,17,3,.24),0 0 22px rgba(239,177,39,.22)!important;
  border-radius:0 0 20px 20px!important;
}
.public-v44 .affiliate-disclosure-top{
  border:2px solid rgba(225,173,57,.92)!important;
  box-shadow:0 0 0 1px rgba(255,240,192,.58),0 10px 28px rgba(62,35,5,.16),0 0 20px rgba(229,170,46,.18)!important;
}

/* ===== BEST SELLERS 큰 프레임 ===== */
.public-v44 .luxury-products{
  position:relative!important;
  border:4px solid var(--v44-gold)!important;
  border-radius:20px!important;
  padding:14px!important;
  background:linear-gradient(180deg,#fffaf0 0%,#fff7e8 100%)!important;
  box-shadow:
    0 0 0 2px rgba(255,240,182,.92),
    0 0 0 7px rgba(87,48,5,.20),
    0 0 35px rgba(255,187,40,.45),
    0 24px 48px rgba(31,15,2,.32)!important;
  overflow:visible!important;
}
.public-v44 .luxury-products:before{
  content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(182,116,16,.55);border-radius:12px;
  box-shadow:inset 0 0 28px rgba(233,174,48,.08);
}
.public-v44 .luxury-products .section-head{
  position:relative!important;
  z-index:2!important;
  margin:0 0 14px!important;
  padding:25px 30px 22px!important;
  border:2px solid rgba(231,182,65,.92)!important;
  border-radius:12px!important;
  background:linear-gradient(105deg,#160c04 0%,#45260d 45%,#1b0e05 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,225,146,.28),0 7px 18px rgba(35,18,2,.20)!important;
  overflow:hidden!important;
}
.public-v44 .luxury-products .section-head:after{
  content:"✦";position:absolute;right:32px;top:15px;color:#ffd871;font-size:27px;text-shadow:0 0 8px #ffc849,0 0 18px #ffb21e;animation:v44HeadStar 2.4s ease-in-out infinite;
}
@keyframes v44HeadStar{0%,100%{opacity:.25;transform:scale(.65) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(28deg)}}
.public-v44 .luxury-products .section-head h2{
  font-size:38px!important;letter-spacing:.02em!important;color:#ffd777!important;text-shadow:0 2px 0 #7a4810,0 0 16px rgba(255,200,72,.38)!important;
}
.public-v44 .luxury-products .section-head .sub{color:#f6e9cb!important;font-size:13px!important}

/* 그리드는 항상 5열, 카드 간격은 시안처럼 */
.public-v44 .luxury-grid{
  position:relative;z-index:2;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
  padding:0!important;
}
.public-v44 .luxury-card{
  border:2px solid rgba(218,160,45,.95)!important;
  border-radius:14px!important;
  background:#fffdf8!important;
  box-shadow:0 7px 19px rgba(69,38,5,.16),inset 0 0 0 1px rgba(255,244,210,.85)!important;
  overflow:hidden!important;
  transform:none!important;
}
.public-v44 .luxury-card:hover{transform:translateY(-2px)!important;box-shadow:0 12px 26px rgba(71,38,4,.22),0 0 18px rgba(226,166,44,.24)!important}

/* ===== iframe 광고: 중복 설명을 없애고, 원본 120x240을 크게 확대해 카드 하나를 꽉 채움 ===== */
.public-v44 .coupang-best-card.coupang-kind-iframe{
  min-height:410px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  background:linear-gradient(180deg,#fff 0%,#fffdf7 100%)!important;
}
.public-v44 .coupang-native-shell{
  position:relative!important;
  width:100%!important;
  height:410px!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
}
.public-v44 .coupang-native-shell:before{
  content:"";position:absolute;inset:10px;border:1px solid rgba(208,156,48,.22);border-radius:9px;pointer-events:none;z-index:3;
}
.public-v44 .coupang-native-scale{
  position:relative!important;
  width:120px!important;
  height:240px!important;
  flex:0 0 120px!important;
  transform:scale(1.64)!important;
  transform-origin:center center!important;
  z-index:2!important;
}
.public-v44 .coupang-native-scale iframe{
  display:block!important;position:static!important;width:120px!important;height:240px!important;
  min-width:120px!important;max-width:120px!important;min-height:240px!important;max-height:240px!important;
  border:0!important;margin:0!important;padding:0!important;transform:none!important;background:#fff!important;
}

/* blog/direct형 광고는 시안과 같은 커스텀 카드 */
.public-v44 .coupang-custom-media{height:260px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:16px!important;background:#fff!important;border-bottom:1px solid #ead7ad!important;text-decoration:none!important}
.public-v44 .coupang-custom-media .coupang-wordmark{font:bold 24px Arial,sans-serif;color:#8b211b;margin-bottom:12px;letter-spacing:-1px}
.public-v44 .coupang-custom-media img{display:block!important;width:100%!important;height:190px!important;object-fit:contain!important;object-position:center!important;background:#fff!important}
.public-v44 .coupang-custom-body{min-height:176px!important;padding:14px 15px 15px!important}
.public-v44 .coupang-custom-body .partner-chip{display:inline-flex;background:#17110a;color:#f6cc68;border:1px solid #d59d31;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900;margin-bottom:9px}
.public-v44 .coupang-custom-body .title{font-size:16px!important;min-height:43px!important}
.public-v44 .coupang-custom-body .luxury-outbtn{margin-top:auto!important}

/* 일반 상품도 시안처럼 이미지 크게 */
.public-v44 .luxury-card:not(.coupang-best-card) .pic{height:260px!important;min-height:260px!important;padding:14px!important;background:#fff!important}
.public-v44 .luxury-card:not(.coupang-best-card) .pic>img{object-fit:contain!important;filter:none!important;opacity:1!important}

/* 반응형 */
@media(max-width:1250px){
  .public-v44 .coupang-native-scale{transform:scale(1.48)!important}
  .public-v44 .coupang-native-shell,.public-v44 .coupang-best-card.coupang-kind-iframe{height:370px!important;min-height:370px!important}
}
@media(max-width:900px){
  .public-v44 .luxury-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .public-v44 .luxury-products{padding:9px!important;border-width:3px!important}
  .public-v44 .luxury-products .section-head h2{font-size:28px!important}
  .public-v44 .coupang-native-scale{transform:scale(1.38)!important}
  .public-v44 .coupang-native-shell,.public-v44 .coupang-best-card.coupang-kind-iframe{height:345px!important;min-height:345px!important}
}
@media(max-width:520px){
  .public-v44 .luxury-grid{grid-template-columns:1fr!important}
  .public-v44 .coupang-native-scale{transform:scale(1.58)!important}
  .public-v44 .coupang-native-shell,.public-v44 .coupang-best-card.coupang-kind-iframe{height:390px!important;min-height:390px!important}
}
@media(prefers-reduced-motion:reduce){
  .public-v44 .hero-light-sweep,.public-v44 .hero-sparkles i,.public-v44 .luxury-products .section-head:after{animation:none!important}
}


/* =====================================================================
   v4.5 PUBLIC ONLY - iframe clean rendering / centered wide layout
   ===================================================================== */
.public-v45 .hero-stage,
.public-v45 .affiliate-disclosure-top,
.public-v45 .luxury-products,
.public-v45 .banner-grid,
.public-v45 .coupang-section,
.public-v45 .special,
.public-v45 .notice,
.public-v45 .footer .footin{
  width:min(1540px,calc(100% - 32px))!important;
  max-width:1540px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* iframe source itself is rendered directly: no raw_source wrapper / no duplicate Coupang logo */
.public-v45 .coupang-best-card.coupang-kind-iframe{
  min-height:438px!important;
  height:438px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff 0%,#fffdf8 100%)!important;
}
.public-v45 .coupang-native-shell{
  width:100%!important;
  height:438px!important;
  min-height:438px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:0!important;
  background:#fff!important;
}
.public-v45 .coupang-native-shell:before{display:none!important}
.public-v45 .coupang-native-scale{
  width:120px!important;
  height:240px!important;
  flex:0 0 120px!important;
  position:relative!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  margin:auto!important;
  transform:scale(1.78)!important;
  transform-origin:center center!important;
}
.public-v45 .coupang-native-scale iframe{
  display:block!important;
  position:static!important;
  width:120px!important;
  height:240px!important;
  min-width:120px!important;
  max-width:120px!important;
  min-height:240px!important;
  max-height:240px!important;
  margin:0!important;
  border:0!important;
  transform:none!important;
  background:#fff!important;
}

@media (min-width:1500px){
  .public-v45 .coupang-native-scale{transform:scale(1.88)!important}
  .public-v45 .coupang-best-card.coupang-kind-iframe,
  .public-v45 .coupang-native-shell{height:462px!important;min-height:462px!important}
}
@media (max-width:1250px){
  .public-v45 .coupang-native-scale{transform:scale(1.62)!important}
  .public-v45 .coupang-best-card.coupang-kind-iframe,
  .public-v45 .coupang-native-shell{height:405px!important;min-height:405px!important}
}
@media (max-width:900px){
  .public-v45 .coupang-native-scale{transform:scale(1.72)!important}
  .public-v45 .coupang-best-card.coupang-kind-iframe,
  .public-v45 .coupang-native-shell{height:430px!important;min-height:430px!important}
}
@media (max-width:520px){
  .public-v45 .coupang-native-scale{transform:scale(1.90)!important}
  .public-v45 .coupang-best-card.coupang-kind-iframe,
  .public-v45 .coupang-native-shell{height:470px!important;min-height:470px!important}
}


/* =====================================================================
   v4.6 PUBLIC ONLY - Coupang search widget + compact product cards
   ===================================================================== */
.public-v46 .topbar{
  grid-template-columns:minmax(170px,220px) minmax(460px,760px) minmax(310px,420px)!important;
  gap:22px!important;
  align-items:center!important;
}
.public-v46 .coupang-search-top{
  position:relative!important;
  width:100%!important;
  height:75px!important;
  min-width:0!important;
  overflow:hidden!important;
  border:2px solid rgba(226,174,56,.95)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 0 0 1px rgba(255,240,190,.78),0 0 20px rgba(244,183,49,.30),0 8px 24px rgba(24,13,2,.28)!important;
}
.public-v46 .coupang-search-top:after{
  content:"";position:absolute;inset:0;pointer-events:none;border-radius:16px;
  box-shadow:inset 0 0 18px rgba(229,171,46,.10);
}
.public-v46 .coupang-search-top iframe{
  display:block!important;width:100%!important;height:75px!important;border:0!important;background:#fff!important;
}

/* BEST 상품 카드: 불필요한 흰 공간을 줄이고 iframe을 실제로 크게 보이게 */
.public-v46 .coupang-best-card.coupang-kind-iframe{
  min-height:332px!important;
  height:332px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#fff 0%,#fffdf7 100%)!important;
}
.public-v46 .coupang-native-shell{
  width:100%!important;
  height:332px!important;
  min-height:332px!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#fff!important;
}
.public-v46 .coupang-native-scale{
  width:120px!important;
  height:240px!important;
  flex:0 0 120px!important;
  margin:0 auto!important;
  transform:none!important;
  position:relative!important;
}
.public-v46 .coupang-native-scale iframe{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:120px!important;
  height:240px!important;
  min-width:120px!important;
  max-width:120px!important;
  min-height:240px!important;
  max-height:240px!important;
  margin:0!important;
  border:0!important;
  transform:translate(-50%,-50%) scale(1.34)!important;
  transform-origin:center center!important;
  zoom:1.20;
  background:#fff!important;
}

/* 카드 자체의 세로 여백도 줄여 한 화면에 더 깔끔하게 보이도록 */
.public-v46 .luxury-grid{gap:12px!important}
.public-v46 .coupang-best-card{border-radius:12px!important}

@media (min-width:1500px){
  .public-v46 .coupang-best-card.coupang-kind-iframe,
  .public-v46 .coupang-native-shell{height:346px!important;min-height:346px!important}
  .public-v46 .coupang-native-scale iframe{transform:translate(-50%,-50%) scale(1.42)!important;zoom:1.22}
}
@media (max-width:1200px){
  .public-v46 .topbar{grid-template-columns:180px minmax(360px,1fr) 300px!important;gap:14px!important}
  .public-v46 .coupang-best-card.coupang-kind-iframe,
  .public-v46 .coupang-native-shell{height:310px!important;min-height:310px!important}
  .public-v46 .coupang-native-scale iframe{transform:translate(-50%,-50%) scale(1.22)!important;zoom:1.12}
}
@media (max-width:900px){
  .public-v46 .topbar{grid-template-columns:150px 1fr!important}
  .public-v46 .metrics{display:none!important}
  .public-v46 .coupang-search-top{height:70px!important}
  .public-v46 .coupang-search-top iframe{height:70px!important}
  .public-v46 .coupang-best-card.coupang-kind-iframe,
  .public-v46 .coupang-native-shell{height:326px!important;min-height:326px!important}
  .public-v46 .coupang-native-scale iframe{transform:translate(-50%,-50%) scale(1.34)!important;zoom:1.18}
}
@media (max-width:620px){
  .public-v46 .topbar{grid-template-columns:1fr!important}
  .public-v46 .logo{justify-self:center!important}
  .public-v46 .coupang-search-top{width:100%!important;height:72px!important}
  .public-v46 .coupang-search-top iframe{height:72px!important}
  .public-v46 .coupang-best-card.coupang-kind-iframe,
  .public-v46 .coupang-native-shell{height:350px!important;min-height:350px!important}
  .public-v46 .coupang-native-scale iframe{transform:translate(-50%,-50%) scale(1.46)!important;zoom:1.18}
}


/* =====================================================================
   v4.7 PUBLIC ONLY - wider Coupang search + compact BEST SELLERS matrix
   ===================================================================== */
.public-v47 .hero-stage,
.public-v47 .affiliate-disclosure-top,
.public-v47 .luxury-products,
.public-v47 .banner-grid,
.public-v47 .coupang-section,
.public-v47 .special-title,
.public-v47 .promo,
.public-v47 .notice,
.public-v47 .footer .footin{
  width:min(1660px,calc(100% - 24px))!important;
  max-width:1660px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.public-v47 .topbar{
  grid-template-columns:minmax(160px,210px) minmax(760px,1fr) minmax(210px,300px)!important;
  gap:18px!important;
}
.public-v47 .metrics{
  grid-template-columns:repeat(3,minmax(58px,1fr))!important;
  gap:8px!important;
}
.public-v47 .metric small{font-size:10px!important}
.public-v47 .metric b{font-size:14px!important}
.public-v47 .coupang-search-top{
  width:100%!important;
  max-width:none!important;
  height:84px!important;
  border-radius:20px!important;
}
.public-v47 .coupang-search-top:after{border-radius:18px!important}
.public-v47 .coupang-search-top iframe{height:84px!important}

/* BEST SELLERS: allow more columns with narrower cards like Coupang Picks */
.public-v47 .luxury-products.home-mode .luxury-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
.public-v47 .luxury-products.home-mode .luxury-card{
  border-radius:14px!important;
  overflow:hidden!important;
  box-shadow:0 8px 22px rgba(24,12,0,.10)!important;
}
.public-v47 .luxury-products.home-mode .coupang-best-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  height:auto!important;
}

/* Compact iframe zone with larger visual scale */
.public-v47 .luxury-products.home-mode .coupang-best-card.coupang-kind-iframe{
  padding:0!important;
  background:#fff!important;
}
.public-v47 .luxury-products.home-mode .coupang-best-card.coupang-kind-iframe .coupang-native-shell{
  width:100%!important;
  height:286px!important;
  min-height:286px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#fff!important;
  border-bottom:1px solid #edd9ae!important;
}
.public-v47 .luxury-products.home-mode .coupang-best-card.coupang-kind-iframe .coupang-native-scale{
  width:120px!important;
  height:240px!important;
  flex:0 0 120px!important;
  margin:8px auto 0!important;
  position:relative!important;
}
.public-v47 .luxury-products.home-mode .coupang-best-card.coupang-kind-iframe .coupang-native-scale iframe{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:120px!important;
  height:240px!important;
  transform:translate(-50%,-50%) scale(1.56)!important;
  transform-origin:center center!important;
  zoom:1.26!important;
  border:0!important;
  background:#fff!important;
}

/* Compact custom/media cards */
.public-v47 .luxury-products.home-mode .coupang-custom-media{
  height:286px!important;
  padding:10px 10px 8px!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  border-bottom:1px solid #edd9ae!important;
}
.public-v47 .luxury-products.home-mode .coupang-custom-media .coupang-wordmark{
  font-size:18px!important;
  margin-bottom:8px!important;
}
.public-v47 .luxury-products.home-mode .coupang-custom-media img{
  width:100%!important;
  height:218px!important;
  object-fit:contain!important;
  object-position:center top!important;
}
.public-v47 .luxury-products.home-mode .coupang-custom-body{
  min-height:166px!important;
  padding:12px 14px 14px!important;
}
.public-v47 .luxury-products.home-mode .partner-chip{
  margin-bottom:8px!important;
}
.public-v47 .luxury-products.home-mode .title{
  font-size:15px!important;
  line-height:1.35!important;
  min-height:42px!important;
  margin-bottom:8px!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.public-v47 .luxury-products.home-mode .subtitle{
  font-size:12px!important;
  min-height:16px!important;
  margin-bottom:6px!important;
}
.public-v47 .luxury-products.home-mode .luxury-outbtn{
  height:44px!important;
  padding:0 12px!important;
  font-size:14px!important;
  border-radius:12px!important;
}

/* Slightly thinner title block to fit more content above the fold */
.public-v47 .luxury-products.home-mode .section-head{padding:18px 22px 16px!important}
.public-v47 .luxury-products.home-mode .section-head h2{font-size:36px!important}
.public-v47 .luxury-products.home-mode .section-head .sub{font-size:14px!important}

@media (min-width:1500px){
  .public-v47 .luxury-products.home-mode .luxury-grid{grid-template-columns:repeat(auto-fit,minmax(195px,1fr))!important}
  .public-v47 .luxury-products.home-mode .coupang-best-card.coupang-kind-iframe .coupang-native-scale iframe{
    transform:translate(-50%,-50%) scale(1.64)!important;
    zoom:1.30!important;
  }
  .public-v47 .topbar{grid-template-columns:minmax(160px,210px) minmax(840px,1fr) minmax(210px,300px)!important}
}
@media (max-width:1240px){
  .public-v47 .topbar{grid-template-columns:170px minmax(440px,1fr) minmax(180px,240px)!important;gap:12px!important}
  .public-v47 .coupang-search-top{height:80px!important}
  .public-v47 .coupang-search-top iframe{height:80px!important}
  .public-v47 .luxury-products.home-mode .luxury-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}
}
@media (max-width:980px){
  .public-v47 .topbar{grid-template-columns:150px 1fr!important}
  .public-v47 .metrics{display:none!important}
  .public-v47 .luxury-products.home-mode .luxury-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}
  .public-v47 .luxury-products.home-mode .coupang-best-card.coupang-kind-iframe .coupang-native-shell{height:270px!important;min-height:270px!important}
  .public-v47 .luxury-products.home-mode .coupang-best-card.coupang-kind-iframe .coupang-native-scale iframe{transform:translate(-50%,-50%) scale(1.50)!important;zoom:1.22!important}
}
@media (max-width:640px){
  .public-v47 .topbar{grid-template-columns:1fr!important}
  .public-v47 .logo{justify-self:center!important}
  .public-v47 .coupang-search-top{height:74px!important}
  .public-v47 .coupang-search-top iframe{height:74px!important}
  .public-v47 .luxury-products.home-mode .luxury-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .public-v47 .luxury-products.home-mode .section-head{padding:14px 16px!important}
  .public-v47 .luxury-products.home-mode .section-head h2{font-size:28px!important}
}


/* =====================================================================
   v4.8 PUBLIC ONLY - align hero width and BEST SELLERS width exactly
   ===================================================================== */
.public-v48 .hero-stage,
.public-v48 .affiliate-disclosure-top,
.public-v48 .luxury-products,
.public-v48 .banner-grid,
.public-v48 .coupang-section,
.public-v48 .special-title,
.public-v48 .promo,
.public-v48 .notice,
.public-v48 .footer .footin{
  width:min(1660px,calc(100% - 24px))!important;
  max-width:1660px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}
.public-v48 .hero-stage{
  padding-left:0!important;
  padding-right:0!important;
}
.public-v48 .hero-stage .hero-slider,
.public-v48 .hero-stage .category-wrap{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}
.public-v48 .hero-stage .hero-slider{
  border-left-width:1px!important;
  border-right-width:1px!important;
}
.public-v48 .category-wrap{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
.public-v48 .luxury-products{
  box-sizing:border-box!important;
}
@media (max-width:640px){
  .public-v48 .hero-stage,
  .public-v48 .affiliate-disclosure-top,
  .public-v48 .luxury-products,
  .public-v48 .banner-grid,
  .public-v48 .coupang-section,
  .public-v48 .special-title,
  .public-v48 .promo,
  .public-v48 .notice,
  .public-v48 .footer .footin{
    width:min(1660px,calc(100% - 12px))!important;
  }
}


/* =====================================================================
   v5.0 PUBLIC ONLY - category banner menu / official Coupang banner
   ===================================================================== */
.public-v50 .nav-category-banner{
  color:#f2cf78!important;
  font-weight:900!important;
}
.public-v50 .nav-category-banner:hover{
  color:#fff2bd!important;
  text-shadow:0 0 10px rgba(244,194,80,.55)!important;
}
.public-v50 .category-banner-section{
  width:min(1660px,calc(100% - 24px))!important;
  max-width:1660px!important;
  margin:14px auto 16px!important;
  padding:12px 16px 16px!important;
  box-sizing:border-box!important;
  border:2px solid rgba(221,167,54,.92)!important;
  border-radius:16px!important;
  background:linear-gradient(180deg,rgba(255,252,245,.98),rgba(255,247,231,.98))!important;
  box-shadow:0 0 0 1px rgba(255,237,183,.72),0 12px 30px rgba(40,22,4,.20),inset 0 0 20px rgba(220,169,62,.06)!important;
}
.public-v50 .category-banner-head{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 10px!important;
  color:#3b2410!important;
}
.public-v50 .category-banner-head strong{
  font-family:Georgia,'Times New Roman',serif!important;
  font-size:24px!important;
  color:#8a5a16!important;
}
.public-v50 .category-banner-head span{
  font-size:12px!important;
  color:#8e7657!important;
}
.public-v50 .category-banner-wrap{
  min-height:90px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  border:1px solid rgba(205,159,69,.55)!important;
  border-radius:10px!important;
  background:#fff!important;
}
.public-v50 .category-banner-wrap iframe{
  display:block!important;
  width:728px!important;
  max-width:100%!important;
  height:90px!important;
  border:0!important;
}
@media(max-width:800px){
  .public-v50 .category-banner-section{width:calc(100% - 12px)!important;padding:10px!important}
  .public-v50 .category-banner-wrap{overflow-x:auto!important;justify-content:flex-start!important}
  .public-v50 .category-banner-wrap iframe{flex:0 0 728px!important;max-width:none!important}
}

/* =====================================================================
   v5.1 PUBLIC ONLY - fixed 7x4 BEST / 8x5 PICKS + MORE / catalog page
   ===================================================================== */
.public-v51 .nav-all-products{color:#ffe39b!important;font-weight:900!important}
.public-v51 .section-head-more{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important}
.public-v51 .section-more{
  flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:7px!important;
  padding:10px 16px!important;border:1px solid rgba(238,193,89,.9)!important;border-radius:999px!important;
  background:linear-gradient(180deg,#f5d681,#c88c22)!important;color:#241406!important;text-decoration:none!important;
  font-size:13px!important;font-weight:1000!important;box-shadow:0 5px 16px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.65)!important
}
.public-v51 .section-more span{font-size:11px!important;font-weight:800!important}
.public-v51 .section-more:hover{filter:brightness(1.06)!important;transform:translateY(-1px)!important}
.public-v51 .coupang-section .section-head-more{padding-right:16px!important}
.public-v51 .coupang-section .section-more{margin-left:auto!important}

/* Desktop: BEST SELLERS exactly 7 columns, up to 4 rows = 28 */
@media (min-width:1281px){
  .public-v51 .luxury-products .luxury-grid{
    grid-template-columns:repeat(7,minmax(0,1fr))!important;
    gap:12px!important;
  }
  /* COUPANG PICKS exactly 8 columns, up to 5 rows = 40 */
  .public-v51 .coupang-section .coupang-ad-grid{
    display:grid!important;
    grid-template-columns:repeat(8,minmax(0,1fr))!important;
    gap:12px!important;
    align-items:start!important;
  }
}
@media (min-width:981px) and (max-width:1280px){
  .public-v51 .luxury-products .luxury-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
  .public-v51 .coupang-section .coupang-ad-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}
}
@media (min-width:641px) and (max-width:980px){
  .public-v51 .luxury-products .luxury-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .public-v51 .coupang-section .coupang-ad-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .public-v51 .luxury-products .luxury-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .public-v51 .coupang-section .coupang-ad-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .public-v51 .section-head-more{align-items:flex-start!important;flex-direction:column!important}
  .public-v51 .section-more{align-self:flex-end!important}
}

/* Keep PICKS cards compact and centered in an 8-column matrix */
.public-v51 .coupang-section .coupang-ad-card{
  width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;
  padding:10px!important;border-radius:12px!important;box-sizing:border-box!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
}
.public-v51 .coupang-section .coupang-ad-card iframe{display:block!important;margin:0 auto!important;max-width:120px!important}
.public-v51 .coupang-section .coupang-ad-title{
  width:100%!important;font-size:12px!important;line-height:1.35!important;margin-top:8px!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important
}

/* Catalog / full-list page */
.catalog-page{min-height:100vh!important}
.catalog-page .catalog-topbar{grid-template-columns:210px minmax(520px,1fr) 120px!important;gap:18px!important}
.catalog-search{display:flex!important;align-items:center!important;min-width:0!important;height:56px!important;border:2px solid #d5a23d!important;border-radius:18px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 0 18px rgba(225,169,52,.2)!important}
.catalog-search input{flex:1!important;min-width:0!important;height:100%!important;border:0!important;outline:0!important;padding:0 18px!important;font-size:15px!important;background:#fff!important}
.catalog-search button{height:100%!important;border:0!important;padding:0 24px!important;background:linear-gradient(180deg,#f6d77f,#c88d23)!important;color:#211305!important;font-weight:1000!important;cursor:pointer!important}
.catalog-home-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:42px!important;padding:0 15px!important;border-radius:999px!important;background:#d8a63b!important;color:#181006!important;font-weight:900!important;text-decoration:none!important}
.catalog-nav a.on{color:#ffd971!important;border-bottom:2px solid #e3ad3c!important}
.catalog-wrap{width:min(1660px,calc(100% - 24px))!important;max-width:1660px!important;margin:18px auto 42px!important;box-sizing:border-box!important}
.catalog-hero{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:24px 28px!important;border:3px solid #d3a039!important;border-radius:18px!important;background:linear-gradient(105deg,#211306,#4c2f12 55%,#211306)!important;box-shadow:0 18px 42px rgba(25,13,2,.25),inset 0 0 0 1px rgba(255,231,169,.25)!important;color:#fff!important}
.catalog-kicker{font-size:12px!important;letter-spacing:3px!important;color:#e8bd61!important;font-weight:900!important}
.catalog-hero h1{margin:5px 0 4px!important;font-family:Georgia,'Times New Roman',serif!important;font-size:38px!important;color:#f2ce74!important}
.catalog-hero p{margin:0!important;color:#eadfc7!important;font-size:14px!important}
.catalog-count{display:flex!important;align-items:flex-end!important;gap:8px!important;color:#f6d77e!important}.catalog-count b{font-size:44px!important;line-height:1!important}.catalog-count span{font-size:13px!important;padding-bottom:5px!important}
.catalog-filter{display:grid!important;grid-template-columns:minmax(300px,1fr) 200px 100px auto!important;gap:10px!important;margin:14px 0!important;padding:13px!important;border:1px solid #dbb15c!important;border-radius:14px!important;background:rgba(255,250,240,.97)!important;box-shadow:0 8px 24px rgba(48,28,5,.12)!important}
.catalog-filter input,.catalog-filter select{height:44px!important;border:1px solid #d8bd87!important;border-radius:10px!important;background:#fff!important;padding:0 12px!important;font-size:14px!important;outline:0!important}
.catalog-filter button,.catalog-filter a{height:44px!important;border:0!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-weight:900!important}.catalog-filter button{background:#17110a!important;color:#f5cf74!important;cursor:pointer!important}.catalog-filter a{background:#eee3cf!important;color:#6e5533!important;padding:0 14px!important}
.catalog-tabs{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0 0 14px!important}.catalog-tabs a{padding:9px 14px!important;border-radius:999px!important;border:1px solid #d7b15f!important;background:#fffaf1!important;color:#5e431f!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important}.catalog-tabs a.on{background:#17110a!important;color:#f3ce71!important}
.catalog-grid{display:grid!important;gap:12px!important;align-items:stretch!important}
.catalog-best-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important}
.catalog-picks-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}
.catalog-card{position:relative!important;min-width:0!important;padding:10px!important;border:1px solid #d7ad57!important;border-radius:13px!important;background:linear-gradient(180deg,#fff,#fffaf1)!important;box-shadow:0 8px 20px rgba(59,34,5,.11)!important;display:flex!important;flex-direction:column!important;align-items:center!important;overflow:hidden!important}
.catalog-badge{align-self:flex-start!important;margin-bottom:7px!important;padding:4px 8px!important;border-radius:999px!important;background:#17110a!important;color:#f3ca69!important;font-size:10px!important;font-weight:900!important}
.catalog-iframe{width:100%!important;height:250px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;background:#fff!important;border-radius:9px!important}.catalog-iframe iframe{display:block!important;width:120px!important;height:240px!important;border:0!important}
.catalog-blog{display:flex!important;width:100%!important;height:250px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;background:#fff!important;border-radius:9px!important}.catalog-blog .coupang-wordmark{font:bold 16px Arial,sans-serif;color:#8b211b;margin-bottom:6px!important}.catalog-blog img{width:100%!important;height:205px!important;object-fit:contain!important}
.catalog-title{width:100%!important;margin:8px 0!important;font-size:12px!important;line-height:1.35!important;font-weight:800!important;color:#20160d!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.catalog-go{width:100%!important;height:38px!important;margin-top:auto!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:9px!important;background:#17110a!important;color:#f4cf77!important;text-decoration:none!important;font-size:12px!important;font-weight:900!important}
.catalog-linkmark{height:220px!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#fff!important;color:#9c2c25!important;font-size:22px!important;font-weight:1000!important}
.catalog-pagination{display:flex!important;justify-content:center!important;gap:6px!important;flex-wrap:wrap!important;margin:22px 0 10px!important}.catalog-pagination a{min-width:38px!important;height:38px!important;padding:0 10px!important;border:1px solid #d5ad5d!important;border-radius:9px!important;background:#fffaf1!important;color:#4c351b!important;text-decoration:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important}.catalog-pagination a.on{background:#17110a!important;color:#f3ce73!important}
.catalog-empty{padding:60px!important;text-align:center!important;border:1px solid #d9b363!important;border-radius:14px!important;background:#fffaf1!important}

@media (max-width:1280px){.catalog-best-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}.catalog-picks-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important}}
@media (max-width:980px){.catalog-page .catalog-topbar{grid-template-columns:150px 1fr!important}.catalog-page .catalog-home-btn{display:none!important}.catalog-best-grid,.catalog-picks-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.catalog-filter{grid-template-columns:1fr 160px 90px!important}.catalog-filter a{display:none!important}}
@media (max-width:640px){.catalog-page .catalog-topbar{grid-template-columns:1fr!important}.catalog-page .catalog-search{height:50px!important}.catalog-wrap{width:calc(100% - 12px)!important}.catalog-hero{padding:18px!important}.catalog-hero h1{font-size:28px!important}.catalog-count{display:none!important}.catalog-filter{grid-template-columns:1fr!important}.catalog-filter a{display:flex!important}.catalog-best-grid,.catalog-picks-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.catalog-iframe,.catalog-blog{height:240px!important}}
\n\n/* =====================================================================\n   v5.3 PUBLIC ONLY - revenue-path emphasis / section order polish\n   Search -> BEST -> PICKS -> category banner\n   ===================================================================== */\n.public-v53 .coupang-search-top{\n  border:3px solid rgba(232,184,70,.98)!important;\n  box-shadow:0 0 0 1px rgba(255,244,201,.88),0 0 28px rgba(246,188,48,.38),0 10px 28px rgba(20,12,3,.32)!important;\n}\n.public-v53 .coupang-search-top:before{\n  content:"COUPANG SEARCH";position:absolute;left:18px;top:-11px;z-index:4;\n  background:linear-gradient(180deg,#f8d980,#c89020);color:#211406;border:1px solid #f2d77b;\n  border-radius:999px;padding:3px 10px;font-size:9px;font-weight:900;letter-spacing:.08em;\n  box-shadow:0 4px 10px rgba(0,0,0,.18);pointer-events:none;\n}\n.public-v53 .nav-coupang-picks,.public-v53 .nav-category-banner,.public-v53 .nav-all-products{font-weight:800!important;color:#f2cf77!important}\n.public-v53 .shopping-flow-guide{\n  width:min(1660px,calc(100% - 24px));max-width:1660px;margin:10px auto 14px;\n  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;box-sizing:border-box;\n}\n.public-v53 .shopping-flow-guide a{\n  min-height:58px;display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto auto;align-items:center;\n  padding:9px 14px;text-decoration:none;border:1px solid rgba(219,168,61,.78);border-radius:14px;\n  background:linear-gradient(180deg,rgba(255,252,242,.98),rgba(248,232,190,.94));\n  box-shadow:0 8px 20px rgba(55,31,4,.12),inset 0 0 14px rgba(255,255,255,.52);color:#241507;\n}\n.public-v53 .shopping-flow-guide b{grid-row:1/3;font:900 22px Georgia,serif;color:#b57a16}\n.public-v53 .shopping-flow-guide span{font-size:14px;font-weight:900;letter-spacing:.02em}\n.public-v53 .shopping-flow-guide small{font-size:11px;color:#7b6038}\n.public-v53 .shopping-flow-guide a:hover{transform:translateY(-1px);box-shadow:0 11px 24px rgba(55,31,4,.16),0 0 18px rgba(231,178,56,.16)}\n.public-v53 .category-banner-section{margin-top:18px!important;margin-bottom:16px!important}\n.public-v53 .category-banner-wrap{background:linear-gradient(180deg,#fffdf7,#f8edd2)!important}\n.public-v53 #coupang-picks{scroll-margin-top:110px}.public-v53 #best{scroll-margin-top:110px}.public-v53 #category-banner{scroll-margin-top:110px}\n@media(max-width:760px){\n  .public-v53 .shopping-flow-guide{grid-template-columns:1fr;gap:7px;width:calc(100% - 12px)}\n  .public-v53 .coupang-search-top:before{display:none}\n}\n
/* =====================================================================
   v5.4 - restore two promo banners before COUPANG PICKS + banner-only page
   ===================================================================== */
.public-v54 .banner-before-picks{
  width:min(1660px,calc(100% - 24px))!important;
  max-width:1660px!important;
  margin:18px auto 14px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  background:transparent!important;
}
.public-v54 .banner-before-picks .wide-banner{
  border:2px solid rgba(222,171,61,.82)!important;
  border-radius:13px!important;
  overflow:hidden!important;
  box-shadow:0 10px 26px rgba(31,18,4,.22),0 0 16px rgba(229,173,50,.14)!important;
  background:#100a04!important;
}
.public-v54 .banner-before-picks .wide-banner img{display:block!important;width:100%!important;height:auto!important;aspect-ratio:3/1!important;object-fit:cover!important}
@media(max-width:760px){.public-v54 .banner-before-picks{grid-template-columns:1fr!important;width:calc(100% - 12px)!important;gap:10px!important}}

.category-banners-page{min-height:100vh!important}
.category-banners-page .category-banner-topbar{grid-template-columns:210px 1fr 120px!important;gap:18px!important}
.category-banner-page-title{display:flex;flex-direction:column;justify-content:center;color:#f4d17a}
.category-banner-page-title strong{font:900 24px Georgia,'Noto Serif KR',serif;letter-spacing:.02em}
.category-banner-page-title span{font-size:11px;color:#c8b99b;margin-top:3px}
.category-banner-catalog{width:min(1500px,calc(100% - 24px));margin:22px auto 60px;padding:18px;border:3px solid #d9a434;border-radius:22px;background:linear-gradient(180deg,rgba(255,253,248,.98),rgba(250,240,218,.96));box-shadow:0 18px 46px rgba(33,17,2,.28),0 0 0 1px rgba(255,240,189,.8),inset 0 0 28px rgba(216,166,58,.08);box-sizing:border-box}
.category-banner-only-head{display:flex;justify-content:space-between;align-items:end;padding:20px 24px;margin-bottom:14px;border-radius:14px;background:linear-gradient(110deg,#1b1006,#4a2c10,#1a0f05);color:#f5d57f;border:1px solid #dca83e;box-shadow:inset 0 0 18px rgba(255,217,112,.10)}
.category-banner-only-head span{font-size:10px;letter-spacing:.18em;color:#d9b96c}.category-banner-only-head h1{margin:4px 0 3px;font:900 38px Georgia,'Noto Serif KR',serif}.category-banner-only-head p{margin:0;color:#eadfc8;font-size:13px}.category-banner-only-head>b{font:900 32px Georgia,serif}.category-banner-only-head small{font-size:11px;color:#d4b56c}
.category-banner-list{display:grid;grid-template-columns:1fr;gap:14px}
.category-banner-item{display:grid;grid-template-columns:54px 1fr 210px;align-items:center;gap:14px;padding:14px;border:1px solid #e0c48d;border-radius:14px;background:#fffdf9;box-shadow:0 7px 18px rgba(70,42,7,.08)}
.category-banner-no{font:900 22px Georgia,serif;color:#b27b1f;text-align:center}
.category-banner-frame{display:flex;justify-content:center;align-items:center;min-height:110px;overflow:auto;background:#fff;border:1px solid #efe0c4;border-radius:10px;padding:8px;box-sizing:border-box}
.category-banner-frame iframe{display:block;max-width:none;flex:0 0 auto}
.category-banner-name{font-weight:900;color:#2a1909;line-height:1.4}
.category-banner-pagination{display:flex;justify-content:center;gap:7px;margin:22px 0 8px}.category-banner-pagination a{min-width:38px;height:38px;padding:0 12px;border:1px solid #d8aa50;border-radius:10px;background:#fff8e8;color:#4b3215;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:900}.category-banner-pagination a.on{background:#1a1007;color:#f3cc6b;border-color:#c99228}
.category-banner-empty{padding:50px;text-align:center;background:#fff;border-radius:14px;color:#806943}
@media(max-width:900px){.category-banners-page .category-banner-topbar{grid-template-columns:160px 1fr!important}.category-banners-page .catalog-home-btn{display:none!important}.category-banner-item{grid-template-columns:42px 1fr}.category-banner-name{grid-column:2}.category-banner-frame{justify-content:flex-start}.category-banner-only-head h1{font-size:30px}}
@media(max-width:560px){.category-banner-catalog{width:calc(100% - 10px);padding:8px}.category-banner-only-head{padding:15px}.category-banner-only-head>b{display:none}.category-banner-item{display:block;padding:8px}.category-banner-no{display:none}.category-banner-name{padding:8px 4px}.category-banner-frame{overflow-x:auto;justify-content:flex-start}}


/* =====================================================================
   v5.5 - promo banners visually align with the upper/lower main panels
   ===================================================================== */
.public-v55 .banner-before-picks{
  width:min(1684px,calc(100% - 8px))!important;
  max-width:1684px!important;
  margin:18px auto 14px!important;
  padding:0!important;
  box-sizing:border-box!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
.public-v55 .banner-before-picks .wide-banner{
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.public-v55 .banner-before-picks .wide-banner img{
  width:100%!important;
  height:auto!important;
  display:block!important;
  object-fit:cover!important;
  aspect-ratio:3/1!important;
}

/* Keep neighboring panels centered on the same visual axis. */
.public-v55 .luxury-products,
.public-v55 .coupang-section{
  margin-left:auto!important;
  margin-right:auto!important;
}

@media(max-width:760px){
  .public-v55 .banner-before-picks{
    width:calc(100% - 8px)!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
}
\n\n/* =====================================================================\n   v5.6 - bottom legal notice readability + exact Coupang disclosure\n   ===================================================================== */\n.public-v56 .notice{\n  background:linear-gradient(90deg,rgba(12,9,5,.98),rgba(27,17,8,.97),rgba(12,9,5,.98))!important;\n  border:1px solid rgba(218,164,48,.88)!important;\n  box-shadow:0 10px 28px rgba(0,0,0,.28),inset 0 0 20px rgba(224,170,56,.05)!important;\n}\n.public-v56 .notice>strong{\n  color:#f0c45c!important;\n  font-size:20px!important;\n  line-height:1.35!important;\n  text-shadow:0 1px 8px rgba(0,0,0,.5)!important;\n}\n.public-v56 .notice p{\n  opacity:1!important;\n  visibility:visible!important;\n  text-shadow:0 1px 3px rgba(0,0,0,.55)!important;\n}\n.public-v56 .notice .notice-main{\n  color:#ffffff!important;\n  font-size:14px!important;\n  font-weight:700!important;\n  line-height:1.65!important;\n  margin:0 0 8px!important;\n}\n.public-v56 .notice .notice-coupang{\n  color:#ffd86e!important;\n  font-size:14px!important;\n  font-weight:900!important;\n  line-height:1.6!important;\n  margin:0!important;\n}\n.public-v56 .footer .legal{color:#eee2c8!important}\n.public-v56 .footer .legal b{color:#f1c96d!important}\n
/* v8: Coupang disclosure readability */
.public-v56 .affiliate-disclosure-top{
  font-size:16px!important;
  font-weight:800!important;
  color:#4b2e0a!important;
  line-height:1.6!important;
}
.public-v56 .affiliate-disclosure-top strong{font-weight:950!important;letter-spacing:-.01em}
.public-v56 .affiliate-disclosure-top .ad-label{font-size:13px!important;font-weight:950!important;padding:7px 13px!important}
.public-v56 .coupang-disclosure{font-size:13px!important;font-weight:750!important;color:#5b380d!important}
@media(max-width:700px){.public-v56 .affiliate-disclosure-top{font-size:14px!important;line-height:1.55!important}}