/* Desktop header. Keep mobile visual identity separate. */
@media(min-width:951px){
.header-in{height:98px;gap:24px}.header-in>a{flex-shrink:0}.desktop-nav{flex:0 1 auto;margin-left:auto;gap:clamp(17px,2vw,29px);white-space:nowrap}.desktop-nav a{position:relative;padding:12px 0;font-size:.9rem;line-height:1.4;color:#344237;font-weight:600}.desktop-nav a:hover{color:#234c3b}.desktop-nav a[aria-current=page]:after{content:'';position:absolute;bottom:3px;left:0;width:24px;height:2px;background:#cf732e}.header-actions{gap:12px;padding-left:20px;border-left:1px solid #e2e6df}.header-actions>.btn{display:inline-flex;white-space:nowrap;border-radius:11px;min-height:47px;padding:12px 18px}.header{box-shadow:0 4px 16px #26332a05}.logo{width:105px;height:78px}.menu-toggle{display:none}
}
@media(min-width:951px) and (max-width:1100px){.header-in{gap:18px}.desktop-nav{gap:17px}.desktop-nav a{font-size:.82rem}.header-actions{padding-left:15px;gap:8px}.header-actions>.btn{font-size:.82rem;padding:11px 13px}.logo{width:90px}}
/* Isolated mobile drawer: explicit geometry avoids inherited menu styles. */
@media(max-width:950px){
.header-in{height:73px;justify-content:space-between}.desktop-nav{display:none}.header-actions{border:0;padding:0;gap:8px}.header-actions>.btn{display:none}.menu-toggle{display:inline-flex}.logo{width:91px;height:66px}
#mobile-menu{display:none;position:fixed;inset:0;z-index:80;background:#10231b99;backdrop-filter:blur(4px)}#mobile-menu.open{display:block}
#mobile-menu .mobile-menu-panel{position:absolute;inset:0 0 0 auto;width:min(92vw,410px);height:100%;max-height:100%;padding:0;margin:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#fff;border-radius:18px 0 0 18px;box-shadow:-12px 0 40px #13281c24}
#mobile-menu .mobile-menu-top{margin:0;min-width:0;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8ece4;background:white}
#mobile-menu .mobile-menu-top>a{padding:0;border:0;display:block;line-height:1;flex:none}#mobile-menu .mobile-menu-top img{display:block;width:88px;height:58px;object-fit:contain}#menu-close{flex-shrink:0;border:0;border-radius:50%;min-width:44px;width:44px;height:44px;background:#f2f5ef}#menu-close svg{width:20px;height:20px}
#mobile-menu .mobile-nav{display:block;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:17px 13px 20px;scrollbar-width:thin}
#mobile-menu .mobile-nav-caption{padding:0 13px;margin:0 0 10px;color:#72816e;letter-spacing:.12em;font-size:.75rem;line-height:1.5;font-weight:700}
#mobile-menu .mobile-nav-link,#mobile-menu .mobile-products>summary{display:flex;align-items:center;gap:12px;min-height:48px;margin:3px 0;padding:11px 13px;border:0;border-radius:10px;background:transparent;color:#344b39;line-height:1.4;font-size:.96rem;font-weight:500;list-style:none;cursor:pointer;text-decoration:none;white-space:normal}
#mobile-menu .mobile-nav-link>span,#mobile-menu summary>span{min-width:0;flex:1}#mobile-menu .mobile-nav svg{width:20px;height:20px;flex:0 0 20px;color:#71816b}#mobile-menu summary::-webkit-details-marker{display:none}#mobile-menu summary::marker{content:''}
#mobile-menu .mobile-products{display:block;margin:0;padding:0;border:0}#mobile-menu .nav-chevron{margin-left:auto;transition:transform .18s}#mobile-menu details[open] .nav-chevron{transform:rotate(180deg)}
#mobile-menu .mobile-product-links{margin:4px 12px 12px 23px;padding:0 0 0 17px;border-left:1px solid #dbe3d4}#mobile-menu .mobile-product-links a{display:block;margin:2px 0;padding:10px 12px;min-height:44px;border:0;border-radius:8px;font-size:.9rem;line-height:1.5;color:#60715b;font-weight:400;white-space:normal}
#mobile-menu .mobile-nav a:hover,#mobile-menu summary:hover{background:#f3f6ef}#mobile-menu .mobile-nav [aria-current=page],#mobile-menu .mobile-products.current>summary{background:#edf3e9;color:#254b32;font-weight:700}
#mobile-menu .mobile-contact{display:block;min-width:0;margin:0;padding:13px 18px max(13px,env(safe-area-inset-bottom));background:#f5f8f1;border-top:1px solid #e2e8db}
#mobile-menu .mobile-contact>p{font-size:.83rem;line-height:1.5;color:#66765d;margin:0 0 8px}#mobile-menu .wa-menu-button{display:flex;align-items:center;justify-content:center;gap:11px;padding:12px 13px;min-height:62px;border:0;border-radius:12px;background:#244c39;color:white;text-decoration:none;line-height:1.4}#mobile-menu .wa-menu-button>svg{width:25px;height:25px;flex:0 0 25px}#mobile-menu .wa-menu-button>span{display:block;min-width:0}#mobile-menu .wa-menu-button strong{font-size:.91rem;display:block;font-weight:600;white-space:normal}#mobile-menu .wa-menu-button small{font-size:.76rem;display:block;color:#d2e0ca;margin-top:2px}#mobile-menu .mobile-contact-meta{margin-top:8px;font-size:.75rem;text-align:center;color:#76856e}
}
@media(max-width:950px) and (max-height:550px){#mobile-menu .mobile-menu-top{padding:8px 16px}#mobile-menu .mobile-menu-top img{height:40px;width:66px}#mobile-menu .mobile-contact{padding:8px 16px}#mobile-menu .mobile-contact>p,#mobile-menu .mobile-contact-meta,#mobile-menu .wa-menu-button small{display:none}#mobile-menu .wa-menu-button{min-height:44px;padding:10px}#mobile-menu .mobile-nav{padding-top:10px}}
.product-image{background:#f7f8f5;aspect-ratio:1.12;height:auto;padding:20px}.product-image img{object-fit:contain;max-height:100%;mix-blend-mode:normal}.detail-visual{background:#f7f8f5;isolation:isolate}.detail-visual img{mix-blend-mode:normal}.product-image img,.request-row img{background:white;border-radius:5px}
.detail-code{font-size:1rem;letter-spacing:.035em;color:#344d3e}.detail-desc{line-height:1.8}.spec-table th{font-weight:600}.spec-table td{overflow-wrap:anywhere}.source-note{line-height:1.7}.detail-actions>.btn:first-child{background:#244c39;color:white}.detail-actions>.btn.outline{background:white;color:#283f33;border-color:#b9c6b6}
@media(prefers-reduced-motion:reduce){#mobile-menu .mobile-menu-panel{animation:none}#mobile-menu .nav-chevron{transition:none}}
.product-spec-heading{font-size:.88rem;letter-spacing:.02em;margin:25px 0 9px;color:#334c3b;font-weight:700;line-height:1.5}
@media(max-width:360px){#mobile-menu .mobile-contact{padding-left:12px;padding-right:12px}#mobile-menu .wa-menu-button{padding:12px 10px;gap:8px}#mobile-menu .wa-menu-button strong{font-size:.86rem}}

/* V7: NWS editorial concept, with AKYASA assets and identity. Mobile menu untouched. */
.hero-wrap{padding-top:24px}
#hero-enviro.editorial-enviro{display:block;min-height:560px;background:#142d26;isolation:isolate}
#hero-enviro[hidden]{display:none}
#hero-enviro .hero-copy{position:relative;z-index:3;width:51%;min-height:560px;display:flex;flex-direction:column;justify-content:center;padding:52px}
#hero-enviro h1{font-size:clamp(2.3rem,3.8vw,3.7rem);line-height:1.08}
#hero-enviro .hero-copy p:not(.eyebrow){color:#edf2ec}
#hero-enviro .hero-art{position:absolute;inset:0;display:block;height:100%;min-height:0;background:transparent;overflow:hidden}
#hero-enviro .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142d26 0%,#142d26ed 24%,#142d26a8 42%,transparent 75%);pointer-events:none}
#hero-enviro figure{position:absolute;margin:0;overflow:hidden;height:56%;width:39%}
#hero-enviro figure:nth-child(1){left:24%;top:0;width:45%;height:100%}
#hero-enviro figure:nth-child(2){left:64%;top:0;width:36%;height:56%}
#hero-enviro figure:nth-child(3){left:67%;bottom:0;width:33%;height:48%}
#hero-enviro figure:nth-child(4){left:45%;bottom:0;width:28%;height:45%}
#hero-enviro figure:not(:first-child){mask-image:linear-gradient(90deg,transparent,#000 12%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%)}
#hero-enviro .hero-art figure img{width:100%;height:100%;object-fit:cover;filter:none}
#hero-enviro figcaption{position:absolute;inset:auto 0 0;padding:26px 18px 15px;color:white;background:linear-gradient(transparent,#112d26b8);font-size:.9rem;font-weight:600;letter-spacing:.03em;text-align:right}
#hero-enviro figure:first-child figcaption{display:none}
#hero-enviro .hero-actions .btn[href*="wa.me"]{background:#244c39;border-color:#b0c5b9;color:white}
.hero-tabs button{border-radius:0;font-size:.875rem}.hero-tabs button.active{color:#244c39;border-bottom-color:#244c39}
.brand-card{border-radius:14px}.brand-label{padding:22px}.brand-label h3{letter-spacing:-.025em}.feature{border-radius:16px}
.footer{background:#172c24;color:#e8efe9}.footer h3{color:#fff}.footer p{color:#c3d0c6;line-height:1.8}.footer a:hover{color:#fff}.footer-bottom{border-top-color:#ffffff26}
.footer-contact-icons{display:flex;gap:10px;margin:18px 0;flex-wrap:wrap}.footer-contact-icons a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:9px 13px;border:1px solid #ffffff38;border-radius:99px;font-size:.875rem;color:#fff}.footer-contact-icons svg{width:20px;height:20px;flex:none}.footer-contact-icons a:hover{background:#ffffff12;border-color:#ffffff70}
@media(max-width:950px){
#hero-enviro.editorial-enviro{min-height:0;display:flex;flex-direction:column}
#hero-enviro[hidden]{display:none}
#hero-enviro .hero-art{position:relative;order:0;inset:auto;width:100%;height:330px;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:0}
#hero-enviro .hero-art:after{background:linear-gradient(0deg,#142d26,transparent 30%)}
#hero-enviro .hero-art figure{position:relative;inset:auto;width:100%;height:100%;mask-image:none;-webkit-mask-image:none}
#hero-enviro .hero-art figure:first-child figcaption{display:block}
#hero-enviro figcaption{text-align:left;font-size:.875rem;padding:22px 16px 18px}
#hero-enviro .hero-copy{order:1;width:100%;min-height:0;padding:22px 28px 34px}
#hero-enviro h1{font-size:clamp(2rem,6vw,3.2rem);max-width:620px}#hero-enviro .hero-copy p:not(.eyebrow){max-width:620px}
}
@media(max-width:480px){#hero-enviro .hero-art{height:280px}#hero-enviro .hero-copy{padding:20px 22px 28px}#hero-enviro .hero-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px}#hero-enviro .hero-actions .btn{width:100%;font-size:.9rem}.hero-tabs button{font-size:.8rem;padding:14px 9px}.footer-contact-icons a{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}