:root{--paper:#fafbf9;--ink:#132b40;--muted:#53626b;--blue:#343d93;--accent:#ed6957;--field:#eef1f1;--white:#fff;--radius:4px;--space:clamp(22px,5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{padding:20px var(--space);display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--white)}.brands{display:flex;align-items:center;gap:26px}.lotus{display:block;width:172px;height:67px;position:relative;overflow:hidden}.lotus img{position:absolute;width:430px;max-width:none;left:-133px;top:-76px}.bao{display:block}.bao-crop{width:130px;height:35px;overflow:hidden;display:block;position:relative;background:#183e72}.bao-crop img{position:absolute;width:570px;max-width:none;top:-5px;left:-14px}.bao small{font-size:11px;letter-spacing:.13em;display:block;margin-top:5px;text-align:center}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.bag{border:0;background:var(--ink);color:var(--white);border-radius:var(--radius);padding:12px 16px;font-size:14px}.bag span{margin-left:10px;color:#ffb4a8}.hero{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;padding:70px var(--space) 65px;min-height:700px;align-items:center}.hero h1{font-size:clamp(48px,5.7vw,88px);font-weight:400;line-height:1.02;letter-spacing:-.065em;margin:0}.hero p{max-width:390px;margin:32px 0;color:var(--muted);font-size:18px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:0;border-radius:var(--radius);background:var(--blue);color:var(--white);padding:17px 23px;font-size:16px}.button:hover{background:var(--ink)}.hero-note{font-size:14px;color:var(--muted);margin-top:52px}.hero-images{height:540px;position:relative;display:grid;grid-template-columns:1.05fr .8fr;align-items:center;gap:16px}.hero-images figure{margin:0}.hero-main{align-self:start}.hero-main img{width:100%;height:400px;object-fit:cover}.hero-secondary{align-self:end}.hero-secondary img{width:100%;height:280px;object-fit:cover}.hero-images figcaption{font-size:14px;margin-top:10px}.hero-stamp{position:absolute;right:0;top:18px;color:var(--blue);font-size:16px}.collection{padding:65px var(--space) 90px;background:var(--white)}.section-top{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:35px}h2{font-size:clamp(34px,3.3vw,50px);line-height:1.12;letter-spacing:-.045em;font-weight:400;margin:0}h3{font-size:20px;font-weight:500;margin:0 0 10px}.section-top p{color:var(--muted);margin:0;max-width:420px}.tools{display:flex;justify-content:space-between;align-items:center;gap:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:0;background:var(--field);color:var(--ink);padding:10px 14px;border-radius:var(--radius);font-size:14px}.filter[aria-pressed=true]{background:var(--ink);color:var(--white)}.search{display:flex;align-items:center;background:var(--field);padding:9px 14px;min-width:220px}.search input{width:100%;border:0;background:transparent;min-width:0;font-size:14px;outline-offset:8px}#results{font-size:14px;color:var(--muted);margin:22px 0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 22px}.product{min-width:0}.product-view{display:block;width:100%;border:0;padding:0;text-align:left;background:none;color:var(--ink)}.product-image{display:block;aspect-ratio:1/1.06;background:var(--field);overflow:hidden;position:relative}.sheet{position:absolute;width:200%;height:200%;max-width:none;object-fit:fill}.q0{left:0;top:0}.q1{left:-100%;top:0}.q2{left:0;top:-100%}.q3{left:-100%;top:-100%}.shower-white{height:100%;width:190%;max-width:none;object-fit:fill;position:absolute;left:0;top:0}.scene{width:100%;height:100%;object-fit:cover}.product-view h3{margin:17px 0 2px;font-size:19px}.product-view p{font-size:14px;margin:0;color:var(--muted)}.product-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:12px;font-size:14px}.add{background:none;border:0;padding:6px 0;color:var(--blue);font-size:14px;text-decoration:underline;text-underline-offset:4px}.partnership{background:var(--blue);color:var(--white);padding:80px var(--space);display:grid;grid-template-columns:1fr 1fr;gap:80px}.partnership article+article{margin-top:35px}.partnership p{color:#e0e5ff;max-width:520px}.text-link{display:inline-block;margin-top:20px;text-decoration:underline;text-underline-offset:5px}.buying{padding:80px var(--space);display:grid;grid-template-columns:1fr 1fr;gap:80px}.buying details{padding:18px 0}.buying summary{font-size:20px;cursor:pointer}.buying p{color:var(--muted)}.enquiry{background:#e9eeed;padding:80px var(--space);display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.enquiry>div>p{max-width:400px;color:var(--muted);margin:25px 0}.phone{font-size:24px;color:var(--blue)}.enquiry .privacy{font-size:14px;margin-top:40px}form label{display:block;font-size:14px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{width:100%;border:0;border-radius:var(--radius);background:var(--white);padding:13px;color:var(--ink);margin-top:7px}textarea{resize:vertical}.form-hint{font-size:14px;color:var(--muted)}.short-item{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 0}.short-item button{border:0;background:transparent;color:var(--blue);text-decoration:underline;font-size:14px}#shortlist{margin-bottom:25px}footer{background:var(--ink);color:var(--white);padding:60px var(--space);display:flex;justify-content:space-between;gap:40px}.footer-name{font-size:clamp(32px,4vw,60px);line-height:1.05;letter-spacing:-.04em}footer p{color:#c1cdd2;font-size:14px}footer a{font-size:14px;margin-right:25px}dialog{width:min(900px,94vw);max-height:90vh;border:0;border-radius:var(--radius);padding:40px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#10283dcc}.close{position:absolute;right:12px;top:7px;border:0;background:transparent;font-size:32px;color:var(--ink)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.detail-grid h2{font-size:34px}.detail-grid p{color:var(--muted)}.detail-grid dl{font-size:14px}.detail-grid dt{font-weight:bold;margin-top:14px}.detail-grid dd{margin:0}.detail-grid .button{margin-top:18px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){nav{gap:14px}.brands{gap:12px}.lotus{width:140px}.bao-crop{width:110px}.hero{gap:25px;min-height:600px}.hero-images{height:450px}.hero-main img{height:330px}.hero-secondary img{height:230px}.hero-stamp{font-size:14px}.tools{align-items:stretch;flex-direction:column}.search{max-width:400px}.partnership,.buying,.enquiry{gap:35px}}@media(max-width:650px){header{flex-wrap:wrap;padding-top:14px;padding-bottom:14px;gap:16px}.brands{flex:1}.lotus{width:143px}nav{order:3;width:100%;justify-content:space-between;font-size:14px}.bag{font-size:13px;padding:10px}.bao-crop{width:100px;height:30px}.bao-crop img{width:450px;left:-11px}.bao small{font-size:10px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:30px}.hero h1{font-size:52px}.hero p{font-size:16px;margin:25px 0}.hero-note{display:none}.hero-images{height:360px;grid-template-columns:1fr .8fr;gap:12px}.hero-main img{height:290px}.hero-secondary img{height:200px}.hero-stamp{font-size:13px;top:5px}.section-top{display:block}.section-top p{margin-top:20px}.collection{padding-top:40px;padding-bottom:45px}.products{grid-template-columns:repeat(2,1fr);gap:25px 14px}.product-view h3{font-size:17px}.product-bottom{align-items:start;flex-direction:column;gap:2px}.filter{font-size:13px;padding:10px}.partnership,.buying,.enquiry{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:28px}.partnership article+article{margin-top:26px}.form-row{grid-template-columns:1fr;gap:0}footer{flex-direction:column;padding-top:40px;padding-bottom:40px}.detail-grid{grid-template-columns:1fr;gap:25px}dialog{padding:38px 22px 25px}.detail-grid .product-image{max-height:310px;aspect-ratio:1/1}.detail-grid h2{font-size:30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.lotus{height:100px}.bao-crop{width:150px}@media(max-width:1000px){.bao-crop{width:140px}}@media(max-width:650px){header{position:relative}.brands{width:100%;flex:none;justify-content:space-between;padding-right:0}.lotus{width:145px;height:82px}.lotus img{width:360px;left:-111px;top:-64px}.bao-crop{width:140px}.bag{position:absolute;right:22px;bottom:12px}nav{padding-right:115px;gap:12px}nav a{font-size:13px}.hero h1{font-size:48px}.hero-main img{object-fit:contain;background:#b1a69c}}
@media(max-width:650px){.hero h1{font-size:44px}nav a{white-space:nowrap}}

/* Crop the source art proportionally so both wordmarks remain intact at every width. */
.lotus{width:clamp(120px,15vw,172px);height:auto;aspect-ratio:1.65}
.lotus img{width:272%;left:-86%;top:-82%}
.bao-crop{width:clamp(112px,13vw,150px);height:auto;aspect-ratio:4.7;background:#152d55}
.bao-crop img{width:475%;top:-28%;left:-14%}
.supplier{background:#edf0f1}.supplier img{display:block;width:100%;height:100%;object-fit:contain}
.more{margin-top:26px}.more[hidden]{display:none}
@media(max-width:650px){.brands{justify-content:flex-start;gap:24px}.lotus{width:136px}.bao-crop{width:124px}}


[hidden]{display:none!important}
.category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}
.category-card{display:grid;gap:7px}.category-card strong{font-size:22px;font-weight:500}.category-card>span:last-child{font-size:14px;color:var(--muted)}
.category-photo{display:grid;place-items:center;position:relative;overflow:hidden;aspect-ratio:1.5;background:var(--field);font-size:42px}
.category-photo img{width:100%;height:100%;position:absolute;object-fit:cover}
.basin-faucets .category-photo img,.toilets .category-photo img,.smart-toilets .category-photo img{width:200%;height:200%;object-fit:fill;left:0;top:0}
.toilets .category-photo img{left:-100%}.smart-toilets .category-photo img{top:-100%}
#categoryPage .filters{display:none}#categoryPage .section-top{margin-top:24px}
.pending-photo{display:grid;place-items:center;text-align:center;color:var(--muted);font-size:21px}.pending-photo small{font-size:14px}
.toilet-frame img{position:absolute;width:100%;height:222%;left:0;top:-68%}
.toilet-frame.middle img{top:-60%}.toilet-frame.side img{width:190%;left:-4%;top:-106%;height:260%}
.toilet-frame.low img{width:180%;height:240%;top:-127%;left:0}
.toilet-frame.first img{width:178%;left:-78%;height:205%;top:-84%}
@media(max-width:650px){.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card strong{font-size:17px}}


.category-route .hero,.category-route .partnership,.category-route .buying{display:none}
.toilet-frame img{top:-74%}.toilet-frame.first img{top:-73%;height:190%}

.toilet-frame.smart img{width:100%;height:250%;top:-92%;left:0}.toilet-frame.smart{aspect-ratio:1.35}
.vanity-photo{aspect-ratio:1.18}.vanity-photo img{position:absolute;max-width:none;object-fit:fill}
.clean-cell{background:#fff}.clean-cell img{position:absolute;width:400%;max-width:none;object-fit:fill}

#site-language{inline-size:auto;margin:0;padding:9px 12px;background:var(--field);border:1px solid #d9dfe1;flex:none;font-size:14px}
[dir=rtl] header{direction:ltr}
[dir=rtl] header nav,[dir=rtl] header .bag{direction:rtl}
[dir=rtl] .product-view,[dir=rtl] .hero-copy{text-align:start}
[dir=rtl] .hero-stamp{right:auto;left:0}
[dir=rtl] .hero h1,[dir=rtl] h2{letter-spacing:normal;line-height:1.25}
[dir=rtl] .close{right:auto;left:12px}
[dir=rtl] input[type=tel],.phone{direction:ltr;unicode-bidi:isolate}
@media(max-width:650px){header{padding-inline-end:22px}.brands{padding-inline-end:90px;gap:12px}.lotus{width:110px}.bao-crop{width:100px}#site-language{position:absolute;right:22px;top:20px;max-width:88px;padding:7px 4px}nav{padding-right:90px;gap:8px;flex-wrap:wrap}.bag{max-width:87px}}
@media(max-width:360px){.brands{gap:8px}.lotus{width:96px}.bao-crop{width:88px}}

.receipt{padding:clamp(28px,7vw,100px) var(--space);min-height:60vh}.receipt h1{font-size:clamp(40px,6vw,80px);line-height:1.1;margin:0 0 24px}.receipt p{max-width:55ch}.receipt-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sending,.sending button{cursor:wait}

.category-photo img[src*='-export.']{object-fit:contain;background:#fff;padding:12px}