/* 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}}