/* Abeer Paints — site stylesheet (ported from the Arwa & Magic design export). */
*,::before,::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}
html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
small{font-size:80%}
ol,ul,menu{list-style:none}
img,svg,video,canvas,iframe{display:block;vertical-align:middle}
img,video{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit;background-color:transparent;border-radius:0;letter-spacing:inherit}
button{cursor:pointer}
[hidden]:where(:not([hidden=until-found])){display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

:root{--background:#fff;--foreground:#17362b;--popover:#fff}.dark{--background:#12281f;--foreground:#fff;--popover:#183c2c}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#17362b;background:#fff;font-size:16px}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #ba4d42;outline-offset:5px}svg{flex-shrink:0}.header{height:102px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #e4e8e4;background:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:13px;font-size:28px;letter-spacing:4px;font-weight:700}.brand img{width:66px;height:70px;object-fit:contain}.brand-sub{display:block;font-size:9px;letter-spacing:1.5px;margin-top:5px}.header nav{display:flex;gap:38px;align-items:center;font-size:14px}.header nav a{display:flex;gap:8px;align-items:center}.header nav a:last-child{border-bottom:1px solid #17362b;padding:10px 0}.hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:670px}.hero-copy{padding:86px 9% 38px 11%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.6;margin:0 0 28px;color:#66796e}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,5.5vw,86px);line-height:1.07;letter-spacing:-4px;font-weight:500;margin-bottom:28px}em{font-family:Georgia,serif;font-weight:400;color:#a33b34}.intro{font-size:17px;line-height:1.8;max-width:440px;color:#5a685f;margin-bottom:32px}.cta{display:inline-flex;align-items:center;gap:30px;background:#193f30;color:white;padding:18px 23px;font-size:14px;transition:background .2s,transform .2s}.cta:hover{background:#a33b34;transform:translateY(-2px)}.hero-foot{display:flex;align-items:center;gap:19px;margin-top:66px}.hero-foot>span{font-family:Georgia,serif;letter-spacing:2px;font-size:22px}.hero-foot i{height:25px;width:1px;background:#d0d8d1}.hero-foot small{font-size:12px;color:#748075;max-width:110px;line-height:1.5;margin-left:auto}.hero-image{background:#dbe1dc;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-image>img{width:100%;height:670px;object-fit:cover;object-position:center;animation:enter 1s ease both}.image-caption{position:absolute;bottom:0;left:0;width:100%;background:#17362bea;color:#fff;padding:24px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:1px}.image-caption span:last-child{display:flex;gap:10px;letter-spacing:0;color:#dae4dc}.section{padding:95px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:16px}h2{font-size:clamp(32px,3.4vw,52px);line-height:1.13;letter-spacing:-1.8px;font-weight:500;margin-bottom:0}.section-heading>p{line-height:1.7;color:#6d786f;font-size:14px;margin:0}.products{border-top:1px solid #dce2dd}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 25px}.product-card{text-align:left;border:0;background:none;padding:0;color:inherit}.product-photo{height:350px;background:#eef1ed;position:relative;overflow:hidden}.product-photo>img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease;mix-blend-mode:multiply}.product-card:hover .product-photo>img{transform:scale(1.04)}.number{position:absolute;top:18px;left:18px;z-index:1;font-size:12px;color:#465d50}.card-arrow{position:absolute;bottom:18px;right:18px;width:37px;height:37px;border-radius:50%;background:#fff;display:grid;place-items:center;transition:background .2s,color .2s}.product-card:hover .card-arrow{background:#17362b;color:white}.product-label{padding:19px 0}.product-label p{font-size:12px;color:#788079;margin-bottom:8px}.product-label h3{font-size:23px;font-weight:500;letter-spacing:-.6px;margin-bottom:0}.product-photo>img.rotate-photo{transform:rotate(-90deg);object-fit:contain}.product-card:hover .product-photo>img.rotate-photo{transform:rotate(-90deg) scale(1.04)}.about{background:#173b2d;color:#fff}.about .eyebrow{color:#b7c7ba}.about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:70px}.about h2 em{color:#c8d6bb}.about-grid p{line-height:1.9;color:#d0dbd3;font-size:16px}.text-link{display:inline-flex;gap:15px;border-bottom:1px solid #9fae9f;padding:12px 0;font-size:14px}.about-bottom{margin-top:60px;padding-top:27px;border-top:1px solid #496354;display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#bbccbe}.contact{display:grid;grid-template-columns:1.3fr 1fr;gap:60px}.contact h2{margin-bottom:30px}.contact-details{display:flex;flex-direction:column;justify-content:center;gap:28px}.contact-details>a,.contact-details>div{display:flex;gap:20px;font-size:18px;line-height:1.5}.contact-details svg{width:21px;color:#9a453a;margin-top:6px}.contact-details small{display:block;font-size:10px;letter-spacing:1.5px;color:#7c857b;margin-bottom:6px}.muted{font-size:14px;color:#7c857b}footer{border-top:1px solid #e2e7e2;display:flex;justify-content:space-between;padding:28px 6%;font-size:12px;color:#7c857b}.product-dialog{max-width:960px!important;width:calc(100% - 32px)!important;max-height:90dvh;overflow:auto;display:grid;grid-template-columns:1fr 1fr;padding:30px!important;gap:34px!important;border-radius:5px!important}.dialog-gallery{background:#eef1ed;display:flex;flex-direction:column;align-items:center;min-width:0}.dialog-gallery>img{height:390px;width:100%;object-fit:contain;mix-blend-mode:multiply}.dialog-gallery>img.rotate-photo{transform:rotate(-90deg)}.thumbnails{display:flex;justify-content:center;gap:8px;padding:14px;flex-wrap:wrap}.thumbnails button{padding:0;border:1px solid transparent;background:white;width:45px;height:57px}.thumbnails button[aria-pressed=true]{border:2px solid #17362b}.thumbnails img{width:100%;height:100%;object-fit:contain}.dialog-copy{padding:24px 0}.dialog-copy .eyebrow{margin-bottom:16px}.dialog-title{font-size:36px;line-height:1.15;font-weight:500;margin-bottom:20px}.dialog-desc{font-size:16px!important;line-height:1.8;color:#5e6c63}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.tags span{padding:7px 10px;background:#eff3ef;font-size:12px}.downloads{margin:25px 0}.downloads h4{font-size:13px;margin:0 0 9px}.downloads a{display:flex;gap:10px;align-items:center;border-bottom:1px solid #e1e5e0;padding:13px 0;font-size:13px}.downloads a span{margin-left:auto;font-size:11px;color:#7b877e}.dialog-copy .cta{gap:12px;font-size:13px}.hero-copy{animation:enter .8s ease both}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero,.section,.header,footer{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}.hero{padding:0 6%}.hero-copy{padding-left:0}}@media(max-width:900px){.header{height:85px;padding:0 5%}.brand{font-size:23px}.brand img{width:48px;height:55px}.brand-sub{font-size:8px;letter-spacing:1px}.header nav{gap:20px}.hero-copy{padding:60px 8%}.hero{min-height:auto}h1{font-size:54px;letter-spacing:-2.5px}.hero-image>img{height:600px}.hero-foot{margin-top:38px}.hero-foot small{display:none}.image-caption{padding:18px;flex-direction:column;align-items:start;gap:8px}.section{padding:65px 5%}.product-photo{height:280px}.about-grid{gap:35px}.contact{gap:30px}}@media(max-width:620px){.brand-sub{max-width:130px;line-height:1.4}.header nav{gap:15px;font-size:12px}.header nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:48px 6% 36px}.hero h1{font-size:58px}.hero .eyebrow{font-size:10px;letter-spacing:1.7px}.intro{font-size:16px}.hero-foot{margin-top:32px}.hero-image>img{height:410px;object-fit:contain}.hero-image{padding-bottom:60px}.image-caption{flex-direction:row;align-items:center;font-size:10px}.image-caption span:last-child{max-width:145px}.section-heading{display:block}.section-heading>p{margin-top:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 13px}.product-photo{height:230px}.number{top:10px;left:10px;font-size:10px}.card-arrow{width:29px;height:29px;right:10px;bottom:10px}.product-label h3{font-size:19px}.product-label p{font-size:11px}.about-grid,.contact{grid-template-columns:1fr}.about-grid h2{font-size:35px}.about-bottom{flex-direction:column;gap:16px;margin-top:30px}.contact-details{margin-top:12px}footer{gap:20px;font-size:10px}.product-dialog{grid-template-columns:1fr;padding:20px!important;gap:15px!important}.dialog-gallery>img{height:280px}.dialog-copy{padding:8px 0}.dialog-title{font-size:30px}.dialog-copy .cta{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Product photographs in application settings */
.product-photo{height:auto;aspect-ratio:1}.product-photo>img{object-fit:cover;mix-blend-mode:normal}.dialog-gallery>img{mix-blend-mode:normal}.hero-image>img{object-fit:cover}.image-note{font-size:12px;line-height:1.5;color:#798279;margin-top:14px}.thumbnails button{width:48px;height:52px}@media(max-width:620px){.product-photo{height:auto}.hero-image{padding-bottom:60px}.hero-image>img{height:auto;aspect-ratio:1;object-fit:cover}}

.hero-collection{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:32px 28px;background:#f0f3ef;align-content:center}.hero-collection button{position:relative;border:0;padding:0;overflow:hidden;background:#dce2dd;text-align:left}.hero-collection button:first-child{grid-column:1/-1}.hero-collection img{width:100%;height:205px;object-fit:cover;object-position:center 57%;transition:transform .4s}.hero-collection button:first-child img{height:320px;object-fit:contain;background:#e7e9e4}.hero-collection button:hover img{transform:scale(1.035)}.hero-collection span{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;color:white;background:#16372be8;font-size:14px}.grout-section{background:#f5f7f4;border-top:1px solid #e0e5df}.colour-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.colour-swatch{display:block;border:1px solid #dfe4dc;border-radius:9px;padding:9px;background:white;text-align:left;transition:box-shadow .2s,transform .2s}.colour-swatch:hover,.colour-swatch[data-popup-open]{transform:translateY(-3px);box-shadow:0 8px 24px #17362b14}.colour-chip{display:block;height:72px;border-radius:5px;border:1px solid #0000000d}.colour-label{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 3px 5px}.colour-label strong{font-size:14px;font-weight:500}.colour-label small{font-size:12px;color:#6d776f}.colour-foot{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:28px}.colour-foot p{font-size:13px;line-height:1.7;max-width:510px;color:#68776b;margin:0}.colour-foot .text-link{flex-shrink:0;align-items:center}.grout-popup{width:min(350px,calc(100vw - 32px));padding:0;overflow:hidden;border-radius:10px;box-shadow:0 15px 55px #12281f35;gap:0}.wall-preview{width:100%;aspect-ratio:4/3;overflow:hidden}.wall-preview img{width:100%;height:100%;object-fit:cover;display:block}.grout-popup-copy{padding:18px;background:white}.grout-popup-copy [data-slot=popover-title]{font-size:18px}.grout-popup-copy [data-slot=popover-title] span{color:#708072;font-weight:400}.grout-popup-copy [data-slot=popover-description]{margin:7px 0 0;font-size:13px;line-height:1.5;color:#68776b}@media(max-width:900px){.colour-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-collection{padding:20px;gap:10px}.hero-collection button:first-child img{height:300px}.hero-collection img{height:180px}.colour-foot{align-items:start;flex-direction:column;gap:12px}}@media(max-width:620px){.hero-collection{padding:20px 6%;grid-template-columns:repeat(3,minmax(0,1fr))}.hero-collection button:first-child{grid-column:auto}.hero-collection button:first-child img,.hero-collection img{height:200px;object-fit:cover}.hero-collection span{font-size:12px;padding:9px;min-height:46px}.colour-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.colour-chip{height:64px}.header nav a[href='#about']{display:none}.header nav a[href='#grout-colours']{display:flex}.header nav{gap:12px}.header nav a:last-child{display:none}}
.products .section-heading h1{font-size:clamp(40px,4vw,64px);letter-spacing:-2px;margin:0}.products .section-heading>p{max-width:430px}.product-dialog .grout-section{grid-column:1/-1;padding:30px 0 0;background:white}.product-dialog .grout-section h2{font-size:30px}.product-dialog .grout-section .section-heading{display:block}.product-dialog .grout-section .section-heading>p{margin-top:15px}.product-dialog .colour-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-dialog .colour-foot{display:block}.product-dialog .colour-foot a{margin-top:12px}@media(max-width:620px){.product-dialog .colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav a[href='#about']{display:flex}.products{padding-top:40px}}
.product-dialog .dialog-gallery{background:transparent;align-self:start}.product-dialog .dialog-gallery>img{height:auto;max-height:590px;object-fit:contain;border-radius:4px}.grout-popup{width:min(500px,calc(100vw - 28px))}.wall-preview{aspect-ratio:3/2}.wall-preview img{object-fit:cover}.product-dialog .grout-section .eyebrow{margin-bottom:12px}.product-dialog .grout-section .section-heading{margin-bottom:24px}
.grout-popup{max-height:80dvh;overflow:auto}.grout-popup .wall-preview{flex-shrink:0;max-height:min(330px,45dvh)}
.varnish-chip{height:auto;aspect-ratio:44/15;background-repeat:no-repeat}
.grout-popup .wall-preview{height:min(280px,35dvh);min-height:110px;aspect-ratio:auto}.grout-popup-copy{flex-shrink:0}.grout-popup{background:#fff}

.factory-location{background:#f5f7f4;border-top:1px solid #e0e5df}.factory-location .section-heading{align-items:center}.factory-map{overflow:hidden;border:1px solid #dfe4dc;border-radius:12px;background:#e6ece5}.factory-map iframe{display:block;width:100%;height:450px;border:0}.map-help{font-size:13px;line-height:1.6;color:#68776b;margin:14px 0 0}.contact-details a:focus-visible{outline:2px solid currentColor;outline-offset:6px}@media(max-width:620px){.factory-map iframe{height:360px}.factory-location .section-heading{align-items:flex-start;gap:18px}}

.product-slideshow{min-width:0;align-self:start}.slideshow-stage{position:relative;aspect-ratio:4/3;background:#edf1eb;border-radius:8px;overflow:hidden;touch-action:pan-y}.slideshow-stage>img{width:100%;height:100%;object-fit:cover;animation:slide-reveal .35s ease}.slide-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:#ffffffed;color:#17362b;box-shadow:0 2px 12px #0002}.slide-arrow.previous{left:12px}.slide-arrow.next{right:12px}.slideshow-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;font-size:13px}.slideshow-caption small{color:#718074;margin-left:8px;white-space:nowrap}.slideshow-caption button{border:1px solid #dfe5dd;background:white;color:#17362b;border-radius:50%;height:32px;width:32px;display:grid;place-items:center}.slide-thumbnails{display:flex;gap:8px}.slide-thumbnails button{width:70px;height:54px;padding:2px;border:1px solid #dfe5dd;border-radius:5px;background:white;overflow:hidden}.slide-thumbnails button[aria-pressed=true]{border:2px solid #17362b;padding:1px}.slide-thumbnails img{width:100%;height:100%;object-fit:cover;border-radius:2px}.slideshow-note{font-size:11px;color:#7a857b;margin:12px 0 0}@keyframes slide-reveal{from{opacity:.35}to{opacity:1}}

.product-dialog .product-slideshow{grid-column:1/-1;width:100%;margin-bottom:10px}.product-dialog .slideshow-stage{aspect-ratio:16/7}.product-dialog .slideshow-stage>img{object-position:center}.product-dialog .dialog-gallery{grid-column:auto}@media(max-width:620px){.product-dialog .slideshow-stage{aspect-ratio:4/3}}

.premium-header{height:108px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:32px;background:#fff;position:relative;z-index:30;border-bottom:1px solid #eef0e9}.premium-brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.premium-brand img{width:56px;height:73px;object-fit:contain}.premium-brand>span{font-size:27px;font-weight:800;letter-spacing:4px;color:#174b32}.premium-brand small{display:block;font-size:8px;letter-spacing:1.1px;margin-top:6px}.premium-nav{display:flex;gap:27px;align-items:center;font-size:13px;white-space:nowrap}.premium-nav a{padding:13px 0}.premium-nav a[aria-current=page]{color:#bd292d;border-bottom:2px solid #bd292d}.premium-tools{display:flex;gap:13px;align-items:center}.premium-tools button,.hero-search button{border:0;background:none;padding:7px;color:#174b32;display:flex;align-items:center;gap:7px}.tool-divider{height:23px;width:1px;background:#dfe5dc}.language-choice{font-size:13px;white-space:nowrap}.language-choice small{font-size:10px;color:#8b948a}.premium-tools .mobile-menu{display:none}.hero-search{position:absolute;top:100%;right:5%;width:min(390px,90vw);background:white;padding:15px;display:flex;align-items:center;gap:10px;box-shadow:0 10px 30px #183d3020;border:1px solid #e4e9e0}.hero-search input{border:0;min-width:0;flex:1;outline:none;padding:8px;font:inherit;font-size:14px}.brand-hero{position:relative;display:grid;grid-template-columns:46% 54%;min-height:610px;background:#fbfaf5;overflow:hidden}.brand-hero-copy{padding:80px 0 60px 11%;position:relative;z-index:2;align-self:center}.hero-kicker{font-size:10px;letter-spacing:2px;color:#6d806b;margin:0 0 24px;font-weight:700}.brand-hero h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(32px,3.25vw,54px);font-weight:800;line-height:1.15;letter-spacing:-1.3px;margin:0 0 24px;max-width:570px}.brand-hero h1 span{display:block;color:#174b32}.brand-hero h1 strong{display:block;color:#bd2b30;font-weight:800;margin-top:8px}.hero-support{font-size:16px;color:#647264;line-height:1.8;max-width:435px;margin-bottom:29px}.explore-button{display:inline-block;border-radius:28px;background:#c02e33;color:white;padding:17px 26px;font-weight:700;font-size:14px;box-shadow:0 6px 18px #bd292d20;transition:transform .2s,background .2s}.explore-button:hover{transform:translateY(-2px);background:#a92329}.hero-signature{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:600;letter-spacing:.035em;line-height:1.6;color:#386443;font-size:16px;margin:28px 0 0}.brand-hero-visual{position:relative;min-width:0;display:flex;align-items:center;background:#f7f5ec}.brand-hero-visual img{width:100%;height:100%;object-fit:cover;min-height:610px;object-position:52% center}.brand-hero-visual:before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#fbfaf5,transparent 18%);pointer-events:none}.brand-hero:after{content:'';position:absolute;width:540px;height:140px;border-top:2px solid #80a77855;border-radius:50%;bottom:-99px;left:-100px;transform:rotate(-8deg)}.brand-hero-copy:before{content:'';position:absolute;width:110px;height:170px;border-left:2px solid #c02e3325;border-radius:50%;left:-70px;top:70px;transform:rotate(30deg)}.hero-benefits{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 8%;background:#f3f7f0;border-top:1px solid #e4eada;color:#214c34;gap:0}.hero-benefits>div{display:flex;align-items:center;justify-content:center;gap:13px;font-size:14px;font-weight:500;padding:0 15px;border-right:1px solid #cfdbca}.hero-benefits>div:last-child{border:0}.existing-content[data-view=home]{display:none}.existing-content[data-view=products]>:not(.products),.existing-content[data-view=gallery]>:not(.products),.existing-content[data-view=about]>:not(.about),.existing-content[data-view=contact]>:not(.contact):not(.factory-location){display:none}footer[hidden]{display:none}[dir=rtl] .brand-hero-copy{padding:80px 11% 60px 0}[dir=rtl] .brand-hero-visual:before{background:linear-gradient(270deg,#fbfaf5,transparent 18%)}@media(max-width:1100px){.premium-header{gap:16px;padding:0 4%}.premium-nav{gap:17px}.premium-tools{gap:6px}.premium-brand>span{font-size:23px}.brand-hero-copy{padding-top:55px;padding-bottom:45px}.brand-hero,.brand-hero-visual img{min-height:560px}.hero-support{font-size:14px}}@media(max-width:800px){.premium-header{height:88px}.premium-brand img{height:59px;width:43px}.premium-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px 6%;box-shadow:0 15px 20px #153d3010;flex-wrap:wrap}.premium-nav.open{display:flex}.premium-tools .mobile-menu{display:flex}.tool-divider{display:none}.brand-hero{grid-template-columns:1fr;min-height:0}.brand-hero-copy{padding:42px 6% 24px;max-width:650px}.brand-hero h1{font-size:40px;max-width:500px}.hero-support{font-size:15px;max-width:490px}.brand-hero-visual img{min-height:0;max-height:470px;aspect-ratio:3/2;object-fit:cover}.brand-hero-visual:before{background:linear-gradient(#fbfaf5,transparent 15%)}.hero-signature{margin-top:21px}.hero-benefits{grid-template-columns:1fr 1fr;padding:23px 4%;gap:25px 0}.hero-benefits>div{font-size:12px;justify-content:flex-start}.hero-benefits>div:nth-child(2){border:0}[dir=rtl] .brand-hero-copy{padding:42px 6% 24px}}@media(max-width:420px){.premium-brand>span{font-size:21px;letter-spacing:3px}.premium-brand small{font-size:6px}.premium-tools{gap:2px}.premium-tools>svg{display:none}.brand-hero h1{font-size:34px}}
.brand-hero-visual img{object-fit:contain}.brand-hero{grid-template-columns:43% 57%}.brand-hero-visual:before{background:linear-gradient(90deg,#fbfaf5,transparent 8%)}@media(max-width:800px){.brand-hero{grid-template-columns:1fr}.brand-hero-visual img{object-fit:contain}.brand-hero-visual:before{background:linear-gradient(#fbfaf5,transparent 8%)}}

html{scroll-behavior:smooth}.premium-home,.existing-content>.section,.factory-location{scroll-margin-top:24px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.size-selector{border:0;padding:0;margin:24px 0}.size-selector[hidden]{display:none}.size-selector legend{font-size:14px;font-weight:600;margin-bottom:12px}.size-selector>div{display:flex;gap:10px}.size-selector label{position:relative;cursor:pointer}.size-selector input{position:absolute;opacity:0}.size-selector span{display:block;padding:12px 23px;border:1px solid #ccd6ce;border-radius:8px;font-size:16px;background:#fff;color:#214c34}.size-selector input:checked+span{background:#214c34;color:white;border-color:#214c34}.size-selector input:focus-visible+span{outline:3px solid #bc3035;outline-offset:3px}
.product-close{position:absolute;inset-block-start:10px;inset-inline-end:12px;z-index:5;width:36px;height:36px;border:1px solid #e0e5df;background:#fff;border-radius:50%;font-size:26px;line-height:1;color:#17362b}
html[lang=ar] body{font-family:Tahoma,Arial,sans-serif}
html[lang=ar] .eyebrow,html[lang=ar] .hero-kicker,html[lang=ar] .premium-brand span,html[lang=ar] .premium-brand small,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0}
html[lang=ar] .product-card,html[lang=ar] .colour-swatch,html[lang=ar] .dialog-copy{text-align:start}
html[lang=ar] .brand-hero h1{line-height:1.5}
html[lang=ar] .hero-signature{font-family:Tahoma,Arial,sans-serif;font-style:normal;font-size:16px;letter-spacing:0}
html[lang=ar] .hero-benefits>div{border-right:0;border-inline-end:1px solid #cfdbca}
html[lang=ar] .hero-benefits>div:last-child{border:0}
html[lang=ar] .premium-brand small{font-size:10px}
@media(max-width:800px){html[lang=ar] .hero-benefits>div:nth-child(2){border:0}html[lang=ar] .brand-hero-visual:before{background:linear-gradient(#fbfaf5,transparent 15%)}}
@media(max-width:420px){html[lang=ar] .premium-brand small{font-size:8px}}

.product-dialog.varnish-dialog{grid-template-columns:1fr;gap:18px!important;max-width:760px!important}.varnish-dialog .dialog-gallery>img{display:block;width:100%;height:auto;max-height:none}.varnish-dialog .dialog-copy{padding:0}.varnish-dialog .grout-section{padding-top:22px}

.pack-availability{margin:22px 0;padding:18px 20px;background:#f4f7f3;border:1px solid #dce5dc;border-radius:12px}.pack-availability h3{font-size:14px;font-weight:600;color:#194832;margin:0 0 10px}.pack-availability ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.pack-availability li{font-size:14px;line-height:1.5;color:#46554b}

.certification{display:flex;align-items:center;gap:26px;background:#f3f7f0;border-top:1px solid #e1e9de;border-bottom:1px solid #e1e9de;padding-top:42px;padding-bottom:42px}.certification-icon{flex-shrink:0;color:#214c34}.certification .eyebrow{margin:0 0 9px}.certification h2{font-size:clamp(23px,3vw,32px);line-height:1.3;color:#174b32;margin:0 0 10px}.certification p:last-child{margin:0;color:#647264;font-size:15px;line-height:1.7}@media(max-width:600px){.certification{gap:18px;padding-top:30px;padding-bottom:30px;align-items:flex-start}.certification-icon{width:36px;height:36px}.certification p:last-child{font-size:14px}}

/* Release compressed English heading letter spacing without changing other text. */
html:not([lang=ar]) .brand-hero h1,html:not([lang=ar]) h2,html:not([lang=ar]) .product-label h3{letter-spacing:normal}

.product-help,.product-faqs{border-top:1px solid #e1e7df}.help-intro{margin:18px 0 28px;color:#647264;line-height:1.7}.guide-layout,.calculator-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:28px}.task-options{display:flex;flex-wrap:wrap;gap:10px;align-content:start}.task-options button{background:white;border:1px solid #cfdbce;color:#214c34;padding:13px 17px;border-radius:8px;text-align:start;line-height:1.5}.task-options button[aria-pressed=true]{background:#214c34;color:white;border-color:#214c34}.guide-result,.calculator-result{background:#f3f7f0;padding:28px;border-radius:14px;min-width:0}.guide-result p{line-height:1.7}.guide-product{display:flex;justify-content:space-between;gap:16px;align-items:center;width:100%;padding:17px 0;border:0;border-bottom:1px solid #d1ddce;color:#174b32;background:none;text-align:start;font-weight:600}.help-note{font-size:13px;line-height:1.75;color:#647264;margin:20px 0 0}.coverage{background:#fbfaf5}.calculator-fields{display:grid;gap:18px}.calculator-fields label{display:grid;gap:9px;font-size:14px;font-weight:600}.calculator-fields input,.calculator-fields select{width:100%;min-width:0;border:1px solid #cbd6c9;border-radius:8px;padding:13px;background:white;color:#17362b;font:inherit}.calculator-result{display:flex;flex-direction:column;justify-content:center;gap:16px}.calculator-result strong{font-size:42px;line-height:1.3}.calculator-result strong small{font-size:18px;font-weight:500}.calculator-result p{line-height:1.7;margin:0}.faq-list{margin-top:30px;max-width:900px}.faq-list details{border-bottom:1px solid #dfe6dc;padding:22px 0}.faq-list summary{cursor:pointer;font-weight:600;font-size:17px;line-height:1.6}.faq-list details p{margin:14px 0 0;line-height:1.85;color:#647264}.floating-contact{position:fixed;inset-inline-end:24px;bottom:max(22px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;border-radius:30px;background:#166b43;color:white;padding:14px 20px;box-shadow:0 5px 22px #17362b26;z-index:45;font-size:14px;font-weight:600}.product-dialog .floating-contact{position:static;grid-column:1/-1;justify-self:start;box-shadow:none}.certificate-request{display:inline-flex;align-items:center;gap:10px;margin-top:18px}footer{padding-bottom:100px}@media(max-width:700px){.guide-layout,.calculator-layout{grid-template-columns:1fr;gap:20px}.guide-result,.calculator-result{padding:22px}.floating-contact{inset-inline-end:16px;padding:13px 16px}.task-options button{font-size:14px}.calculator-result strong{font-size:34px}}

.product-dialog.pva-dialog{grid-template-columns:1fr;max-width:580px!important;gap:16px!important}.pva-dialog .dialog-gallery>img{display:block;width:100%;height:auto;max-height:380px}.pva-dialog .dialog-copy{padding:0}.pva-dialog .dialog-copy .eyebrow{margin-bottom:8px}.pva-dialog .size-selector{margin:16px 0}.pva-dialog .dialog-copy .cta{width:100%;justify-content:center}.pva-dialog .size-selector>div{display:flex;gap:10px}.pva-dialog .size-selector label{flex:1;text-align:center}.pva-dialog .size-selector span{padding:12px 8px}

/* Larger brand lockup with serif lettering reflecting the rose logo. */
.premium-brand img{width:70px;height:86px}
.premium-brand>span{font-family:Georgia,"Times New Roman",serif;font-size:36px;letter-spacing:2px;line-height:1.1}
.premium-brand small{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:1px;line-height:1.5;margin-top:10px}
html[lang=ar] .premium-brand>span,html[lang=ar] .premium-brand small{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
@media(max-width:1100px){.premium-brand img{width:60px;height:76px}.premium-brand>span{font-size:30px}.premium-brand small{font-size:9px}}
@media(max-width:800px){.premium-brand img{width:52px;height:66px}.premium-brand>span{font-size:28px}.premium-brand small{font-size:8px;letter-spacing:.4px;margin-top:7px}}
@media(max-width:420px){.premium-brand img{width:44px;height:58px}.premium-brand>span{font-size:25px}.premium-brand small{font-size:7px;letter-spacing:0}}

/* ---- Native <dialog> replacement for the design's product modal ---- */
.product-dialog{position:fixed;inset:0;margin:auto;height:fit-content;background:#fff;color:#17362b;font-size:14px;box-shadow:0 20px 60px #12281f40;border:1px solid #17362b1a}
.product-dialog:not([open]){display:none!important}
.product-dialog::backdrop{background:#0000004d;backdrop-filter:blur(2px)}
html:has(.product-dialog[open]){overflow:hidden}
.dialog-title{letter-spacing:normal}
.product-card img,.dialog-gallery img{display:block}
.pack-sizes{font-size:12px;color:#788079;margin:8px 0 0}

/* ---- Colour preview popup (replaces the design's Popover) ---- */
.grout-popup{position:fixed;z-index:60;display:flex;flex-direction:column;border:1px solid #17362b1a;color:#17362b}
.grout-popup[hidden]{display:none!important}
.grout-popup [data-slot=popover-title]{font-weight:500}
.colour-swatch[aria-expanded=true]{transform:translateY(-3px);box-shadow:0 8px 24px #17362b14}
.product-card[hidden]{display:none}