.mytheme-document{max-width:1200px;margin:auto;padding:160px 24px 70px;min-height:60vh}.mytheme-extra-content{max-width:1200px;margin:30px auto;padding:0 24px}.mytheme-honeypot{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.screen-reader-text{position:absolute;left:-10000px}.screen-reader-text:focus{left:20px;top:20px;z-index:99999;background:white;color:#222;padding:12px}.form-status{min-height:1.4em}.mytheme-form-error{color:#9e1111}.mytheme-form-success{color:#245d22}body.admin-bar header{top:32px}.blog-grid .page-numbers{padding:8px}img{height:auto}@media(max-width:782px){body.admin-bar header{top:46px}}@media(max-width:600px){body.admin-bar header{position:absolute}}.social-widget a[href=""],.social-widget a[href="#"],.footer_messengers a[href=""],.footer_messengers a[href="#"]{display:none}

/* Fixed site header; existing hero spacing remains unchanged. */
body > header{position:fixed;top:var(--mytheme-admin-offset,0px);left:0;width:100%;box-sizing:border-box;z-index:1000}
body.admin-bar > header{position:fixed;top:var(--mytheme-admin-offset,32px)}
body > header.mytheme-scrolled{background:rgba(126,107,89,.97);box-shadow:0 3px 14px #0002}
html{scroll-padding-top:calc(var(--mytheme-header-height,112px) + var(--mytheme-admin-offset,0px) + 16px)}
@media(max-width:1028px){body > header.menu-open{height:calc(100dvh - var(--mytheme-admin-offset,0px))}}
@media(max-width:782px){body.admin-bar > header{top:var(--mytheme-admin-offset,46px)}}
/* Keep the logo artwork itself without a translucent tile. */
.header__logo img{background:transparent!important;padding:0!important;border-radius:0!important;filter:drop-shadow(0 1px 3px rgba(0,0,0,.35))}
/* Blog article images: give editorial photos more vertical space on desktop. */
.mainsec_blogitempage_content img{max-height:560px!important}
.mainsec_blogitempage_content_item_full img{max-height:650px!important}
@media(max-width:767px){.mainsec_blogitempage_content img,.mainsec_blogitempage_content_item_full img{max-height:none!important;height:auto!important}}
/* Article image sizing must not be constrained by the legacy inline height script. */
.mainsec_blogitempage_content img{height:auto!important;max-height:none!important;object-fit:contain!important}
.mainsec_blogitempage_content_item_imgfix > img{height:auto!important;max-height:650px!important}
@media(max-width:767px){.mainsec_blogitempage_content img,.mainsec_blogitempage_content_item_imgfix > img{height:auto!important;max-height:none!important}}
/* Blog articles use the same typography as the main page. */
.mainsec_blogitempage,.mainsec_blogitempage_content,.mainsec_blogitempage_content p,.mainsec_blogitempage_content li,.mainsec_blogitempage_content b,.mainsec_blogitempage_content a{font-family:"Inter",sans-serif!important}
.mainsec_blogitempage_content h1,.mainsec_blogitempage_content h2,.mainsec_blogitempage_content h3,.mainsec_blogitempage_content h4{font-family:"EB+Garamond",serif!important}
/* Consultation portraits follow the article image sizing without cropping. */
.consultation-page .laser-row > img{width:100%;height:auto!important;max-height:650px!important;object-fit:contain;display:block}
@media(max-width:767px){.consultation-page .laser-row > img{height:auto!important;max-height:none!important}}
.laser-row > .mytheme-face-result{display:block;width:100%;max-width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:10px;background:#30271c}
/* Face-contouring portraits use the same sizing as blog images. */
.page-id-148 .laser-row > img{display:block;width:100%;max-width:100%;height:auto!important;max-height:650px!important;object-fit:contain!important}
@media(max-width:767px){.page-id-148 .laser-row > img{height:auto!important;max-height:none!important}}
/* Botulinum results: full-width video gallery below the introduction. */
.page-id-143 .laser-row:has(> .result-videos){grid-template-columns:minmax(0,1fr);gap:28px}
.page-id-143 .result-videos{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%}
.page-id-143 .result-videos video{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;border-radius:12px;background:#30271c}
@media(max-width:767px){.page-id-143 .result-videos{grid-template-columns:minmax(0,1fr);gap:20px;max-width:480px;margin-inline:auto}}
/* Botulinum portraits follow the article image sizing. */
.page-id-143 .laser-row > img{display:block;width:100%;max-width:100%;height:auto!important;max-height:650px!important;object-fit:contain!important}
@media(max-width:767px){.page-id-143 .laser-row > img{height:auto!important;max-height:none!important}}
.equipmentsec_mainpage_content_buttons{flex-wrap:wrap;gap:16px 24px}
.equipmentsec_mainpage_content_buttons > button[data-service-url]{display:inline-flex;align-items:center;justify-content:center;min-height:60px;padding:14px 24px;border:1px solid #c3a65b;border-radius:10px;background:linear-gradient(90deg,#ab8a49,#f2d8a0,#c3a65b);color:#fff;font:400 1.25rem/1.6 "Cormorant Garamond",serif;cursor:pointer}
.equipmentsec_mainpage_content_buttons > button[data-service-url]:focus-visible{outline:2px solid white;outline-offset:4px}
.laser-row > .mytheme-treatment-video{display:block;width:100%;max-width:100%;height:auto;max-height:650px;object-fit:contain;border-radius:10px;background:#30271c}
/* Mesotherapy portraits match the blog image proportions. */
.page-id-151 .laser-row > img{display:block;width:100%;max-width:100%;height:auto!important;max-height:650px!important;object-fit:contain!important}
@media(max-width:767px){.page-id-151 .laser-row > img{height:auto!important;max-height:none!important}}

/* Peeling portraits match blog image sizing without cropping. */
.peeling-page .laser-row > img{display:block;width:100%;max-width:100%;height:auto!important;max-height:650px!important;object-fit:contain!important}
@media(max-width:767px){.peeling-page .laser-row > img{height:auto!important;max-height:none!important}}

/* Care program photos retain their full proportions, matching blog images. */
.care-page .service-card > img,.care-page .laser-row > img{display:block;width:100%;max-width:100%;height:auto!important;max-height:650px!important;aspect-ratio:auto!important;object-fit:contain!important}
@media(max-width:767px){.care-page .service-card > img,.care-page .laser-row > img{height:auto!important;max-height:none!important}}

/* Keep the faces visible in the care page hero only. */
.care-page .service-hero--care{min-height:clamp(780px,50vw,1000px);background-position:center top;box-sizing:border-box}
@media(max-width:767px){.care-page .service-hero--care{min-height:740px;background-position:55% top}}

/* Vertically center the care hero heading, copy and button as one block. */
.care-page .service-hero--care{display:flex;align-items:center;padding-block:120px}
.care-page .service-hero--care > .laser-container{box-sizing:border-box}
@media(max-width:767px){.care-page .service-hero--care{padding-block:126px}}

/* Native lazy images with sizes=auto must retain their real aspect ratio. */
.mytheme-direction-page img{contain:none!important;contain-intrinsic-size:none!important;height:auto!important;min-height:0!important}

.mytheme-direction-page .treatment-methods img{height:auto!important;aspect-ratio:2.2/1!important;object-fit:cover!important}

.mytheme-direction-page .laser-row > img{height:auto!important;min-height:0!important;aspect-ratio:2.2/1!important;object-fit:cover!important}

/* Mobile reviews are a horizontal swipe carousel. */
@media(max-width:767px){
 .reviewssec_mainpage_content_videos{display:flex;overflow-x:auto;overflow-y:hidden;grid-template-columns:none;gap:16px;padding:0 4px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}
 .reviewssec_mainpage_content_videos_item{flex:0 0 min(82vw,360px);width:min(82vw,360px);scroll-snap-align:start}
 .reviewssec_mainpage_content_videos_item video{width:100%;height:auto;aspect-ratio:9/16}
}

/* Match the mobile hero CTA and both advantage cards to the content width. */
@media(max-width:767px){
 .hero__btn,.hero__advantages{width:100%;box-sizing:border-box}
 .hero__advantages{align-items:stretch}
 .hero__btn button,.hero__advantages > p{width:100%;max-width:none;box-sizing:border-box;margin-inline:0}
}
