.hp-watch-detail-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.hp-watch-toggle{padding:12px 16px;border:1px solid #f0b1bf;border-radius:10px;background:#fff7fa;color:#ce3656;font-weight:850;cursor:pointer;font-size:14px}
.hp-watch-toggle.is-saved{background:#ffe3eb;border-color:#fa7f99;color:#aa2347}
.hp-watch-detail-link{color:#2463eb;font-weight:800;font-size:13px}
html[data-hp-theme="dark"] .hp-watch-toggle{background:#3c2235;border-color:#78405b;color:#ffacbc}
html[data-hp-theme="dark"] .hp-watch-toggle.is-saved{background:#50243e}
.hp-watch-page{max-width:1100px;margin:0 auto;min-height:65vh;padding:30px 20px 80px;color:#172033}
.hp-watch-breadcrumb{font-size:13px;color:#8793a4;margin-bottom:20px}.hp-watch-breadcrumb a{color:#557098;text-decoration:none}
.hp-watch-page-head{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:22px}.hp-watch-page-head h1{font-size:32px;margin:6px 0 6px;letter-spacing:-.8px}.hp-watch-page-head p{color:#758195;font-size:14px;margin:0;line-height:1.6}.hp-watch-kicker{font-size:11px;color:#e64465;font-weight:900;letter-spacing:.8px}
.hp-watch-find{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 18px;border:0;border-radius:11px;background:#2463eb;color:#fff!important;text-decoration:none;font-weight:850;font-size:14px;cursor:pointer}
.hp-watch-help{border:1px solid #dce7f8;background:#f0f6ff;color:#64738a;border-radius:12px;padding:15px 18px;font-size:13px;line-height:1.75;margin-bottom:22px}.hp-watch-help strong{color:#2463eb}
.hp-watch-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.hp-watch-toolbar b{font-size:17px}.hp-watch-toolbar span{font-size:12px;color:#8290a0}
.hp-watch-card{background:#fff;border:1px solid #e2e8f1;border-radius:15px;padding:19px 20px;margin-bottom:10px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(105px,.6fr) minmax(95px,.65fr) auto;gap:18px;align-items:center;box-shadow:0 5px 15px rgba(17,38,75,.025)}
.hp-watch-card-title{min-width:0}.hp-watch-card-title small{color:#8490a0;font-size:12px}.hp-watch-card-title h2{font-size:18px;margin:7px 0 9px;overflow-wrap:anywhere;line-height:1.35}.hp-watch-chips{display:flex;gap:7px;flex-wrap:wrap}.hp-watch-chips span{font-size:11px;color:#64738a;background:#f2f5fa;padding:5px 7px;border-radius:7px;max-width:100%;overflow-wrap:anywhere}
.hp-watch-card-cost small{display:block;color:#7b899b;font-size:12px}.hp-watch-card-cost b{display:block;font-size:22px;white-space:nowrap;margin:4px 0;color:#172033}.hp-watch-card-cost del{display:block;font-size:12px;color:#a0aabc}
.hp-watch-card-promo{font-size:13px;font-weight:800;color:#2463eb}.hp-watch-card-actions{display:flex;gap:7px;align-items:center}.hp-watch-open,.hp-watch-remove{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 10px;border-radius:8px;text-decoration:none;white-space:nowrap;font-size:12px;font-weight:900;cursor:pointer}.hp-watch-open{background:#eff4ff;color:#2463eb}.hp-watch-remove{border:1px solid #e2e7ef;color:#708096;background:transparent}
.hp-watch-card.is-unavailable{opacity:.8}.hp-watch-muted{font-size:12px;color:#8793a2}
.hp-watch-loading,.hp-watch-empty{text-align:center;padding:54px 20px;background:#fff;border:1px dashed #d6e0ed;border-radius:16px;color:#788597}.hp-watch-empty h2{font-size:19px;color:#334257}.hp-watch-empty p{font-size:14px;line-height:1.65}.hp-watch-empty .hp-watch-find{margin-top:14px}.hp-watch-empty-icon{font-size:50px;color:#ec7490}
html[data-hp-theme="dark"] .hp-watch-page{color:#e5ebf5}html[data-hp-theme="dark"] .hp-watch-card,html[data-hp-theme="dark"] .hp-watch-loading,html[data-hp-theme="dark"] .hp-watch-empty{background:#172339;border-color:#34445f;color:#b5c4db}html[data-hp-theme="dark"] .hp-watch-card-cost b,html[data-hp-theme="dark"] .hp-watch-empty h2{color:#f2f6ff}html[data-hp-theme="dark"] .hp-watch-help{background:#162942;border-color:#30527b;color:#b7cce9}html[data-hp-theme="dark"] .hp-watch-chips span{background:#23334f;color:#c3d2e7}html[data-hp-theme="dark"] .hp-watch-remove{border-color:#42516a;color:#b9c6da}html[data-hp-theme="dark"] .hp-watch-card-title small{color:#afbad0}
@media(max-width:820px){.hp-watch-card{grid-template-columns:1fr 1fr;gap:12px}.hp-watch-card-title{grid-column:1/-1}.hp-watch-card-actions{justify-content:flex-end}}
@media(max-width:540px){.hp-watch-page{padding:22px 14px 60px}.hp-watch-page-head{align-items:flex-start;flex-direction:column;gap:13px}.hp-watch-page-head h1{font-size:26px}.hp-watch-card{padding:16px;grid-template-columns:1fr 1fr}.hp-watch-card-actions{grid-column:1/-1;justify-content:flex-start}.hp-watch-card-cost b{font-size:20px}.hp-watch-help{padding:13px}}


/* ==============================================================
   v11.42.51 헤더 레이아웃 복구
   - 메인 메뉴 > 보조 하트 우선순위
   - 1221px 이상 PC: 로고와 메뉴가 한 줄, 하트는 메뉴 내부 마지막
   - 981~1220px: 기존 50의 접힌 메뉴 + 모바일 하트 유지
   - 980px 이하: 기존 모바일 메뉴 + 하트 유지
   - 헤더 높이 증가/별도 메뉴 줄 생성 금지
   ============================================================== */
.hp-public-header .hp-watch-nav{
  display:inline-flex;align-items:center;justify-content:center;
  position:relative;box-sizing:border-box;
  width:40px;height:40px;min-width:40px;flex:0 0 40px;
  border:1px solid #e1e7f0;border-radius:12px;
  background:#fff;color:#e64465;text-decoration:none;
  padding:0;line-height:1;
}
.hp-public-header .hp-watch-nav:hover{background:#fff1f4!important;border-color:#ffc4d0!important}
.hp-public-header .hp-public-nav .hp-watch-nav::after{content:none!important;display:none!important}
.hp-watch-nav-count{
  position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;
  display:flex;align-items:center;justify-content:center;
  padding:0 4px;border-radius:12px;
  background:#ef4361;color:#fff;font-size:11px;font-weight:900;
  border:2px solid #fff;
}
.hp-watch-nav-count[hidden]{display:none!important}
html[data-hp-theme="dark"] .hp-public-header .hp-watch-nav{
  background:#15223a;border-color:#334362;color:#ff849b;
}
html[data-hp-theme="dark"] .hp-public-header .hp-watch-nav-count{border-color:#15223a}

/* 충분히 넓은 PC에서는 메뉴에 하트 1개를 포함하고 반드시 한 줄로 표시. */
@media(min-width:1221px){
  .hp-public-header{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
    align-items:center!important;justify-content:space-between!important;
    box-sizing:border-box;
  }
  .hp-public-header .hp-public-logo{flex:0 0 auto!important;min-width:0}
  .hp-public-header .hp-public-nav{
    display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
    align-items:center!important;justify-content:flex-end!important;
    position:static!important;overflow:visible!important;
    width:auto!important;min-width:0!important;max-width:100%;
    flex:0 1 auto!important;margin-left:auto!important;
    padding:0!important;border:0!important;box-shadow:none!important;
    white-space:nowrap;
  }
  .hp-public-header .hp-public-nav>a:not(.hp-watch-nav),
  .hp-public-header .hp-theme-control{flex:0 0 auto;white-space:nowrap}
  .hp-public-header .hp-watch-nav--mobile{display:none!important}
  .hp-public-header .hp-watch-nav--desktop{display:inline-flex!important;order:initial!important;margin-left:2px}
  .hp-public-header .hp-mobile-menu-toggle{display:none!important}
}
@media(min-width:1221px) and (max-width:1439px){
  .hp-public-header{gap:9px!important}
  .hp-public-header .hp-public-logo-img{width:195px!important;max-height:48px!important}
  .hp-public-header .hp-public-nav{gap:8px!important}
  .hp-public-header .hp-public-nav a:not(.hp-watch-nav){font-size:clamp(14px,1.1vw,16px)!important}
  .hp-public-header .hp-theme-toggle{font-size:12px;padding:7px 8px}
}
@media(min-width:1440px) and (max-width:1650px){
  .hp-public-header .hp-public-nav{gap:13px!important}
  .hp-public-header .hp-public-logo-img{width:225px!important}
}
@media(min-width:1651px){
  .hp-public-header .hp-public-nav{gap:clamp(15px,1.4vw,25px)!important}
}
/* 좁은 PC에서는 주 메뉴를 접고, 하트는 별도로 유지합니다. */
@media(min-width:981px) and (max-width:1220px){
  .hp-public-header{height:74px!important;min-height:74px!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:12px!important}
  .hp-public-header .hp-public-logo-img{width:205px}
  .hp-public-header .hp-mobile-menu-toggle{display:flex!important;width:44px;height:44px;flex:0 0 44px;margin-left:auto;padding:0;border:1px solid #dbe3ef;border-radius:12px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}
  .hp-public-header .hp-mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:99px;background:#23324a}
  .hp-public-header .hp-mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .hp-public-header .hp-mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .hp-public-header .hp-mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hp-public-header .hp-public-nav{display:none!important;position:absolute!important;left:15px;right:15px;top:calc(100% + 6px);width:auto!important;padding:8px;background:#fff;border:1px solid #e0e8f1;border-radius:14px;z-index:90;box-shadow:0 16px 36px rgba(25,43,73,.16)}
  .hp-public-header .hp-public-nav.is-open{display:grid!important;grid-template-columns:1fr;gap:2px}
  .hp-public-header .hp-public-nav>a:not(.hp-watch-nav){display:block;padding:13px 14px;border-radius:10px;text-align:left}
  .hp-public-header .hp-watch-nav--desktop{display:none!important}
  html[data-hp-theme="dark"] .hp-public-header .hp-public-nav{background:#111a2d;border-color:#2a3954}
  html[data-hp-theme="dark"] .hp-public-header .hp-mobile-menu-toggle{background:#17243b;border-color:#334564}
  html[data-hp-theme="dark"] .hp-public-header .hp-mobile-menu-toggle span{background:#d8e4f7}
}
/* 모바일과 좁은 PC에서 하트는 절대위치로 메뉴 영역을 밀지 않음. */
@media(max-width:1220px){
  .hp-public-header{position:sticky!important;flex-wrap:nowrap!important}
  .hp-public-header .hp-watch-nav--desktop{display:none!important}
  .hp-public-header .hp-watch-nav--mobile{
    display:inline-flex!important;position:absolute!important;
    top:50%;right:calc(18px + 44px + 10px);transform:translateY(-50%);
    width:40px;height:40px;min-width:40px;z-index:5;
  }
}
@media(max-width:420px){
  .hp-public-header .hp-watch-nav--mobile{right:calc(14px + 44px + 8px);width:38px;height:38px;min-width:38px}
  .hp-public-header{gap:8px!important}
}