/* Codex integration corrections; visual foundations authored by Claude in style.css. */
.uxr2{--ux-font:InnoKanit,Arial,sans-serif;--s-body:InnoKanit,Arial,sans-serif;--s-heading:InnoKanit,Arial,sans-serif;--p3-ink:#202229;--p3-muted:#60636b;--p3-gold:#A78B56;--p3-rule:#D8DADE;margin:0;line-height:1.6}
.uxr2 *, .uxr2 *::before, .uxr2 *::after{box-sizing:border-box}
.uxr2 .ux-editorial{padding:0}
.uxr2 .ux-header .ux-logo{flex:0 0 108px;margin-right:0}
.uxr2 .ux-logo-image{width:108px;height:auto;max-height:64px;object-fit:contain}
.uxr2 .ux-header-inner{min-height:78px;gap:12px}
.uxr2 .ux-header .ux-search-toggle{order:3;margin-left:auto}
.uxr2 .ux-header .ux-navtoggle{margin-left:auto}
.uxr2 .ux-header .ux-nav{width:auto;min-width:0}
.uxr2 .ux-nav-list>li>a,.uxr2 .ux-nav-list>li>button{font-family:Arial,sans-serif}
.uxr2 .ux-header>.ux-mega{max-width:1440px;width:90.5%;margin-inline:auto}
.uxr2 .ux-mega.ux-product-types{grid-template-columns:repeat(4,minmax(0,1fr))}
.uxr2 .ux-mega.ux-product-types>a{font-size:14px;min-height:44px;border-bottom:1px solid var(--ux-rule);padding:10px 0}
.uxr2 .ux-brand-logos>a{display:flex;align-items:center;justify-content:center;min-height:116px;padding:18px;background:white;text-align:center}
.uxr2 .ux-brand-logos>a>span{font-size:17px;font-weight:500}
.uxr2 img.ux-brand-art{width:100%;max-height:440px;object-fit:contain}
.uxr2 .ux-category-hero{padding-block:20px 36px}
.uxr2 .ux-category-hero h1{font:500 clamp(28px,4vw,54px)/1.25 InnoKanit,Arial,sans-serif;margin:0 0 25px}
.uxr2 .ux-category-hero>img{width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}
.uxr2 .ux-section{padding-block:40px}
.uxr2 .ux-section>.ux-product-types{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}
.uxr2 .ux-section>.ux-product-types>a{border-bottom:1px solid var(--ux-rule)}
.uxr2 .ux-footer-nav{display:flex;flex-wrap:wrap;gap:4px 22px}
.uxr2 .ux-footer-content{display:block}
.uxr2 .p3-group img{aspect-ratio:3/1;object-fit:contain;object-position:center}
.uxr2 .ux-category-original{padding-block:20px}
.uxr2.p3a .site-content>.s-container{max-width:none;width:100%;padding:0}
.uxr2 .p3-brand-copy .p3-actions{margin-top:24px}
.uxr2 .ux-editorial input[type=hidden]{display:none!important}
.uxr2 .ux-brand-body #gspb_container-id-gsbp-8ae171c,
.uxr2 .ux-brand-body #gspb_container-id-gsbp-5205a74,
.uxr2 .ux-brand-body #gspb_container-id-gsbp-2d41b84{width:100%;max-width:100%;margin-left:0;margin-right:0}
.uxr2 .ux-brand-page[data-brand=hairbeam] .gspb_slider-id-gsbp-bfc48e43-8835 .swiper-button-next{right:0}
.uxr2 .ux-brand-page[data-brand=hairbeam] .gspb_slider-id-gsbp-bfc48e43-8835 .swiper-button-prev{left:0}
.uxr2 .ux-brand-page:is([data-brand=biobase],[data-brand=dirui]) .gs-swiper-init>.swiper-button-next{right:0}
.uxr2 .ux-brand-page:is([data-brand=biobase],[data-brand=dirui]) .gs-swiper-init>.swiper-button-prev{left:0}
/* Tested 1024px edge cases: keep carousel controls in their own frame, not clipped. */
.uxr2 .ux-brand-page[data-brand=clabiane] .gs-swiper-init>.swiper-button-next,
.uxr2 .ux-wwd-body .gs-swiper-init>.swiper-button-next{right:0}
.uxr2 .ux-brand-page[data-brand=clabiane] .gs-swiper-init>.swiper-button-prev,
.uxr2 .ux-wwd-body .gs-swiper-init>.swiper-button-prev{left:0}
.uxr2.page-id-566 #gspb_heading-id-gsbp-0e368503-b58f{max-width:100%;overflow-wrap:anywhere}
.uxr2 .ux-footer-content #gspb_container-id-gsbp-6577db2d-9337{background-image:none!important;background-color:#fff!important;padding-left:0;padding-right:0}
.uxr2 .ux-footer-contacts{display:flex;flex-wrap:wrap;gap:8px 24px;border-top:1px solid var(--ux-rule);padding-top:16px}
.uxr2 .ux-footer-contacts a,.uxr2 .ux-academy-menu a{min-height:44px;display:inline-flex;align-items:center}
.uxr2 .ux-account{position:relative;order:3}
.uxr2 .ux-account-panel{position:absolute;right:0;top:100%;width:min(300px,90vw);padding:20px;background:#fff;border:1px solid var(--ux-rule);box-shadow:0 12px 30px #0001;font-size:14px;overflow-wrap:anywhere}
.uxr2 .ux-account-panel a{display:inline-flex;min-height:44px;align-items:center;color:var(--ux-cta)}
/* Claude review: empty tracks must not be painted as solid grey panels. */
.uxr2 .ux-brand-logos{background:#fff;gap:0}
.uxr2 .ux-brand-logos>a{border-right:1px solid var(--ux-rule);border-bottom:1px solid var(--ux-rule)}
.uxr2 .ux-brand-logos>a:last-child{border-right:0}
.uxr2 .ux-brand-logos>a[data-brand=nadmed]{background:#202229}
.uxr2 .ux-brand-logos>a[data-brand=nadmed] img{max-height:80px}
.uxr2 .ux-brand-logos>a[data-brand=hairbeam] img{max-width:94px;max-height:51px}
/* Refresh the actual brand body gutter/type/section rhythm, preserving original media and copy. */
.uxr2.page #content>.s-container{width:100%;max-width:none;padding-inline:0}
.uxr2.page .site-main:has(.ux-brand-page){width:100%;max-width:none;padding-inline:0}
.uxr2 .ux-brand-hero,.uxr2 .ux-brand-hero :is(h1,h2,h3,p,a,nav){font-family:InnoKanit,Arial,sans-serif}
.uxr2 .ux-brand-hero h1{color:var(--ux-ink);font-weight:500}
.uxr2 .ux-brand-hero:not(:has(.ux-brand-art)){grid-template-columns:minmax(0,1fr)}
.uxr2 .ux-brand-hero h1::after{background:var(--ux-brand-accent)}
.uxr2 .ux-brand-body .ux-brand-dup{font-size:15px;line-height:1.5;padding:0;border:0;color:var(--ux-brand-ink)}
.uxr2 .ux-brand-page .wc-block-grid__products,.uxr2 .ux-brand-page .wc-block-product-template{padding-left:0;margin-inline:0}
.uxr2 .ux-brand-page .wc-block-product :is(h2,h3){font:500 15px/1.45 InnoKanit,Arial,sans-serif;color:var(--ux-ink);margin:0 0 8px;padding:0;border:0}
.uxr2 .ux-brand-page .wc-block-product :is(h2,h3)>a{color:inherit;text-decoration:none}
.uxr2 .ux-wwd-overview{padding-block:24px}
.uxr2.page-id-565 .ux-wwd-overview p{margin-inline:0}
.uxr2 .ux-brand-hero .p3-actions{display:flex;flex-wrap:wrap;gap:16px}
.uxr2 .ux-brand-hero .p3-button{font:400 15px/1.5 InnoKanit,Arial,sans-serif;background:#8B7145;border-color:#8B7145;color:#fff!important}
.uxr2 .ux-brand-hero .p3-outline{background:#fff;color:var(--ux-ink)!important;border-color:var(--ux-rule)}
.uxr2 .ux-brand-body{width:90.5%;max-width:1440px;margin-inline:auto;font-family:InnoKanit,Arial,sans-serif}
.uxr2 .ux-brand-body>.gspb_container{margin-block:0;padding-block:clamp(32px,4vw,64px);max-width:100%}
.uxr2 .ux-brand-body>.alignfull,.uxr2 .ux-brand-body>.alignwide{width:100%;max-width:100%;margin-inline:0}
.uxr2 .ux-brand-body :is(h2,h3,h4,p,li){font-family:InnoKanit,Arial,sans-serif}
.uxr2 .ux-brand-body img{max-width:100%;height:auto;object-fit:contain}
.uxr2 .ux-brand-body .ux-decorative-number{display:block;font:500 clamp(32px,4vw,56px)/1.1 InnoKanit,Arial,sans-serif}
.uxr2 .ux-brand-page .p3-contact{font-family:InnoKanit,Arial,sans-serif}
.uxr2 .ux-brand-page .p3-contact h2{font-family:InnoKanit,Arial,sans-serif}
/* Claude's functional-page design bound to the verified existing template selectors. */
.uxr2 .find-a-clinic-page .custom-content{width:90.5%;max-width:1440px;margin:40px auto;gap:32px;align-items:start}
.uxr2 .find-a-clinic-page .custom-content>.form{width:25%;padding:0;min-width:0}
.uxr2 .find-a-clinic-page .custom-content>.clinics{width:75%;min-width:0}
.uxr2 .find-a-clinic-page .custom-content>.form>p{display:none}
.uxr2 .find-a-clinic-page .ux-clinic-filter{padding:24px 20px;background:#fff}
.uxr2 .find-a-clinic-page .ux-clinic-filter select{margin-right:0}
.uxr2 .find-a-clinic-page .ux-clinic-filter .input-checkbox{display:flex;align-items:center;gap:8px}
.uxr2 .find-a-clinic-page .ux-clinic-filter .input-checkbox input{width:18px;height:18px;padding:0;margin:0;flex:0 0 auto}
.uxr2 .find-a-clinic-page .ux-clinic-filter .input-checkbox label{flex:1;margin:0}
.uxr2 .find-a-clinic-page .clinic-title{font-family:InnoKanit,Arial,sans-serif}
.uxr2 .find-a-clinic-page .clinic .pic img{width:100%;aspect-ratio:1.9;object-fit:contain}
.uxr2 .find-a-clinic-page .clinic .address-text{overflow-wrap:anywhere}
.uxr2[class*="page-template-academy-"] :is(h1,h2,input,select,textarea,button){font-family:InnoKanit,Arial,sans-serif}
.uxr2[class*="page-template-academy-"] .form-wrapper{border-radius:2px;box-shadow:none}
.uxr2 :is(.academy-login-page,.academy-register-page) .academy-inner{border-radius:2px;box-shadow:none;border:1px solid #D8DADE}
.uxr2 :is(.academy-login-page,.academy-register-page) .academy-container{background:#fff}
.uxr2 :is(.academy-login-page,.academy-register-page) .form-group :is(input[type=text],input[type=email],input[type=password],input[type=tel],select){border-radius:2px;border-color:#D8DADE;font-family:InnoKanit,Arial,sans-serif}
.uxr2 :is(.academy-login-page,.academy-register-page) .form-subtitle{color:#60636b}
.uxr2 .inno-academy-grid__items{gap:32px 24px}
.uxr2 .inno-academy-grid__card{border:1px solid #D8DADE;border-radius:2px;background:#fff;overflow:hidden}
.uxr2 .inno-academy-grid__image{display:block;aspect-ratio:16/9;background:#fff}
.uxr2 .inno-academy-grid__image img{width:100%;height:100%;object-fit:contain}
.uxr2 .inno-academy-grid__title{font:500 17px/1.5 InnoKanit,Arial,sans-serif;letter-spacing:0}
.uxr2 .inno-academy-grid__body{padding:20px}
.uxr2 .inno-academy-grid a:focus-visible{outline:2px solid #A78B56;outline-offset:2px}
.uxr2 :is(.page-content,.entry-content) :is(h1,h2,h3){font-family:InnoKanit,Arial,sans-serif}
@media(max-width:1023px){.uxr2 .find-a-clinic-page .custom-content{display:block}.uxr2 .find-a-clinic-page .custom-content>.form,.uxr2 .find-a-clinic-page .custom-content>.clinics{width:100%}.uxr2 .find-a-clinic-page .ux-clinic-filter{position:static}.uxr2 .find-a-clinic-page .ux-clinic-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.uxr2 .find-a-clinic-page .ux-clinic-results{grid-template-columns:minmax(0,1fr)}}
@media(max-width:600px){.uxr2 .p3-groups-section>.p3-heading{position:relative;width:auto;height:auto;clip-path:none;overflow:visible;white-space:normal;padding-top:20px;margin-top:22px}.uxr2 .ux-brand-hero .p3-actions>a{flex:1 1 auto}.uxr2 .p3-group img{height:auto;aspect-ratio:3/1;object-fit:contain}}
@media(min-width:1100px){.uxr2 .ux-nav-list{flex-wrap:nowrap;gap:clamp(6px,.8vw,14px)}.uxr2 .ux-nav-list>li>a,.uxr2 .ux-nav-list>li>button{font-size:10px;letter-spacing:.025em;white-space:nowrap}.uxr2 .ux-header>.ux-mega{left:0;right:0}}
@media(max-width:1099px){.uxr2 .ux-header-inner{flex-wrap:wrap}.uxr2 .ux-header .ux-search-toggle{margin-left:0}.uxr2 .ux-header>.ux-mega{max-height:65vh;overflow-y:auto}.uxr2 .ux-header>.ux-mega.ux-product-types{display:block}.uxr2 .ux-mega-art{width:180px;max-width:100%;margin-bottom:6px}.uxr2 .ux-mega-group{padding-block:12px}.uxr2 .ux-logout{order:3}}
@media(max-width:600px){.uxr2 .p3-actions .p3-outline{display:inline-flex}.uxr2 .ux-brand-logos{grid-template-columns:repeat(2,minmax(0,1fr))}.uxr2 .ux-section>.ux-product-types{grid-template-columns:1fr}.uxr2 .ux-brand-hero{padding-top:24px}.uxr2 .ux-category-hero h1{overflow-wrap:anywhere}}