/* V2 Services: branch-specific verified poster prices, original VAX charcoal/sage style */
.vax-service-filter{display:grid;grid-template-columns:1fr 1fr;gap:9px 15px;max-width:720px;margin:30px 0 15px}
.vax-service-filter label{font-size:10px;letter-spacing:.14em;font-weight:800;color:#cedac1}
.vax-service-filter label:nth-of-type(1){grid-column:1;grid-row:1}.vax-service-filter label:nth-of-type(2){grid-column:2;grid-row:1}
.vax-service-filter select{width:100%;min-width:0;padding:14px 12px;border:1px solid #777d72;border-radius:0;background:#202320;color:#f8f8f5;font:700 14px Archivo,Arial,sans-serif;grid-row:2}
.vax-service-note{font-size:12px!important;color:#bfc8b8!important;line-height:1.65!important;max-width:720px}
.vax-service-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}
.vax-service-tabs button{cursor:pointer;border:1px solid #777d72;color:#eee;background:transparent;padding:11px 14px;font-weight:800;font-size:10px;letter-spacing:.05em}
.vax-service-tabs button.active{background:#dce7c9;color:#161816;border-color:#dce7c9}
.vax-service-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.vax-service-card{display:flex;flex-direction:column;background:#252825;border:1px solid #51574e;padding:22px;min-width:0}
.vax-service-index{font-size:10px;letter-spacing:.12em;color:#b8c8ad}
.vax-service-card h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(27px,3.4vw,43px);line-height:1.04;margin:22px 0 10px;color:#fafbf7}
.vax-service-card p{font-size:12px;line-height:1.7;color:#c6cbc2;margin:0 0 28px}
.vax-service-price{border-top:1px solid #66705f;padding-top:13px;margin-top:auto;display:flex;flex-direction:column;gap:4px}
.vax-service-price small{font-size:9px;color:#cedac1;font-weight:800;letter-spacing:.12em}
.vax-service-price strong{color:#dce7c9;font:900 clamp(28px,3.1vw,39px)/1 'Barlow Condensed',sans-serif}
.vax-service-pending{grid-column:1/-1;border:1px solid #697365;padding:30px;color:#f8f8f5}
.vax-service-pending strong{font-size:20px}.vax-service-pending p{color:#c8cec4;line-height:1.7}
@media(max-width:900px){.vax-service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.vax-service-filter{gap:7px 9px}.vax-service-filter select{font-size:12px;padding:11px 7px}.vax-service-cards{grid-template-columns:1fr}.vax-service-card{padding:20px}.vax-service-card h3{font-size:35px;margin-top:15px}.vax-service-card p{margin-bottom:19px}.vax-service-tabs button{font-size:9px;padding:10px}.vax-service-pending{padding:20px}}

/* VAX service catalog: richer descriptions and personal recommendations. */
.vax-service-card .vax-service-description{font-size:13px;line-height:1.75;color:#e0e4dc;margin-bottom:18px}
.vax-service-suitable{margin:0 0 25px;padding:13px 14px;background:rgba(220,231,201,.07);border-left:2px solid #dce7c9}
.vax-service-suitable>span{display:block;color:#dce7c9;font-size:10px;letter-spacing:.13em;font-weight:900;margin-bottom:7px}
.vax-service-suitable>p{margin:0;color:#e8ece5;font-size:12px;line-height:1.65}
@media(max-width:650px){.vax-service-card .vax-service-description{font-size:13px;margin-bottom:15px}.vax-service-suitable{margin-bottom:18px}}

/* Package-only thumbnails from original VAX poster. */
.vax-service-card{position:relative}
.vax-service-card .vax-service-thumb{position:absolute;right:16px;top:16px;width:80px;height:80px;object-fit:cover;object-position:center;border:1px solid rgba(220,231,201,.4);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.27);filter:grayscale(100%)}
.vax-service-card:has(>.vax-service-thumb)>.vax-service-index{max-width:calc(100% - 95px)}
.vax-service-card:has(>.vax-service-thumb)>.vax-service-card-title{max-width:calc(100% - 95px);min-height:62px;overflow-wrap:break-word}
@media(max-width:650px){.vax-service-card .vax-service-thumb{width:72px;height:72px}.vax-service-card:has(>.vax-service-thumb)>.vax-service-index,.vax-service-card:has(>.vax-service-thumb)>.vax-service-card-title{max-width:calc(100% - 85px)}}

/* Portrait thumbnails: display the full new head-focused crop. */
.vax-service-card .vax-service-thumb{width:80px;height:96px;object-fit:contain;object-position:center top;background:#181a18}
.vax-service-card:has(>.vax-service-thumb)>.vax-service-card-title{min-height:104px}
@media(max-width:650px){.vax-service-card .vax-service-thumb{width:72px;height:90px}.vax-service-card:has(>.vax-service-thumb)>.vax-service-card-title{min-height:100px}}

/* Final mobile thumbnail UI: preserve full portrait, avoid clipping, no excess title gap. */
.vax-service-card:has(>.vax-service-thumb)>.vax-service-card-title{min-height:0!important;max-width:calc(100% - 96px)!important;margin-bottom:26px!important}
.vax-service-card .vax-service-thumb{width:82px!important;height:116px!important;top:18px!important;right:18px!important;display:block!important;object-fit:contain!important;object-position:center!important;background:#181a18!important;border-radius:6px!important}
@media(max-width:650px){
 .vax-service-card .vax-service-thumb{width:78px!important;height:108px!important;right:14px!important;top:14px!important}
 .vax-service-card:has(>.vax-service-thumb)>.vax-service-card-title{max-width:calc(100% - 90px)!important;min-height:86px!important;margin-bottom:12px!important}
}
/* Portrait photo correction: actual hair/model position, full portrait shown on mobile. */
.vax-service-card .vax-service-thumb{width:96px!important;height:106px!important;object-fit:cover!important;object-position:center center!important}
.vax-service-card:has(>.vax-service-thumb)>.vax-service-card-title{max-width:calc(100% - 110px)!important;min-height:95px!important}
@media(max-width:650px){
 .vax-service-card .vax-service-thumb{width:94px!important;height:112px!important;top:13px!important;right:13px!important}
 .vax-service-card:has(>.vax-service-thumb)>.vax-service-card-title{max-width:calc(100% - 105px)!important;min-height:93px!important}
}

/* Service card photo/text natural wrapping — mobile + desktop; package-only. */
.vax-service-card .vax-service-textflow{display:flow-root;min-width:0;margin:0 0 18px}
.vax-service-card .vax-service-textflow>.vax-service-thumb{
 position:static!important;float:right!important;display:block!important;
 width:94px!important;height:112px!important;margin:0 0 8px 13px!important;
 object-fit:cover!important;object-position:center!important;
 border-radius:6px!important;flex:none!important
}
.vax-service-card .vax-service-textflow>.vax-service-card-title{
 max-width:none!important;min-height:0!important;margin:12px 0 10px!important;
 overflow-wrap:break-word
}
.vax-service-card .vax-service-textflow>.vax-service-description{
 max-width:none!important;margin:0!important;line-height:1.7!important
}
@media(max-width:650px){
 .vax-service-card .vax-service-textflow>.vax-service-thumb{width:88px!important;height:105px!important;margin-left:11px!important}
 .vax-service-card .vax-service-textflow>.vax-service-card-title{font-size:33px!important;line-height:1.04!important;margin:9px 0 9px!important}
}

/* UI-only: white surface behind service cards, keep the cards charcoal. */
.service-section{background:#fff!important;color:#171817!important}
.service-section .section-head.light{color:#252823!important;border-color:#d9ddd6!important}
.service-section .service-headline h2{color:#171817!important}
.service-section .service-headline p{color:#4b534c!important}
.service-section .vax-service-filter label{color:#263428!important}
.service-section .vax-service-filter select{background:#fff!important;color:#171817!important;border-color:#aeb7ac!important}
.service-section .vax-service-note{color:#454f46!important}
.service-section .vax-service-tabs button{color:#171817!important;border-color:#8d998e!important;background:#fff!important}
.service-section .vax-service-tabs button.active{background:#dce7c9!important;color:#171817!important;border-color:#9cae8d!important}
.service-section .service-foot{color:#505850!important}
/* The package and treatment cards deliberately remain dark. */
.service-section .vax-service-card{background:#252825!important;color:#f8f8f5!important}
/* Finishing: clean white catalog, stronger card separation and readable copy. */
.service-section .vax-service-cards{gap:18px!important}
.service-section .vax-service-card{border:1px solid #9fa8a0!important;box-shadow:0 5px 16px rgba(19,28,20,.09)!important}
.service-section .vax-service-card .vax-service-description{line-height:1.85!important}
.service-section .vax-service-tabs{gap:9px!important;margin:25px 0 22px!important}
.service-section .vax-service-tabs button{min-height:37px!important}
.service-section .vax-service-filter{margin-top:30px!important;margin-bottom:18px!important}
@media(max-width:650px){
 .service-section .vax-service-cards{gap:16px!important}
 .service-section .vax-service-card{padding:20px!important}
 .service-section .vax-service-tabs{margin:23px 0 20px!important}
}

/* Equal-height desktop catalog cards: reference Ganteng / Elegan / Grooming; keep all copy visible. */
@media(min-width:901px){
 .service-section .vax-service-cards{grid-auto-rows:1fr!important;align-items:stretch!important}
 .service-section .vax-service-card{height:100%!important;min-height:405px!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important}
 .service-section .vax-service-card .vax-service-textflow{flex:0 0 auto!important;margin-bottom:16px!important}
 .service-section .vax-service-card .vax-service-suitable{margin-top:auto!important;margin-bottom:22px!important;min-height:85px!important;box-sizing:border-box!important}
 .service-section .vax-service-card .vax-service-price{margin-top:0!important}
}
@media(min-width:651px) and (max-width:900px){
 .service-section .vax-service-cards{grid-auto-rows:1fr!important;align-items:stretch!important}
 .service-section .vax-service-card{height:100%!important;box-sizing:border-box!important}
 .service-section .vax-service-card .vax-service-suitable{margin-top:auto!important}
}
@media(max-width:650px){
 .service-section .vax-service-cards{grid-auto-rows:auto!important}
 .service-section .vax-service-card{height:auto!important;min-height:0!important}
}
/* Desktop card correction: preserve natural floated photo/text and equal height. */
@media(min-width:901px){
 .service-section .vax-service-cards{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:auto!important;align-items:stretch!important}
 .service-section .vax-service-card{display:flex!important;flex-direction:column!important;min-height:405px!important;height:100%!important;box-sizing:border-box!important}
 .service-section .vax-service-card>.vax-service-index{display:block!important;flex:none!important}
 .service-section .vax-service-card>.vax-service-textflow{display:flow-root!important;flex:none!important;min-width:0!important;padding-top:0!important;margin:0 0 16px!important}
 .service-section .vax-service-card>.vax-service-suitable{flex:none!important;margin:auto 0 20px!important;min-height:90px!important;box-sizing:border-box!important}
 .service-section .vax-service-card>.vax-service-price{flex:none!important;margin:0!important}
}