/* Shared header/footer: retain the original homepage tokens on every page.
 * Scoped to the existing shell elements; page-body design variants are untouched.
 * Standard Tailwind layout/responsive utilities continue to come from the page
 * config. These are only the custom tokens used by inc/template-tags.php,
 * including dropdown, hover, focus, placeholder, and mobile-divider states.
 */
:is(#page > nav, #page > footer#contact) {
    font-family: 'Manrope', sans-serif;
}
#page > nav { color: #2d241e; }

:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).bg-background\/95 { background-color: rgb(254 249 240 / 95%); }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).bg-primary { background-color: #775a1a; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).bg-primary-container { background-color: #c6a15b; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).bg-primary-container\/30 { background-color: rgb(198 161 91 / 30%); }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).bg-surface-container-lowest { background-color: #ffffff; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).bg-surface-container-lowest\/95 { background-color: rgb(255 255 255 / 95%); }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).border-primary-container { border-color: #c6a15b; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).border-primary-container\/30 { border-color: rgb(198 161 91 / 30%); }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).border-primary-container\/40 { border-color: rgb(198 161 91 / 40%); }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).border-primary-container\/50 { border-color: rgb(198 161 91 / 50%); }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).divide-outline-variant\/20 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(209 197 180 / 20%); }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).font-body-md { font-family: 'Manrope', sans-serif; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).font-body-sm { font-family: 'Manrope', sans-serif; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).font-display { font-family: 'Phudu', sans-serif; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).font-label-caps { font-family: 'Manrope', sans-serif; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).max-w-container-max { max-width: 1280px; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).placeholder-surface-dim\/60::placeholder { color: rgb(222 217 209 / 60%); }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).px-gutter { padding-left: 1.5rem; padding-right: 1.5rem; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).rounded-full { border-radius: .75rem; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).rounded-lg { border-radius: .25rem; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).rounded-xl { border-radius: .5rem; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).text-on-primary { color: #ffffff; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).text-on-primary-container { color: #4f3800; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).text-on-surface-variant { color: #4e4639; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).text-primary { color: #775a1a; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).text-primary-container { color: #c6a15b; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).text-primary-fixed { color: #ffdea5; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).text-primary-fixed-dim { color: #e9c178; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).text-secondary { color: #755a2a; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).text-secondary-fixed-dim { color: #e5c187; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).text-surface-bright { color: #fef9f0; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).text-surface-dim { color: #ded9d1; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).focus\:border-primary-container:focus { border-color: #c6a15b; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).hover\:bg-primary:hover { background-color: #775a1a; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).hover\:bg-primary-container:hover { background-color: #c6a15b; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).hover\:bg-primary-fixed:hover { background-color: #ffdea5; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).hover\:bg-surface-container:hover { background-color: #f2ede4; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).hover\:border-primary-container:hover { border-color: #c6a15b; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).hover\:text-on-primary:hover { color: #ffffff; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).hover\:text-on-primary-container:hover { color: #4f3800; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).hover\:text-primary:hover { color: #775a1a; }
:is(#page > nav, #page > footer#contact, #page > nav *, #page > footer#contact *).hover\:text-primary-fixed:hover { color: #ffdea5; }

/* Leave room for the WordPress toolbar when it is enabled. */
body.admin-bar #page > nav { top: 32px; }
@media (max-width: 782px) {
    body.admin-bar #page > nav { top: 46px; }
}
/* This menu needs more room than the generic lg breakpoint allows. */
@media (max-width: 1199px) {
    #page > nav .missd-primary-menu { display: none !important; }
    #page > nav .missd-mobile-toggle { display: block !important; }
    #page > nav .missd-mobile-menu.is-open { display: block !important; }
}
@media (min-width: 1200px) {
    #page > nav .missd-mobile-menu { display: none !important; }
}
/* In the editor, let the header scroll away so it cannot cover widget
 * handles or a section Elementor has just scrolled into view. The imported
 * designs already reserve their own space above the first section. */
body.elementor-editor-active #page { position: relative; }
body.elementor-editor-active #page > nav { position: absolute; top: 0; }

/* Match the shared Stitch shell typography and form controls, independently
 * of Astra's form defaults and each page's body font configuration. */
:is(#page > nav, #page > footer#contact) { font-size:15px; line-height:24px; }
:is(#page > nav, #page > footer#contact) .font-body-sm { font-size:15px; line-height:24px; }
#page > nav .text-\[10px\] { line-height:24px; }
#page > footer#contact input {
    background-color:#1e1710;
    color:#fef9f0;
    font-family:'Manrope',sans-serif;
    font-size:14px;
    line-height:20px;
    padding:10px 14px;
    border:1px solid rgb(198 161 91 / 30%);
    border-radius:4px;
    box-shadow:none;
}
#page > footer#contact input:focus { border-color:#c6a15b; }
#page > footer#contact input::placeholder { color:rgb(222 217 209 / 60%); }

/* The shared shell already owns the back-to-top button. */
#ast-scroll-top {display:none!important}
#page > footer#contact .missd-floating-actions {
    bottom:calc(24px + env(safe-area-inset-bottom,0px));
}
@media(max-width:767px){
    #page > footer#contact .missd-floating-actions {right:16px;bottom:calc(96px + env(safe-area-inset-bottom,0px))}
    #page > footer#contact .missd-floating-actions > :is(a,button){width:44px;height:44px}
}

#page > footer#contact .missd-floating-actions .missd-zalo-pending {background:#0068ff;color:#fff;cursor:default}

/* Dock actions below the footer content instead of covering form controls. */
#page > footer#contact.missd-footer-in-view .missd-floating-actions {
    position:static;
    flex-direction:row;
    justify-content:flex-end;
    max-width:1280px;
    margin:24px auto 0;
    padding:0 24px;
}

/* One site-wide content grid. Narrow reading columns and card padding retain
 * their design-specific sizes; only the outer page containers are normalized. */
:root { --missd-content-width:1280px; --missd-page-gutter:24px; }
@media(max-width:767px){ :root { --missd-page-gutter:20px; } }
body .missd-stitch-page :is([class~="max-w-[1360px]"],[class~="max-w-[1400px]"],[class~="max-w-[1280px]"],[class~="max-w-7xl"],[class~="max-w-container-max"]),
#page > nav > div:first-child,
#page > footer#contact > div:first-child,
#page > footer#contact.missd-footer-in-view .missd-floating-actions {
    box-sizing:border-box;
    width:100%;
    max-width:var(--missd-content-width)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:var(--missd-page-gutter)!important;
    padding-right:var(--missd-page-gutter)!important;
}
/* Some source variants put the gutter on the section instead of its inner
 * container. Remove that outer inset so the shared gutter is applied once. */
