:root{--sky:#38bdf8;--sky-dark:#0284c7;--ink:#0f2642;--lime:#d8f334;--canvas:#f8fafc;--white:#fff;--text:#0b192c;--muted:#64748b;--line:#e2e8f0;--danger:#b91c1c;--shadow:0 16px 40px -12px rgba(15,38,66,.12);--radius:2rem;--pill:999px;--max:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text);font-family:"Be Vietnam Pro",sans-serif;line-height:1.55}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,h4{font-family:"Plus Jakarta Sans",sans-serif;line-height:1.08;margin:0}p{margin:.65rem 0}.announcement{padding:.55rem 1rem;background:var(--ink);color:#fff;text-align:center;font-size:.78rem}.announcement a{color:var(--lime);font-weight:700}.site-header{height:76px;padding:0 max(1rem,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:2rem;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:.75rem;font-family:"Plus Jakarta Sans";font-weight:800;white-space:nowrap}.brand i{color:var(--sky);font-style:normal}.brand-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sky);color:var(--ink);font-size:.72rem}.main-nav{display:flex;gap:1.6rem;margin-right:auto;font-family:"Plus Jakarta Sans";font-size:.88rem;font-weight:700}.main-nav a:hover{color:var(--sky-dark)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.6rem}.icon-button,.cart-button{min-height:42px;border:1px solid var(--line);background:#fff;border-radius:var(--pill);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.icon-button{width:42px;font-size:1.35rem}.cart-button{padding:0 1rem;gap:.55rem}.cart-button span{display:grid;place-items:center;min-width:23px;height:23px;padding:0 .35rem;border-radius:50%;background:var(--lime);font-size:.72rem}.menu-button{display:none}.container{width:min(calc(100% - 2rem),var(--max));margin-inline:auto}.page{min-height:60vh;padding:3.5rem 0 5rem}.hero{overflow:hidden;background:#fff}.hero-grid{min-height:680px;width:min(calc(100% - 2rem),1440px);margin:auto;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:3rem}.eyebrow{display:flex;align-items:center;gap:.55rem;font-family:"Plus Jakarta Sans";font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:var(--sky-dark)}.eyebrow:before{content:"";width:28px;height:4px;border-radius:10px;background:var(--lime)}.hero h1{max-width:720px;font-size:clamp(3.3rem,6.2vw,6.8rem);letter-spacing:-.065em}.hero h1 span{color:var(--sky-dark)}.hero-copy>p{max-width:590px;font-size:1.1rem;color:var(--muted)}.hero-actions,.button-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}.button{border:0;border-radius:var(--pill);padding:.9rem 1.4rem;min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:"Plus Jakarta Sans";font-weight:800;transition:.2s transform,.2s background,.2s box-shadow}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:white;box-shadow:var(--shadow)}.button-primary:hover{background:var(--sky-dark)}.button-sky{background:var(--sky);color:var(--ink)}.button-lime{background:var(--lime);color:var(--ink)}.button-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.button-danger{background:#fee2e2;color:var(--danger)}.hero-art{height:590px;position:relative;border-radius:3rem;background:linear-gradient(145deg,#e0f2fe,#fff 65%);overflow:hidden}.hero-art:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:var(--sky);right:-80px;top:-100px}.hero-art:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:var(--lime);left:20px;bottom:20px}.hero-art img{height:100%;width:100%;object-fit:contain;position:relative;z-index:2;padding:2rem;filter:drop-shadow(0 30px 24px rgba(15,38,66,.18))}.stats{margin-top:-38px;position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.stat{padding:1.5rem 2rem;border-right:1px solid rgba(255,255,255,.12)}.stat:last-child{border:0}.stat b{display:block;font:800 1.45rem "Plus Jakarta Sans"}.stat span{font-size:.78rem;color:#cbd5e1}.section{padding:5.5rem 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.section-head h2,.page-title{font-size:clamp(2.2rem,4.5vw,4.2rem);letter-spacing:-.045em}.section-head p{max-width:560px;color:var(--muted)}.department-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.department-card{min-height:420px;border-radius:var(--radius);padding:2.2rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.department-card h3{font-size:2.7rem}.department-card p{max-width:45%}.department-card>.chip-row{max-width:48%}.department-paint{background:var(--sky)}.department-tile{background:var(--ink);color:white}.department-card img{position:absolute;width:52%;height:100%;object-fit:cover;right:0;bottom:0}.department-card>*:not(img){position:relative;z-index:2}.chip-row{display:flex;flex-wrap:wrap;gap:.55rem}.chip{border:1px solid rgba(15,38,66,.17);background:rgba(255,255,255,.58);border-radius:var(--pill);padding:.5rem .8rem;font-size:.74rem;font-weight:700}.department-tile .chip{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.09)}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.benefit{background:#fff;padding:1.5rem;border-radius:1.5rem}.benefit-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#e0f2fe;font-size:1.2rem}.benefit h3{font-size:1rem;margin-top:1rem}.benefit p{font-size:.82rem;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.product-card{background:white;border:1px solid var(--line);border-radius:1.5rem;overflow:hidden;transition:.22s transform,.22s box-shadow}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-image{aspect-ratio:1;background:#f1f5f9;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;padding:1rem;transition:.35s transform}.product-card:hover .product-image img{transform:scale(1.04)}.badge{position:absolute;top:.8rem;left:.8rem;background:var(--lime);padding:.35rem .6rem;border-radius:var(--pill);font:800 .65rem "Plus Jakarta Sans";text-transform:uppercase}.product-info{padding:1.1rem}.product-meta{font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--sky-dark);font-weight:700}.product-info h3{font-size:1rem;margin:.42rem 0;min-height:2.2em}.product-price{font:800 1rem "Plus Jakarta Sans"}.old-price{text-decoration:line-through;color:#94a3b8;font-weight:500;font-size:.8rem;margin-left:.35rem}.product-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.8rem}.mini-button{width:38px;height:38px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:1.2rem}.page-banner{padding:4.5rem 0 3.5rem;background:white;border-bottom:1px solid var(--line)}.page-banner p{max-width:650px;color:var(--muted);font-size:1.05rem}.breadcrumb{font-size:.75rem;color:var(--muted);margin-bottom:1rem}.shop-layout{display:grid;grid-template-columns:250px 1fr;gap:2rem}.filters{align-self:start;position:sticky;top:98px;background:#fff;border-radius:1.5rem;padding:1.2rem}.filter-group{border-bottom:1px solid var(--line);padding:0 0 1rem;margin-bottom:1rem}.filter-group:last-child{border:0}.filter-group label{display:block;font:700 .78rem "Plus Jakarta Sans";margin-bottom:.55rem}.field{width:100%;border:1px solid var(--line);background:#f8fafc;border-radius:var(--pill);min-height:48px;padding:.7rem 1rem;color:var(--text);outline:none}.field:focus{border-color:var(--sky);box-shadow:0 0 0 3px rgba(56,189,248,.2)}textarea.field{border-radius:1rem;min-height:120px;resize:vertical}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.toolbar .field{width:auto;min-width:200px}.empty{grid-column:1/-1;text-align:center;padding:4rem 2rem;background:white;border-radius:var(--radius)}.product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:start}.product-gallery{background:white;border-radius:var(--radius);overflow:hidden}.product-gallery img{width:100%;aspect-ratio:1;object-fit:contain;padding:2rem}.detail-panel{background:#fff;padding:2rem;border-radius:var(--radius)}.detail-panel h1{font-size:clamp(2rem,4vw,3.4rem)}.detail-price{font:800 1.55rem "Plus Jakarta Sans";margin:1rem 0}.stock{display:inline-flex;align-items:center;gap:.45rem;font-size:.78rem;font-weight:700;color:#15803d}.stock:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e}.option-group{margin:1.35rem 0}.option-group legend{font:700 .78rem "Plus Jakarta Sans";margin-bottom:.65rem}.options{display:flex;flex-wrap:wrap;gap:.55rem}.option{border:1px solid var(--line);background:#fff;border-radius:var(--pill);padding:.55rem .85rem;font-size:.75rem}.option.active{background:var(--ink);border-color:var(--ink);color:#fff}.swatch{width:40px;height:40px;border:3px solid #fff;box-shadow:0 0 0 1px var(--line);border-radius:50%;padding:0}.swatch.active{box-shadow:0 0 0 3px var(--ink)}.quantity-row{display:flex;align-items:center;gap:.7rem}.quantity{display:flex;border:1px solid var(--line);border-radius:var(--pill);overflow:hidden}.quantity button{border:0;background:#f8fafc;width:42px}.quantity span,.quantity input{width:48px;text-align:center;border:0;padding:.7rem 0;background:#fff}.notice{padding:1rem 1.1rem;border-radius:1rem;background:#fff7ed;color:#9a3412;font-size:.76rem}.tabs{margin-top:2rem;background:#fff;border-radius:var(--radius);padding:2rem}.spec-table{width:100%;border-collapse:collapse}.spec-table td{padding:.8rem;border-bottom:1px solid var(--line);font-size:.84rem}.spec-table td:first-child{color:var(--muted);width:34%}.search-shell{max-width:780px;margin:0 auto}.search-large{display:flex;gap:.6rem;background:#fff;border:1px solid var(--line);border-radius:var(--pill);padding:.45rem;box-shadow:var(--shadow)}.search-large input{flex:1;border:0;outline:0;background:transparent;padding:0 1rem;min-width:0}.search-large button{border:0;background:var(--sky);border-radius:var(--pill);padding:.8rem 1.25rem;font-weight:800}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1fr 360px;gap:2rem}.cart-list,.summary,.form-card,.content-card{background:#fff;border-radius:var(--radius);padding:1.5rem}.cart-item{display:grid;grid-template-columns:100px 1fr auto;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line)}.cart-item img{width:100px;height:100px;object-fit:contain;background:#f1f5f9;border-radius:1rem}.cart-item h3{font-size:1rem}.cart-variants{font-size:.74rem;color:var(--muted)}.cart-actions{display:flex;align-items:center;justify-content:space-between;margin-top:.8rem}.link-button{border:0;background:transparent;color:var(--sky-dark);padding:0;font-size:.78rem;font-weight:700}.summary{align-self:start;position:sticky;top:98px}.summary-row{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--line)}.summary-row.total{font:800 1.2rem "Plus Jakarta Sans";border:0;padding-top:1.1rem}.summary .button{width:100%;margin-top:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group label{display:block;font:700 .75rem "Plus Jakarta Sans";margin-bottom:.4rem}.form-group.full{grid-column:1/-1}.payment-option{display:flex;gap:.75rem;align-items:start;padding:1rem;border:1px solid var(--line);border-radius:1rem;margin:.6rem 0}.payment-option small{display:block;color:var(--muted)}.policy{max-width:850px;margin:auto}.policy h2{font-size:1.4rem;margin:2rem 0 .5rem}.policy p,.policy li{color:#475569}.faq-list{max-width:900px;margin:auto}.faq-item{background:#fff;border-radius:1rem;margin:.7rem 0;overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;text-align:left;border:0;background:#fff;padding:1.2rem;font-weight:700}.faq-answer{display:none;padding:0 1.2rem 1.2rem;color:var(--muted)}.faq-item.open .faq-answer{display:block}.calculator-grid,.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.calculator-card{background:#fff;border-radius:var(--radius);padding:2rem}.calculator-card h2{font-size:1.8rem}.result{margin-top:1rem;padding:1rem;border-radius:1rem;background:#e0f2fe;font-weight:700}.contact-aside{padding:2rem;border-radius:var(--radius);background:var(--ink);color:#fff}.contact-aside a{display:block;color:var(--lime);margin:.6rem 0}.order-success{text-align:center;max-width:780px;margin:auto;background:#fff;border-radius:var(--radius);padding:3rem}.success-mark{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font-size:2rem;margin:0 auto 1.2rem}.toast{position:fixed;right:1rem;bottom:1rem;z-index:60;background:var(--ink);color:#fff;padding:.9rem 1.2rem;border-radius:var(--pill);box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:980px){.main-nav{display:none;position:absolute;top:76px;left:1rem;right:1rem;background:#fff;border:1px solid var(--line);border-radius:1.5rem;padding:1rem;box-shadow:var(--shadow);flex-direction:column}.main-nav.open{display:flex}.menu-button{display:inline-flex}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:4rem 0}.hero-art{height:470px}.product-grid{grid-template-columns:repeat(3,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}.shop-layout{grid-template-columns:1fr}.filters{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.filter-group{margin:0;border:0}.product-detail{grid-template-columns:1fr}.cart-layout,.checkout-layout{grid-template-columns:1fr}.summary{position:static}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.announcement{font-size:.68rem}.site-header{height:66px;gap:.6rem}.brand>span:last-child{display:none}.main-nav{top:66px}.header-actions{gap:.35rem}.hero-grid{padding:2.5rem 0;gap:2rem}.hero h1{font-size:3.25rem}.hero-art{height:340px;border-radius:2rem}.stats{grid-template-columns:1fr;margin-top:-10px}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.section{padding:3.5rem 0}.section-head{display:block}.department-grid,.calculator-grid,.contact-grid{grid-template-columns:1fr}.department-card{min-height:390px;padding:1.5rem}.department-card h3{font-size:2.1rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}.product-info{padding:.85rem}.product-info h3{font-size:.86rem}.filters{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.toolbar .field{width:100%}.page{padding:2rem 0 4rem}.page-banner{padding:2.5rem 0}.detail-panel,.tabs{padding:1.25rem;border-radius:1.5rem}.detail-panel h1{font-size:2rem}.cart-item{grid-template-columns:74px 1fr}.cart-item img{width:74px;height:74px}.cart-item>strong{grid-column:2}.form-grid{grid-template-columns:1fr}.form-group.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.search-large button{padding:.7rem}.benefits{grid-template-columns:1fr 1fr}.benefit{padding:1rem}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.header-actions .icon-button{display:none}}
.site-footer{background:var(--ink);color:#fff;padding:4rem max(1rem,calc((100vw - var(--max))/2)) 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:2rem}.brand-light .brand-mark{background:var(--lime)}.footer-grid p{color:#94a3b8;max-width:310px}.footer-grid h3{font-size:.85rem;color:var(--sky);margin-bottom:1rem}.footer-grid>div>a:not(.brand){display:block;color:#cbd5e1;font-size:.8rem;margin:.6rem 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:2.5rem;padding-top:1.25rem;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:#94a3b8;font-size:.72rem}.footer-credit a{color:#cbd5e1;font-weight:700}.footer-credit a:hover{color:var(--lime)}.botcheck{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

/* Official Paints & Tiles brand palette, sampled from the supplied logo artwork. */
:root{--sky:#20b8c9;--sky-dark:#0b829c;--ink:#202124;--lime:#f36a21;--text:#202124;--shadow:0 16px 40px -12px rgba(32,33,36,.14)}
.official-brand{width:190px;height:54px;overflow:hidden;display:block;position:relative;flex:0 0 190px}
.official-brand img{width:190px;height:190px;object-fit:cover;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.footer-brand{background:#fff;border-radius:1rem;width:210px;height:62px;flex-basis:210px}
.footer-brand img{width:210px;height:210px}
.button-primary{background:var(--sky-dark)}.button-primary:hover{background:var(--ink)}
.option.active{background:var(--sky-dark);border-color:var(--sky-dark)}
.swatch.active{box-shadow:0 0 0 3px var(--lime)}
.badge{color:#fff}.cart-button span{color:#fff}
@media(max-width:980px){.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.official-brand{width:158px;height:48px;flex-basis:158px}.official-brand img{width:158px;height:158px}.footer-brand{width:190px;height:58px}.footer-brand img{width:190px;height:190px}.footer-grid{grid-template-columns:1fr}}

/* Store discovery and scalable category views. */
.main-nav{gap:1rem;font-size:.75rem}.icon-button{width:auto;padding:0 .8rem;font-size:.72rem}.quick-shop{background:var(--ink);padding:1rem 0}.quick-shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.16)}.quick-shop-grid a{display:grid;gap:.35rem;padding:1.35rem;background:var(--ink);color:#fff}.quick-shop-grid strong{font:800 1rem "Plus Jakarta Sans"}.quick-shop-grid span{min-height:2.7em;color:#cbd5e1;font-size:.74rem}.quick-shop-grid b{color:var(--lime);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.section-white{background:#fff}.section-head.compact{align-items:center}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.category-card,.brand-card,.project-card{background:#fff;border:1px solid var(--line);border-radius:1.25rem;padding:1.25rem;transition:transform .2s,box-shadow .2s}.category-card:hover,.brand-card:hover,.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-card h3{font-size:.95rem;line-height:1.25}.category-card span,.brand-card span,.project-card span{display:block;margin-top:.75rem;color:var(--sky-dark);font-size:.73rem;font-weight:800}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.project-card{min-height:210px}.project-card h3{font-size:1.3rem;margin-top:.8rem}.project-card p{font-size:.82rem;color:var(--muted)}.project-detail{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:2rem}.checklist{padding:0;margin:1.5rem 0;list-style:none;display:grid;gap:.65rem}.checklist li{display:flex;align-items:center;gap:.75rem;padding:.8rem;border:1px solid var(--line);border-radius:.9rem}.checklist span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--lime);font-weight:800;font-size:.75rem}.checklist a{font-weight:700;color:var(--sky-dark)}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.brand-card h2{font-size:1.4rem}.architecture-note{margin-top:1.5rem}.filter-back{display:block;margin-top:.6rem;color:var(--sky-dark);font-size:.8rem;font-weight:700}.filters p{font-size:.76rem;color:var(--muted)}.availability{display:inline-block;margin:.3rem 0 1rem;font-size:.78rem;color:var(--muted)}.option-label{font:700 .78rem "Plus Jakarta Sans";margin-bottom:.65rem}.related-links{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin-top:1.25rem}.related-links a{color:var(--sky-dark);font-size:.8rem;font-weight:700}.continue-link{display:block;margin-top:1rem;text-align:center;color:var(--sky-dark);font-size:.8rem;font-weight:700}.form-gap{margin-top:1rem}.summary-row small{display:block;color:var(--muted);font-size:.7rem;margin-top:.2rem}.order-items{margin:1.5rem 0;text-align:left}.search-results{margin-top:2rem}
@media(max-width:1120px){.main-nav{gap:.7rem;font-size:.68rem}.site-header{gap:1rem}.category-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){.quick-shop-grid{grid-template-columns:repeat(2,1fr)}.project-grid,.brand-grid{grid-template-columns:repeat(2,1fr)}.project-detail{grid-template-columns:1fr}.main-nav{font-size:.88rem}.icon-button{width:42px;padding:0;font-size:1.1rem}}
@media(max-width:700px){.quick-shop-grid{grid-template-columns:1fr}.quick-shop-grid a{padding:1rem}.quick-shop-grid span{min-height:0}.category-grid,.project-grid,.brand-grid{grid-template-columns:1fr}.section-head.compact{display:block}.project-card{min-height:0}.main-nav{gap:.2rem}.main-nav a{padding:.5rem}.header-actions .icon-button{display:none}}