/* WAQT boutique edition. Brand tokens govern every customer surface. */
:root{--ink:#102d28;--paper:#f8f9f6;--mist:#e9eee9;--line:#ced8d0;--muted:#53675d;--accent:#7b6139;--hover:#254b40;--champagne:#d8c29b;--on-dark:#f6f4ed;--dark-muted:#cad3ca;--radius:2px;--scroll-thumb:#708779}
html{scrollbar-gutter:stable}
*{scrollbar-color:var(--scroll-thumb) var(--mist)}
*::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}
::selection{background:var(--champagne);color:var(--ink)}
.announcement{background:var(--paper);color:var(--ink);font-size:.875rem;padding-block:10px;letter-spacing:0}
.masthead{background:var(--ink);color:var(--on-dark)}
.site-header{height:104px;border-color:#ffffff26}
.brand-ar{font-size:2.6rem;font-weight:500}
.brand-dot{color:var(--champagne)}
.brand-en{font:normal .75rem/1.6 var(--display);letter-spacing:.4em;margin-top:6px}
.site-header nav{font-size:1rem;gap:40px}
.site-header nav a{padding-block:12px}
.site-header nav a:hover,.header-cta:hover{color:var(--champagne)}
.header-cta{border-color:var(--champagne);font-weight:500}
.hero{grid-template-columns:1fr 1fr;gap:8%;padding-block:64px 82px}
.hero .eyebrow{color:var(--champagne);font-weight:500;font-size:.875rem;margin-bottom:25px}
.hero h1{font-size:clamp(3rem,1.2rem + 4vw,5rem);line-height:1.35;font-weight:500;letter-spacing:0;text-wrap:balance}
.hero h1 span{color:var(--champagne)}
.hero-copy>p{color:var(--dark-muted);font-size:1.125rem;line-height:1.95;max-width:420px;margin-top:20px}
.hero-price{margin-block:25px;gap:15px}
.hero-price>strong{font-size:3.3rem;font-weight:400}
.hero-price b{font-size:1.125rem;font-weight:500}
.hero-price span{font-size:.875rem;color:var(--dark-muted)}
.hero-copy>.primary{color:var(--ink);background:var(--champagne);border-color:var(--champagne);min-width:220px;font-size:1rem;font-weight:700}
.hero-copy>.primary:hover{background:var(--on-dark);border-color:var(--on-dark)}
.hero-note{color:var(--dark-muted);font-size:.875rem}
.hero-visual{padding:18px 18px 0 0;isolation:isolate}
.hero-visual:before{content:'';position:absolute;inset:0 0 42px 38px;border:1px solid var(--champagne);z-index:-1;opacity:.65}
.hero-photo{max-width:none;border-radius:0;box-shadow:0 25px 55px #0003}
.hero-photo img{aspect-ratio:1;object-fit:contain}
.image-caption{position:static;background:var(--paper);color:var(--ink);padding:16px 20px;font-size:.875rem}
.image-caption>[lang]{font-size:.75rem;letter-spacing:.16em}
.hero-side-label{position:static;writing-mode:horizontal-tb;text-align:left;font-size:.75rem;letter-spacing:.17em;color:var(--champagne);margin-top:18px}
.details-strip{padding-block:27px}
.details-strip>div{border-color:var(--line)}
.details-strip span{font-size:.875rem}
.details-strip strong{font-weight:500;font-size:1.125rem;margin-top:4px;display:block}
.catalog-section{padding-block:76px}
.section-heading{margin-bottom:30px}
.section-heading h2{font-size:2.7rem;font-weight:500;letter-spacing:0}
.section-heading .eyebrow{font-size:.875rem;font-weight:500}
.section-heading p{font-size:1rem}
.catalog-toolbar{padding-bottom:0;margin-bottom:32px;gap:20px}
.filters{gap:24px}
.filter{border:0;border-bottom:2px solid transparent;border-radius:0;padding:15px 5px;min-height:52px;font-size:1rem}
.filter.active{background:transparent;color:var(--ink);border-color:var(--ink);font-weight:700}
.filter:hover{background:transparent;color:var(--accent);border-bottom-color:var(--accent)}
.result-count{font-size:.875rem;padding-bottom:10px}
.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 28px}
.product-card{background:transparent}
.product-photo{border-radius:0;border:1px solid var(--line)}
.product-copy{padding:18px 2px 0}
.product-code{font-size:.75rem;letter-spacing:.15em;color:var(--accent)}
.product-card h3{font-size:1.35rem;font-weight:500;margin-block:6px}
.product-meta{margin-bottom:18px}
.product-type{font-size:.875rem}
.card-price{font-size:1.25rem;font-weight:500}
.card-action{background:transparent;color:var(--ink);border-color:var(--line);font-size:1rem;font-weight:500;min-height:48px}
.card-action:hover:not(:disabled){background:var(--ink);color:var(--on-dark)}
.faq{padding-block:66px 76px;gap:70px}
.faq h2{font-weight:500;letter-spacing:0}
footer{background:var(--ink);color:var(--on-dark);border:0}
.footer-inner{min-height:175px}
.footer-inner p{color:var(--dark-muted)}
.footer-inner a:hover{color:var(--champagne)}
dialog{border-radius:2px;outline:1px solid var(--line)}
dialog::backdrop{background:#081c18d9}
.dialog-photo button{border:1px solid var(--line)}
.dialog-info h2{font-weight:500}
.dialog-info>p{font-size:1rem}
.close-button{background:var(--paper)}
.mobile-bar{background:var(--paper)}
@media(max-width:1050px){.hero{gap:6%;padding-block:45px 60px}.hero h1{font-size:3.3rem}.product-grid{gap:32px 18px}.hero-copy>p{font-size:1rem}.product-meta{flex-direction:row;flex-wrap:wrap}}
@media(max-width:760px){
 .wrap{width:calc(100% - 36px)}
 .site-header{height:88px}.brand-ar{font-size:2rem}.brand-en{font-size:.75rem;letter-spacing:.3em}.site-header nav{gap:24px;font-size:.875rem}
 .hero{grid-template-columns:1fr;gap:30px;padding-block:30px 34px}
 .hero-copy{display:grid;grid-template-columns:1fr auto;gap:0 12px;align-items:center}
 .hero-copy .eyebrow{grid-column:1/-1;margin-bottom:12px;font-size:.875rem}
 .hero h1{font-size:clamp(2rem,1rem + 4.4vw,3rem);grid-column:1/-1;grid-row:auto;line-height:1.4;letter-spacing:0}
 .hero h1 br{display:none}.hero h1 span{display:block;white-space:normal}
 .hero-copy>p{grid-column:1/-1;font-size:1rem;margin-top:12px;line-height:1.85}.hero-copy>p br{display:initial}
 .hero-price{grid-column:1;grid-row:auto;margin:22px 0 0;gap:10px}.hero-price>strong{font-size:2.7rem}.hero-price b{font-size:1rem}.hero-price span{font-size:.75rem;max-width:none}
 .hero-copy>.button{display:inline-flex;grid-column:2;min-width:0;margin-top:22px;padding:11px 18px;min-height:48px;font-size:.875rem}.hero-note{display:none}
 .hero-visual{width:min(100%,400px);margin-inline:auto;padding:12px 12px 0 0}.hero-visual:before{inset:0 0 34px 28px}
 .hero-photo{overflow:visible}.hero-photo img{max-height:none;aspect-ratio:1}
 .image-caption{display:flex;text-align:start;padding:12px;font-size:.75rem}.image-caption>[lang]{font-size:.75rem}.image-caption>span:last-child{display:block}.hero-side-label{display:none}
 .details-strip{grid-template-columns:repeat(2,1fr);gap:22px 0;padding-block:24px}.details-strip>div:nth-child(2){border:0}.details-strip span{font-size:.875rem}.details-strip strong{font-size:1rem;margin-top:2px}
 .catalog-section{padding-block:42px}.section-heading h2{font-size:2rem}.section-heading p{font-size:.9375rem;line-height:1.8}.section-heading .eyebrow{font-size:.875rem}
 .catalog-toolbar{gap:6px;margin-bottom:22px}.filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.filter{padding-inline:0;font-size:.9375rem;min-height:48px}.result-count{font-size:.875rem;padding:6px 0}
 .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.product-copy{padding:13px 0 0}.product-card h3{font-size:1.125rem;line-height:1.5}.product-code{font-size:.75rem}.product-type{font-size:.875rem}.product-meta{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:12px}.card-price{font-size:1.25rem}.card-action{font-size:.9375rem;min-height:46px}
 .faq{padding-block:38px;gap:25px}.faq h2{font-size:1.9rem}.faq summary{font-size:1rem}.faq details p{font-size:1rem}
 .footer-inner{padding-block:30px;min-height:160px}.footer-inner>a{font-size:.875rem}.footer-inner p{font-size:.875rem}
 .mobile-bar b{font-size:1.4rem}.mobile-bar span{font-size:.75rem}.mobile-bar .button{font-size:1rem;padding-inline:24px}
 .dialog-info h2{font-size:1.75rem}.dialog-photo button{width:210px}.dialog-photo img{max-height:210px}
}
@media(max-width:360px){.hero-copy>.button{padding-inline:12px}.hero-price span{max-width:95px}.image-caption>span:last-child{display:none}.image-caption{justify-content:center}.product-grid{gap:26px 10px}.product-card h3{font-size:1rem}.mobile-bar .button{padding-inline:16px}}
@media(forced-colors:active){*{scrollbar-color:auto}.masthead,footer{background:Canvas;color:CanvasText}.hero h1 span,.hero .eyebrow,.hero-copy>p,.hero-price span{color:CanvasText}.hero-copy>.primary,.filter.active{background:ButtonFace;color:ButtonText;border-color:ButtonText}}