body .missd-stitch-page :is(section,footer):has(> :is([class~="max-w-[1360px]"],[class~="max-w-[1400px]"],[class~="max-w-[1280px]"])) {
    padding-left:0!important;
    padding-right:0!important;
}
/* Keep full-width hero artwork, but center its overlaid caption on the grid. */
body .missd-stitch-page .absolute[class~="max-w-container-max"] {
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%);
}
/* Mobile-only source layouts have no inner container. Keep their backgrounds
 * full width while aligning the content with the shared header and footer. */
:is(#stitch-27,#stitch-28) section.px-gutter-mobile {
    padding-inline:max(var(--missd-page-gutter),calc((100% - var(--missd-content-width))/2 + var(--missd-page-gutter)))!important;
}
/* The client-facing options index is a regular WordPress page, not a Stitch
 * section, but it follows the same content grid. */
body.page-id-161 #content > .ast-container {display:block;max-width:none;width:100%;padding-inline:0}
body.page-id-161 #content > .ast-container > :is(div,section) {
    width:100%;
    box-sizing:border-box;
    max-width:var(--missd-content-width)!important;
    margin-inline:auto!important;
    padding-inline:var(--missd-page-gutter)!important;
}

/* Consistent breadcrumb typography, independently of each source variant. */
body .missd-stitch-page .missd-breadcrumb {font-family:Manrope,sans-serif!important;font-size:12px!important;line-height:20px!important;letter-spacing:.04em!important;font-weight:500;flex-wrap:wrap;white-space:normal}
body .missd-stitch-page .missd-breadcrumb :is(a,span):not(.material-symbols-outlined){font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
#stitch-15>main {padding-top:var(--missd-header-height,74px)!important}
#stitch-15 .sticky {top:var(--missd-header-height,74px)!important}
html:has(#stitch-15){scroll-padding-top:0}
#stitch-15 [id^="pathway-"]{scroll-margin-top:calc(var(--missd-header-height,74px) + var(--missd-section-nav-height,64px) + 16px)!important}
#stitch-15 .sticky a{background:#eae8e5!important;color:#1b1c1a!important}
#stitch-15 .sticky a.missd-section-active{background:#1b1c1a!important;color:#fbf9f6!important}
.missd-stitch-page [data-service-category][hidden],.missd-stitch-page .missd-filter-empty[hidden]{display:none!important}
.missd-stitch-page [data-service-filter][aria-pressed=true]{background:linear-gradient(135deg,#c6a15b,#a3866a)!important;color:white!important;border-color:#c6a15b!important}
.missd-stitch-page [data-service-filter][aria-pressed=false]{background:white!important;color:#4e453d!important;border-color:rgba(191,160,122,.35)!important}
.missd-filter-empty{padding:24px;border:1px solid #d2c4b9;border-radius:8px}
.missd-photo-previews{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.missd-photo-previews img{width:120px;height:120px;object-fit:cover;border-radius:8px}
#stitch-18 [role=button]:focus-visible{outline:2px solid #e2c1a2;outline-offset:4px}

/* Shared brand typefaces; preserve each component's size and weight. */
body .missd-stitch-page,
body .missd-stitch-page :is(p,li,a,label,input,textarea,select,button,[class*="font-body"],[class*="font-label"],[class*="font-title"]){font-family:Manrope,sans-serif!important}
body .missd-stitch-page :is(h1,h2,h3,h4,h5,h6,[class*="font-headline"],[class*="font-display"]){font-family:Phudu,sans-serif!important}
body .missd-stitch-page :is(h1,h2,h3,h4,h5,h6) :not(.material-symbols-outlined){font-family:inherit!important}
body .missd-stitch-page .font-mono{font-family:"JetBrains Mono",monospace!important}
body .missd-stitch-page .material-symbols-outlined{font-family:"Material Symbols Outlined"!important}
@media(max-width:639px){
 body .missd-stitch-page .missd-mobile-detail{display:flex!important;position:relative!important;inset:auto!important;margin:16px 0 0;max-width:100%;width:100%;box-sizing:border-box}
}

/* A shared start position beneath the real navbar, independent of source
 * header heights. Section backgrounds still extend up to the navbar edge. */
body .missd-stitch-page{--missd-start-gap:32px;padding-top:0!important}
body .missd-stitch-page>main{padding-top:var(--missd-header-height,74px)!important}
body .missd-stitch-page [data-missd-page-start]{padding-top:var(--missd-start-gap)!important;margin-top:0!important}
body .missd-stitch-page [data-missd-start-inner]{padding-top:0!important;margin-top:0!important}
@media(max-width:767px){body .missd-stitch-page{--missd-start-gap:24px}}

/* Submission status and nonvisual bot trap. */
.missd-form-status{font:500 14px/1.6 Manrope,sans-serif;margin-top:16px}.missd-form-status:empty{display:none}.missd-form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}form [aria-invalid=true]{outline:2px solid #be433a!important}form [type=submit]:disabled{opacity:.65;cursor:wait}
.missd-booking-surface{background:linear-gradient(#f5f1eb,#efeae3);padding-bottom:64px}.missd-booking-inner{box-sizing:border-box;width:100%;max-width:var(--missd-content-width,1280px);margin:auto;padding:0 var(--missd-page-gutter)}.missd-booking-inner h1{font-size:clamp(30px,4vw,46px);line-height:1.2;margin:24px 0 16px}.missd-short-form{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#fffaf4;padding:32px;border:1px solid #ded2c3;border-radius:16px;margin-top:32px}.missd-short-form label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#4e453d}.missd-short-form :is(input,select,textarea){width:100%;border:1px solid #cdbba6;border-radius:8px;padding:12px;background:white;color:#29251e;font:inherit;box-sizing:border-box}.missd-short-form .missd-full-row,.missd-short-form .missd-form-status{grid-column:1/-1}.missd-short-form .missd-consent{flex-direction:row;align-items:flex-start}.missd-short-form .missd-consent input{width:18px;height:18px;flex-shrink:0;margin-top:3px}.missd-short-form button{background:#8a7032;color:white;border:0;border-radius:8px;padding:15px;font-weight:700}.missd-short-form :focus-visible{outline:2px solid #8a7032;outline-offset:3px}@media(max-width:600px){.missd-short-form{grid-template-columns:1fr;padding:20px;gap:16px}}
/* Navigation wraps; content carousels are paginated, never horizontal scrollers. */
body .missd-stitch-page [data-missd-wrap]{overflow-x:visible!important;max-width:100%;min-width:0;flex-wrap:wrap;white-space:normal!important}
body .missd-stitch-page [data-missd-wrap]>:is(.min-w-max,.flex-nowrap){min-width:0!important;flex-wrap:wrap!important}
body .missd-stitch-page [data-missd-wrap] :is(button,a){white-space:normal!important;max-width:100%;overflow-wrap:anywhere}
body .missd-stitch-page [data-carousel-filters]{flex-wrap:wrap!important;overflow:visible!important}
body .missd-stitch-page [data-carousel-filters] button{white-space:normal!important;max-width:100%}
.missd-card-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;font:600 14px/1.5 Manrope,sans-serif}
.missd-card-controls[hidden]{display:none!important}
.missd-card-controls button{width:44px;height:44px;min-width:44px;border:1px solid #c6a15b;border-radius:10px;color:#78591d;background:#fffaf2;font-size:22px;padding:0}
.missd-card-controls button:disabled{opacity:.35;cursor:default}
.missd-card-controls button:focus-visible,[data-missd-card-carousel]:focus-visible{outline:2px solid #8a7032;outline-offset:4px}
body .missd-stitch-page .missd-card-carousel-active{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;overflow:clip;touch-action:pan-y;min-width:0}
body .missd-stitch-page .missd-card-carousel-active> *{min-width:0;max-width:100%;grid-column:auto!important}
body .missd-stitch-page .missd-card-carousel-active> .missd-slide-off{display:none!important}
@media(max-width:1023px){
 body .missd-stitch-page [data-missd-table]{overflow:visible!important}
 body .missd-stitch-page .missd-responsive-table{display:block;width:100%!important;min-width:0!important}
 .missd-responsive-table thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 .missd-responsive-table tbody{display:block}
 .missd-responsive-table tr{display:block;border-bottom:1px solid #d2c4b9;padding:12px 0}
 .missd-responsive-table :is(td,tbody th){display:block!important;width:100%!important;min-width:0;box-sizing:border-box;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;padding:10px 16px!important}
 .missd-responsive-table [data-column-label]::before{content:attr(data-column-label);display:block;font-size:12px;font-weight:700;color:#785d37;margin-bottom:5px}
 body .missd-stitch-page #machine-grid.missd-card-carousel-active>.machine-card{flex-direction:column!important}
}
@media(max-width:639px){body .missd-stitch-page .missd-card-carousel-active{grid-template-columns:minmax(0,1fr)!important}}
@media print{body .missd-stitch-page .missd-card-carousel-active>.missd-slide-off{display:block!important}.missd-card-controls{display:none!important}}
@media(max-width:1023px){body .missd-stitch-page #machine-grid.missd-card-carousel-active>.machine-card>div{width:100%!important;min-width:0;box-sizing:border-box}}

/* Breadcrumbs follow the same content grid and uppercase text on every variant. */
body .missd-stitch-page .missd-breadcrumb{display:flex!important;align-items:center;justify-content:flex-start!important;text-align:left!important;text-transform:uppercase!important;min-width:0;gap:8px}
body .missd-stitch-page .missd-breadcrumb .material-symbols-outlined{text-transform:none!important;flex-shrink:0}
body.page-id-162 [data-missd-booking-steps]{display:none!important}
.missd-booking-continuation{background:#efeae3;padding-top:0}
.missd-booking-continuation .missd-short-form{margin-top:0}
/* Small feedback on interactive cards only; no entrance effect can hide content. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .missd-stitch-page [data-missd-card-carousel]>:has(a){transition:translate 180ms ease,box-shadow 180ms ease}
 .missd-stitch-page [data-missd-card-carousel]>:has(a):hover{translate:0 -3px;box-shadow:0 8px 24px #3e301014}
 .missd-card-controls button{transition:background-color 160ms ease,box-shadow 160ms ease}
 .missd-card-controls button:not(:disabled):hover{box-shadow:0 3px 10px #3e301020}
}

/* Shared page canvas matches the approved home palette. Keep cards, dark
   feature panels, imagery and deliberate gradient sections independent. */
body.missd-stitch-layout,body.page-id-161{--missd-page-background:#fef9f0;background-color:var(--missd-page-background)!important}
body.missd-stitch-layout :is(#page,#content,#content>.ast-container),
body.missd-stitch-layout .missd-stitch-page,
body.missd-stitch-layout .missd-stitch-page>main,
body.page-id-161 :is(#page,#content,#content>.ast-container){background-color:var(--missd-page-background)!important}
body.missd-stitch-layout .missd-stitch-page section:is(.bg-background,.bg-surface,[class~="bg-[#FAF8F5]"],[class~="bg-[#FBF9F6]"]){background-color:var(--missd-page-background)!important}
/* Live consultation continues the hero gradient to the form and footer. */
body.page-id-162 #stitch-24>main{background-color:#efeae3!important}
body.page-id-162 .elementor-widget-shortcode{margin:0!important;background-color:#efeae3}

/* One shared neutral palette across all imported pages and their sections. */
body .missd-stitch-page [class~="bg-[#F0EAE1]"]{background-color:#f2ede4!important}
body .missd-stitch-page [class~="bg-[#F5F1EB]"]{background-color:#f8f3ea!important}
body .missd-stitch-page [class~="bg-[#F5F1EB]/50"]{background-color:rgba(248,243,234,0.5)!important}
body .missd-stitch-page [class~="bg-[#F5F1EB]/80"]{background-color:rgba(248,243,234,0.8)!important}
body .missd-stitch-page [class~="bg-[#FAF8F5]"]{background-color:#fef9f0!important}
body .missd-stitch-page [class~="bg-[#FAF8F5]/40"]{background-color:rgba(254,249,240,0.4)!important}
body .missd-stitch-page [class~="bg-[#FAF8F5]/95"]{background-color:rgba(254,249,240,0.95)!important}
body .missd-stitch-page [class~="bg-background"]{background-color:#fef9f0!important}
body .missd-stitch-page [class~="bg-background/90"]{background-color:rgba(254,249,240,0.9)!important}
body .missd-stitch-page [class~="bg-background/95"]{background-color:rgba(254,249,240,0.95)!important}
body .missd-stitch-page [class~="bg-brand-cream"]{background-color:#f8f3ea!important}
body .missd-stitch-page [class~="bg-brand-cream/80"]{background-color:rgba(248,243,234,0.8)!important}
body .missd-stitch-page [class~="bg-brand-greige"]{background-color:#ece8df!important}
body .missd-stitch-page [class~="bg-brand-greige/40"]{background-color:rgba(236,232,223,0.4)!important}
body .missd-stitch-page [class~="bg-brand-greige/50"]{background-color:rgba(236,232,223,0.5)!important}
body .missd-stitch-page [class~="bg-brand-sand"]{background-color:#fef9f0!important}
body .missd-stitch-page [class~="bg-cashmere"]{background-color:#f2ede4!important}
body .missd-stitch-page [class~="bg-cashmere/80"]{background-color:rgba(242,237,228,0.8)!important}
body .missd-stitch-page [class~="bg-surface"]{background-color:#fef9f0!important}
body .missd-stitch-page [class~="bg-surface-bright"]{background-color:#fef9f0!important}
body .missd-stitch-page [class~="bg-surface-bright/90"]{background-color:rgba(254,249,240,0.9)!important}
body .missd-stitch-page [class~="bg-surface-bright/95"]{background-color:rgba(254,249,240,0.95)!important}
body .missd-stitch-page [class~="bg-surface-container"]{background-color:#f2ede4!important}
body .missd-stitch-page [class~="bg-surface-container-high"]{background-color:#ece8df!important}
body .missd-stitch-page [class~="bg-surface-container-high/40"]{background-color:rgba(236,232,223,0.4)!important}
body .missd-stitch-page [class~="bg-surface-container-high/60"]{background-color:rgba(236,232,223,0.6)!important}
body .missd-stitch-page [class~="bg-surface-container-high/80"]{background-color:rgba(236,232,223,0.8)!important}
body .missd-stitch-page [class~="bg-surface-container-highest"]{background-color:#e7e2d9!important}
body .missd-stitch-page [class~="bg-surface-container-highest/80"]{background-color:rgba(231,226,217,0.8)!important}
body .missd-stitch-page [class~="bg-surface-container-highest/90"]{background-color:rgba(231,226,217,0.9)!important}
body .missd-stitch-page [class~="bg-surface-container-low"]{background-color:#f8f3ea!important}
body .missd-stitch-page [class~="bg-surface-container-low/20"]{background-color:rgba(248,243,234,0.2)!important}
body .missd-stitch-page [class~="bg-surface-container-low/40"]{background-color:rgba(248,243,234,0.4)!important}
body .missd-stitch-page [class~="bg-surface-container-low/50"]{background-color:rgba(248,243,234,0.5)!important}
body .missd-stitch-page [class~="bg-surface-container-low/60"]{background-color:rgba(248,243,234,0.6)!important}
body .missd-stitch-page [class~="bg-surface-container-low/70"]{background-color:rgba(248,243,234,0.7)!important}
body .missd-stitch-page [class~="bg-surface-container-low/80"]{background-color:rgba(248,243,234,0.8)!important}
body .missd-stitch-page [class~="bg-surface-container-low/90"]{background-color:rgba(248,243,234,0.9)!important}
body .missd-stitch-page [class~="bg-surface-container-low/95"]{background-color:rgba(248,243,234,0.95)!important}
body .missd-stitch-page [class~="bg-surface-container-lowest"]{background-color:#ffffff!important}
body .missd-stitch-page [class~="bg-surface-container-lowest/20"]{background-color:rgba(255,255,255,0.2)!important}
body .missd-stitch-page [class~="bg-surface-container-lowest/60"]{background-color:rgba(255,255,255,0.6)!important}
body .missd-stitch-page [class~="bg-surface-container-lowest/80"]{background-color:rgba(255,255,255,0.8)!important}
body .missd-stitch-page [class~="bg-surface-container-lowest/90"]{background-color:rgba(255,255,255,0.9)!important}
body .missd-stitch-page [class~="bg-surface-container-lowest/95"]{background-color:rgba(255,255,255,0.95)!important}
body .missd-stitch-page [class~="bg-surface-dim"]{background-color:#ece8df!important}
body .missd-stitch-page [class~="bg-surface-elevated"]{background-color:#ffffff!important}
body .missd-stitch-page [class~="bg-surface-variant"]{background-color:#f2ede4!important}
body .missd-stitch-page [class~="bg-surface/30"]{background-color:rgba(254,249,240,0.3)!important}
body .missd-stitch-page [class~="bg-surface/90"]{background-color:rgba(254,249,240,0.9)!important}
body .missd-stitch-page [class~="bg-surface/95"]{background-color:rgba(254,249,240,0.95)!important}
body .missd-stitch-page [class~="from-[#FAF8F5]"]{--tw-gradient-from:#fef9f0 var(--tw-gradient-from-position)!important}
body .missd-stitch-page [class~="from-background"]{--tw-gradient-from:#fef9f0 var(--tw-gradient-from-position)!important}
body .missd-stitch-page [class~="from-surface"]{--tw-gradient-from:#fef9f0 var(--tw-gradient-from-position)!important}
body .missd-stitch-page [class~="from-surface-container"]{--tw-gradient-from:#f2ede4 var(--tw-gradient-from-position)!important}
body .missd-stitch-page [class~="from-surface-container-high"]{--tw-gradient-from:#ece8df var(--tw-gradient-from-position)!important}
body .missd-stitch-page [class~="from-surface-container-low"]{--tw-gradient-from:#f8f3ea var(--tw-gradient-from-position)!important}
body .missd-stitch-page [class~="from-surface-container-lowest"]{--tw-gradient-from:#ffffff var(--tw-gradient-from-position)!important}
body .missd-stitch-page [class~="to-[#FAF8F5]"]{--tw-gradient-to:#fef9f0 var(--tw-gradient-to-position)!important}
body .missd-stitch-page [class~="to-background"]{--tw-gradient-to:#fef9f0 var(--tw-gradient-to-position)!important}
body .missd-stitch-page [class~="to-surface"]{--tw-gradient-to:#fef9f0 var(--tw-gradient-to-position)!important}
body .missd-stitch-page [class~="to-surface-container-high"]{--tw-gradient-to:#ece8df var(--tw-gradient-to-position)!important}
body .missd-stitch-page [class~="to-surface-container-low"]{--tw-gradient-to:#f8f3ea var(--tw-gradient-to-position)!important}
body .missd-stitch-page [class~="to-surface-container-lowest"]{--tw-gradient-to:#ffffff var(--tw-gradient-to-position)!important}
body .missd-stitch-page [class~="via-[#F5F1EB]/50"]{--tw-gradient-stops:var(--tw-gradient-from),rgba(248,243,234,0.5) var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
body .missd-stitch-page [class~="via-background/25"]{--tw-gradient-stops:var(--tw-gradient-from),rgba(254,249,240,0.25) var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
body .missd-stitch-page [class~="via-surface"]{--tw-gradient-stops:var(--tw-gradient-from),#fef9f0 var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
body .missd-stitch-page [class~="via-surface-container-high"]{--tw-gradient-stops:var(--tw-gradient-from),#ece8df var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
body .missd-stitch-page [class~="via-surface-container-low"]{--tw-gradient-stops:var(--tw-gradient-from),#f8f3ea var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
body .missd-stitch-page [class~="via-surface-container-low/40"]{--tw-gradient-stops:var(--tw-gradient-from),rgba(248,243,234,0.4) var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
body .missd-stitch-page [class~="via-surface-container-lowest"]{--tw-gradient-stops:var(--tw-gradient-from),#ffffff var(--tw-gradient-via-position),var(--tw-gradient-to)!important}
body .missd-stitch-page [data-missd-neutral-surface]{background-color:#fef9f0!important}
body .missd-stitch-page [data-missd-neutral-gradient],.missd-booking-surface{background:linear-gradient(#fef9f0,#f8f3ea)!important}
body.page-id-162 #stitch-24>main,body.page-id-162 .elementor-widget-shortcode,.missd-booking-continuation{background:#f8f3ea!important}
/* Source resets must not override the live, shared booking form. */
body :is(#stitch-24,#stitch-25) .missd-booking-inner :is(p,nav,nav *,form,form *){font-family:Manrope,sans-serif!important}
body :is(#stitch-24,#stitch-25) .missd-booking-inner h1{font-family:Phudu,sans-serif!important;font-size:clamp(30px,4vw,46px);line-height:1.2;margin:24px 0 16px}
body :is(#stitch-24,#stitch-25) .missd-short-form label{font-size:14px;line-height:1.6}
body :is(#stitch-24,#stitch-25) .missd-short-form :is(input,select,textarea){border:1px solid #cdbba6;border-radius:8px;padding:12px;background:#fff;color:#29251e;font:inherit}
body :is(#stitch-24,#stitch-25) .missd-short-form button[type=submit]{background:#8a7032;color:#fff;border:0;border-radius:8px;padding:15px;font-weight:700}
body :is(#stitch-24,#stitch-25) .missd-short-form :is(input:not([type=checkbox]),select){height:auto;min-height:48px;line-height:1.5;box-sizing:border-box}
body :is(#stitch-24,#stitch-25) .missd-short-form input[type=checkbox]{padding:0;width:18px;height:18px}
/* Knowledge hero: match the shared cream canvas without the gray/brown wash. */
body #stitch-18 [data-missd-page-start]{background:var(--missd-page-background,#fef9f0)!important}
body #stitch-18 [data-missd-page-start]>.absolute.blur-3xl.pointer-events-none{display:none!important}
/* Interior-page introductions share one canvas; background photos remain separate. */
body .missd-stitch-page [data-missd-page-start]:has(.missd-breadcrumb){background:var(--missd-page-background,#fef9f0)!important}
body .missd-stitch-page [data-missd-page-start]:has(.missd-breadcrumb)>.absolute.blur-3xl.pointer-events-none{display:none!important}
/* Case categories use the same outer grid; their cards retain internal padding. */
body #stitch-15 :is(#pathway-02,#pathway-04){padding-inline:0!important;background:transparent!important;border-radius:0}
/* No color seam between the live consultation introduction and form. */
body.page-id-162 #stitch-24>main,body.page-id-162 .elementor-widget-shortcode,body.page-id-162 .missd-booking-continuation{background:#fef9f0!important}
@media(max-width:639px){
 body #stitch-15 .sticky>[data-missd-wrap]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important}
 body #stitch-15 .sticky>[data-missd-wrap]>a{font-size:11px!important;line-height:16px!important;padding:8px!important;margin:0;text-align:left}
}
body :is(#stitch-25,#stitch-26) :is(p,label,input,select,textarea,button,a,nav){font-family:Manrope,sans-serif!important}
body #stitch-24 [data-booking-day]:disabled{opacity:.35;cursor:not-allowed}
body #stitch-24 [data-booking-day][aria-pressed=true]{background:#775a1a!important;color:#fff!important}

/* Shared receipt for all real forms, including the footer. Native dialog
   provides focus containment and Escape dismissal without another plugin. */
#missd-submission-receipt{box-sizing:border-box;width:min(460px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;margin:auto;padding:32px;border:1px solid #d9c59e;border-radius:20px;background:#fef9f0;color:#30291f;text-align:center;box-shadow:0 24px 80px #1e171038;font:15px/1.7 Manrope,sans-serif}
#missd-submission-receipt::backdrop{background:#1e171080}
#missd-submission-receipt .missd-receipt-check{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:#f2e6cc;color:#775a1a;font-size:30px}
#missd-submission-receipt h2{margin:0 0 12px;font:600 28px/1.25 Phudu,sans-serif;color:#30291f}
#missd-submission-receipt p{margin:0 0 24px}
#missd-submission-receipt button{border:0;border-radius:10px;background:#775a1a;color:white;padding:12px 28px;min-height:44px;font:600 15px/1.5 Manrope,sans-serif;cursor:pointer}
#missd-submission-receipt button:focus-visible{outline:3px solid #c6a15b;outline-offset:4px}
@media(max-width:480px){#missd-submission-receipt{padding:24px}}
/* One-time editorial entrances; no hidden waiting state or scroll interception. */
@media(prefers-reduced-motion:no-preference){
 @keyframes missd-title-arrive{from{opacity:.08;translate:0 var(--missd-title-distance,26px)}to{opacity:1;translate:0 0}}
 #content .missd-title-arrive{animation:missd-title-arrive 760ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--missd-motion-delay,0ms)}
 .missd-stitch-page :is(button,a[role=button],input[type=submit]){transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,color 180ms ease}
 @keyframes missd-receipt-arrive{from{opacity:.85;translate:0 4px;scale:.985}to{opacity:1;translate:0 0;scale:1}}
 #missd-submission-receipt[open]{animation:missd-receipt-arrive 180ms ease-out}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .missd-stitch-page :is(article,a.group){transition:translate 200ms ease,box-shadow 200ms ease}
 .missd-stitch-page :is(article:has(a),a.group):hover{translate:0 -2px}
}
@media(prefers-reduced-motion:reduce){
 #content .missd-title-arrive,#missd-submission-receipt[open]{animation:none!important;translate:none!important;scale:none!important}
 .missd-stitch-page :is(article,a.group,button,a[role=button],input[type=submit]){transition:none!important}
}

@media(prefers-reduced-motion:no-preference){body #content :is(button,input[type=submit]),body.page-id-161 #content a{transition:background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease,color 180ms ease}}

@media(prefers-reduced-motion:no-preference){
 @keyframes missd-block-arrive{from{opacity:.08;translate:0 var(--missd-block-distance,38px)}to{opacity:1;translate:0 0}}
 #content .missd-block-arrive{animation:missd-block-arrive 850ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--missd-motion-delay,0ms)}
}
@media(prefers-reduced-motion:reduce){#content .missd-block-arrive{animation:none!important;translate:none!important}}

/* Photo frames reveal without scaling the layout or clipping neighbouring cards. */
@media(prefers-reduced-motion:no-preference){
 @keyframes missd-photo-arrive{from{opacity:.15;clip-path:inset(0 0 12% 0);translate:0 var(--missd-photo-distance,24px)}to{opacity:1;clip-path:inset(0);translate:0 0}}
 #content .missd-photo-arrive{animation:missd-photo-arrive 1000ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--missd-motion-delay,0ms)}
}
@media(max-width:767px){#content{--missd-title-distance:16px;--missd-block-distance:22px;--missd-photo-distance:16px}}
@media(prefers-reduced-motion:reduce){#content .missd-photo-arrive{animation:none!important;translate:none!important;clip-path:none!important}}

/* Native controls must fit their text plus the Stitch padding. Astra's fixed
   40px control height otherwise crops the selected value and typed text. */
body :is(.missd-stitch-page,#contact) form :is(input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]),select){height:auto!important;min-height:50px;box-sizing:border-box;line-height:1.5!important;padding-block:12px!important;min-width:0;max-width:100%}
body :is(.missd-stitch-page,#contact) form select{padding-right:36px!important;text-overflow:ellipsis}
body :is(.missd-stitch-page,#contact) form textarea{line-height:1.5!important;min-height:100px;max-width:100%;box-sizing:border-box}
/* A softer mix of fade, gentle settling and photographic reveal. */
@media(prefers-reduced-motion:no-preference){
 @keyframes missd-fade-arrive{from{opacity:.25}to{opacity:1}}
 @keyframes missd-settle-arrive{from{opacity:.3;scale:.975}to{opacity:1;scale:1}}
 #content .missd-fade-arrive{animation:missd-fade-arrive 700ms ease-out both;animation-delay:var(--missd-motion-delay,0ms)}
 #content .missd-settle-arrive{animation:missd-settle-arrive 800ms cubic-bezier(.16,1,.3,1) both;animation-delay:var(--missd-motion-delay,0ms)}
 #content{--missd-title-distance:12px;--missd-block-distance:18px;--missd-photo-distance:0px}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 #content [data-missd-motion=photo] img{transition:filter 450ms ease}
 #content [data-missd-motion=photo]:hover img{filter:brightness(1.035) saturate(1.025)}
}
@media(prefers-reduced-motion:reduce){#content :is(.missd-fade-arrive,.missd-settle-arrive){animation:none!important;scale:none!important}}

/* Image viewer shared across the Stitch pages. */
.missd-viewer-open{overflow:hidden}
[data-missd-lightbox]{cursor:zoom-in}
[data-missd-lightbox]:focus-visible{outline:3px solid #c6a15b;outline-offset:4px}
#missd-image-viewer{box-sizing:border-box;width:min(1120px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:48px 20px 16px;border:1px solid #bfa16d;border-radius:16px;background:#fef9f0;color:#30291f;overflow:auto;text-align:center}
#missd-image-viewer::backdrop{background:rgb(25 21 16 / 86%)}
#missd-image-viewer>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 200px);object-fit:contain;margin:auto}
#missd-image-viewer button{width:44px;height:44px;padding:0;border:1px solid #c6a15b;border-radius:50%;background:#fffaf2;color:#775a1a;font:24px/1 Manrope,sans-serif;cursor:pointer}
#missd-image-viewer button:disabled{opacity:.35;cursor:default}
#missd-image-viewer .missd-image-close{position:absolute;right:8px;top:4px;border:0;font-size:30px}
#missd-image-caption{font:14px/1.5 Manrope,sans-serif;margin:12px 0;overflow-wrap:anywhere}
.missd-image-controls{display:flex;align-items:center;justify-content:center;gap:24px;font:14px/1.5 Manrope,sans-serif}

/* Shared interaction palette: override Astra's blue fallback on public pages. */
body:not(.wp-admin){--ast-global-color-0:#775a1a;--ast-global-color-1:#624813}
#page{--ast-global-color-0:#775a1a;--ast-global-color-1:#624813}
#page :is(a,button,input,select,textarea,[role=button]){-webkit-tap-highlight-color:rgba(198,161,91,.18)}
#page :is(input[type=checkbox],input[type=radio],input[type=range]){accent-color:#775a1a}
#page :is(a,button,input,select,textarea,[role=button]):focus-visible{outline:2px solid #c6a15b;outline-offset:3px}
#page > nav .missd-mobile-toggle{color:#775a1a;background:transparent;border:1px solid #d9c59e;border-radius:10px;min-width:44px;min-height:44px;box-shadow:none}
#page > nav .missd-mobile-toggle:is(:hover,:focus,:active,[aria-expanded=true]){color:#775a1a;background:#f2e6cc;border-color:#c6a15b;box-shadow:none}
#page > nav .missd-mobile-menu a:is(:hover,:focus,:active){color:#624813;background:#f8f3ea}
#page > nav .missd-mobile-menu .current-menu-item>a{color:#775a1a;background:#f2e6cc}

/* Tablet portrait: keep the editorial caption inside its image column. */
@media(min-width:640px) and (max-width:1023px){
 body .missd-stitch-page .missd-mobile-detail{display:flex!important;position:relative!important;inset:auto!important;margin:16px 0 0;max-width:100%;width:100%;box-sizing:border-box}
}
/* Short/landscape screens must still reach the final navigation item. */
@media(max-width:1199px){
 #page>nav .missd-mobile-menu{max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain}
 body.admin-bar #page>nav .missd-mobile-menu{max-height:calc(100dvh - 120px)}
}
@media(max-width:639px){
 #stitch-24 label:has(input[name=doctor]){display:grid;grid-template-columns:48px minmax(0,1fr);gap:12px;align-items:start}
 #stitch-24 label:has(input[name=doctor])>img{width:48px;height:64px}
 #stitch-24 label:has(input[name=doctor])>.flex-1{min-width:0}
 #stitch-24 label:has(input[name=doctor])>.flex-1>.flex{flex-wrap:wrap;gap:6px}
 #stitch-24 label:has(input[name=doctor])>div:last-child:not(.flex-1){grid-column:1;grid-row:2}
}
body .missd-stitch-page .missd-filter-off{display:none!important}
body .missd-stitch-page [data-missd-editorial-filter][aria-pressed=true]{background:#775a1a!important;color:#fff!important;border-color:#775a1a!important}
body .missd-stitch-page [data-missd-editorial-filter][aria-pressed=false]{background:#fffaf2!important;color:#625849!important;border-color:#ded2c3!important}
body .missd-stitch-page [data-missd-editorial-filter] span{color:inherit}
body .missd-stitch-page button:is([aria-label="Bài viết trước"],[aria-label="Bài viết tiếp theo"])[hidden]{display:none!important}

/* Keep service explanations and editorial captions readable in full. */
body .missd-stitch-page p:is(.line-clamp-1,.line-clamp-2){display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;overflow:visible!important;max-height:none!important;height:auto!important}
body #stitch-28 .truncate{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.missd-managed-banner{position:relative;margin-bottom:80px;touch-action:pan-y}
.missd-managed-slide{position:relative;height:65vh;min-height:480px}
.missd-managed-slide[hidden]{display:none!important}
.missd-managed-slide picture,.missd-managed-slide img{display:block;width:100%;height:100%;object-fit:cover}
.missd-banner-shade{position:absolute;inset:0;background:linear-gradient(transparent 40%,#fef9f0)}
.missd-banner-copy{position:absolute;bottom:30px;left:0;right:0;padding:24px;max-width:1280px;margin:auto;display:flex;align-items:end;gap:20px;flex-wrap:wrap}
.missd-banner-copy blockquote{margin:0;max-width:768px;padding:20px 24px;border-left:4px solid #c6a15b;background:#fffaf2ed;font:500 clamp(22px,3vw,32px)/1.4 Phudu,sans-serif;color:#30291f}
.missd-banner-copy a{background:#775a1a;color:white;padding:12px 20px;border-radius:12px}
.missd-managed-banner nav{display:flex;gap:18px;align-items:center;justify-content:center;padding:12px;color:#775a1a;font:600 14px Manrope,sans-serif}
.missd-managed-banner nav button{width:44px;height:44px;padding:0;background:#fffaf2;border:1px solid #c6a15b;color:#775a1a;border-radius:12px}
.missd-managed-banner nav button:disabled{opacity:.35}
@media(max-width:639px){.missd-managed-slide{height:auto;min-height:0}.missd-managed-slide picture{height:340px}.missd-banner-copy{position:relative;padding:16px 20px}.missd-banner-shade{display:none}.missd-banner-copy blockquote{padding:16px;font-size:22px}.missd-managed-banner{margin-bottom:40px}}

/* Banner dimensions must win over the imported #stitch-* img reset. */
body .missd-stitch-page .missd-managed-slide{height:auto;min-height:0;aspect-ratio:21/8;overflow:hidden}
body .missd-stitch-page .missd-managed-slide picture{position:absolute;inset:0;width:100%;height:100%}
body .missd-stitch-page .missd-managed-slide picture img{display:block;width:100%!important;height:100%!important;max-height:none;object-fit:cover;object-position:center}
body .missd-stitch-page .missd-managed-banner:not([data-ready]) .missd-managed-slide~.missd-managed-slide{display:none}
body .missd-stitch-page .missd-managed-banner .missd-banner-copy blockquote{border:1px solid #ddc9a6;font-weight:400;box-shadow:0 3px 12px #35291a12}
@keyframes missd-banner-fade{from{opacity:.6}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){.missd-managed-slide.is-banner-active picture{animation:missd-banner-fade .6s ease-out}}
@media(max-width:639px){body .missd-stitch-page .missd-managed-slide{aspect-ratio:auto}body .missd-stitch-page .missd-managed-slide picture{position:relative;height:280px}.missd-managed-banner nav{gap:14px}}

/* One breadcrumb type style across all Stitch variants, including nested labels. */
body #content .missd-stitch-page .missd-breadcrumb,
body #content .missd-stitch-page .missd-breadcrumb :not(.material-symbols-outlined){
 font-family:Manrope,sans-serif!important;
 font-size:12px!important;
 font-weight:500!important;
 font-style:normal!important;
 line-height:20px!important;
 letter-spacing:.04em!important;
 text-transform:uppercase!important;
 color:#796346!important;
 opacity:1!important;
 text-shadow:none!important;
 white-space:normal!important;
}
body #content .missd-stitch-page .missd-breadcrumb{gap:8px!important;align-items:center!important;flex-wrap:wrap!important;overflow:visible!important}
body #content .missd-stitch-page .missd-breadcrumb>*{margin:0!important;min-width:0;max-width:100%;overflow-wrap:anywhere}
body #content .missd-stitch-page .missd-breadcrumb .truncate{overflow:visible!important;text-overflow:clip!important}
body #content .missd-stitch-page .missd-breadcrumb .material-symbols-outlined{font-size:14px!important;font-weight:400!important;font-style:normal!important;line-height:20px!important;color:#796346!important;opacity:1!important}
body #content .missd-stitch-page .missd-breadcrumb a:hover{color:#775a1a!important;text-decoration:underline;text-underline-offset:3px}

/* First carousel row has its final dimensions before the footer scripts execute. */
@media(max-width:1023px){
 body #content .missd-stitch-page [data-missd-card-carousel]:not([data-ready]){display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 20px)/2);grid-template-columns:none!important;gap:20px!important;overflow:hidden;min-width:0}
 body #content .missd-stitch-page [data-missd-card-carousel]:not([data-ready])>*{min-width:0;max-width:100%;grid-column:auto!important}
}
@media(max-width:639px){body #content .missd-stitch-page [data-missd-card-carousel]:not([data-ready]){grid-auto-columns:100%}}
body #content .missd-stitch-page [data-case-carousel]:not([data-carousel-ready]) [data-carousel-track]{overflow:hidden!important}

/* Booking titles: readable type scale, with room for Vietnamese accents. */
body #content :is(#stitch-25,#stitch-26) h1{font-family:Phudu,sans-serif!important;font-size:clamp(28px,3.2vw,44px)!important;font-weight:500!important;line-height:1.3!important;letter-spacing:0!important;text-wrap:balance;overflow:visible!important;margin-bottom:20px!important}
body #content :is(#stitch-25,#stitch-26) h1 .gold-gradient-text{font-family:inherit!important;font-style:normal!important;font-weight:500!important;font-size:.85em!important;line-height:1.4!important;background:none!important;-webkit-text-fill-color:#8a6b3e!important;color:#8a6b3e!important;display:inline-block;padding-top:8px}
body #content [data-missd-about-cta] .missd-cta-description{display:grid;gap:8px;margin:0 auto 28px;max-width:760px}
body #content [data-missd-about-cta] .missd-cta-description p{margin:0!important;font-family:Manrope,sans-serif!important;font-size:16px!important;line-height:1.7!important;color:#625849!important}
body #content [data-missd-about-cta] .missd-cta-buttons{max-width:850px!important;width:100%;gap:16px!important;flex-wrap:wrap;align-items:stretch!important}
body #content [data-missd-about-cta] .missd-cta-buttons a{height:auto!important;min-height:52px;padding:14px 24px!important;font-family:Manrope,sans-serif!important;font-size:14px!important;line-height:22px!important;letter-spacing:.04em!important;white-space:normal;text-align:center;flex-shrink:0;border-radius:12px!important}
body #content [data-missd-about-cta] .missd-cta-buttons a span:not(.material-symbols-outlined){font:inherit!important}
@media(min-width:640px){body #content [data-missd-about-cta] .missd-cta-buttons a{width:auto!important;white-space:nowrap}}
@media(max-width:639px){body #content [data-missd-about-cta] .missd-cta-buttons{gap:12px!important}body #content [data-missd-about-cta] .missd-cta-buttons a{width:100%!important;padding:14px 16px!important}}

/* Selected form choices must retain readable contrast, independent of source utilities. */
body #content .missd-stitch-page form button:is(.active-chip,.symptom-tag.selected,.slot-btn.selected,[aria-pressed="true"]){background:#775a1a!important;color:#fff!important;border-color:#775a1a!important}
body #content .missd-stitch-page form button:is(.active-chip,.symptom-tag.selected,.slot-btn.selected,[aria-pressed="true"]) *{color:inherit!important}
body #content .missd-stitch-page #concern-chips button[aria-pressed="false"]{background:#fff!important;color:#625849!important;border-color:#d2c4b9!important}
body #content .missd-stitch-page #concern-chips button:focus-visible{outline:2px solid #775a1a!important;outline-offset:3px}

/* Soft crossfade between banner slides; outgoing content cannot receive input. */
@keyframes missd-banner-out{from{opacity:1}to{opacity:0}}
@media(prefers-reduced-motion:no-preference){
 body #content .missd-managed-slide.is-banner-active picture{animation:none}
 body #content .missd-managed-slide.is-banner-leaving[hidden]{display:block!important;position:absolute!important;top:0;left:0;width:100%;z-index:2;pointer-events:none;animation:missd-banner-out 700ms cubic-bezier(.4,0,.2,1) both}
}
@media(prefers-reduced-motion:reduce){body #content .missd-managed-slide.is-banner-leaving[hidden]{display:none!important}}

/* Dynamic service CTAs: scoped Stitch link reset must not override button text. */
body #content :is(#stitch-09,#stitch-10) a.bg-primary.text-on-primary{
 color:#fff;display:inline-flex;align-items:center;justify-content:center;
 min-height:48px;line-height:1.5;text-align:center;
}
body #content :is(#stitch-09,#stitch-10) a.bg-primary.text-on-primary:is(:visited,:hover,:focus,:active){color:#fff}
/* Radio cards follow checked state, including keyboard changes and form reset. */
body #content .missd-stitch-page label:has(>input[type="radio"].sr-only){border:2px solid #e2d8ca!important;background:#fff!important;box-shadow:none!important}
body #content .missd-stitch-page label:has(>input[type="radio"].sr-only:checked){border-color:#a3866a!important;background:#f8f3ea!important;box-shadow:none!important}
body #content .missd-stitch-page label:has(>input[type="radio"].sr-only:focus-visible){outline:2px solid #775a1a;outline-offset:4px}
body #content .missd-stitch-page [data-choice-icon]{color:#958877!important}
body #content .missd-stitch-page [data-choice-selected="true"] [data-choice-icon]{color:#775a1a!important}
body #content .missd-stitch-page [data-choice-mark="true"]{background:#a3866a!important;color:#fff!important}
body #content .missd-stitch-page [data-choice-mark="true"] [data-choice-icon]{color:#fff!important}
body #content .missd-stitch-page [data-choice-mark="false"]{background:#e9e2d8!important;color:#625849!important}
body #content .missd-stitch-page .missd-booking-avatar{width:48px;height:48px;flex:none;display:flex!important;align-items:center;justify-content:center;border-radius:50%;background:#eee6d9;color:#8a6b48}

/* Library filters and search reflect the topics rendered on this page. */
#stitch-17 [data-library-filter][aria-pressed="true"]{background:#795b1b!important;color:#fff!important;border-color:#795b1b!important}
#stitch-17 [data-library-filter][aria-pressed="false"]{background:#f1ece3!important;color:#50483f!important}
#stitch-17 [data-library-filter]:focus-visible{outline:2px solid #795b1b;outline-offset:3px}
#stitch-17 [data-library-group][hidden],#stitch-17 article[hidden]{display:none!important}
#stitch-17 [data-library-group],#stitch-17 article{scroll-margin-top:140px}
#stitch-17 .missd-library-status{font:500 14px/1.6 Manrope,sans-serif;color:#796346;margin:16px 0 0}
#stitch-17 .missd-library-status a{text-decoration:underline}
#stitch-17 .missd-library-search-results:not(:empty){background:#fffaf2;color:#50483f;padding:16px;margin-top:12px;border-radius:8px;border:1px solid #dfd0bb}
#stitch-17 .missd-library-search-results a{display:block;color:#795b1b;text-decoration:underline;font-size:14px;line-height:1.6;padding:8px 0}
#stitch-17 [data-library-hotspot]{min-width:44px;min-height:44px;padding:0;line-height:1}
#stitch-17 [data-library-hotspot]:focus-visible{outline:3px solid #795b1b;outline-offset:3px}
#stitch-17 [data-library-hotspot][aria-expanded="true"]{box-shadow:0 0 0 3px #d9ba78}
#stitch-17 .missd-library-hotspot-detail[hidden]{display:none!important}
#stitch-17 .missd-library-hotspot-detail{background:#f8f0e3;padding:16px;border-bottom:1px solid #dfd0bb;font-size:14px;line-height:1.6}
#stitch-17 .missd-library-hotspot-detail p{color:#50483f!important}
/* Editorial search and category state share the site's cream/gold palette. */
#stitch-16 .article-item[hidden]{display:none!important}
#stitch-16 .filter-chip[aria-pressed="true"]{background:#795b1b!important;color:#fff!important}
#stitch-16 .filter-chip[aria-pressed="false"]{background:#fff!important;color:#50483f!important}
#stitch-16 .filter-chip:focus-visible{outline:2px solid #795b1b;outline-offset:3px}
#stitch-16 .missd-editorial-status{font:500 14px/1.6 Manrope,sans-serif;color:#796346;margin:0 0 16px}
#stitch-16 #filterTabs{flex-wrap:wrap;overflow:visible}
#stitch-17 .missd-library-hotspot-help{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px;background:#f8f0e3;color:#796346;font-size:12px;line-height:1.5;border-bottom:1px solid #dfd0bb}

body #content .missd-stitch-page [data-service-symbol-wrap]{background:#eee6d9!important;color:#796346!important}
body #content .missd-stitch-page [data-service-symbol]{color:inherit!important}
body #content .missd-stitch-page [data-choice-selected="true"] [data-service-symbol-wrap]{background:#a3866a!important;color:#fff!important}