:root{--ink:#183531;--muted:#688078;--cream:#f4f1ea;--lime:#dfff59;--mint:#c9e5d1;--coral:#ff765b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans','Kanit',sans-serif}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5vw;border-bottom:1px solid #d9d6cc}.brand{font-size:20px;font-weight:700;letter-spacing:-1px;text-decoration:none;color:var(--ink);display:flex;gap:5px;align-items:center}.brand span{background:var(--lime);border-radius:50%;height:25px;width:25px;display:inline-grid;place-items:center;font-size:17px}.nav nav{display:flex;gap:28px}.nav nav a,.text-button{color:var(--ink);text-decoration:none;font-size:14px}.nav-actions{display:flex;gap:18px;align-items:center}.language,.cart,.filter{font:inherit;background:none;border:0;color:var(--ink);cursor:pointer}.language{font-size:12px;font-weight:700;border:1px solid var(--ink);border-radius:18px;padding:5px 9px}.cart{font-size:13px}.cart b{background:var(--ink);color:#fff;border-radius:50%;padding:2px 6px;margin-left:3px}.hero{min-height:620px;display:grid;grid-template-columns:1.04fr .96fr;overflow:hidden}.hero-copy{padding:110px 6.5vw 70px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;margin:0 0 22px;color:#48635a}.hero h1,.section h2,.planner h2{font-size:clamp(45px,5.2vw,78px);line-height:.97;letter-spacing:-4px;margin:0;font-weight:600}.hero h1 em,.planner h2 em{font-family:Georgia,serif;font-weight:400}.intro{max-width:450px;line-height:1.6;color:var(--muted);font-size:16px;margin:30px 0}.hero-buttons{display:flex;gap:25px;align-items:center}.button{border:0;text-decoration:none;display:inline-block;cursor:pointer;font:600 14px 'DM Sans','Kanit',sans-serif}.primary{background:var(--ink);color:#fff;padding:15px 20px;border-radius:2px}.text-button{font-weight:600}.text-button span{font-size:18px;margin-left:5px}.hero-art{background:#e0ecdf;position:relative;display:grid;place-items:center}.glow{height:580px;width:580px;border-radius:50%;background:var(--lime);position:absolute;right:-160px;top:-120px;opacity:.8}.room-card{width:min(85%,500px);height:410px;background:#a9c9bd;position:relative;overflow:hidden;box-shadow:20px 24px 0 #8ea99e}.ceiling{position:absolute;top:0;width:100%;height:85px;background:#d4dbd4}.window{position:absolute;right:44px;top:70px;height:200px;width:135px;background:#d4eee8;border:9px solid #f0e9dc}.window:after,.window:before{content:"";position:absolute;background:#f0e9dc}.window:after{width:9px;height:100%;left:54px}.window:before{height:9px;width:100%;top:88px}.lamp{position:absolute;left:63px;top:0;width:90px;height:95px;border-bottom:24px solid #ff765b;border-left:20px solid transparent;border-right:20px solid transparent}.lamp i{position:absolute;height:60px;width:2px;background:#183531;top:-60px;left:24px}.sofa{width:220px;height:100px;background:#42665d;position:absolute;bottom:38px;left:70px;border-radius:55px 55px 10px 10px;border-bottom:18px solid #34564e}.plant{position:absolute;bottom:45px;right:190px;color:#315e3f;font-size:100px;transform:rotate(18deg)}.control{position:absolute;bottom:24px;right:22px;width:162px;padding:14px;background:#fff;border-radius:4px;box-shadow:0 5px 15px #0002}.control small,.estimate span{font-size:9px;letter-spacing:1px;color:#6e817a}.control strong{display:block;font-size:16px;margin:4px 0 10px}.control div{display:flex;gap:7px}.control div span{background:#d6ded9;width:16px;height:7px;border-radius:8px}.control div span:first-child{background:var(--coral);width:42px}.trust{display:flex;justify-content:space-around;padding:21px 6vw;background:var(--ink);color:#eff5e9;font-size:13px}.trust span:before{content:'✦';color:var(--lime);margin-right:9px}.section{padding:110px 6.5vw}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:45px}.section h2{font-size:52px}.filter{border-bottom:1px solid var(--ink);padding-bottom:8px;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{position:relative}.product-image{height:245px;border-radius:3px;display:grid;place-items:center;font-size:90px;position:relative;overflow:hidden}.product-image:after{content:'';position:absolute;width:180px;height:180px;border-radius:50%;background:#ffffff50}.product-image span{z-index:1;filter:drop-shadow(6px 8px 4px #0002)}.product:nth-child(1) .product-image{background:#e5d6cb}.product:nth-child(2) .product-image{background:#bed9d2}.product:nth-child(3) .product-image{background:#d9e3b9}.product:nth-child(4) .product-image{background:#f6c3a9}.tag{position:absolute;top:11px;left:11px;background:var(--lime);padding:4px 7px;font-size:9px;font-weight:700}.product-info{padding:15px 1px}.product-info h3{margin:0 0 6px;font-size:16px}.product-info p{margin:0;color:var(--muted);font-size:12px;min-height:32px}.product-bottom{margin-top:13px;display:flex;justify-content:space-between;align-items:center}.product-bottom strong{font-size:15px}.add{border:1px solid #b8c1bb;background:transparent;border-radius:50%;height:29px;width:29px;font-size:18px;cursor:pointer;color:var(--ink)}.planner{background:var(--mint);padding:100px 10vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.planner-copy>p:not(.eyebrow){color:#496a60;line-height:1.65;margin:25px 0}.planner-copy ul{padding:0;list-style:none;font-size:14px;line-height:2}.planner-copy li:before{content:'✓';margin-right:10px}.planner-tool{background:#f9f8f3;padding:30px;border-radius:4px;box-shadow:12px 14px 0 #a2cdb8}.plan-top{display:flex;justify-content:space-between;border-bottom:1px solid #dce1dc;padding-bottom:18px;font-size:14px}.plan-top span{font-size:10px;color:var(--muted);letter-spacing:1px}.room-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}.room-option{border:1px solid #d5ddd7;padding:13px;border-radius:3px;background:white;cursor:pointer;text-align:left;color:var(--ink)}.room-option.active{background:var(--ink);color:white;border-color:var(--ink)}.room-option span{font-size:20px;margin-right:8px}.estimate{background:#edf3e8;padding:16px;margin:13px 0 18px}.estimate strong{display:block;font-size:26px;margin:4px 0}.estimate small{color:var(--muted);font-size:11px}.wide{width:100%;text-align:center}.how{background:#fff}.how>h2{margin-bottom:55px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.steps article{border-top:1px solid #c5ccc7;padding-top:17px}.steps b{color:var(--coral);font-size:13px}.steps h3{font-size:20px;margin:35px 0 10px}.steps p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}footer{background:var(--ink);color:#fff;padding:40px 6.5vw;display:flex;align-items:center;gap:50px}footer .brand{color:#fff}footer p{font-size:12px;color:#b6c7bc}footer p:last-child{margin-left:auto}.modal{position:fixed;inset:0;background:#10272199;display:grid;place-items:center;padding:20px;z-index:5}.modal-box{position:relative;background:#f8f6f0;padding:36px;width:min(450px,100%)}.modal-box>button:first-child{position:absolute;right:15px;top:10px;background:none;border:0;font-size:28px;cursor:pointer}.modal-box h2{font-size:35px;line-height:1;letter-spacing:-2px;margin:0 0 20px}.result-line{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #d7ddd6;font-size:14px}.result-total{font-size:22px;font-weight:700;margin:20px 0}
@media(max-width:760px){.nav{padding:0 5vw;height:65px}.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:70px 7vw}.hero-art{height:400px}.room-card{height:330px}.section,.planner{padding:70px 7vw}.product-grid{grid-template-columns:repeat(2,1fr);gap:15px}.product-image{height:165px;font-size:65px}.planner{grid-template-columns:1fr;gap:50px}.steps{grid-template-columns:1fr;gap:30px}.trust{overflow:auto;justify-content:flex-start;gap:30px;white-space:nowrap}.section h2{font-size:40px}.section-heading{align-items:flex-start}.filter{display:none}footer{display:block}footer p:last-child{margin-top:20px}.hero h1{letter-spacing:-3px}}
.filter{border:0;border-bottom:1px solid var(--ink);padding:6px 20px 8px 0;font-size:13px}.rate-note{color:var(--muted);font-size:12px;margin:-25px 0 25px}@media(max-width:760px){.filter{display:block}}
.category-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:0 0 32px}.category-card{border:1px solid #d6ddd6;background:#fbfaf6;padding:13px 9px;text-align:left;cursor:pointer;color:var(--ink);min-height:88px}.category-card.active{background:var(--ink);border-color:var(--ink);color:#fff}.category-card b{display:block;font-size:18px;margin-bottom:9px;color:var(--coral)}.category-card.active b{color:var(--lime)}.category-card span{font-size:11px;font-weight:700;display:block;line-height:1.25}.category-card small{font-size:10px;opacity:.65}.rate-note{margin:0 0 25px}@media(max-width:760px){.category-nav{grid-template-columns:repeat(2,1fr)}.category-card{min-height:76px}}
.modal[hidden]{display:none}
.product-image img{width:auto;height:auto;max-width:76%;max-height:76%;object-fit:contain;position:relative;z-index:1;mix-blend-mode:multiply}
.product-image{background:linear-gradient(145deg,#f9faf7,#d9e6df)!important}.product:hover .product-image img{transform:scale(1.04)}.product-image img{transition:transform .28s ease;filter:drop-shadow(0 12px 12px rgba(24,53,49,.16))}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product{min-width:0;overflow:hidden}.product-image{min-width:0;overflow:hidden}.product-image img{display:block;width:76%;height:76%;max-width:none;max-height:none;object-fit:contain}
@media(max-width:760px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.catalog-tools{display:flex;justify-content:space-between;align-items:center;margin:0 0 18px}.product-search{width:min(420px,100%);display:flex;align-items:center;gap:9px;border-bottom:1px solid #9eaca4;padding:8px 2px;color:var(--muted)}.product-search input{width:100%;border:0;background:transparent;outline:0;font:14px 'DM Sans','Kanit',sans-serif;color:var(--ink)}#resultCount{font-size:12px;color:var(--muted)}.no-results{grid-column:1/-1;color:var(--muted);padding:25px 0}@media(max-width:760px){.catalog-tools{align-items:flex-start;gap:12px;flex-direction:column}.product-search{width:100%}}
.product{cursor:pointer}.product-modal-box{position:relative;background:#f8f6f0;width:min(880px,100%);max-height:90vh;overflow:auto;display:grid;grid-template-columns:42% 58%}.close-button{position:absolute;right:14px;top:9px;background:none;border:0;font-size:28px;cursor:pointer;z-index:2}.product-modal-image{background:#dce9df;min-height:390px;display:grid;place-items:center;padding:35px}.product-modal-image img{width:100%;max-height:390px;object-fit:contain;mix-blend-mode:multiply}.product-modal-image span{font-size:100px}.product-modal-content{padding:40px}.product-modal-content h2{font-size:34px;line-height:1.05;letter-spacing:-1.6px;margin:0 0 8px}.model-number{color:var(--muted);font-size:13px;margin:0 0 16px}.detail-price{font-size:24px}.detail-section{border-top:1px solid #d7ddd6;margin-top:20px;padding-top:14px}.detail-section h3{font-size:13px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.7px}.detail-section p{color:var(--muted);font-size:13px;line-height:1.55;white-space:pre-line}.compatibility{display:flex;gap:10px;margin:20px 0}.compatibility span{background:#e8ede7;padding:8px 10px;font-size:12px}.compatibility b{margin-left:5px}@media(max-width:650px){.product-modal-box{grid-template-columns:1fr}.product-modal-image{min-height:250px}.product-modal-content{padding:28px}.product-modal-content h2{font-size:28px}}
.cart-modal-box{position:relative;background:#f8f6f0;width:min(590px,100%);max-height:90vh;overflow:auto;padding:38px}.cart-modal-box h2{font-size:34px;letter-spacing:-1.5px;margin:0 0 22px}.cart-items{border-top:1px solid #d6ddd6}.cart-line{display:flex;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid #d6ddd6}.cart-line strong{display:block;font-size:14px}.cart-line small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.cart-line-actions{display:flex;align-items:center;gap:8px}.cart-line-actions button{border:1px solid #c5cec7;background:transparent;border-radius:50%;width:23px;height:23px;cursor:pointer}.cart-line-actions b{font-size:13px;min-width:70px;text-align:right}.empty-cart{color:var(--muted);font-size:14px;padding:20px 0}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:19px 0;font-size:14px}.cart-total strong{font-size:25px}.quote-fields{display:grid;gap:9px;margin:0 0 13px}.quote-fields input{border:1px solid #cbd3cd;background:#fff;padding:12px;font:14px 'DM Sans','Kanit',sans-serif}.quote-note{font-size:11px;line-height:1.5;color:var(--muted);margin:12px 0 0}@media(max-width:650px){.cart-modal-box{padding:28px 20px}.cart-line{align-items:flex-start;flex-direction:column}.cart-line-actions{width:100%}.cart-line-actions b{margin-left:auto}}
.brand{min-width:150px}.brand-logo{display:block;width:156px;height:52px;object-fit:contain;object-position:center}.nav .brand-logo{width:170px;height:60px}footer .brand-logo{background:#fff;border-radius:3px;padding:2px;width:165px;height:58px}@media(max-width:760px){.brand{min-width:112px}.nav .brand-logo{width:132px;height:48px}footer .brand-logo{width:145px;height:52px}}

/* AAI visual refresh */
:root{--ink:#102452;--muted:#63728c;--cream:#f3f5f8;--lime:#2c9bd6;--mint:#dcecf5;--coral:#2c9bd6}body{background:var(--cream);color:var(--ink)}.nav{height:88px;background:#fff;border-bottom:1px solid #e1e7ef;padding:0 7vw}.nav nav a{font-weight:600;color:#344768}.language{border-color:#b8c5d6;color:#102452}.cart b{background:#102452}.hero{margin:0 4vw;min-height:610px;grid-template-columns:1.1fr .9fr;background:#102452;border-radius:0 0 26px 26px}.hero-copy{padding:112px 9vw 78px}.hero .eyebrow{color:#78caf4}.hero h1{color:#fff;letter-spacing:-4.5px}.hero h1 em{color:#75c6ed}.hero .intro{color:#ccd8e8;max-width:420px}.hero .primary{background:#2c9bd6;color:#fff;border-radius:3px;box-shadow:0 9px 22px #04123566}.hero .text-button{color:#fff}.hero-art{background:linear-gradient(145deg,#e3f1f8,#b8d6e6)}.glow{background:#4eb9e8;opacity:.48}.room-card{box-shadow:19px 22px 0 #86afc4;border-radius:3px}.trust{margin:0 4vw;background:#fff;color:#40516e;border-bottom:1px solid #e0e6ec;padding:20px 7vw}.trust span:before{color:#2c9bd6}.section{padding:100px 7vw}.products{background:#fff;margin:0 4vw;border-radius:0 0 24px 24px}.section h2{font-size:58px;letter-spacing:-3.5px}.eyebrow{color:#2c789f}.category-nav{grid-template-columns:repeat(9,minmax(115px,1fr));overflow-x:auto;padding-bottom:8px;gap:9px}.category-card{min-height:76px;border:1px solid #e1e8ef;background:#f8fafc;border-radius:8px;padding:12px;transition:all .2s}.category-card:hover{border-color:#2c9bd6;transform:translateY(-2px)}.category-card.active{background:#102452;border-color:#102452;box-shadow:0 8px 18px #1024522e}.category-card b{color:#2c9bd6}.catalog-tools{border-top:1px solid #e5ebf1;padding-top:22px}.product-search{border:1px solid #d5e0e9;border-radius:6px;padding:11px 13px;background:#fff;box-shadow:0 2px 7px #0f275208}.product-grid{gap:18px}.product{background:#fff;border:1px solid #e4eaf1;border-radius:10px;padding:10px;transition:transform .24s ease,box-shadow .24s ease}.product:hover{box-shadow:0 16px 27px #10245215;transform:translateY(-4px)}.product-image{height:215px!important;border-radius:6px}.product-info{padding:15px 5px 5px}.product-info h3{font-size:15px;line-height:1.35;min-height:41px;letter-spacing:-.2px}.product-bottom{border-top:1px solid #edf0f4;padding-top:12px}.product-bottom strong{color:#102452}.add{border-color:#b8cddd;color:#102452}.planner{margin:70px 4vw;border-radius:24px;background:linear-gradient(115deg,#102452,#193a78);color:#fff;padding:85px 9vw}.planner .eyebrow,.planner-copy>p:not(.eyebrow),.planner-copy ul{color:#d2e6f0}.planner h2 em{color:#70c7ef}.planner-tool{box-shadow:14px 16px 0 #07163466}.how{margin:0 4vw 70px;border-radius:24px}.steps article{border-top-color:#bed0df}.steps b{color:#2c9bd6}footer{background:#091a3d;padding:45px 7vw}footer p{color:#b8c6d9}.detail-price{color:#167eb7}.product-modal-box,.cart-modal-box{border-radius:12px;box-shadow:0 28px 80px #07163477}.modal{background:#061633a8}@media(max-width:900px){.hero{margin:0;grid-template-columns:1fr}.hero-art{min-height:380px}.trust,.products,.planner,.how{margin-left:0;margin-right:0}.category-nav{grid-template-columns:repeat(3,minmax(130px,1fr))}}@media(max-width:760px){.nav{height:70px;padding:0 5vw}.hero{border-radius:0}.hero-copy{padding:75px 7vw}.hero h1{letter-spacing:-3px}.section{padding:70px 6vw}.products{border-radius:0}.section h2{font-size:42px}.product{padding:7px}.product-image{height:158px!important}.product-info h3{font-size:14px}.planner,.how{border-radius:0}.planner{padding:70px 7vw}.category-nav{grid-template-columns:repeat(2,minmax(130px,1fr))}}
.product-image{background:#fff!important}.product-image:after{display:none}.product-image img{mix-blend-mode:normal!important;filter:none!important}
.catalog-load-more{display:flex;justify-content:center;padding-top:34px}.load-more{background:#102452;color:#fff;border-radius:5px;padding:12px 18px;box-shadow:0 7px 16px #10245222}

/* Smart Home Studio: a responsive isometric product configurator. */
.studio{margin:70px 4vw;background:#071b42;color:#f5f9ff;border-radius:26px;padding:76px 7vw 7vw;overflow:hidden}.studio-intro{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.studio .eyebrow{color:#79d4f5}.studio h2{margin:0;font-size:clamp(42px,5vw,68px);line-height:.94;letter-spacing:-4px}.studio h2 em{font-family:Georgia,serif;font-weight:400;color:#78cdf0}.studio-intro p:not(.eyebrow){max-width:430px;color:#c8d9eb;line-height:1.65;margin:20px 0 0}.studio-legend{display:flex;gap:14px;flex-wrap:wrap;color:#c8d9eb;font-size:12px}.studio-legend span{background:#ffffff12;border:1px solid #ffffff24;padding:9px 11px;border-radius:20px}.studio-legend i{display:inline-block;width:8px;height:8px;background:#47c4ef;border-radius:50%;margin-right:5px}.studio-legend b{display:inline-grid;place-items:center;width:16px;height:16px;background:#47c4ef;color:#071b42;border-radius:50%;margin-right:4px}.studio-shell{display:grid;grid-template-columns:260px minmax(390px,1fr) 270px;background:#eff5fa;color:#102452;border-radius:15px;min-height:590px;overflow:hidden}.studio-products,.studio-summary{background:#fff;padding:22px;border-color:#dae4ee}.studio-products{border-right:1px solid #dae4ee}.studio-summary{border-left:1px solid #dae4ee}.studio-panel-head{display:grid;gap:5px;margin-bottom:17px}.studio-panel-head span{font-size:10px;letter-spacing:1.2px;font-weight:700;color:#2c8fc6}.studio-panel-head strong{font-size:18px}.studio-search{display:flex;gap:7px;align-items:center;border:1px solid #d5e1ea;border-radius:7px;padding:0 9px;margin-bottom:9px}.studio-search input{min-width:0;border:0;outline:0;padding:10px 0;font:inherit;width:100%;font-size:12px}.studio-products select{width:100%;padding:9px;border:1px solid #d5e1ea;border-radius:6px;background:#f8fbfd;color:#102452;font:12px 'DM Sans',sans-serif}.studio-product-list{height:430px;overflow:auto;margin-top:12px;padding-right:3px}.studio-product{width:100%;display:grid;grid-template-columns:42px 1fr 18px;gap:8px;align-items:center;text-align:left;border:1px solid transparent;background:transparent;border-radius:7px;padding:8px 5px;cursor:grab;color:#102452;font:inherit}.studio-product:hover,.studio-product.selected{background:#eaf7fc;border-color:#bfe4f2}.studio-product-image{height:42px;background:#f5f8fa;display:grid;place-items:center;border-radius:5px;overflow:hidden}.studio-product-image img{width:100%;height:100%;object-fit:contain}.studio-product b,.studio-product small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-product b{font-size:11px}.studio-product small{font-size:10px;color:#71809a;margin-top:3px}.studio-product i{font-size:18px;font-style:normal;color:#238fc3}.studio-home-wrap{padding:22px;display:flex;flex-direction:column}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#64738e}.studio-toolbar button{background:none;border:0;color:#247fae;font:600 12px inherit;cursor:pointer}.studio-home{position:relative;display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:1.1fr 1fr;gap:10px;min-height:450px;margin-top:16px;padding:22px;background:linear-gradient(145deg,#b9d9e8,#eaf3f7);border-radius:12px;transform:perspective(900px) rotateX(2deg)}.studio-home:before{content:'';position:absolute;inset:12px;border:2px solid #fff9;border-radius:8px;pointer-events:none}.studio-room{position:relative;overflow:hidden;border:2px solid #fff;background:#dfe8dc;box-shadow:0 7px 0 #8fb6c6;cursor:pointer;text-align:left;padding:16px;color:#12345b;transition:transform .18s,box-shadow .18s;font:inherit}.studio-room:hover,.studio-room.active{outline:3px solid #41bde8;outline-offset:-5px}.studio-room.drag-over{transform:scale(1.025);box-shadow:0 10px 0 #4eb9df}.room-living{background:linear-gradient(135deg,#b8d7ce,#e9f3dc)}.room-bedroom{background:linear-gradient(135deg,#e5d7c7,#fff0e3)}.room-kitchen{background:linear-gradient(135deg,#cddaea,#f0f6ff)}.room-entry{background:linear-gradient(135deg,#d8d1c5,#eee9df)}.room-name{display:block;font-size:15px;font-weight:700;position:relative;z-index:2}.room-hint{display:block;margin-top:3px;font-size:10px;color:#4b6683;position:relative;z-index:2}.room-markers{position:absolute;right:10px;bottom:10px;display:flex;gap:5px;flex-wrap:wrap;max-width:82px;justify-content:flex-end}.room-markers span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#102452;color:#fff;font-size:10px;border:2px solid #75d1ef}.studio-room i{position:absolute;display:block;opacity:.8}.sofa-shape{width:48%;height:25%;left:20%;bottom:17%;background:#3e6d77;border-radius:28px 28px 8px 8px}.window-shape{width:25%;height:45%;right:12%;top:24%;border:7px solid #f9fbff;background:#a5d5e4}.bed-shape{width:54%;height:42%;left:25%;bottom:15%;background:#fff;border:8px solid #b99b88;border-radius:8px}.counter-shape{width:67%;height:18%;left:16%;bottom:18%;background:#8296a7;border:7px solid #e7eef6}.door-shape{width:32%;height:58%;right:16%;bottom:0;background:#805b48;border:6px solid #d0ae93}.studio-tip{font-size:11px;color:#6d7d95;margin:15px 0 0}.studio-items{min-height:255px;max-height:290px;overflow:auto}.studio-empty{font-size:12px;color:#71809a;line-height:1.5}.studio-line{display:grid;grid-template-columns:1fr auto 18px;gap:7px;align-items:start;padding:10px 0;border-bottom:1px solid #edf1f5;font-size:11px}.studio-line span{font-weight:600;line-height:1.35}.studio-line small{display:block;color:#74829a;margin-top:3px;font-weight:400}.studio-line b{font-size:11px;white-space:nowrap}.studio-line button{border:0;background:none;color:#89a0b0;font-size:16px;line-height:12px;cursor:pointer}.studio-totals{border-top:1px solid #dfe7ee;margin-top:17px;padding-top:13px;font-size:12px}.studio-totals>div{display:flex;justify-content:space-between;padding:5px 0;color:#63728c}.studio-totals b{color:#102452}.studio-totals .studio-grand{color:#102452;margin-top:7px;padding-top:12px;border-top:1px solid #dfe7ee;font-weight:700}.studio-grand strong{font-size:20px}.studio-summary .wide{margin-top:17px}.studio-summary>small{display:block;color:#738099;font-size:10px;line-height:1.45;margin-top:11px}@media(max-width:1080px){.studio-shell{grid-template-columns:230px 1fr}.studio-summary{grid-column:1/-1;border-left:0;border-top:1px solid #dae4ee}.studio-items{min-height:0;max-height:190px}.studio-summary .wide{max-width:320px}}@media(max-width:760px){.studio{margin:0;border-radius:0;padding:60px 5vw}.studio-intro{display:block}.studio-legend{margin-top:20px}.studio-shell{display:block}.studio-products,.studio-summary{border:0}.studio-product-list{height:260px}.studio-home-wrap{padding:15px}.studio-home{min-height:360px;padding:13px;gap:7px}.studio-room{padding:11px}.room-name{font-size:12px}.studio-tip{font-size:10px}.studio-summary{border-top:1px solid #dae4ee}}

/* Configurable home-builder layer. */
.studio-config{display:grid;grid-template-columns:1.2fr .75fr .75fr 1.4fr;gap:1px;background:#ffffff1f;border:1px solid #ffffff28;border-radius:14px;margin:0 0 20px;overflow:hidden}.config-group,.config-summary{padding:15px 17px;background:#0e2a5c}.config-group>span{display:block;color:#83cfee;font-size:9px;font-weight:700;letter-spacing:1.1px;margin-bottom:10px}.segmented{display:flex;gap:6px}.segmented button,.counter button,.floor-tabs button,.studio-room-tools button{font:600 12px 'DM Sans',sans-serif;cursor:pointer}.segmented button{border:1px solid #ffffff26;color:#dceafa;background:transparent;padding:7px 11px;border-radius:5px}.segmented button.active{background:#49bee8;color:#06234a;border-color:#49bee8}.counter{display:flex;align-items:center;gap:14px}.counter button{width:25px;height:25px;border-radius:50%;border:1px solid #ffffff3b;background:transparent;color:#fff;font-size:16px}.counter strong{font-size:18px;min-width:10px}.config-summary{display:flex;align-items:center;justify-content:center;background:#16417d;color:#d9ecf9;font-size:13px;font-weight:600}.studio-shell-new{min-height:560px}.floor-tabs{display:flex;gap:6px}.floor-tabs button{border:1px solid #d8e4ee;background:#fff;color:#64738e;padding:7px 11px;border-radius:5px}.floor-tabs button.active{background:#102452;color:#fff;border-color:#102452}.studio-home-new{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));grid-auto-rows:minmax(155px,1fr);grid-template-rows:none;align-content:stretch;background:linear-gradient(135deg,#f2f8fa,#c4e0ea);transform:none}.studio-home-new:after{content:'FLOOR PLAN';position:absolute;right:16px;top:13px;color:#1d7195;font-size:9px;font-weight:700;letter-spacing:1.2px}.studio-room-card{position:relative;min-height:155px;border:2px solid #fff;background:#eef3ef;box-shadow:0 6px 0 #a6c2cf;border-radius:3px;padding:15px;text-align:left;color:#12345b;font:inherit;cursor:pointer;overflow:hidden;transition:transform .18s,box-shadow .18s}.studio-room-card:hover,.studio-room-card.active{outline:3px solid #41bde8;outline-offset:-5px}.studio-room-card.drag-over{transform:translateY(-4px);box-shadow:0 12px 0 #52bddd}.studio-room-card:before{content:'';position:absolute;right:-21px;bottom:-21px;width:86px;height:86px;border-radius:50%;background:#fff7}.type-living{background:linear-gradient(135deg,#c7e3dd,#eff6e4)}.type-bedroom{background:linear-gradient(135deg,#eadbcd,#fff3e8)}.type-kitchen{background:linear-gradient(135deg,#d5e5f2,#f3f8fd)}.type-bathroom{background:linear-gradient(135deg,#c7e7ec,#effafb)}.type-study{background:linear-gradient(135deg,#e3dac8,#f8f0df)}.type-dining{background:linear-gradient(135deg,#e5d6e1,#faf0f8)}.type-entry{background:linear-gradient(135deg,#d8d1c5,#f0ece6)}.room-card-icon{display:block;color:#338fbb;font-size:25px;margin-bottom:28px}.studio-room-card .room-hint{color:#54708c}.studio-room-card .room-markers{right:10px;bottom:10px;max-width:110px}.studio-room-card .room-markers span{width:22px;height:22px;border:2px solid #7fd0ed;position:relative}.studio-room-card .room-markers b{position:absolute;right:-5px;top:-6px;background:#49bee8;color:#082552;border-radius:8px;font-size:8px;padding:1px 3px}.studio-room-tools{display:flex;gap:8px;align-items:center;margin-top:14px}.studio-room-tools select{border:1px solid #d6e2eb;border-radius:5px;padding:8px;font:12px 'DM Sans',sans-serif;color:#304d70;background:#fff}.studio-room-tools button{border:0;background:#102452;color:#fff;padding:9px 11px;border-radius:5px}.studio-room-tools #studioStatus{font-size:11px;color:#5c728e;margin-left:auto;text-align:right}.studio-home-wrap .studio-tip{margin-top:11px}@media(max-width:1080px){.studio-config{grid-template-columns:1fr 1fr}.config-summary{grid-column:1/-1}.studio-home-new{min-height:420px}}@media(max-width:760px){.studio-config{grid-template-columns:1fr 1fr}.config-summary{grid-column:1/-1;padding:12px}.studio-home-new{min-height:360px;grid-template-columns:repeat(2,1fr);grid-auto-rows:145px}.studio-room-tools{flex-wrap:wrap}.studio-room-tools #studioStatus{margin-left:0;text-align:left;width:100%}.studio-room-card{min-height:145px}.room-card-icon{margin-bottom:22px}}

/* Mockup-approved blueprint workbench polish. */
.studio{background:linear-gradient(135deg,#061b42 0%,#0b3166 100%);padding-top:64px}.studio-shell-new{box-shadow:0 28px 70px #03123366}.studio-products,.studio-summary{background:#fbfdff}.studio-home-wrap{background:linear-gradient(135deg,#eaf7fb,#c7eafb);position:relative}.studio-home-wrap:before{content:'';position:absolute;inset:0;opacity:.28;background-image:linear-gradient(#2385ad22 1px,transparent 1px),linear-gradient(90deg,#2385ad22 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.studio-home-wrap>*{position:relative}.studio-config{background:#ffffff34;border-radius:13px;box-shadow:0 8px 25px #00000022}.studio-home-new{border:1px solid #fff;background:linear-gradient(135deg,#dbf2f7,#b7dded);box-shadow:inset 0 0 0 9px #ffffff82,0 14px 26px #24517a25;padding:28px}.studio-home-new:before{inset:12px;border:1px solid #ffffffcc}.studio-home-new:after{top:15px;right:19px;background:#e7f7fbcc;border-radius:4px;padding:4px 6px}.studio-room-card{border-radius:5px;box-shadow:0 7px 0 #7da8bc;padding:17px;outline:0}.studio-room-card:hover,.studio-room-card.active{outline:3px solid #2eb8e8;outline-offset:-5px}.room-card-actions{position:absolute;right:9px;top:9px;z-index:4;display:flex;gap:4px;opacity:0;transition:opacity .15s}.studio-room-card:hover .room-card-actions,.studio-room-card.active .room-card-actions{opacity:1}.room-card-actions button{width:24px;height:24px;border:1px solid #d7e4ec;background:#fffffff0;color:#25476a;border-radius:5px;cursor:pointer;font-size:16px;line-height:18px}.room-card-actions .room-more{font-weight:700;font-size:18px;line-height:13px}.room-card-actions .room-remove{color:#c94a54;font-size:19px}.room-card-actions .room-remove:hover{background:#ffe9eb;border-color:#f2bfc5}.studio-room-card .room-name{font-size:17px}.studio-room-card .room-hint{font-size:11px}.room-card-icon{font-size:28px;color:#2494c4}.studio-room-tools button{background:#1d93c5;box-shadow:0 5px 12px #14729d33}.studio-summary{box-shadow:-8px 0 18px #13345b0b}.studio-summary .button.primary{background:#123d7a;box-shadow:0 7px 17px #0d2f602b}.studio-products{box-shadow:8px 0 18px #13345b0b}@media(max-width:760px){.room-card-actions{opacity:1}.studio-home-new{padding:16px}.studio-room-card .room-name{font-size:14px}}

/* Isometric room treatment: 3D visual depth without a heavy WebGL download. */
.studio-home-new{perspective:1100px;perspective-origin:50% 45%;padding:34px;background:radial-gradient(circle at 50% 45%,#effdff 0,#d5eef6 43%,#b1d9e8 100%);isolation:isolate}.studio-home-new:before{background:linear-gradient(135deg,#ffffffc9,#ffffff28);box-shadow:inset 0 0 0 1px #55b9d04c}.studio-room-card{transform:rotateX(5deg) rotateY(-1deg) translateZ(0);transform-style:preserve-3d;box-shadow:10px 13px 0 #5d94ac,14px 18px 20px #20587838;border-width:3px;min-height:174px;overflow:visible;transition:transform .24s ease,box-shadow .24s ease}.studio-room-card:hover,.studio-room-card.active{transform:rotateX(5deg) rotateY(-1deg) translateY(-7px) translateZ(14px);box-shadow:13px 19px 0 #4b93b0,18px 26px 25px #123c5b36}.studio-room-card:before{width:100%;height:24%;inset:auto 0 0;border-radius:0;background:linear-gradient(#ffffff11,#0d52701c);transform:translateZ(-1px);opacity:1}.studio-room-card:after{content:'';position:absolute;z-index:0;left:17%;right:14%;bottom:17%;height:33%;border-radius:12px 12px 5px 5px;opacity:.75;box-shadow:8px 9px 0 #5a7d8b2b}.studio-room-card .room-card-icon,.studio-room-card .room-name,.studio-room-card .room-hint,.studio-room-card .room-markers{position:relative;z-index:2}.studio-room-card .room-card-icon{filter:drop-shadow(4px 5px 0 #1a799a29);transform:translateZ(16px)}.studio-room-card .room-name{margin-top:3px}.studio-room-card .room-hint{margin-top:4px}.type-living:after{background:linear-gradient(90deg,#456f77 0 69%,transparent 69%),linear-gradient(#315760 0 35%,transparent 35%);border:6px solid #315760;box-shadow:8px 9px 0 #31576035}.type-bedroom:after{height:42%;left:20%;right:17%;bottom:14%;background:linear-gradient(#fbfcfe 0 29%,#8ca5ba 29% 42%,#d9e1e5 42%);border:7px solid #ad8875;border-radius:8px;box-shadow:8px 9px 0 #8d695c2c}.type-kitchen:after{height:23%;left:12%;right:11%;bottom:17%;background:repeating-linear-gradient(90deg,#758c9c 0 23%,#dce8ed 23% 28%);border:7px solid #627888;border-radius:3px;box-shadow:8px 9px 0 #536c7b32}.type-bathroom:after{height:31%;left:22%;right:22%;bottom:16%;background:radial-gradient(ellipse at 50% 50%,#f9ffff 0 40%,#86bcc9 42% 55%,transparent 57%);border-bottom:8px solid #76a8b6}.type-study:after{height:21%;left:13%;right:13%;bottom:21%;background:#806852;border:6px solid #6e5542;box-shadow:8px 9px 0 #6144332d}.type-dining:after{width:42%;left:29%;right:auto;height:42%;bottom:14%;border-radius:50%;background:#a37e62;border:8px solid #83664e;box-shadow:8px 9px 0 #72533f2e}.type-entry:after{height:57%;left:34%;right:22%;bottom:0;background:linear-gradient(90deg,#845d48 0 47%,#ad886b 48% 53%,#76503f 54%);border:7px solid #c4a087;border-bottom:0;border-radius:4px 4px 0 0;box-shadow:8px 7px 0 #70504030}.room-card-actions{transform:translateZ(24px)}.studio-room-card .room-markers{transform:translateZ(21px)}@media(max-width:760px){.studio-room-card{min-height:150px;box-shadow:6px 8px 0 #5d94ac,9px 12px 15px #2058782e}.studio-room-card:hover,.studio-room-card.active{transform:translateY(-3px)}.studio-room-card:after{left:15%;right:13%;bottom:14%;height:29%}}

/* Real isometric-house canvas inspired by the approved reference. */
.studio-home-new{display:block;min-height:590px;padding:0;overflow:hidden;background-color:#dff4fb;background-image:url('assets/studio/isometric-home-optimized.png'),radial-gradient(circle at 50% 45%,#f5fdff 0,#d8f1f8 52%,#b8e1f0 100%);background-repeat:no-repeat;background-size:min(94%,620px) auto,100% 100%;background-position:center 53%,center}.studio-home-new:before{display:none}.studio-home-new:after{z-index:5}.isometric-room{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible!important;outline:2px solid transparent;outline-offset:-2px}.isometric-room:hover,.isometric-room.active{outline:2px solid #39c4ef!important;box-shadow:0 0 0 5px #48c6ef38!important;transform:none!important}.isometric-room:before,.isometric-room:after{display:none!important}.isometric-room .room-card-icon{display:none}.isometric-room .room-name{position:absolute;left:7%;top:7%;display:inline-block;margin:0;padding:7px 9px 5px;background:#fffffff0;border-radius:5px 5px 0 0;color:#143761;font-size:11px;line-height:1.1;box-shadow:0 3px 9px #123d5b22;white-space:nowrap}.isometric-room .room-hint{position:absolute;left:7%;top:calc(7% + 27px);display:inline-block;margin:0;padding:0 9px 6px;background:#fffffff0;border-radius:0 0 5px 5px;color:#5c7795;font-size:9px;line-height:1.1;white-space:nowrap}.isometric-room .room-markers{right:7%;bottom:9%;max-width:96px;z-index:4}.isometric-room .room-markers span{background:#fff;color:#1a9dc8;border-color:#30c6ed;box-shadow:0 3px 8px #102b4330}.isometric-room .room-card-actions{opacity:1;right:7%;top:7%;z-index:7;transform:none}.isometric-room .room-card-actions button{background:#fffffff0}.isometric-room.active .room-name,.isometric-room.active .room-hint{background:#102f64;color:#fff}.isometric-room.active .room-hint{color:#bfe8f6}.studio-home-wrap .studio-tip{color:#527494}.studio-home-new+.studio-room-tools{margin-top:16px}@media(max-width:760px){.studio-home-new{min-height:425px;background-size:108% auto,100% 100%;background-position:center 50%,center}.isometric-room .room-name{font-size:9px;padding:5px 6px 4px}.isometric-room .room-hint{top:calc(7% + 21px);font-size:7px;padding:0 6px 4px}.isometric-room .room-card-actions button{width:19px;height:19px;font-size:14px}.isometric-room .room-card-actions{gap:2px}.isometric-room .room-markers{transform:none}.isometric-room .room-markers span{width:17px;height:17px;font-size:8px}}
.product-modal-image{background:#fff!important}
.quantity-picker{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d7ddd6;margin:20px 0;padding-top:16px;font-size:13px;font-weight:600}.quantity-picker>div{display:flex;align-items:center;border:1px solid #c8d3dd;border-radius:4px;overflow:hidden}.quantity-picker button{background:#f8fafc;border:0;width:34px;height:32px;font-size:18px;cursor:pointer;color:#102452}.quantity-picker b{display:grid;place-items:center;width:38px;height:32px;border-left:1px solid #c8d3dd;border-right:1px solid #c8d3dd}
.card-stepper{display:flex;align-items:center;border:1px solid #b9cad8;border-radius:18px;overflow:hidden;height:31px}.card-stepper button{width:29px;height:29px;border:0;background:#f7fafc;color:#102452;font-size:18px;cursor:pointer}.card-stepper b{min-width:24px;text-align:center;font-size:13px}
.quote-summary{border-top:1px solid #d6ddd6;padding:13px 0 0}.quote-summary>div{display:flex;justify-content:space-between;padding:5px 0;color:var(--muted);font-size:13px}.quote-summary b{color:var(--ink)}.quote-summary .cart-total{margin-top:8px;padding-top:15px;border-top:1px solid #d6ddd6;color:var(--ink)}

/* The original two-step planner is superseded by the interactive 3D Studio. */
#planner{display:none!important}

/* Reference-inspired luxury hero and smart-control rail. */
.hero.hero-editorial{position:relative;display:block;min-height:570px;margin:0;background:#dceefa url('assets/hero-villa-dusk.png') center/cover no-repeat;border-radius:0;isolation:isolate}.hero.hero-editorial:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f8fcff 0%,#f8fcfff2 30%,#f8fcff72 53%,#f8fcff00 76%)}.hero-editorial .hero-copy{max-width:700px;padding:106px 6vw 76px}.hero-editorial .eyebrow{color:#3f6686;margin-bottom:13px}.hero-editorial h1{color:#102452;font-size:clamp(48px,5.1vw,76px);line-height:.95;letter-spacing:-4px}.hero-editorial h1 em{color:#17335d;font-family:'DM Sans','Kanit',sans-serif;font-style:normal;font-weight:300}.hero-editorial .intro{max-width:570px;color:#536d8d;font-size:15px;line-height:1.55;margin:18px 0}.hero-editorial .text-button{color:#102452}.hero-editorial .primary{background:#102452;box-shadow:none}.hero-benefits{display:flex;gap:24px;margin:25px 0 28px;max-width:600px}.hero-benefits span{display:flex;align-items:flex-start;gap:7px;color:#193758;font-size:19px}.hero-benefits b{font-size:10px;line-height:1.2;color:#466988;font-weight:500;max-width:95px}.hero-editorial .hero-art{display:none}@media(max-width:760px){.hero.hero-editorial{min-height:590px;background-position:62% center}.hero.hero-editorial:before{background:linear-gradient(90deg,#f8fcffff 0%,#f8fcffee 55%,#f8fcff8a 100%)}.hero-editorial .hero-copy{padding:78px 7vw 60px}.hero-editorial h1{font-size:48px;letter-spacing:-3px}.hero-benefits{gap:12px;flex-wrap:wrap}.hero-benefits span{font-size:16px}.hero-benefits b{max-width:112px}}

/* Editorial category gallery — replaces the dashboard-style category cards. */
.section-heading .filter{display:none}.category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:174px;gap:10px;overflow:visible;padding:0;margin:0 0 32px}.category-card.category-tile{position:relative;display:block;min-height:0;padding:0;border:0;border-radius:7px;background:#172a43;color:#fff;overflow:hidden;text-align:left;box-shadow:none;transform:none!important}.category-card.category-tile:nth-child(1){grid-row:span 2}.category-card.category-tile:nth-child(9){grid-column:span 2}.category-tile-visual{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#718193,#29394e)}.category-tile-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07142a06 25%,#07142abf 100%)}.category-tile-visual img{width:100%;height:100%;object-fit:contain;padding:14px;filter:drop-shadow(0 16px 13px #0008);transform:scale(1.08);transition:transform .45s ease}.category-card.category-tile:first-child .category-tile-visual{background:linear-gradient(135deg,#0d1c34,#6f655c)}.category-card.category-tile:first-child .category-tile-visual img{padding:25px;transform:scale(1.22)}.category-card.category-tile.active{border:2px solid #58cbef;box-shadow:inset 0 0 0 1px #b8efff,0 10px 24px #0e30504d}.category-card.category-tile.active .category-tile-visual:after{background:linear-gradient(180deg,#0c1c3b12 15%,#072762d4 100%)}.category-card.category-tile:hover .category-tile-visual img{transform:scale(1.17)}.category-card.category-tile:first-child:hover .category-tile-visual img{transform:scale(1.3)}.category-tile-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;display:block;padding:17px 18px 15px;background:linear-gradient(180deg,transparent,#07172eea 50%)}.category-tile-copy small,.category-tile-copy strong,.category-tile-copy em,.category-tile-copy i{display:block}.category-tile-copy small{font-size:8px;letter-spacing:1.1px;color:#8edaf4;font-weight:700;margin-bottom:5px}.category-tile-copy strong{font-family:Georgia,'Kanit',serif;font-weight:400;color:#fff;font-size:18px;line-height:1.03;max-width:230px}.category-tile-copy em{font-style:normal;color:#c5d2df;font-size:10px;line-height:1.25;margin-top:5px;max-width:240px}.category-tile-copy i{font-style:normal;font-size:9px;letter-spacing:.2px;color:#9fdcf3;margin-top:10px}.category-tile-copy i span{float:right;font-size:19px;line-height:8px;color:#fff}.category-card.category-tile:nth-child(n+2):nth-child(-n+8) .category-tile-copy{padding:13px 14px 12px}.category-card.category-tile:nth-child(n+2):nth-child(-n+8) .category-tile-copy strong{font-size:15px}.category-card.category-tile:nth-child(n+2):nth-child(-n+8) .category-tile-copy em{display:none}.category-card.category-tile:nth-child(n+2):nth-child(-n+8) .category-tile-copy i{margin-top:7px}@media(max-width:900px){.category-nav{grid-template-columns:repeat(3,1fr);grid-auto-rows:158px}.category-card.category-tile:nth-child(1){grid-row:span 2}.category-card.category-tile:nth-child(9){grid-column:span 1}}@media(max-width:600px){.category-nav{grid-template-columns:repeat(2,1fr);grid-auto-rows:164px;gap:8px}.category-card.category-tile:nth-child(1){grid-row:span 1;grid-column:span 2}.category-card.category-tile:first-child .category-tile-visual img{padding:12px;transform:scale(1.04)}.category-tile-copy strong{font-size:16px}.category-tile-copy{padding:13px}.category-card.category-tile:nth-child(n+2):nth-child(-n+8) .category-tile-copy strong{font-size:13px}.category-tile-copy i{font-size:8px}}

/* Compact smart-control category rail. */
.category-nav{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));grid-auto-rows:112px;gap:0;padding:0;border-radius:15px;background:linear-gradient(110deg,#071b40,#12376e);box-shadow:0 15px 28px #15376735;overflow:hidden}.category-card.category-tile,.category-card.category-tile:nth-child(1),.category-card.category-tile:nth-child(9){grid-column:auto;grid-row:auto;min-height:112px;border-radius:0;background:transparent;border:0!important;box-shadow:none!important;overflow:visible}.category-card.category-tile:before{content:'';position:absolute;right:0;top:22%;bottom:22%;width:1px;background:#ffffff18}.category-card.category-tile:last-child:before{display:none}.category-tile-visual{position:absolute;top:16px;left:50%;width:42px;height:42px;inset-block:auto;transform:translateX(-50%);border-radius:50%;background:transparent!important}.category-tile-visual:after{display:none}.category-tile-visual img{display:none}.category-tile-visual:before{content:'◇';font-size:26px;color:#c9efff;text-shadow:0 0 11px #55d8ff66}.category-card.category-tile:nth-child(1) .category-tile-visual:before{content:'⠿'}.category-card.category-tile:nth-child(2) .category-tile-visual:before{content:'▣'}.category-card.category-tile:nth-child(3) .category-tile-visual:before{content:'◫'}.category-card.category-tile:nth-child(4) .category-tile-visual:before{content:'✦'}.category-card.category-tile:nth-child(5) .category-tile-visual:before{content:'⌾'}.category-card.category-tile:nth-child(6) .category-tile-visual:before{content:'▤'}.category-card.category-tile:nth-child(7) .category-tile-visual:before{content:'≋'}.category-card.category-tile:nth-child(8) .category-tile-visual:before{content:'◍'}.category-card.category-tile:nth-child(9) .category-tile-visual:before{content:'⊞'}.category-card.category-tile.active .category-tile-visual{top:11px;width:54px;height:54px;background:radial-gradient(circle,#37d7fc 0%,#0789d7 53%,#075398 100%)!important;box-shadow:0 0 0 1px #8ceeff,0 0 24px #19c4fb}.category-card.category-tile.active .category-tile-visual:before{color:#fff;text-shadow:none}.category-tile-copy,.category-card.category-tile:nth-child(n+2):nth-child(-n+8) .category-tile-copy{left:0;right:0;bottom:12px;padding:0 6px;background:none;text-align:center}.category-tile-copy small,.category-tile-copy em,.category-tile-copy i{display:none!important}.category-tile-copy strong,.category-card.category-tile:nth-child(n+2):nth-child(-n+8) .category-tile-copy strong{max-width:none;font-family:'DM Sans','Kanit',sans-serif;font-weight:500;font-size:10px;line-height:1.18;color:#eaf8ff}.category-card.category-tile.active .category-tile-copy strong{color:#fff;font-weight:700}@media(max-width:900px){.category-nav{grid-template-columns:repeat(5,minmax(118px,1fr));grid-auto-rows:105px;overflow-x:auto}.category-card.category-tile,.category-card.category-tile:nth-child(1),.category-card.category-tile:nth-child(9){grid-column:auto;grid-row:auto;min-width:118px;min-height:105px}}@media(max-width:600px){.category-nav{grid-template-columns:repeat(5,116px);grid-auto-rows:100px}.category-card.category-tile,.category-card.category-tile:nth-child(1),.category-card.category-tile:nth-child(9){min-width:116px;min-height:100px}.category-tile-visual{top:13px}.category-card.category-tile.active .category-tile-visual{top:9px}.category-tile-copy,.category-card.category-tile:nth-child(n+2):nth-child(-n+8) .category-tile-copy{bottom:10px}.category-tile-copy strong,.category-card.category-tile:nth-child(n+2):nth-child(-n+8) .category-tile-copy strong{font-size:9px}}

.category-tile-visual{inset:auto;top:16px;left:50%;right:auto;bottom:auto}.category-card.category-tile.active .category-tile-visual{inset:auto;top:11px;left:50%;right:auto;bottom:auto}@media(max-width:600px){.category-tile-visual{top:13px}.category-card.category-tile.active .category-tile-visual{top:9px}}

/* Refined line icons and a direct-to-products catalog start. */
.products.section{padding-top:42px}.category-tile-visual:before{content:none!important}.category-tile-visual svg{display:block;position:absolute;left:50%;top:50%;width:29px;height:29px;margin:0;transform:translate(-50%,-50%);color:#d9f5ff;filter:drop-shadow(0 0 5px #55d9ff55)}.category-card.category-tile.active .category-tile-visual svg{width:31px;height:31px;color:#fff;filter:none}.catalog-tools{margin-top:27px}.rate-note{display:none}@media(max-width:760px){.products.section{padding-top:25px}.catalog-tools{margin-top:18px}}

/* Standalone planner route */
.nav nav a.active{color:#102452;position:relative}.nav nav a.active:after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:2px;background:#2c9bd6}.app-compatibility{display:none}.planner-page .studio{margin:0;border-radius:0;min-height:calc(100vh - 88px);padding:64px 7vw 7vw}.planner-page .studio-intro h1{margin:0;font-size:clamp(42px,5vw,68px);line-height:.94;letter-spacing:-4px;color:#fff}.planner-page .studio-intro h1:after{content:'.';color:#78cdf0}.planner-page .studio-intro{margin-bottom:30px}@media(max-width:760px){.planner-page .studio{padding:48px 5vw}.planner-page .studio-intro h1{letter-spacing:-2.5px}.nav nav a.active:after{bottom:-8px}}

/* Pre-built Thai home collection. */
.studio-template-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:0 0 14px}.studio-template-head span{display:block;color:#7ed5f5;font-size:10px;letter-spacing:1.25px;font-weight:700;margin-bottom:5px}.studio-template-head strong{font-size:20px}.studio-template-head p{margin:0;max-width:390px;color:#b8d0e5;font-size:12px;line-height:1.5}.studio-templates{display:grid;grid-template-columns:repeat(5,minmax(142px,1fr));gap:10px;margin:0 0 25px;overflow-x:auto;padding:2px 2px 9px}.studio-template{position:relative;min-height:178px;padding:0;border:1px solid #ffffff2c;border-radius:10px;background:#102b58;color:#fff;text-align:left;overflow:hidden;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.studio-template:hover{transform:translateY(-3px);border-color:#62c8ed}.studio-template.active{border:2px solid #51c5ed;box-shadow:0 0 0 3px #51c5ed30}.studio-template-art{display:block;height:105px;background-color:#cdeaf9;background-image:var(--template-image);background-size:cover;background-position:center}.studio-template-copy{display:block;padding:9px 11px 11px}.studio-template-copy small,.studio-template-copy b,.studio-template-copy em{display:block}.studio-template-copy small{color:#79d4f5;font-size:8px;font-weight:700;letter-spacing:1px;margin-bottom:4px}.studio-template-copy b{font-size:13px;line-height:1.15}.studio-template-copy em{color:#bcd3e9;font-size:10px;font-style:normal;margin-top:4px}.studio-home-new{display:block;min-height:535px;padding:0;overflow:hidden;background-color:#d8edf7;background-image:var(--studio-home-image);background-repeat:no-repeat;background-size:cover;background-position:center;transform:none}.studio-home-new:before{display:none}.studio-home-new:after{z-index:1;right:15px;top:12px;background:#ffffffaa;padding:4px 7px;border-radius:4px}.isometric-room{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);min-height:0;padding:8px 9px;border:1px solid #ffffffb0;background:#ffffff10;box-shadow:none;border-radius:6px;backdrop-filter:blur(1px);text-shadow:0 1px 2px #fff}.isometric-room:hover,.isometric-room.active{outline:2px solid #35bee9;outline-offset:1px;background:#eafdff30;box-shadow:0 0 0 4px #35bee933}.isometric-room .room-card-icon{font-size:15px;margin:0 0 3px;color:#117fac}.isometric-room .room-name{font-size:12px;line-height:1.15}.isometric-room .room-hint{font-size:9px;margin-top:2px}.isometric-room .room-markers{right:5px;bottom:5px;max-width:76px}.isometric-room .room-markers span{width:18px;height:18px;font-size:8px}.room-card-actions{position:absolute;right:4px;top:3px;z-index:3}.room-remove{border:0;background:#102452d9;color:#fff;border-radius:50%;height:19px;width:19px;line-height:17px;font-size:16px;cursor:pointer}.room-remove:hover{background:#e44f58}.isometric-room .room-card-icon,.isometric-room .room-name,.isometric-room .room-hint{position:relative;z-index:2}@media(max-width:1080px){.studio-templates{grid-template-columns:repeat(5,155px)}.studio-template-head{align-items:flex-start}.studio-home-new{min-height:465px}}@media(max-width:760px){.studio-template-head{display:block}.studio-template-head p{margin-top:7px}.studio-templates{grid-template-columns:repeat(5,155px);margin-bottom:18px}.studio-home-new{min-height:350px}.isometric-room{padding:5px}.isometric-room .room-card-icon{display:none}.isometric-room .room-name{font-size:10px}.isometric-room .room-hint{font-size:8px}.room-remove{height:16px;width:16px;font-size:13px;line-height:14px}}
