/* Dedicated Pandi HairSystem price list. No global/hero/mobile-site selectors. */
.pandi-hair-pricing, .pandi-hair-pricing * { box-sizing:border-box; }
.pandi-hair-pricing { padding:72px 0; background:#f6f7f8; color:#1b1e21; scroll-margin-top:90px; }
.pandi-hair-pricing__heading { display:flex; justify-content:space-between; align-items:end; flex-wrap:wrap; gap:18px; margin-bottom:25px; }
.pandi-hair-pricing__heading > div { max-width:760px; }
.pandi-hair-pricing__eyebrow { color:#676d73; font-size:11px; text-transform:uppercase; letter-spacing:.12em; font-weight:800; }
.pandi-hair-pricing__heading h2 { font-size:clamp(28px,3.7vw,42px); line-height:1.13; margin:9px 0 11px; color:#17191c; }
.pandi-hair-pricing__heading p { color:#5f666d; line-height:1.65; max-width:690px; margin:0; }
.pandi-hair-pricing__all { color:#111; text-decoration:none; background:white; border:1px solid #cfd2d5; border-radius:999px; padding:12px 16px; font-weight:700; font-size:13px; }
.pandi-hair-pricing__all:hover { background:#eee; }
.pandi-hair-pricing__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pandi-hair-pricing__card { border:1px solid #dfe2e5; border-radius:18px; background:white; padding:25px 23px; display:flex; flex-direction:column; min-width:0; box-shadow:0 4px 16px rgba(0,0,0,.035); }
.pandi-hair-pricing__card--featured { border-color:#171a1e; box-shadow:0 0 0 1px #171a1e inset,0 9px 20px rgba(0,0,0,.07); }
.pandi-hair-pricing__category { color:#707982; text-transform:uppercase; letter-spacing:.12em; font-size:11px; font-weight:800; }
.pandi-hair-pricing__card h3 { font-size:20px; line-height:1.3; margin:12px 0 13px; color:#15171a; }
.pandi-hair-pricing__price { font-size:39px; font-weight:800; line-height:1.2; letter-spacing:-1px; margin-bottom:14px; }
.pandi-hair-pricing__card p { font-size:13px; line-height:1.7; color:#5c636b; margin:0 0 24px; flex:1; }
.pandi-hair-pricing__button { color:#fff !important; border:1px solid #1c2024; background:#1c2024; display:block; text-align:center; padding:13px 14px; border-radius:10px; text-decoration:none !important; font-size:13px; font-weight:700; }
.pandi-hair-pricing__button:hover { background:#353a40; }
.pandi-hair-pricing__card > small { display:block; color:#777e86; font-size:11px; margin-top:12px; line-height:1.5; }
.pandi-hair-pricing__more { margin-top:23px; background:white; border:1px solid #e1e4e7; border-radius:14px; overflow:hidden; }
.pandi-hair-pricing__more summary { cursor:pointer; padding:18px 22px; font-size:14px; font-weight:750; display:flex; justify-content:space-between; align-items:center; list-style:none; }
.pandi-hair-pricing__more summary::-webkit-details-marker { display:none; }
.pandi-hair-pricing__more summary span { font-size:22px; font-weight:400; }
.pandi-hair-pricing__more[open] summary span { transform:rotate(45deg); }
.pandi-hair-pricing__options { border-top:1px solid #eef0f2; padding:0 22px; }
.pandi-hair-pricing__option { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 0; border-bottom:1px solid #eceef0; }
.pandi-hair-pricing__option:last-child { border-bottom:0; }
.pandi-hair-pricing__option > div:first-child { max-width:700px; }
.pandi-hair-pricing__option small { display:block; font-size:10px; color:#7a8189; text-transform:uppercase; letter-spacing:.08em; }
.pandi-hair-pricing__option strong { display:block; color:#21262b; font-size:15px; margin:2px 0 5px; }
.pandi-hair-pricing__option p { font-size:12px; color:#6c737b; margin:0; line-height:1.6; }
.pandi-hair-pricing__option > div:last-child { display:flex; flex-direction:column; text-align:right; white-space:nowrap; gap:6px; }
.pandi-hair-pricing__option b { font-size:18px; }
.pandi-hair-pricing__option a { font-size:12px; font-weight:700; color:#2c4d74; }
.pandi-hair-pricing__fineprint { color:#6b737c; font-size:12px; line-height:1.7; margin:17px 0 0; }
@media(max-width:800px) { .pandi-hair-pricing__grid { grid-template-columns:1fr; } .pandi-hair-pricing__card { padding:22px; } .pandi-hair-pricing { padding:52px 0; } }
@media(max-width:390px) { .pandi-hair-pricing__option { align-items:start; gap:10px; } .pandi-hair-pricing__option > div:last-child { white-space:normal; } .pandi-hair-pricing__option b { font-size:15px; } }

/* v14: two genuine service prices, with no absolute-position overlays. */
.pandi-hair-pricing__card--maintenance h3 { margin-bottom:18px; }
.pandi-hair-pricing__compare { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:0 0 16px; width:100%; }
.pandi-hair-pricing__tier { display:flex; flex-direction:column; min-width:0; padding:14px 12px; border:1px solid #e2e5e9; border-radius:12px; background:#f6f7f8; }
.pandi-hair-pricing__tier--legacy { background:#f4f7f5; border-color:#cadcd0; }
.pandi-hair-pricing__tier-label { font-size:11px; font-weight:800; color:#59636b; line-height:1.4; min-height:2.8em; }
.pandi-hair-pricing__tier strong { display:block; font-size:clamp(27px,2.6vw,35px); font-weight:850; line-height:1.15; letter-spacing:-.6px; color:#171b1e; margin:8px 0; white-space:nowrap; }
.pandi-hair-pricing__tier--legacy strong { color:#1d5235; }
.pandi-hair-pricing__tier-extras { color:#606971; font-size:11px; line-height:1.65; }
.pandi-hair-pricing__maintenance-note { margin:0 0 24px !important; }
@media(max-width:400px) { .pandi-hair-pricing__compare { grid-template-columns:1fr; } .pandi-hair-pricing__tier { padding:12px 14px; } .pandi-hair-pricing__tier-label { min-height:0; } .pandi-hair-pricing__tier strong { font-size:32px; } }