/* Page-scoped layout, using the approved homepage components and visual language. */
.ms-hard-gel .hg-container{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.ms-hard-gel .hg-hero{padding:44px 0 64px}
.ms-hard-gel .hg-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ms-hard-gel .hg-eyebrow{font:400 12px/1.5 Jost,sans-serif;letter-spacing:.14em;margin:0 0 24px;color:#736d68}
.ms-hard-gel #hard-gel-title{font:400 clamp(38px,4.2vw,60px)/1.1 'Marcellus SC',Georgia,serif;text-align:left!important;text-wrap:balance;margin:0 0 24px}
.ms-hard-gel .hg-lead{font:400 19px/1.65 Jost,sans-serif;margin:0 0 24px}
.ms-hard-gel .hg-hero__price{font:400 28px/1.3 'Marcellus SC',Georgia,serif;margin:0 0 8px}
.ms-hard-gel .hg-price-note{font:400 15px/1.5 Jost,sans-serif;color:#736d68;margin:0 0 26px}
.ms-hard-gel .hg-actions{display:flex;gap:14px 24px;flex-wrap:wrap;align-items:center}
.ms-hard-gel .hg-actions>a{display:inline-flex;min-height:44px;align-items:center}
body.ms-home-page.ms-hard-gel .jp-button:any-link{background:#504842;color:#fffae9!important;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:48px}
body.ms-home-page.ms-hard-gel .jp-button:hover{background:#736d68}
.ms-hard-gel .hg-address{font:400 14px/1.5 Jost,sans-serif;color:#736d68;margin:24px 0 0}
.ms-hard-gel .hg-hero__photo{margin:0;min-width:0}
.ms-hard-gel .hg-hero__photo img{width:100%;height:590px;display:block;object-fit:cover;object-position:center 46%;border-radius:8px}
.ms-hard-gel .hg-section-heading{max-width:800px;margin:0 auto 48px;text-align:center}
.ms-hard-gel .hg-section-heading>p,.ms-hard-gel .hg-section-intro{font:400 18px/1.65 Jost,sans-serif}
.ms-hard-gel .hg-section-intro{max-width:800px;margin:0 auto 32px;text-align:center}
.ms-hard-gel #how-hard-gel-works,.ms-hard-gel #hard-gel-prices{scroll-margin-top:110px}
.ms-hard-gel .hg-editorial__grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:72px;align-items:start}
.ms-hard-gel .hg-editorial__media{position:sticky;top:var(--jp-media-top,120px);margin:0;min-width:0}
.ms-hard-gel .hg-editorial__media>img{width:100%;height:min(640px,calc(100svh - 160px));display:block;object-fit:cover;border-radius:8px;object-position:center 53%}
.ms-hard-gel .hg-chapter{padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid #d8d0bf}
.ms-hard-gel .hg-chapter:last-child{border:0;padding-bottom:0;margin-bottom:0}
body.ms-hard-gel .hg-chapter h3{font:400 30px/1.25 'Marcellus SC',Georgia,serif;text-align:left!important;margin:0 0 24px}
.ms-hard-gel .hg-chapter p{font:400 18px/1.7 Jost,sans-serif;margin:0 0 20px}
.ms-hard-gel .hg-chapter p:last-child{margin-bottom:0}
.ms-hard-gel .hg-chapter a{text-decoration:underline;text-underline-offset:4px}
.ms-hard-gel .hg-two-column{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:72px;align-items:center}
body.ms-hard-gel .hg-two-column h2{text-align:left}
.ms-hard-gel .hg-two-column p{font:400 18px/1.65 Jost,sans-serif}
.ms-hard-gel .hg-safety .ms-safety-editorial__film{width:min(100%,320px);margin:auto}
.ms-hard-gel .hg-safety-steps{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:0;margin:28px 0;gap:24px}
.ms-hard-gel .hg-safety-steps li{display:flex;align-items:center;gap:12px;font:400 16px/1.4 Jost,sans-serif}
.ms-hard-gel .hg-safety-steps img{flex:0 0 36px}
.ms-hard-gel .hg-price-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:48px;padding:32px 0;border-block:1px solid #d8d0bf}
body.ms-hard-gel .hg-price-main h3,body.ms-hard-gel .hg-alternatives h3{font:400 29px/1.3 'Marcellus SC',Georgia,serif;text-align:left!important;margin:0 0 14px}
.ms-hard-gel .hg-price-main p{font-size:18px;line-height:1.65;max-width:58ch;margin:0}
.ms-hard-gel .hg-price-main .hg-price-value{font:400 26px/1.4 'Marcellus SC',Georgia,serif;margin-bottom:16px}
.ms-hard-gel .hg-price-main__booking{text-align:right}
.ms-hard-gel .hg-alternatives-title{font:500 17px/1.5 Jost,sans-serif;margin:36px 0 20px}
.ms-hard-gel .hg-alternatives{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-bottom:1px solid #d8d0bf;padding-bottom:28px}
.ms-hard-gel .hg-alternatives p{font-size:17px;line-height:1.6;margin:0 0 18px}
.ms-hard-gel .hg-alternatives article>div{display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ms-hard-gel .hg-alternatives span{font-size:18px;white-space:nowrap}
.ms-hard-gel .hg-alternatives a{display:inline-flex;align-items:center;min-height:44px;font-size:16px}
.ms-hard-gel .hg-pricing-notes{margin-top:24px;max-width:900px}
.ms-hard-gel .hg-pricing-notes p{font:400 15px/1.65 Jost,sans-serif;color:#736d68;margin:0 0 14px}
body.ms-home-page.ms-hard-gel .ms-nail-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.ms-home-page.ms-hard-gel .ms-nail-gallery__photo{aspect-ratio:auto;background:transparent;overflow:visible;border-radius:0;text-decoration:none}
body.ms-home-page.ms-hard-gel .ms-nail-gallery__photo img{aspect-ratio:4/5;height:auto;object-fit:cover;border-radius:8px}
body.ms-home-page.ms-hard-gel .ms-nail-gallery__photo:hover img{transform:none}
.ms-hard-gel .hg-gallery-caption{display:block;font:400 14px/1.5 Jost,sans-serif;margin-top:12px;color:#736d68}
/* Keep the shared team grid centered when nested inside an editorial section.
   The generic .ms-home-sec ul rule otherwise resets its auto side margins. */
.ms-hard-gel .hg-team .ms-team-grid{margin-inline:auto;padding-bottom:24px}
.ms-hard-gel .hg-team .ms-team-card{margin-block:0}
.ms-hard-gel .hg-team .hg-section-intro{margin-inline:auto}
.ms-hard-gel .ms-home-faq__heading{margin:0}
.ms-hard-gel :focus-visible{outline:2px solid #736d68;outline-offset:5px}
@media(max-width:1100px){
 .ms-hard-gel .hg-hero__grid,.ms-hard-gel .hg-editorial__grid,.ms-hard-gel .hg-two-column{gap:36px}
 .ms-hard-gel .hg-hero__photo img{height:550px}
 .ms-hard-gel .hg-price-main{gap:28px}
}
@media(max-width:860px){
 .ms-hard-gel .hg-hero__grid,.ms-hard-gel .hg-editorial__grid,.ms-hard-gel .hg-two-column{grid-template-columns:1fr;gap:36px}
 .ms-hard-gel .hg-hero__copy{max-width:620px}
 .ms-hard-gel .hg-hero__photo img{height:480px;object-position:center 52%}
 .ms-hard-gel .hg-editorial__media{position:static;width:100%;max-width:520px;margin-inline:auto}
 .ms-hard-gel .hg-editorial__media>img{height:480px}
 .ms-hard-gel .hg-two-column>div:first-child{order:2}
 .ms-hard-gel .hg-price-main{grid-template-columns:1fr}
 .ms-hard-gel .hg-price-main__booking{text-align:left;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
 .ms-hard-gel .hg-price-main .hg-price-value{margin:0}
 .ms-hard-gel .hg-alternatives{gap:28px}
}
@media(max-width:600px){
 .ms-hard-gel .hg-container{width:calc(100% - 40px)}
 .ms-hard-gel .hg-hero{padding:28px 0 48px}
 .ms-hard-gel .hg-eyebrow{font-size:11px;margin-bottom:18px}
 .ms-hard-gel #hard-gel-title{font-size:39px;margin-bottom:20px}
 .ms-hard-gel .hg-lead{font-size:17px;line-height:1.6;margin-bottom:22px}
 .ms-hard-gel .hg-hero__photo img{height:auto;aspect-ratio:4/5}
 .ms-hard-gel .hg-hero__grid{gap:28px}
 .ms-hard-gel .hg-actions{gap:10px 20px}
 .ms-hard-gel .hg-actions .jp-button{font-size:16px;padding-inline:20px}
 .ms-hard-gel .hg-address{font-size:13px;margin-top:18px}
 .ms-hard-gel .hg-section-heading{margin-bottom:32px;text-align:left}
 .ms-hard-gel .hg-section-heading h2{text-align:left!important}
 .ms-hard-gel .hg-section-heading>p,.ms-hard-gel .hg-section-intro{font-size:17px;text-align:left}
 .ms-hard-gel .hg-editorial__media>img{height:420px}
 body.ms-hard-gel .hg-chapter h3{font-size:27px;margin-bottom:18px}
 .ms-hard-gel .hg-chapter p,.ms-hard-gel .hg-two-column p{font-size:17px;line-height:1.65}
 .ms-hard-gel .hg-chapter{margin-bottom:28px;padding-bottom:28px}
 .ms-hard-gel .hg-safety-steps{gap:20px 12px}
 .ms-hard-gel .hg-safety-steps li{font-size:15px;gap:8px}
 .ms-hard-gel .hg-alternatives{grid-template-columns:1fr;gap:24px}
 .ms-hard-gel .hg-alternatives article+article{padding-top:24px;border-top:1px solid #d8d0bf}
 .ms-hard-gel .hg-price-main{gap:22px;padding:24px 0}
 .ms-hard-gel .hg-price-main p{font-size:17px}
 body.ms-home-page.ms-hard-gel .ms-nail-gallery__grid{grid-template-columns:1fr;gap:28px}
 .ms-hard-gel .hg-gallery-caption{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.ms-hard-gel *{scroll-behavior:auto!important}}
