/* CENTRUMO navigation, stage 2, 2026-10-22. Visual changes only. */
#header [data-testid="headerCart"]{display:none!important}
#header .centrumo-inquiry-trigger:focus-visible,
#header a:focus-visible{outline:2px solid #2f6b3a;outline-offset:3px}
@media(min-width:768px){
 #header .header-top{padding:0}
 #header .header-top-wrapper:before,#header .header-top-wrapper:after{display:none}
 #header .header-bottom-wrapper{min-height:48px}
 #header #navigation{height:48px}
 #header .header-top-wrapper{display:grid;grid-template-columns:minmax(150px,210px) minmax(180px,520px) max-content;column-gap:clamp(20px,3vw,48px);justify-content:space-between;align-items:center;padding-top:8px;padding-bottom:8px}
 #header .header-top-wrapper>.site-name{width:auto;min-width:0;line-height:1;font-size:0}
 #header .site-name a{display:inline-flex;align-items:center;line-height:0}
 #header .site-name img{width:180px;max-width:100%;height:auto;max-height:61px;object-fit:contain}
 #header .header-top-wrapper>.search{width:auto;min-width:0;padding:0}
 #header .header-top-wrapper>.navigation-buttons{width:auto;min-width:0;padding-left:0}
 #header .search-input{height:44px;border:1px solid #dde5da;border-radius:7px;background:#f7f9f5;font-size:14px;box-shadow:none}
 #header .search-input:focus{border-color:#2f6b3a;background:#fff;outline:2px solid #dbe9d2;outline-offset:1px}
 #header .centrumo-inquiry-trigger--desktop{min-height:44px;padding:11px 18px!important;border-radius:7px!important;background:#2f6b3a!important;color:#fff!important;font-size:13px!important;font-weight:700;line-height:20px!important}
 #header .centrumo-inquiry-trigger--desktop:hover{background:#24572e!important}
 #header .header-bottom{border-top:1px solid #e8ede5;border-bottom:1px solid #e8ede5;background:#fff}
 #header #navigation .navigation-in>.menu-level-1>li>a{display:flex;align-items:center;min-height:48px;padding:14px 16px;font-size:15px;line-height:20px;font-weight:600;letter-spacing:0;color:#263b2d}
 #header #navigation .navigation-in>.menu-level-1>li>a>b{font-weight:600}
 #header #navigation .navigation-in>.menu-level-1>li>a:hover,
 #header #navigation .navigation-in>.menu-level-1>li>a:focus-visible{color:#24572e;background:#f2f6ee;text-decoration:none}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>a{min-height:40px;margin:4px 8px 4px 0;padding:10px 16px;border-radius:6px;background:#edf4e5;color:#24572e}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>a:hover{background:#e1edd5}
}

@media(min-width:768px){
 #header .menu-helper{height:48px!important}
 #header .menu-helper>span{height:48px!important;padding:14px 12px!important;font-size:15px!important;line-height:20px!important;font-weight:600}
 #header .menu-helper>.menu-level-1{top:100%}
}

/* Align the logo with the native navigation content; preserve the search/enquiry pair. */
@media(min-width:768px){
 #header .header-top-wrapper{grid-template-columns:minmax(170px,1fr) 24px minmax(180px,520px) 24px max-content max(0px,calc((100% - 1200px)/2));column-gap:0;justify-content:normal}
 #header .header-top-wrapper>.site-name{grid-column:1;padding-left:20px}
 #header .header-top-wrapper>.search{grid-column:3}
 #header .header-top-wrapper>.navigation-buttons{grid-column:5}
}

/* More breathing room for desktop menu and the breadcrumb trail. */
@media(min-width:768px){
 body .breadcrumbs{padding-top:12px}
}
@media(min-width:1200px){
 #header .header-bottom-wrapper{min-height:64px}
 #header #navigation{height:64px}
 #header #navigation .navigation-in>.menu-level-1>li>a{min-height:64px;padding:22px 20px}
 #header #navigation .navigation-in>.menu-level-1>li{margin-right:12px}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>a{min-height:48px;margin-top:8px;margin-bottom:8px;padding:14px 16px}
 #header .menu-helper{height:64px!important}
 #header .menu-helper>span{height:64px!important;padding-top:22px!important;padding-bottom:22px!important}
}

