/* Mobile-first finishing layer */
@media(max-width:700px){
body{padding-bottom:70px;overflow-x:hidden}.container{width:calc(100% - 24px)}
.header{height:60px}.nav{gap:8px}.brand{gap:7px}.brand b{font-size:16px}.brand small{font-size:7px}.logo-box{width:31px;height:31px;border-radius:9px}.nav-actions{margin-left:auto}.search-btn{font-size:23px}.nav-actions .btn-primary{display:none}
.nav:before{content:'☰';order:-1;width:32px;height:32px;display:grid;place-items:center;color:#174d9e;font-size:20px;font-weight:700;cursor:pointer}
.hero-inner{min-height:auto;padding:42px 0 35px;display:flex;flex-direction:column;gap:12px}.hero-copy{width:100%}.hero h1{font-size:35px;line-height:1.16;margin:13px 0}.hero p{font-size:14px;line-height:1.7}.hero-actions{gap:8px;margin:20px 0 12px}.hero-actions .btn{width:100%;min-height:48px}.hero-note{font-size:11px}.hero-visual{width:100%;height:260px;margin-top:4px}.clipboard{width:235px;height:245px;padding:31px 20px 18px;border-radius:14px}.clipboard h3{font-size:13px;margin-bottom:12px}.check{font-size:10px;margin-top:9px}.clip{left:86px;width:62px;height:28px;top:-12px}.floating-badge{right:0;bottom:10px;padding:10px 12px;font-size:10px}.floating-badge b{font-size:16px}.product-orbs{right:3px;bottom:-2px}.product-orbs span{width:36px;height:36px;font-size:17px}
.category-strip{position:relative}.categories{padding:10px 0;grid-template-columns:repeat(4,1fr);gap:5px}.cat{padding:7px 2px;border-radius:9px}.cat .icon{font-size:18px}.cat b{font-size:9px}
.section{padding:45px 0}.section-heading{margin-bottom:18px;gap:12px}.section-heading h2{font-size:27px}.section-heading p{font-size:11px;line-height:1.65}.section-heading>.btn{width:100%}
.request-layout{gap:12px}.request-grid{gap:9px}.request-card{grid-template-columns:66px minmax(0,1fr);padding:12px;border-radius:13px;gap:10px}.request-thumb{height:76px;font-size:27px}.request-card h3{font-size:14px;line-height:1.35}.request-card p{font-size:10px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta{font-size:9px;gap:6px}.tag,.status{font-size:8px;padding:3px 6px}.request-stats{grid-column:2;text-align:left}.request-stats small{font-size:9px;margin-right:7px}.participate{width:auto;display:inline-flex;padding:7px 10px;font-size:9px}.side-column{grid-template-columns:1fr;gap:10px}.side-card{padding:14px;border-radius:13px}.manufacturer-cta h3{font-size:20px}
.manufacturer-grid,.promo-grid,.news-grid{grid-template-columns:1fr;gap:10px}.manufacturer{padding:15px;border-radius:13px}.manufacturer h3{font-size:15px}.manufacturer p{font-size:10px}.company-logo{width:44px;height:44px;font-size:21px}.promo-cover{height:125px}.promo-body{padding:14px}.promo-body h3{font-size:15px}.promo-body p{font-size:10px}.news{padding:15px}.news h3{font-size:13px}
.split-banner{grid-template-columns:1fr;gap:18px}.split-banner h2{font-size:30px}.distribution-cards{grid-template-columns:1fr 1fr;gap:7px}.distribution-cards div{padding:14px;font-size:23px;border-radius:11px}.distribution-cards b{font-size:13px}.distribution-cards small{font-size:9px}
.process{grid-template-columns:1fr 1fr;gap:12px}.process>div{padding-top:13px}.process strong{font-size:14px}.process span{font-size:10px}.dark h2{font-size:29px;margin-bottom:25px}.footer{padding:25px 0}.footer-inner{gap:10px;font-size:10px}.footer-inner small{margin-left:0;width:100%}
.modal{padding:10px}.modal-box{padding:23px 17px;border-radius:16px;max-height:92vh}.modal-box.wide{width:100%}.modal-box h3{font-size:21px}.form-grid{grid-template-columns:1fr}.form-grid label{margin:9px 0}.detail-header{align-items:flex-start}.detail-icon{width:64px;height:64px;font-size:32px}.detail-header h3{font-size:17px}.detail-grid{grid-template-columns:1fr 1fr}.detail-box{padding:10px}.detail-box b{font-size:11px}.detail-actions{flex-direction:column}
.mobile-bottom-nav{display:grid}
}
@media(min-width:701px){.mobile-bottom-nav{display:none}}
.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;height:64px;background:rgba(255,255,255,.97);backdrop-filter:blur(15px);border-top:1px solid #dfe7f1;z-index:80;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#78869a;font-size:9px;font-weight:800}.mobile-bottom-nav a span{font-size:20px;line-height:1}.mobile-bottom-nav a.active{color:#1268e7}