/* Make & Sell — mobile home optimization (2026-11-03) */
.hero-mobile-actions{display:none}

@media (max-width:768px){
  html{scroll-behavior:smooth;scroll-padding-bottom:calc(78px + env(safe-area-inset-bottom))}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;overflow-x:hidden}
  #home .hero{overflow:hidden}
  #home .hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr)!important;min-height:0!important;padding:27px 0 22px!important;gap:13px!important}
  #home .hero-copy{width:100%!important;max-width:none!important;padding:0!important}
  #home .hero-copy>.eyebrow{font-size:10px!important;letter-spacing:.14em!important}
  #home .hero-copy h1{font-size:clamp(27px,7.5vw,34px)!important;line-height:1.2!important;letter-spacing:-.045em!important;margin:11px 0 10px!important;word-break:keep-all!important;overflow-wrap:normal!important}
  #home .hero-copy h1 br{display:none!important}
  #home .hero-copy>p{font-size:13px!important;line-height:1.65!important;margin:0 0 12px!important}
  #home .hero-note{display:inline-flex!important;align-items:center!important;min-height:34px!important;padding:0 11px!important;font-size:10px!important;line-height:1.4!important;white-space:normal!important}
  #home .hero-mobile-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:14px!important}
  #home .hero-mobile-actions a{display:flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:46px!important;padding:0 9px!important;border:1px solid #1769e8!important;border-radius:11px!important;font-size:13px!important;font-weight:850!important;line-height:1.25!important;text-align:center!important;text-decoration:none!important;-webkit-tap-highlight-color:transparent}
  #home .hero-mobile-actions .primary{color:#fff!important;background:#1769e8!important;box-shadow:0 7px 18px rgba(23,105,232,.18)!important}
  #home .hero-mobile-actions .secondary{color:#1558b4!important;background:#fff!important;border-color:#c8daf4!important}
  #home .hero-network{width:100%!important;max-width:none!important;min-height:0!important;height:178px!important;margin:0 auto!important;border-radius:16px!important;background-size:cover!important;background-position:center!important}
  #home .hero-network .category-chip{padding:7px 9px!important;border-radius:9px!important;font-size:10px!important;line-height:1.2!important;box-shadow:0 6px 18px rgba(25,79,150,.12)!important}
  #home .hero-network .chip-one{left:8px!important;top:10px!important}
  #home .hero-network .chip-two{right:8px!important;top:auto!important;bottom:14px!important}
  #home .hero-network .chip-three{left:50%!important;bottom:-5px!important;transform:translateX(-50%)!important}
  main#home .category-strip{padding:8px 0!important}
  main#home .category-strip .categories{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;padding:8px!important;border-radius:13px!important}
  main#home .category-strip .cat{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;min-height:62px!important;padding:7px 3px!important;border-radius:10px!important}
  main#home .category-strip .cat .icon{font-size:20px!important;line-height:1!important}
  main#home .category-strip .cat b{font-size:10px!important;line-height:1.25!important;word-break:keep-all!important;overflow-wrap:anywhere!important;text-align:center!important}
  main#home>.section{padding:34px 0!important;scroll-margin-top:12px}
  main#home .section-heading{gap:9px!important;margin-bottom:16px!important}
  main#home .section-heading h2{font-size:24px!important;line-height:1.25!important;margin:5px 0 6px!important}
  main#home .section-heading p{font-size:11.5px!important;line-height:1.6!important}
  #requests .section-heading{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:8px!important}
  #requests .section-heading>div{min-width:0!important}
  #requests .section-heading>.btn{width:auto!important;min-height:42px!important;padding:0 11px!important;margin-top:17px!important;font-size:11px!important;white-space:nowrap!important}
  #requests .request-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important;margin-bottom:12px!important}
  #requests .tabs{display:flex!important;gap:6px!important;max-width:100%!important;overflow-x:auto!important;padding:1px 1px 5px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}
  #requests .tabs::-webkit-scrollbar{display:none!important}
  #requests .tab{flex:0 0 auto!important;min-height:38px!important;padding:0 11px!important;font-size:11px!important;white-space:nowrap!important}
  #requests .toolbar-right{display:grid!important;grid-template-columns:minmax(92px,.34fr) minmax(0,1fr)!important;gap:8px!important;width:100%!important}
  #requests .toolbar-right select,#requests .toolbar-right input{width:100%!important;min-width:0!important;min-height:43px!important;box-sizing:border-box!important;font-size:12px!important}
  #requests .request-layout{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
  #requests .request-grid{gap:9px!important}
  #requests .request-card{grid-template-columns:62px minmax(0,1fr)!important;align-items:start!important;gap:9px!important;padding:11px!important}
  #requests .request-thumb{height:70px!important;font-size:25px!important}
  #requests .request-card h3{font-size:13px!important;line-height:1.35!important}
  #requests .request-card p{font-size:10.5px!important;line-height:1.5!important}
  #requests .request-stats{grid-column:2!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px 10px!important;text-align:left!important}
  #requests .side-column{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  #manufacturers .manufacturer-grid,#promo .promo-grid,#news .news-grid{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  #manufacturers .manufacturer,#promo .promo,#news .news{min-width:0!important}
  #distributors .split-banner{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;padding:24px 16px!important;margin-top:20px!important}
  #distributors .split-banner h2{font-size:27px!important;line-height:1.25!important}
  #distributors .distribution-cards{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
  #promo .section-heading,#news .section-heading,#manufacturers .section-heading{align-items:flex-start!important}
  #support .process{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  #support .process>div{min-width:0!important;padding:13px!important}
  .footer{padding-bottom:18px!important}
  button,a,input,select{touch-action:manipulation}
}
@media (max-width:390px){
  #home .hero-inner{padding-top:23px!important;padding-bottom:19px!important}
  #home .hero-copy h1{font-size:clamp(25px,7.2vw,29px)!important}
  #home .hero-network{height:158px!important}
  #home .hero-network .chip-three{display:none!important}
  #requests .section-heading{grid-template-columns:minmax(0,1fr) auto!important}
  #requests .section-heading h2{font-size:22px!important}
  #requests .section-heading>.btn{padding:0 8px!important;font-size:10px!important}
  main#home .category-strip .cat{min-height:58px!important}
  main#home .category-strip .cat .icon{font-size:18px!important}
  main#home .category-strip .cat b{font-size:9.5px!important}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}#home .hero-mobile-actions a{transition:none!important}}