/* Pro Nails – Bảng giá (Services & Prices): 1 trang cuộn, thanh 3 mục dính dưới header + scroll-spy. */
:where(.pnb-menu){padding-top:0;overflow-x:clip}
.pnb-menu{--pnb-top:0px}
body.pn-sticky .pnb-menu{--pnb-top:var(--pn-hdr,73px)}
body.pn-sticky.admin-bar .pnb-menu{--pnb-top:calc(var(--pn-hdr,73px) + 32px)}
@media (max-width:782px){body.pn-sticky.admin-bar .pnb-menu{--pnb-top:calc(var(--pn-hdr,73px) + 46px)}}
@media (max-width:600px){body.pn-sticky.admin-bar .pnb-menu{--pnb-top:var(--pn-hdr,73px)}}

/* thanh mục dính */
.pnb-menu .pnb-mchips{position:sticky;top:var(--pnb-top);z-index:40;background:var(--surface);border-bottom:1px solid var(--line);margin-bottom:clamp(28px,4vw,44px)}
.pnb-menu .pnb-mchips .pnb-wrap{display:flex;gap:8px;padding-block:10px}
.pnb-menu .pnb-mchips a,.pnb-menu .pnb-mchips a:visited{flex:1 1 0;max-width:190px;min-height:44px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:1rem;text-decoration:none;white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.pnb-menu .pnb-mchips a:hover{border-color:var(--wine);color:var(--wine)}
.pnb-menu .pnb-mchips a.is-on{background:var(--blush);border-color:var(--wine);color:var(--wine)}
.pnb-menu:not(:has(.pnb-mchips)) .pnb-mlist{padding-top:clamp(28px,4vw,44px)}

/* các mục */
.pnb-menu .pnb-mlist{display:grid;gap:clamp(20px,3vw,32px)}
.pnb-menu .pnb-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:clamp(20px,3.5vw,40px);box-shadow:0 10px 26px -18px rgba(var(--shade),.45);scroll-margin-top:calc(var(--pnb-top) + 76px);min-width:0}
:where(.pnb-menu) .pnb-panel-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 20px;margin-bottom:20px}
:where(.pnb-menu) .pnb-panel-head h2{font-size:1.7rem;color:var(--brick-hi)}
:where(.pnb-menu) .pnb-panel-head p{color:var(--muted);font-size:.94rem}

/* danh sách giá có chấm */
.pnb-menu .pnb-plist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.pnb-menu .pnb-plist li{display:flex;align-items:baseline;gap:10px;padding:13px 0;border-bottom:1px dotted var(--line);min-width:0;font-size:1.06rem;margin:0}
:where(.pnb-menu) .pnb-n{font-weight:500;min-width:0}
:where(.pnb-menu) .pnb-n small{display:block;font-size:.94rem;color:var(--muted);font-weight:400}
.pnb-menu .pnb-dots{flex:1;border-bottom:1px dotted var(--muted);opacity:.4;transform:translateY(-4px);min-width:16px}
:where(.pnb-menu) .pnb-p{font-family:var(--f-serif);font-weight:600;color:var(--wine);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:1.12rem}
@media (max-width:760px){.pnb-menu .pnb-plist{grid-template-columns:1fr}}

/* bảng Full set / Fill-in: lưới 3 cột, không tràn ngang */
.pnb-menu .pnb-pgrid{display:grid;font-variant-numeric:tabular-nums}
.pnb-menu .pnb-pr2{display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,auto) minmax(64px,auto);gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px dotted var(--line)}
:where(.pnb-menu) .pnb-pr2 b.pnb-p{text-align:right}
:where(.pnb-menu) .pnb-pr2 b.pnb-span2{grid-column:span 2;font-family:var(--f-sans);font-weight:500;font-size:.94rem;color:var(--muted)}
.pnb-menu .pnb-pr2.is-hd{padding:4px 0 10px;border-bottom:1px solid var(--line)}
:where(.pnb-menu) .pnb-pr2.is-hd span{font:600 13.5px/1.2 var(--f-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right}
:where(.pnb-menu) .pnb-pr2.is-hd span:first-child{text-align:left}
@media (max-width:560px){
  .pnb-menu .pnb-pr2{gap:10px;grid-template-columns:minmax(0,1fr) minmax(58px,auto) minmax(58px,auto)}
  :where(.pnb-menu) .pnb-pr2.is-hd span{letter-spacing:.06em}
}

/* phụ phí gói gọn */
.pnb-menu .pnb-xtra{margin-top:20px;border-top:1px dashed var(--line)}
.pnb-menu .pnb-xtra summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 6px;cursor:pointer;list-style:none;font-weight:600;color:var(--wine);min-height:44px}
.pnb-menu .pnb-xtra summary span{color:var(--muted);font-weight:500;margin-right:auto}
.pnb-menu .pnb-xtra summary::-webkit-details-marker{display:none}
.pnb-menu .pnb-xtra summary::after{content:"+";font-family:var(--f-serif);font-size:1.6rem;line-height:1;transition:transform .2s}
.pnb-menu .pnb-xtra[open] summary::after{transform:rotate(45deg)}

/* cuối mục */
.pnb-menu .pnb-pfoot{display:grid;gap:12px;margin-top:20px}
:where(.pnb-menu) .pnb-note{font-size:.94rem;color:var(--muted)}
.pnb-menu .pnb-pfoot .pnb-link{justify-self:start;font-size:1rem}

/* gói pedicure: 2 giá, bước làm gói lại */
.pnb-menu .pnb-pedis{display:grid;gap:14px}
.pnb-menu .pnb-pedi{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.pnb-menu .pnb-pedi summary{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;cursor:pointer;list-style:none}
.pnb-menu .pnb-pedi summary::-webkit-details-marker{display:none}
:where(.pnb-menu) .pnb-no{font-family:var(--f-serif);font-style:italic;color:var(--orchid);font-size:1.4rem;width:1.4em}
:where(.pnb-menu) .pnb-nm{font-weight:600;font-size:1.05rem;min-width:0}
:where(.pnb-menu) .pnb-nm small{display:block;font-weight:400;font-size:.94rem;color:var(--muted)}
.pnb-menu .pnb-pr{display:flex;gap:18px;text-align:right}
.pnb-menu .pnb-pr>span{display:grid;line-height:1.1}
:where(.pnb-menu) .pnb-pr span span{font-size:13.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
:where(.pnb-menu) .pnb-pr b.pnb-p{font-size:1.35rem}
.pnb-menu .pnb-more{grid-column:1/-1;font-size:.94rem;font-weight:600;color:var(--wine)}
.pnb-menu .pnb-more::after{content:"What\2019s included  +"}
.pnb-menu .pnb-pedi[open] .pnb-more::after{content:"Hide steps  \2212"}
.pnb-menu .pnb-pedi[open] summary{border-bottom:1px dashed var(--line)}
.pnb-menu .pnb-pedi ol{margin:0;padding:14px 18px 18px 58px;color:var(--muted);font-size:1rem;display:grid;gap:4px}
:where(.pnb-menu) .pnb-pop{display:inline-block;margin-left:8px;font:600 13px/1 var(--f-sans);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(180deg,#D8B77E,#B8935A);color:#fff;padding:4px 8px;border-radius:6px;vertical-align:middle}
@media (max-width:560px){
  .pnb-menu .pnb-pedi summary{grid-template-columns:1fr;gap:8px}
  .pnb-menu .pnb-no{display:none}
  .pnb-menu .pnb-pr{text-align:left}
  .pnb-menu .pnb-pedi ol{padding-left:36px}
}