/* Figma layouts enabled for the reviewed procedure only. */
.procedure-page .procedure-hero h2,.procedure-page .benefit-card h3{font-synthesis:none}
.procedure-page .procedure-hero .content>:last-child{margin-bottom:0}
@media(max-width:600px){
 .procedure-page .page-main{padding-top:5.375rem}
 .procedure-page .breadcrumbs{font-size:1rem;line-height:1.2;margin-bottom:1.5rem}
 .procedure-page .breadcrumbs ol,.procedure-page .breadcrumbs li{gap:0.625rem}
 .procedure-page .procedure-hero{gap:1.25rem}
 .procedure-page .procedure-hero>div{gap:0.875rem}
 .procedure-page .procedure-hero .section-title{font-size:2.25rem;line-height:1.1}
 .procedure-page .procedure-hero h2{font-size:1.5rem;line-height:1.1}
 .procedure-page .procedure-hero p{font-size:1rem;line-height:1.2;margin:0}
 .procedure-page .procedure-hero .btn{margin-top:0.375rem}
 .procedure-page .procedure-hero-photo{height:12.3125rem;max-height:none;aspect-ratio:auto;border-radius:1.875rem;object-fit:cover}
 .procedure-page .procedure-benefits-grid{grid-template-columns:minmax(0,1fr);gap:0.625rem}
 .procedure-page .benefit-card{min-height:11.875rem;height:auto;padding:1.5rem;border-radius:1.875rem;gap:1.25rem}
 .procedure-page .benefit-card h3{font-size:1.25rem;line-height:1.2}
 .procedure-page .benefit-card p{font-size:1rem;line-height:1.2}
 .procedure-page .benefit-image{height:13.125rem;min-height:0;aspect-ratio:auto;border-radius:1.875rem;object-fit:cover}
 .procedure-page .procedure-tabs-section{margin-top:6.25rem}
 .procedure-page .mobile-procedure-toggle{font-size:1.75rem;line-height:1.1;padding:0.75rem 0}
 .procedure-page .procedure-tab-content{padding:1.25rem 0 1.5rem}
 .procedure-page .procedure-richtext ul{font-size:1rem;line-height:1.2;gap:1rem}
 .procedure-page .procedure-richtext .content ul>li{line-height:1.2;padding-left:2.375rem}
}

/* Botox-specific variations on the shared procedure layout. */
.procedure-page--botox .benefit-card[data-benefit=vmax]{background:#b4266833;border:0;color:var(--text)}
.procedure-page--botox .benefit-card[data-benefit=vmax] h3{color:var(--accent)}
.procedure-page--botox .benefit-image--machine{border:1px solid var(--accent);background:#fff;object-fit:contain}
.procedure-page--botox .procedure-hero p{line-height:1.3}
@media(min-width:601px){
 .procedure-page--botox .procedure-benefits>.container>.section-title{margin-bottom:2.5rem}
}
@media(max-width:600px){
 .procedure-page--botox .benefit-card{gap:0.75rem}
 .procedure-page--botox .procedure-hero p{line-height:1.2}
}

/* Contouring keeps the outlined desktop card and uses pink on mobile. */
@media(min-width:601px){
 .procedure-page--contour .procedure-benefits>.container>.section-title{margin-bottom:2.5rem}
}
@media(max-width:600px){
 .procedure-page--contour .benefit-card[data-benefit=vmax]{background:#b4266833;border:0;color:var(--text)}
 .procedure-page--contour .benefit-card[data-benefit=vmax] h3{color:var(--accent)}
 .procedure-page--contour .benefit-card{gap:0.75rem}
}

@media(min-width:601px){
 .procedure-page--prp .procedure-benefits>.container>.section-title{margin-bottom:2.5rem}
}
@media(max-width:600px){
 .procedure-page--prp .procedure-benefits-grid:not(.procedure-benefits-grid--auto){grid-template-areas:'vmax' 'jaw' 'result' 'neck' 'recovery' 'face' 'visit' 'machine'}
 .procedure-page--prp .benefit-card{gap:0.75rem}
}

.procedure-page--ultra .benefit-card[data-benefit=vmax]{background:#b4266833;border:0;color:var(--text)}
.procedure-page--ultra .benefit-card[data-benefit=vmax] h3{color:var(--accent)}
.procedure-page--ultra .benefit-image--machine{border:1px solid var(--accent);background:#fff;object-fit:contain}
@media(min-width:601px){
 .procedure-page--ultra .procedure-benefits>.container>.section-title{margin-bottom:2.5rem}
}
@media(max-width:600px){
 .procedure-page--ultra .benefit-card{gap:0.75rem}
}

.procedure-page .benefit-copy{font-size:1rem;line-height:1.2}
.procedure-page .benefit-copy p{margin:0;font-size:inherit;line-height:inherit}
.procedure-page .benefit-copy p+p{margin-top:0.625rem}
.procedure-page--rf .benefit-card[data-benefit=vmax]{background:#b4266833;border:0;color:var(--text)}
.procedure-page--rf .benefit-card[data-benefit=vmax] h3{color:var(--accent)}
.procedure-page--rf .benefit-image--machine{border:1px solid var(--accent);background:#fff;object-fit:contain}
@media(min-width:601px){
 .procedure-page--rf .procedure-benefits>.container>.section-title{margin-bottom:2.5rem}
 .procedure-page--rf .benefit-card[data-benefit=recovery]{gap:0.625rem}
}
@media(max-width:600px){
 .procedure-page--rf .benefit-card{gap:0.75rem}
 .procedure-page--rf .benefit-card[data-benefit=recovery]{gap:1.5rem;justify-content:flex-start}
}

@media(max-width:600px){.procedure-page--rf .procedure-benefits-grid:not(.procedure-benefits-grid--auto){grid-template-areas:'vmax' 'machine' 'result' 'neck' 'recovery' 'face' 'visit' 'jaw'}}

.procedure-page--cold .benefit-card[data-benefit=vmax]{background:#b4266833;border:0;color:var(--text)}
.procedure-page--cold .benefit-card[data-benefit=vmax] h3{color:var(--accent)}
.procedure-page--cold .benefit-image--machine{border:1px solid var(--accent);background:#fff;object-fit:contain}
@media(min-width:601px){
 .procedure-page--cold .procedure-benefits>.container>.section-title{margin-bottom:2.5rem}
}
@media(max-width:600px){
 .procedure-page--cold .procedure-benefits-grid:not(.procedure-benefits-grid--auto){grid-template-areas:'vmax' 'machine' 'result' 'neck' 'recovery' 'face' 'visit' 'jaw'}
 .procedure-page--cold .benefit-card{gap:0.75rem}
}

.procedure-page--bio .benefit-card[data-benefit=vmax]{background:#b4266833;border:0;color:var(--text)}
.procedure-page--bio .benefit-card[data-benefit=vmax] h3{color:var(--accent)}
.procedure-page--bio .benefit-image--machine{border:1px solid var(--accent);background:#fff;object-fit:contain}
@media(min-width:601px){
 .procedure-page--bio .procedure-benefits>.container>.section-title{margin-bottom:2.5rem}
}
@media(max-width:600px){
 .procedure-page--bio .procedure-benefits-grid:not(.procedure-benefits-grid--auto){grid-template-areas:'vmax' 'machine' 'result' 'neck' 'recovery' 'face' 'visit' 'jaw'}
 .procedure-page--bio .benefit-card{gap:0.75rem}
}