/* Category dropdown: retain Shoptet links, fitting and opening behaviour. */
@media(min-width:768px){
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2{padding:12px;border:1px solid #dce5d8;border-radius:0 0 8px 8px;box-shadow:0 12px 24px rgba(26,55,33,.12);max-height:calc(100dvh - 170px);overflow-x:hidden;overflow-y:auto;background:#fff}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li{padding:16px 12px;margin:0;align-items:flex-start;border-bottom:1px solid #edf1e9;border-radius:4px}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li:hover{background:#f7f9f5}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li>.menu-image{display:flex;align-items:center;justify-content:center;flex:0 0 72px;width:72px;height:72px;padding:0;margin:0 12px 0 0}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li>.menu-image img{width:72px;height:72px;max-width:100%;object-fit:contain}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li>div{flex:1;min-width:0;width:auto;margin:0;justify-content:flex-start}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li>div>a{padding:2px 0 6px;color:#263b2d;font-size:15px;font-weight:600;line-height:1.4}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li>div>a:hover{color:#24572e;text-decoration:underline;text-underline-offset:3px}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2 .menu-level-3{font-size:13px;line-height:1.6;max-height:3.2em}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2 .menu-level-3 a{color:#52634e;font-size:13px;line-height:1.6}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2 .menu-level-3 a:hover{color:#24572e;text-decoration:underline;text-underline-offset:2px}
}
@media(min-width:1200px){
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2{max-height:calc(100dvh - 210px)}
}

@media(min-width:768px) and (max-width:991px){
 #header #navigation .navigation-in>.menu-level-1>li:first-child>.menu-level-2>li{flex:0 0 50%;width:50%}
}

/* Finish: utility navigation, dropdowns and touch-friendly mobile header. */
.top-navigation-bar{background:#f7f9f5;border-bottom:1px solid #e8ede5}
.top-navigation-bar a:focus-visible,.top-navigation-bar button:focus-visible{outline:2px solid #2f6b3a;outline-offset:2px}
.top-navigation-bar .top-navigation-bar-menu>li>a,.top-navigation-bar .top-navigation-menu-trigger{color:#52634f;font-weight:400}
.top-navigation-bar .top-navigation-bar-menu>li>a:hover{color:#24572e;text-decoration:underline;text-underline-offset:3px}
.top-navigation-bar .top-nav-button{color:#63745f}
.top-navigation-bar .top-navigation-bar-menu-helper,.top-navigation-bar .languagesMenu__list{border:1px solid #dce5d8;border-radius:7px;box-shadow:0 8px 24px rgba(26,55,33,.12);background:#fff}

.top-navigation-bar .top-navigation-bar-menu-helper>li>a{color:#263b2d}
.top-navigation-bar .languagesMenu__list{max-height:70dvh;overflow-y:auto}
.top-navigation-bar .languagesMenu__list__link{min-height:40px;padding:10px 14px;font-size:14px;line-height:20px;color:#263b2d}
.top-navigation-bar .languagesMenu__list__link:hover,.top-navigation-bar .top-navigation-bar-menu-helper>li>a:hover{background:#f2f6ee;color:#24572e}
@media(min-width:768px){
 #header .menu-helper>.menu-level-1{padding:6px 0;border:1px solid #dce5d8;border-radius:0 0 7px 7px;box-shadow:0 8px 24px rgba(26,55,33,.12)}
 #header .menu-helper>.menu-level-1>li>a{padding:12px 18px;color:#263b2d;font-size:14px;font-weight:600;line-height:20px}
 #header .menu-helper>.menu-level-1>li>a:hover{background:#f2f6ee;color:#24572e}
}
@media(max-width:767px){
 #header .header-top-wrapper{min-height:64px;height:auto;padding:8px 12px;gap:0 12px;align-items:center;background:#fff}
 #header .header-top-wrapper>.site-name{flex:0 1 112px;width:112px;min-width:64px;padding:0;margin:0}
 #header .site-name img{width:112px;max-width:100%;height:auto;max-height:44px;object-fit:contain}
 #header .header-top-wrapper>.navigation-buttons{display:flex;align-items:center;gap:8px;width:auto;height:44px;margin-left:auto;padding:0;flex:0 0 auto}
 #header .navigation-buttons>a[data-testid=linkSearchIcon],#header .navigation-buttons>a[data-testid=hamburgerMenu]{width:36px;height:44px;line-height:44px;padding:0;border-radius:6px;color:#263b2d;background:#fff}
 #header .centrumo-inquiry-trigger--desktop{min-height:44px;max-width:132px;padding:8px 10px!important;border:0;border-radius:7px!important;background:#2f6b3a!important;color:#fff!important;font-size:11px!important;font-weight:700;line-height:14px!important;white-space:normal;text-align:center}
 #header .header-top-wrapper>.search{flex-basis:100%;width:100%;margin-top:8px}
 #header .search-input{height:44px;background:#f7f9f5;border:1px solid #dde5da;border-radius:7px;box-shadow:none;font-size:16px}
 #header .search-input:focus{border-color:#2f6b3a;outline:2px solid #dbe9d2;outline-offset:1px}
 #header #navigation{padding-top:64px;background:#fff;height:100dvh;max-height:100dvh}
 body.admin-logged #header #navigation{height:calc(100dvh - 50px)}
 body.navigation-window-visible #header .header-top-wrapper{z-index:1101;box-shadow:0 1px 0 #e8ede5}
 body.navigation-window-visible #header .navigation-buttons>a[data-testid=hamburgerMenu]{background:#edf4e5;color:#24572e}
 #header #navigation .navigation-in{height:100%;max-height:100%;padding:10px 12px 28px;overscroll-behavior:contain}
 #header #navigation .navigation-in>.menu-level-1>li{border-bottom:1px solid #edf1e9}
 #header #navigation .navigation-in>.menu-level-1>li>a{min-height:52px;padding:15px 48px 15px 12px;color:#263b2d;font-size:15px;line-height:22px;font-weight:600;text-decoration:none;white-space:normal}
 #header #navigation .navigation-in>.menu-level-1>li>a>b{font-weight:600;padding:0;text-decoration:none}
 #header #navigation .navigation-in>.menu-level-1>li:first-child>a{margin:0 0 6px;background:#edf4e5;border-radius:7px;color:#24572e}
 #header #navigation .submenu-arrow{right:0;width:44px;height:44px;min-height:44px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;line-height:44px;color:#2f6b3a}
 #header #navigation .submenu-arrow:before{line-height:1}
 #header #navigation .menu-level-2{padding:0 0 8px;margin:0 0 6px;background:#f7f9f5;border-radius:0 0 7px 7px}
 #header #navigation .menu-level-2>li>div>a{display:block;min-height:44px;padding:12px 16px;font-size:14px;line-height:20px;color:#344b38;text-decoration:none}
 #header #navigation .menu-level-2>li>div>a:hover{background:#edf4e5;color:#24572e}
 #header #navigation .navigationActions{margin-top:16px;border-top:1px solid #e8ede5}
 #header #navigation .navigationActions a{min-height:44px;font-size:14px;color:#52634f;text-decoration:none}
}
@media(max-width:359px){
 #header .header-top-wrapper{gap:0 8px}
 #header .header-top-wrapper>.site-name{flex-basis:88px;width:88px}
 #header .navigation-buttons>a[data-testid=linkSearchIcon],#header .navigation-buttons>a[data-testid=hamburgerMenu]{width:32px}
 #header .centrumo-inquiry-trigger--desktop{max-width:110px;font-size:10px!important;padding-left:8px!important;padding-right:8px!important}
}

:root{--cmn-style-ready:1}
/* Approved grouped navigation, 2026-10-23. Native navigation is the fallback. */
.cmn-pending #header .header-bottom,.cmn-pending .top-navigation-menu{visibility:hidden}
.cmn-navigation,.cmn-utility{display:none}
.cmn-ready #header #navigation,.cmn-ready #header .menu-helper,.cmn-ready .top-navigation-menu{display:none!important}
.cmn-ready .cmn-icon{width:24px;height:24px;flex:0 0 24px;vertical-align:middle;color:inherit}
.cmn-ready .cmn-navigation,.cmn-ready .cmn-navigation *{box-sizing:border-box}
.cmn-ready .cmn-navigation a,.cmn-ready .cmn-navigation button,.cmn-ready .cmn-navigation summary{color:#203e29;text-decoration:none;font-family:inherit;text-transform:none;letter-spacing:0}
.cmn-ready .cmn-navigation button{cursor:pointer}
.cmn-ready .cmn-navigation button:focus-visible,.cmn-ready .cmn-navigation a:focus-visible,.cmn-ready .cmn-navigation summary:focus-visible{outline:2px solid #2f6b3a;outline-offset:3px}
.cmn-ready .cmn-navigation ul{list-style:none;margin:0;padding:0}
.cmn-ready .cmn-navigation h2,.cmn-ready .cmn-navigation p{margin:0}
.cmn-ready .top-navigation-bar{height:34px;min-height:34px;background:#f8faf7;border-bottom:1px solid #e8ede5}
.cmn-ready .top-navigation-bar>.container{display:flex;align-items:center;gap:20px;min-height:34px;height:34px}
.cmn-ready .top-navigation-bar>.container:before,.cmn-ready .top-navigation-bar>.container:after{display:none}
.cmn-ready .cmn-utility{display:flex;align-items:center;flex:1;min-width:0;gap:24px;font-size:12px;line-height:18px}
.cmn-ready .cmn-contacts{display:flex;align-items:center;gap:18px;white-space:nowrap}
.cmn-ready .cmn-utility a{color:#344b38;text-decoration:none}
.cmn-ready .cmn-utility a:hover{text-decoration:underline;text-underline-offset:3px}
.cmn-ready .cmn-utility-links{display:flex;align-items:center;gap:22px;margin-left:auto;white-space:nowrap}
.cmn-ready .top-navigation-bar>.container>.cmn-utility{flex:1 1 auto;width:auto;padding:0}
.cmn-ready .top-navigation-bar>.container>.top-navigation-tools{width:auto;flex:0 0 auto;padding:0;display:flex;align-items:center;gap:2px}
.cmn-ready .top-navigation-tools .top-nav-button-register{display:none}
.cmn-ready .cmn-user-control{width:36px;min-width:36px;height:32px;min-height:32px;padding:4px 6px;font-size:0;color:#344b38}
.cmn-ready .cmn-user-control>span{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.cmn-ready .cmn-user-control:before{display:none}
.cmn-ready .cmn-user-control>.cmn-icon{width:20px;height:20px;flex-basis:20px}
.cmn-ready .languagesMenu__header--actual{font-size:12px}
.cmn-ready #header .header-bottom{overflow:visible}
.cmn-ready #header .header-bottom-wrapper{min-height:56px;height:auto;overflow:visible}
.cmn-ready .cmn-navigation{display:block;position:relative;width:100%;height:56px;z-index:1001}
.cmn-ready .cmn-primary{display:flex;justify-content:flex-start;align-items:center;gap:16px;min-height:56px}
.cmn-ready .cmn-primary>li{position:static;margin:0;padding:0;list-style:none}
.cmn-ready .cmn-catalog-toggle{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px 18px;border:1px solid #285d33;border-radius:8px;background:#285d33;color:#fff!important;font-size:15px;font-weight:600;line-height:22px;white-space:nowrap}
.cmn-ready .cmn-catalog-toggle:hover{background:#1d4a28}
.cmn-ready .cmn-catalog-toggle>.cmn-icon:first-child{width:20px;height:20px;flex-basis:20px}
.cmn-ready .cmn-catalog-toggle .cmn-caret{width:16px;height:16px;flex-basis:16px;transform:rotate(90deg)}
.cmn-ready .cmn-products-open .cmn-catalog-toggle .cmn-caret{transform:rotate(-90deg)}
.cmn-ready .cmn-primary-link{display:flex;align-items:center;gap:10px;min-height:52px;padding:14px 14px;font-size:15px;font-weight:600;line-height:22px;border-radius:6px}
.cmn-ready .cmn-primary-link:hover{background:#f2f6ee;color:#24572e}
.cmn-ready .cmn-primary-link>.cmn-icon{display:none}
.cmn-ready .cmn-primary-link .cmn-link-label{white-space:nowrap}
.cmn-ready .cmn-mobile-top,.cmn-ready .cmn-mobile-categories,.cmn-ready .cmn-mobile-cta,.cmn-ready .cmn-mobile-settings,.cmn-ready .cmn-more{display:none}
.cmn-ready .cmn-mega{display:none;position:absolute;left:0;right:0;top:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(240px,.95fr);gap:0 30px;padding:28px 30px 18px;background:#fff;border:1px solid #dce5d8;border-radius:12px;box-shadow:0 15px 35px rgba(22,48,29,.16);max-height:calc(100dvh - var(--cmn-menu-top,180px) - 12px);overflow-y:auto;overscroll-behavior:contain}
.cmn-ready .cmn-products-open .cmn-mega{display:grid}
.cmn-ready .cmn-group{min-width:0}
.cmn-ready .cmn-navigation .cmn-group-title{font-size:15px;font-weight:700;line-height:22px;color:#172e20;margin-bottom:14px}
.cmn-ready .cmn-equipment{padding-left:28px;border-left:1px solid #e8ede5}
.cmn-ready .cmn-category{display:flex;align-items:center;gap:14px;min-height:44px;padding:8px 4px;font-size:15px;font-weight:400;line-height:22px;border-radius:6px}
.cmn-ready .cmn-category>.cmn-icon:first-child{color:#285d33}
.cmn-ready .cmn-link-label{min-width:0}
.cmn-ready .cmn-link-chevron{width:15px;height:15px;flex:0 0 15px;margin-left:auto;color:#50694f}
.cmn-ready .cmn-category:hover{background:#f3f7ee;color:#24572e}
.cmn-ready .cmn-sale{display:inline-flex;align-items:center;gap:12px;min-height:44px;margin-top:24px;padding:10px 14px;border-radius:6px;background:#f0f8df;font-size:15px;font-weight:600;line-height:22px}
.cmn-ready .cmn-sale>.cmn-icon:last-child{width:18px;height:18px;flex-basis:18px}
.cmn-ready .cmn-advice{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:26px 24px;background:#eef6e6;border-radius:10px}
.cmn-ready .cmn-advice>.cmn-icon{width:58px;height:58px;flex:0 0 58px;color:#285d33;margin-bottom:2px}
.cmn-ready .cmn-navigation .cmn-advice h2{font-size:22px;line-height:1.3;font-weight:700;color:#183c24}
.cmn-ready .cmn-navigation .cmn-advice p{font-size:15px;line-height:1.65;font-weight:400;color:#50614d}
.cmn-ready .cmn-project{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:50px;margin-top:auto;padding:12px 14px;border:2px solid #285d33;border-radius:7px;background:transparent;font-size:15px;font-weight:600;line-height:22px}
.cmn-ready .cmn-project:hover{background:#e1edd7}
.cmn-ready .cmn-mega-footer{grid-column:1/-1;border-top:1px solid #e8ede5;margin-top:20px;padding-top:14px}
.cmn-ready .cmn-all{display:inline-flex;align-items:center;gap:12px;min-height:36px;font-size:14px;font-weight:600;line-height:22px}
.cmn-ready .cmn-all:hover{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1200px){
 .cmn-ready #header .header-top-wrapper{grid-template-columns:220px minmax(220px,720px) max-content;column-gap:24px;justify-content:start;padding-top:6px;padding-bottom:6px}
 .cmn-ready #header .header-top-wrapper>.site-name{grid-column:1}
 .cmn-ready #header .header-top-wrapper>.search{grid-column:2}
 .cmn-ready #header .header-top-wrapper>.navigation-buttons{grid-column:3}
}
@media(min-width:768px) and (max-width:1199px){
 .cmn-ready #header .header-top-wrapper{grid-template-columns:170px minmax(180px,1fr) max-content;column-gap:16px;padding-top:6px;padding-bottom:6px}
 .cmn-ready #header .header-top-wrapper>.site-name{grid-column:1}
 .cmn-ready #header .header-top-wrapper>.search{grid-column:2}
 .cmn-ready #header .header-top-wrapper>.navigation-buttons{grid-column:3}
 .cmn-ready .cmn-primary-link{font-size:14px;padding-left:10px;padding-right:10px}
 .cmn-ready .cmn-catalog-toggle{font-size:14px;padding-left:14px;padding-right:14px}
 .cmn-ready .cmn-mega{gap:0 22px;padding:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(190px,.8fr)}
 .cmn-ready .cmn-equipment{padding-left:20px}
 .cmn-ready .cmn-category{font-size:14px;gap:10px}
 .cmn-ready .cmn-advice{padding:20px 18px}
 .cmn-ready .cmn-navigation .cmn-advice h2{font-size:20px}
 .cmn-ready .cmn-navigation .cmn-advice p{font-size:14px}
 .cmn-ready .cmn-project{font-size:14px}
}
@media(min-width:768px){
 .cmn-ready .cmn-compact .cmn-primary>li.cmn-secondary{display:none}
 .cmn-ready .cmn-compact .cmn-primary>li.cmn-more{display:block;position:relative;min-width:92px;min-height:48px}
 .cmn-ready .cmn-more summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;list-style:none;font-size:14px;font-weight:600;cursor:pointer}
 .cmn-ready .cmn-more summary::-webkit-details-marker{display:none}
 .cmn-ready .cmn-more summary>.cmn-icon{width:14px;height:14px;flex-basis:14px;transform:rotate(90deg)}
 .cmn-ready .cmn-more details[open] summary>.cmn-icon{transform:rotate(-90deg)}
 .cmn-ready .cmn-more details[open]{position:absolute;top:0;right:0;width:250px;background:#fff;border:1px solid #dce5d8;border-radius:8px;box-shadow:0 8px 24px rgba(22,48,29,.14)}
 .cmn-ready .cmn-more details[open]>summary{justify-content:flex-end}
 .cmn-ready .cmn-more-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 16px;font-size:14px;line-height:20px}
 .cmn-ready .cmn-more-link:hover{background:#f2f6ee}
}
@media(min-width:768px) and (max-width:1099px){.cmn-ready .cmn-utility-links{display:none}}
@media(max-width:767px){
 .cmn-ready .top-navigation-bar{display:none}
 .cmn-ready #header .header-bottom{display:block!important;min-height:0;height:0;border:0;background:transparent}
 .cmn-ready #header .header-bottom-wrapper{min-height:0;height:0;width:100%;margin:0;padding:0;position:static}
 .cmn-ready .cmn-navigation{display:none;position:fixed;inset:0;top:var(--cmn-mobile-top,0px);z-index:1000;width:100%;height:calc(100dvh - var(--cmn-mobile-top,0px));max-height:calc(100dvh - var(--cmn-mobile-top,0px));padding:76px 14px 0;background:#fff;overflow-y:hidden;overscroll-behavior:contain}
 .cmn-ready body.cmn-mobile-open .cmn-navigation{display:flex;flex-direction:column}
 .cmn-ready body.cmn-mobile-open #header .header-top-wrapper{z-index:1101;background:#fff;box-shadow:0 1px 0 #edf1e9}
 .cmn-ready body.cmn-mobile-open #header .centrumo-inquiry-trigger--desktop,.cmn-ready body.cmn-mobile-open #header [data-testid=linkSearchIcon]{display:none!important}
 .cmn-ready body.cmn-mobile-open #header [data-testid=hamburgerMenu]{position:relative;background:#fff}
 .cmn-ready body.cmn-mobile-open #header [data-testid=hamburgerMenu]:before,.cmn-ready body.cmn-mobile-open #header [data-testid=hamburgerMenu]:after{content:'';position:absolute;display:block;width:22px;height:2px;top:21px;left:7px;margin:0;background:#203e29;transform:rotate(45deg);border:0}
 .cmn-ready body.cmn-mobile-open #header [data-testid=hamburgerMenu]:after{transform:rotate(-45deg)}
 .cmn-ready .cmn-mobile-top{display:block;flex-shrink:0}
 .cmn-ready .cmn-search{position:relative;margin:0 0 14px}
 .cmn-ready .cmn-search>input[type=search]{display:block;width:100%;height:48px;padding:12px 12px 12px 46px;background:#f8faf7;border:1px solid #dce5d8;border-radius:9px;font-family:inherit;font-size:16px;line-height:22px;color:#203e29;box-shadow:none}
 .cmn-ready .cmn-search>input[type=search]:focus{outline:2px solid #dbe9d2;outline-offset:1px;border-color:#2f6b3a}
 .cmn-ready .cmn-search>button{position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:44px;height:48px;border:0;background:none;padding:0}
 .cmn-ready .cmn-navigation .cmn-menu-label{font-size:14px;line-height:22px;margin:0 0 6px;font-weight:500}
 .cmn-ready .cmn-primary{display:block;flex:1 1 auto;width:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain}
 .cmn-ready .cmn-primary>li,.cmn-ready .cmn-primary>li.cmn-secondary{display:block;border-bottom:1px solid #e8ede5}
 .cmn-ready .cmn-primary>li.cmn-more{display:none}
 .cmn-ready .cmn-catalog-toggle{width:100%;min-height:48px;padding:12px 14px;border:0;border-radius:7px;background:#edf5e4;color:#203e29!important;font-size:15px;line-height:22px;white-space:normal;text-align:left}
 .cmn-ready .cmn-catalog-toggle:hover{background:#e5efd9}
 .cmn-ready .cmn-catalog-toggle>.cmn-icon:first-child{width:23px;height:23px;flex-basis:23px}
 .cmn-ready .cmn-catalog-toggle>.cmn-caret{margin-left:auto}
 .cmn-ready .cmn-mega,.cmn-ready .cmn-products-open .cmn-mega{display:none}
 .cmn-ready .cmn-mobile-categories{display:none;padding:4px 4px 8px 44px}
 .cmn-ready .cmn-products-open .cmn-mobile-categories{display:block}
 .cmn-ready .cmn-mobile-categories>a,.cmn-ready .cmn-mobile-subgroup>summary,.cmn-ready .cmn-mobile-subgroup>a{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 0;font-size:14px;font-weight:400;line-height:22px;color:#435441;text-decoration:none;list-style:none}
 .cmn-ready .cmn-mobile-subgroup>summary::-webkit-details-marker{display:none}
 .cmn-ready .cmn-mobile-subgroup>summary{cursor:pointer}
 .cmn-ready .cmn-mobile-subgroup>summary>.cmn-icon{width:15px;height:15px;flex-basis:15px;margin-left:auto;color:#50694f}
 .cmn-ready .cmn-mobile-subgroup[open]>summary>.cmn-icon{transform:rotate(90deg)}
 .cmn-ready .cmn-mobile-subgroup>a{padding-left:14px;border-left:1px solid #dce5d8}
 .cmn-ready .cmn-mobile-categories a:hover{color:#24572e;text-decoration:underline;text-underline-offset:3px}
 .cmn-ready .cmn-primary-link{min-height:48px;padding:12px 8px;gap:14px;font-size:15px;font-weight:600;line-height:22px;border-radius:0}
 .cmn-ready .cmn-primary-link>.cmn-icon{display:block;width:24px;height:24px;flex-basis:24px}
 .cmn-ready .cmn-primary-link>.cmn-link-chevron{width:15px;height:15px;flex-basis:15px;margin-left:auto}
 .cmn-ready .cmn-primary-link .cmn-link-label{white-space:normal}
 .cmn-ready .cmn-mobile-cta{display:block;margin-top:auto;padding:16px 0 10px;flex-shrink:0}
 .cmn-ready .cmn-enquiry{display:block;width:100%;min-height:48px;padding:12px 18px;border:1px solid #285d33;border-radius:7px;background:#285d33;color:#fff!important;font-size:15px;font-weight:600;line-height:22px}
 .cmn-ready .cmn-enquiry:hover{background:#1d4a28}
 .cmn-ready .cmn-mobile-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.7fr) minmax(0,1fr);gap:10px;align-items:start;flex-shrink:0;border-top:1px solid #e8ede5;padding:12px 0 18px;font-size:13px;line-height:20px}
 .cmn-ready .cmn-setting{position:relative;min-width:0}
 .cmn-ready .cmn-setting>summary{display:flex;align-items:center;gap:7px;min-height:40px;cursor:pointer;list-style:none;font-size:13px;font-weight:400}
 .cmn-ready .cmn-setting>summary::-webkit-details-marker{display:none}
 .cmn-ready .cmn-setting>summary>.cmn-icon{width:12px;height:12px;flex-basis:12px;transform:rotate(90deg)}
 .cmn-ready .cmn-setting-options{position:absolute;bottom:100%;left:0;z-index:2;max-height:260px;width:210px;overflow-y:auto;padding:6px;background:#fff;border:1px solid #dce5d8;border-radius:7px;box-shadow:0 6px 24px rgba(22,48,29,.16)}
 .cmn-ready .cmn-setting-options>a{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 10px;font-size:13px;line-height:20px;text-decoration:none}
 .cmn-ready .cmn-setting-options>a:hover{background:#f2f6ee}
 .cmn-ready .cmn-setting-options .shp-flag{width:22px;height:22px}
 .cmn-ready .cmn-setting:nth-child(2) .cmn-setting-options{width:110px}
 .cmn-ready .cmn-account{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-height:40px;padding:4px 0;border:0;background:none;font-size:13px;font-weight:400;line-height:20px}
 .cmn-ready .cmn-account>.cmn-icon{width:22px;height:22px;flex-basis:22px}
}
@media(prefers-reduced-motion:reduce){.cmn-ready .cmn-navigation *{scroll-behavior:auto;transition:none}}

.cmn-ready #header .centrumo-inquiry-trigger--desktop{text-transform:none!important}
@media(min-width:768px){.cmn-ready #header .centrumo-inquiry-trigger--desktop{font-size:14px!important}}

@media(min-width:768px){.cmn-ready .cmn-more-link.cmn-more-extra{display:none}.cmn-ready .cmn-extra-compact .cmn-primary>li:not(.cmn-catalog):not(.cmn-more){display:none}.cmn-ready .cmn-extra-compact .cmn-more-link.cmn-more-extra{display:flex}}

/* Space below desktop navigation, while preserving the dropdown anchor. */
@media(min-width:768px){.cmn-ready #header .header-bottom{margin-bottom:20px}}
@media(max-width:767px){body.cmn-mobile-open #chatgo-whatsapp-chat-widget{display:none!important}}

/* Primary enquiry CTA uses the newsletter's existing lime brand colour. */
.cmn-ready #header .centrumo-inquiry-trigger--desktop,.cmn-ready .cmn-enquiry{background:#b9df58!important;border-color:#b9df58!important;color:#203c29!important}
.cmn-ready #header .centrumo-inquiry-trigger--desktop:hover,.cmn-ready .cmn-enquiry:hover{background:#add34c!important;border-color:#add34c!important;color:#203c29!important}

/* Main section labels in capitals at their original font sizes. */
.cmn-ready .cmn-primary-link,.cmn-ready .cmn-catalog-toggle,.cmn-ready .cmn-more summary{text-transform:uppercase!important}

/* Orange sale link and a clear interaction state for the project CTA. */
.cmn-ready .cmn-navigation .cmn-sale{background:#ef6400;color:#fff;transition:background-color .18s ease,box-shadow .18s ease}
.cmn-ready .cmn-navigation .cmn-sale:hover,.cmn-ready .cmn-navigation .cmn-sale:focus-visible{background:#cf5200;color:#fff;box-shadow:0 3px 9px rgba(155,61,0,.18)}
.cmn-ready .cmn-navigation .cmn-project{transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}
.cmn-ready .cmn-navigation .cmn-project:hover,.cmn-ready .cmn-navigation .cmn-project:focus-visible{background:#285d33;color:#fff;box-shadow:0 5px 12px rgba(24,60,36,.2);transform:translateY(-2px)}
.cmn-ready .cmn-navigation .cmn-project:active{transform:translateY(0);box-shadow:0 2px 5px rgba(24,60,36,.15)}
@media(prefers-reduced-motion:reduce){.cmn-ready .cmn-navigation .cmn-project,.cmn-ready .cmn-navigation .cmn-sale{transition:none}.cmn-ready .cmn-navigation .cmn-project:hover,.cmn-ready .cmn-navigation .cmn-project:focus-visible{transform:none}}

/* Clear hierarchy: quiet catalogue, primary enquiry CTA. */
.cmn-ready .cmn-navigation .cmn-catalog-toggle{background:#edf5e4;border-color:#e2ecd8;color:#285d33!important;transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.cmn-ready .cmn-navigation .cmn-catalog-toggle:hover{background:#e2edd7;border-color:#d0e0c5}
.cmn-ready .cmn-navigation.cmn-products-open .cmn-catalog-toggle{background:#285d33;border-color:#285d33;color:#fff!important}
.cmn-ready #header .centrumo-inquiry-trigger--desktop{box-shadow:0 2px 5px rgba(40,93,51,.12);transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease;animation:cmn-inquiry-attention 1.8s ease-out 1s 2}
@media(min-width:768px){
 .cmn-ready #header .centrumo-inquiry-trigger--desktop{min-height:48px;padding:13px 22px!important}
 .cmn-ready #header .centrumo-inquiry-trigger--desktop::after{content:'→';display:inline-block;margin-left:12px;font-size:19px;line-height:20px;vertical-align:baseline}
}
.cmn-ready .cmn-enquiry::after{content:'→';display:inline-block;margin-left:10px}
@keyframes cmn-inquiry-attention{
 0%{box-shadow:0 2px 5px rgba(40,93,51,.12),0 0 0 0 rgba(185,223,88,.46)}
 70%,100%{box-shadow:0 2px 5px rgba(40,93,51,.12),0 0 0 10px rgba(185,223,88,0)}
}
@media(hover:hover){.cmn-ready #header .centrumo-inquiry-trigger--desktop:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(40,93,51,.2)}}
.cmn-ready #header .centrumo-inquiry-trigger--desktop:focus-visible{outline:2px solid #285d33;outline-offset:4px;transform:translateY(-2px)}
.cmn-ready #header .centrumo-inquiry-trigger--desktop:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){
 .cmn-ready #header .centrumo-inquiry-trigger--desktop{animation:none;transition:none}
 .cmn-ready .cmn-navigation .cmn-catalog-toggle{transition:none}
 .cmn-ready #header .centrumo-inquiry-trigger--desktop:hover,.cmn-ready #header .centrumo-inquiry-trigger--desktop:focus-visible{transform:none}
}