@import url("./frontend.css");

/* HairNote 2.4 — product detail polish. */
body.single-hn_product{background:#f3f7f5!important;color:#14271f}
body.single-hn_product .entry-header,
body.single-hn_product .entry-title,
body.single-hn_product .entry-footer,
body.single-hn_product .post-navigation{display:none!important}
body.single-hn_product .site-main>article,
body.single-hn_product .entry-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.hncm-single{--hn-deep:#133f34;--hn-green:#08a47e;--hn-mint:#e5f8f1;--hn-line:#dce9e4;--hn-muted:#65766f;width:min(1180px,calc(100% - 36px))!important;max-width:1180px!important;margin:0 auto!important;padding:36px 0 96px!important;background:transparent!important;font-family:'Noto Sans KR',sans-serif!important}
.hncm-back{display:inline-flex!important;align-items:center;gap:6px;color:#427065!important;font-size:14px!important;font-weight:800!important;text-decoration:none!important;margin:0 0 18px!important}
.hncm-single-hero{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;gap:0!important;align-items:stretch!important;background:#fff!important;border:1px solid var(--hn-line)!important;border-radius:30px!important;overflow:hidden!important;box-shadow:0 22px 60px rgba(19,63,52,.09)!important}
.hncm-single-image{height:600px!important;border-radius:0!important;background:linear-gradient(145deg,#f2f8f5,#e7f2ed)!important;padding:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.hncm-single-image img{width:100%!important;height:100%!important;object-fit:contain!important;filter:drop-shadow(0 22px 25px rgba(23,60,50,.13))}
.hncm-single-summary{padding:54px 48px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.hncm-single-summary .hncm-brand{display:inline-flex!important;width:max-content!important;background:var(--hn-mint)!important;color:#057858!important;border-radius:999px!important;padding:7px 11px!important;font-size:11px!important;font-weight:900!important;letter-spacing:.04em!important}
.hncm-single-summary h1{font-size:34px!important;line-height:1.3!important;letter-spacing:-.045em!important;color:#11251e!important;margin:15px 0 17px!important;max-width:none!important}
.hncm-single-summary .hncm-tags{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
.hncm-single-summary .hncm-tags span{background:#f1f6f4!important;color:#477067!important;border:1px solid #e3ece8!important;border-radius:7px!important;padding:5px 9px!important;font-size:11px!important}
.hncm-single-summary .hncm-rating{margin:15px 0 0!important;font-size:13px!important}
.hncm-price-card{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:14px!important;margin:26px 0 15px!important;padding:20px!important;background:#f7faf9!important;border:1px solid var(--hn-line)!important;border-radius:18px!important}
.hncm-single-price{margin:0!important}
.hncm-single-price del{color:#94a29d!important;font-size:12px!important}
.hncm-single-price strong{font-size:31px!important;line-height:1.15!important;color:#0e3329!important;letter-spacing:-.04em!important}
.hncm-single-price small{margin-top:7px!important;color:var(--hn-muted)!important;font-size:11px!important}
.hncm-lowest-badge{color:#08795b!important;background:#e5f8f1!important;border-radius:999px!important;padding:7px 10px!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}
.hncm-buy{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;width:100%!important;padding:17px 18px 17px 21px!important;border:0!important;border-radius:17px!important;background:linear-gradient(135deg,#0ab188 0%,#08775d 100%)!important;color:#fff!important;text-decoration:none!important;box-shadow:0 14px 26px rgba(8,148,111,.26)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.hncm-buy:hover{transform:translateY(-2px)!important;box-shadow:0 18px 34px rgba(8,148,111,.34)!important;color:#fff!important}
.hncm-buy-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;line-height:1.25!important}
.hncm-buy-copy small{font-size:10px!important;color:rgba(255,255,255,.76)!important;font-weight:600!important;margin-bottom:4px!important}
.hncm-buy-copy b{font-size:17px!important;color:#fff!important;font-weight:900!important}
.hncm-buy-arrow{display:grid!important;place-items:center!important;width:39px!important;height:39px!important;flex:0 0 39px!important;border-radius:50%!important;background:rgba(255,255,255,.17)!important;font-size:22px!important;line-height:1!important}
.hncm-buy.disabled{background:#8d9d97!important;box-shadow:none!important}
.hncm-disclosure{text-align:left!important;margin:11px 4px 0!important;color:#82908b!important;font-size:10px!important}
.hncm-description{margin:28px 0 0!important;padding:24px 28px!important;background:#fff!important;border:1px solid var(--hn-line)!important;border-radius:18px!important;color:#53655e!important;font-size:14px!important;line-height:1.8!important}
.hncm-analysis{margin-top:42px!important;padding:38px!important;background:#fff!important;border:1px solid var(--hn-line)!important;border-radius:28px!important;box-shadow:0 15px 42px rgba(19,63,52,.06)!important}
.hncm-analysis-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:28px!important;margin-bottom:20px!important}
.hncm-analysis-head h2{font-size:30px!important;line-height:1.25!important;letter-spacing:-.045em!important;color:#11251e!important;margin:8px 0 6px!important}
.hncm-analysis-head p{margin:0!important;color:var(--hn-muted)!important;font-size:13px!important}
.hncm-summary-chips{display:grid!important;grid-template-columns:repeat(4,minmax(64px,1fr))!important;gap:8px!important;flex:0 0 auto!important}
.hncm-summary-chips span{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:70px!important;padding:10px 8px!important;border:1px solid transparent!important;border-radius:13px!important;font-size:10px!important;font-weight:800!important}
.hncm-summary-chips b{font-size:20px!important;line-height:1!important;margin-bottom:5px!important}
.hncm-summary-chips .low{background:#e8f9ef!important;color:#137647!important;border-color:#c8eed8!important}
.hncm-summary-chips .mid{background:#fff7dc!important;color:#9b6908!important;border-color:#f6e5ae!important}
.hncm-summary-chips .high{background:#fff0ed!important;color:#b44235!important;border-color:#f4d1cb!important}
.hncm-summary-chips .unknown{background:#f0f3f2!important;color:#687873!important;border-color:#e1e7e4!important}
.hncm-summary-chips.pending{display:block!important}
.hncm-summary-chips.pending span{font-size:12px!important;color:#60726b!important;background:#f0f5f3!important}
.hncm-source-note{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px 16px!important;margin:0 0 18px!important;padding:14px 16px!important;border:0!important;border-radius:14px!important;background:#f4f8f6!important;color:#5c6f67!important;font-size:11px!important;line-height:1.6!important}
.hncm-source-note strong{color:#193f34!important;font-size:12px!important}
.hncm-source-note span{display:inline-flex!important;align-items:center!important;gap:5px!important;font-weight:800!important;white-space:nowrap!important}
.hncm-source-note i{width:8px!important;height:8px!important;border-radius:50%!important;background:#b8c4c0!important}
.hncm-source-note i.low{background:#35b96f!important}.hncm-source-note i.mid{background:#e8b031!important}.hncm-source-note i.high{background:#e46452!important}
.hncm-source-note small{flex:1 1 100%!important;color:#778680!important}
.hncm-ingredient-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.hncm-ingredient-card{display:flex!important;flex-direction:column!important;min-width:0!important;background:#fbfdfc!important;border:1px solid #e0ebe6!important;border-radius:18px!important;padding:20px!important;transition:border-color .18s ease,transform .18s ease!important}
.hncm-ingredient-card:hover{transform:translateY(-2px)!important;border-color:#a9d8c8!important}
.hncm-ingredient-card.warning{border-left:4px solid #e26756!important}
.hncm-ingredient-card header{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:16px!important;padding:0!important;margin:0 0 16px!important;background:none!important}
.hncm-ingredient-name{min-width:0!important}
.hncm-ingredient-name strong{display:block!important;color:#153c31!important;font-size:16px!important;line-height:1.35!important}
.hncm-ingredient-name small{display:block!important;color:#84918c!important;font-size:10px!important;margin-top:3px!important;overflow-wrap:anywhere!important}
.hncm-ingredient-name span{display:inline-block!important;background:#eef5f2!important;color:#507067!important;border-radius:6px!important;padding:4px 7px!important;margin-top:8px!important;font-size:10px!important;font-weight:700!important}
.hncm-ewg-block{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;flex:0 0 auto!important}
.hncm-ewg-block small{font-size:9px!important;color:#8b9893!important;font-weight:900!important}
.hncm-ewg{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;font-size:14px!important;font-weight:900!important}
.hncm-ewg.low{background:#dbf6e6!important;color:#147342!important}.hncm-ewg.mid{background:#ffefbd!important;color:#936208!important}.hncm-ewg.high{background:#ffe1dc!important;color:#ae3d32!important}.hncm-ewg.unknown{background:#e9eeec!important;color:#687873!important}
.hncm-ingredient-facts{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-top:1px solid #e5ece9!important}
.hncm-ingredient-facts>div{display:grid!important;grid-template-columns:112px 1fr!important;gap:10px!important;padding:11px 0!important;border-bottom:1px solid #edf2f0!important;font-size:11px!important}
.hncm-ingredient-facts span{color:#71837c!important;font-weight:800!important}
.hncm-ingredient-facts b,.hncm-ingredient-facts p{margin:0!important;color:#314c43!important;font-size:11px!important;line-height:1.55!important}
.hncm-ingredient-facts small{grid-column:2!important;color:#8b9893!important;font-size:9px!important}
.hncm-ingredient-card footer{display:flex!important;gap:12px!important;margin-top:auto!important;padding-top:12px!important}
.hncm-ingredient-card footer a{color:#078265!important;font-size:10px!important;font-weight:900!important;text-decoration:none!important}
.hncm-official-images,.hncm-sources{margin-top:42px!important}

@media(max-width:900px){
  .hncm-single-hero{grid-template-columns:1fr!important}
  .hncm-single-image{height:440px!important}
  .hncm-single-summary{padding:38px!important}
  .hncm-analysis-head{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:640px){
  .hncm-single{width:min(100% - 24px,1180px)!important;padding:20px 0 70px!important}
  .hncm-single-hero{border-radius:22px!important}
  .hncm-single-image{height:330px!important;padding:26px!important}
  .hncm-single-summary{padding:27px 22px 25px!important}
  .hncm-single-summary h1{font-size:25px!important}
  .hncm-price-card{align-items:flex-start!important;flex-direction:column!important;padding:17px!important}
  .hncm-lowest-badge{white-space:normal!important}
  .hncm-buy{padding:15px 15px 15px 18px!important}
  .hncm-analysis{margin-top:24px!important;padding:24px 16px!important;border-radius:22px!important}
  .hncm-analysis-head h2{font-size:24px!important}
  .hncm-summary-chips{width:100%!important;grid-template-columns:repeat(4,1fr)!important;gap:5px!important}
  .hncm-summary-chips span{min-width:0!important;padding:9px 4px!important}
  .hncm-summary-chips b{font-size:17px!important}
  .hncm-ingredient-list{grid-template-columns:1fr!important}
  .hncm-ingredient-card{padding:17px!important}
  .hncm-ingredient-facts>div{grid-template-columns:100px 1fr!important}
}