/* Shared navigation and accessible controls across the public pages. */
:root{--aai-font:'DM Sans','Kanit',sans-serif;--aai-heading-weight:500}
html,body{font-family:var(--aai-font)}
body :where(button,input,select,textarea){font-family:inherit}
body :where(h1,h2,h3,h4,h5,h6){font-family:var(--aai-font)}
.hero-editorial h1,.planner-page .studio-intro h1,.contact-intro h1,.business-intro h1,.support-hero h1,.demo-header+main h1{font-weight:var(--aai-heading-weight)}
header.nav,header.contact-nav,header.demo-header{font-family:var(--aai-font)}
header.nav nav a,header.contact-nav nav a,header.demo-header nav a{font-family:var(--aai-font);font-size:14px;font-weight:600}
header.contact-nav{min-height:88px;padding:0 7vw}
header.contact-nav img{width:170px;height:60px}
header.contact-nav nav{gap:28px}
.mobile-menu{display:none}
:focus-visible{outline:3px solid #087daa;outline-offset:4px}
.nav .cart,.nav .language,.nav .dealer-login,.dealer-price-selector button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.nav .cart,.nav .language{min-width:44px}
.spec-row{display:block;padding:9px 0;border-bottom:1px solid #dbe3e9;overflow-wrap:anywhere}
.product-modal-box{max-height:90dvh}.modal[hidden]{display:none!important}
.card-stepper button,.cart-line-actions button,.quantity-picker button,.counter button,.room-remove,.studio-line button{min-width:36px;min-height:36px}
.studio-toolbar button{min-height:44px;padding:8px}.room-card-actions{z-index:4}
.studio-room-card .room-name{padding-right:23px}
.app-compatibility[hidden]{display:none!important}
.product h3,.cart-line strong{overflow-wrap:anywhere}
@media(max-width:1200px){
 header.nav,header.contact-nav{display:flex;flex-wrap:wrap;gap:8px;padding:10px 5vw;height:auto;min-height:74px}
 header.contact-nav img{width:132px;height:48px}
 header .brand{margin-right:auto}header .nav-actions{gap:10px;flex-wrap:wrap}
 header.nav nav,header.contact-nav nav{display:none!important;order:10;width:100%;padding:12px 0;margin:0;gap:0}
 header.nav nav.menu-open,header.contact-nav nav.menu-open{display:grid!important;grid-template-columns:1fr 1fr}
 header nav a{padding:12px;min-height:44px;text-align:left}
 .mobile-menu{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:52px;padding:8px;border:1px solid #bbcddd;background:white;color:#102452;border-radius:8px;font:inherit}
 .nav nav a.active:after{display:none}.nav nav a[aria-current="page"]{background:#e8f4fb;border:1px solid #b8ddec;border-left:3px solid #2c9bd6;border-radius:7px;color:#102452;font-weight:700}.dealer-price-selector{flex-wrap:wrap}
 .brand-logo{max-width:80px}.hero-benefits{flex-wrap:wrap}.trust{flex-wrap:wrap;gap:15px;padding:20px}
 .room-remove,.counter button,.card-stepper button,.cart-line-actions button,.quantity-picker button,.studio-line button{min-width:44px;min-height:44px}
 .studio-room-card .room-name{padding-right:35px}.studio-home-new{min-height:480px}
 .product-modal-box{width:calc(100vw - 24px);max-height:90dvh}.product-modal-image{min-height:160px}
}
@media(max-width:600px){
 header.nav{display:grid;grid-template-columns:80px 1fr 52px;gap:6px;padding:10px 12px}
 header.nav>.brand{grid-column:1;grid-row:1;margin:0}
 header.nav>.nav-actions{display:contents}
 header.nav .language{grid-column:2;grid-row:1;justify-self:end;margin-right:80px}
 header.nav .cart{grid-column:2;grid-row:1;justify-self:end}
 header.nav>.mobile-menu{grid-column:3;grid-row:1}
 header.nav #dealerLogin{grid-column:1 / -1;grid-row:2;justify-self:end;min-height:32px}
 header.nav #dealerPriceSelector{grid-column:1 / -1;grid-row:2;justify-content:flex-end;gap:10px}
 header.nav #mainNavigation{grid-column:1 / -1;grid-row:3}
 .hero-copy h1{letter-spacing:-1.5px!important}.studio-home-new{min-height:540px}
 .isometric-room .room-name{font-size:11px;padding:26px 0 0}.room-card-actions{top:0;right:0}
}
.product-stock{display:block;margin:8px 0;color:var(--muted,#63728c);font:600 12px/1.45 'DM Sans','Kanit',sans-serif;letter-spacing:0;overflow-wrap:anywhere}
.product-stock[data-stock-state="available"]{color:#1476a5}
.studio-product .product-stock{margin:3px 0 0;font-size:10px}
.support-product-copy .product-stock{margin:6px 0;font-size:12px;font-weight:600}
#productModalStock .product-stock{margin:10px 0 16px}

/* Keep the existing navy/blue palette while improving legibility and control sizes. */
:root{--aai-readable-blue:#146f9b;--aai-readable-muted:#536680}
.skip-link{position:fixed;top:12px;left:12px;z-index:1000;transform:translateY(-160%);padding:12px 18px;background:#fff;color:#102452;border:2px solid #102452;border-radius:6px}
.skip-link:focus{transform:none}
header.nav nav a,header.contact-nav nav a,header.demo-header nav a{display:inline-flex;align-items:center;min-height:44px}
.nav-controls button,.nav-controls a,.contact-footer a,.back-link,.text-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.nav-controls button{min-width:44px}
.nav nav a[aria-current="page"],.contact-nav a[aria-current="page"]{color:var(--aai-readable-blue)}
.product-title-button{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:left;padding:0;min-height:44px;width:100%;cursor:pointer;overflow-wrap:anywhere}
.product-title-button:hover{text-decoration:underline;text-underline-offset:4px}
.product-search input{min-height:44px;font-size:16px}
.product .add,.card-stepper button,.cart-line-actions button,.quantity-picker button{min-width:44px;min-height:44px}
.product-bottom{flex-wrap:wrap;gap:12px}
.product-bottom .add,.product-bottom .card-stepper{margin-left:auto}
.studio-room-select{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.studio-room-select:focus-visible{outline:3px solid #087daa;outline-offset:3px}
.studio-panel-head span,.studio-product i{color:var(--aai-readable-blue)}
.studio-product small,.studio-empty,.studio-summary>small{color:var(--aai-readable-muted)}
.segmented button,.contact-detail-item a{min-height:44px}
.contact-detail-item a,.site-footer .footer-links a{display:inline-flex;align-items:center;min-height:44px}
.contact-kicker,.business-eyebrow,.business-card-type,.contact-topics>div>span{color:var(--aai-readable-blue)}
.support-kicker,.support-product-copy>small,.manual-card>small{color:var(--aai-readable-blue)}
.support-hero .support-kicker{color:#9fe2fa}
.support-hero-results .support-kicker,#productModalSupport{color:var(--aai-readable-blue)}
.support-hero .support-hero-results .support-kicker{color:var(--aai-readable-blue)}
#supportSearch::-webkit-search-cancel-button{display:none}
.support-search button,.support-back-button,.support-text-button{min-width:44px;min-height:44px}
.support-hero-results{max-height:65dvh;overflow-y:auto;overscroll-behavior:contain}
.support-hero.has-search-results .support-search-hint{visibility:hidden}
.support-topic-button{display:flex;align-items:center;gap:12px;min-height:44px;color:var(--aai-readable-muted)}
.support-article-kicker,.support-resource-link>span,.support-steps li>b{color:var(--aai-readable-blue)}
.support-topic-button>span{flex:none;min-width:22px;font-variant-numeric:tabular-nums}
.viewer-bottom,.simulation-note{color:#53637a}
html[lang="th"] body{font-family:'Kanit','DM Sans',sans-serif}
@media(max-width:1200px){
 header.demo-header{display:flex;flex-wrap:wrap;gap:8px;padding:10px 5vw;height:auto;min-height:74px}
 header.demo-header>a{margin-right:auto}
 header.demo-header nav{display:none!important;order:10;width:100%;padding:12px 0;margin:0;gap:0}
 header.demo-header nav.menu-open{display:grid!important;grid-template-columns:1fr 1fr}
 header.demo-header nav a{white-space:normal;min-height:44px;padding:12px}
 header.demo-header>.mobile-menu{margin-left:0;min-width:52px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
@media(max-width:600px){
 .support-category-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding:0}
 .support-category-card{min-width:0!important;white-space:normal!important;min-height:56px;justify-content:flex-start;text-align:left;border-radius:12px;padding:12px}
 .support-category-card strong{font-size:12px;line-height:1.4;overflow-wrap:anywhere}
}