.header-contact{display:flex;align-items:center;justify-content:center}.drawer{transition:width .18s ease}.drawer-columns{height:calc(100% - 87px);display:flex;overflow-x:auto;background:#f3f5f6;border-right:10px solid var(--orange)}
.menu-column{flex:1 0 335px;min-width:0;overflow-y:auto;padding:10px 8px 24px;border-right:1px solid #ddd}.menu-column .drawer-heading{position:sticky;top:0;z-index:1}.menu-column .drawer-row{min-height:74px}.menu-column .drawer-row.active{background:#ddd;border-left:3px solid var(--orange)}.menu-column .overview{color:var(--orange)}.drawer-header{justify-content:space-between}.page-wrap{max-width:1400px;margin:auto;padding:45px 5%}.page-wrap>section{margin:45px 0}.page-wrap h1{font-size:40px;line-height:1.2;font-weight:400}.page-wrap h2{font-size:30px;line-height:1.3;font-weight:400;color:var(--orange);margin:0 0 24px}.page-wrap h3{font-weight:600}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;margin:0 0 30px}.breadcrumbs a{color:var(--orange)}.detail-hero{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;background:#f2f3f3;margin-bottom:40px;padding:30px}.detail-hero img{width:100%;max-height:440px;object-fit:contain}.detail-hero h1{margin-top:0}.product-ctas{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}.product-ctas a,.section-button{display:inline-flex;align-items:center;justify-content:center;width:auto;padding:12px 20px;height:auto}.whatsapp-button{background:#56675d;color:white;border-radius:4px;font-weight:600}.cms-section:nth-child(even){background:#f5f5f4}.cms-section.section-products .page-wrap>h2,.cms-section.section-blogs .page-wrap>h2{text-align:center}.cms-section.section-products .rich-content{text-align:center;max-width:900px;margin:0 auto 32px}.section-split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.section-split.image-first>div:first-child{order:2}.section-split img{width:100%}.section-subtitle{font-size:19px}.section-image,.page-banner{max-height:580px;width:100%;object-fit:contain;margin:20px 0}.rich-content{line-height:1.75;overflow-wrap:anywhere}.rich-content table{border-collapse:collapse;width:100%}.rich-content td,.rich-content th{border:1px solid #ccc;padding:10px}.rich-content img{max-width:100%;height:auto}.rich-content a{color:var(--orange);text-decoration:underline}.card-excerpt{font-size:17px;padding:0 15px}.image-gallery,.feature-grid,.section-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.image-gallery img{width:100%;height:220px;object-fit:cover}.feature-grid article{background:#f2f2f2;padding:22px}.specifications{width:100%;border-collapse:collapse}.specifications th,.specifications td{padding:15px;text-align:left;border-bottom:1px solid #ddd}.specifications tr:nth-child(odd){background:#f3f3f3}.responsive-video{position:relative;aspect-ratio:16/9;margin:25px 0}.responsive-video iframe{position:absolute;width:100%;height:100%;border:0}.items-faq,.items-specifications,.items-technical{display:block}.items-faq details{border-bottom:1px solid #ddd;padding:15px}.items-faq summary{cursor:pointer;font-weight:600}.spec-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px;border-bottom:1px solid #ddd}.stat-value{font-size:44px;color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;gap:20px}.footer-bottom a{margin-right:20px}.footer-grid>div>p{font-size:14px}.enquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.enquiry-form label{display:block;margin-bottom:18px}.enquiry-form input,.enquiry-form textarea,.site-search input{display:block;width:100%;border:1px solid #bbb;padding:12px;font:inherit}.enquiry-form .contact-button{width:auto;padding:12px 25px;height:auto}.form-success{background:#e5f3e8;padding:15px;margin:20px 0}.form-errors{background:#fff0ed;padding:15px;margin:20px 0}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.site-search{display:flex;gap:15px;margin:25px 0}.site-search input{flex:1}.contact-address{white-space:pre-line}.hero-slide{animation:slideReveal .35s ease}@keyframes slideReveal{from{opacity:.4}to{opacity:1}}.hero-picture::before{display:none!important}.hero-picture{clip-path:polygon(0 0,100% 0,100% 100%,5% 100%)}.hero-link+.hero-link{margin-left:18px}.section-button{margin-top:20px}.cms-section .product-grid{margin-top:24px}nav[role=navigation]{margin:25px 0}nav[role=navigation] a,nav[role=navigation] span{padding:8px 12px;display:inline-block}
@media(max-width:800px){.drawer-columns{height:calc(100% - 107px)}
.menu-column{flex-basis:100%}.detail-hero{gap:20px;padding:20px}.page-wrap{padding:30px 20px}.page-wrap h1{font-size:32px}.image-gallery,.feature-grid,.section-items{grid-template-columns:repeat(2,1fr)}.product-ctas a{font-size:15px}}@media(max-width:600px){.section-split,.detail-hero{grid-template-columns:1fr}.section-split.image-first>div:first-child{order:initial}.detail-hero img{order:-1}.enquiry-fields{grid-template-columns:1fr;gap:0}.image-gallery,.feature-grid,.section-items{grid-template-columns:1fr}.page-wrap h2{font-size:27px}.footer-grid{grid-template-columns:1fr 1fr}.hero-picture{clip-path:none}.site-search{flex-direction:column}.header-contact span{display:none}.cms-section .product-grid{gap:30px}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){.hero-slide{animation:none}.drawer{transition:none}}
/* Reuse the existing drawer columns; deeper levels replace only the right column. */
.drawer-columns .menu-column{flex:1 1 0;min-width:0}.company-dropdown{position:relative}.company-dropdown summary{display:flex;align-items:center;font-weight:600;cursor:pointer;list-style:none;padding:12px 0}.company-dropdown summary::-webkit-details-marker{display:none}.company-links{position:absolute;right:0;top:100%;width:220px;background:#fff;box-shadow:0 8px 20px #0002;border-top:3px solid var(--orange);padding:8px;z-index:20}.company-links a{display:block;padding:10px 12px}.company-links a:hover{background:#eee}.header-main .desktop-navigation{gap:20px}.header-main{gap:22px}.cms-field[hidden]{display:none!important}
@media(min-width:801px) and (max-width:1190px){.header-main{padding-inline:20px;gap:14px}.header-main .desktop-navigation{gap:12px;font-size:13px}.header-main .brand{width:95px}.header-main .brand .site-logo{width:95px}.header-actions{margin-left:0}.site-header .contact-button{width:90px}.site-header .contact-button span{display:none}}
@media(max-width:950px){.header-main .desktop-navigation{display:none}.header-actions{margin-left:auto}}@media(max-width:800px){
    .drawer-columns .menu-column{flex-basis:100%}}