/* Purpose-built mobile layout. Desktop rules remain untouched. */
.mobile-menu-contact{display:none}
@media (max-width:760px){
  body{padding-bottom:82px;overflow-x:hidden}.container{padding-left:20px;padding-right:20px}.header{height:70px}.nav{position:relative}.logo{font-size:24px;max-width:135px}.logo span{font-size:7px;margin-top:5px}.nav-actions{gap:11px}.phone{display:block;font-size:0!important;width:23px;height:25px;position:relative}.phone:before{content:"☎";font-size:21px;color:var(--orange);position:absolute;top:0;left:0}.phone small{display:none}.wa{font-size:26px!important}.burger{font-size:24px;line-height:1}.nav nav{display:none!important}.nav nav.open{display:flex!important;position:fixed;top:70px;left:0;right:0;bottom:0;z-index:40;padding:28px 20px;background:#fff;flex-direction:column;align-items:stretch;gap:4px;overflow-y:auto}.nav nav.open>a{font-size:19px;font-weight:700;padding:16px 0;border-bottom:1px solid var(--line)}.mobile-menu-contact{display:none}.nav nav.open .mobile-menu-contact{display:flex;flex-direction:column;gap:12px;padding:24px 0 8px}.mobile-menu-contact>a{font-size:16px!important;border:0!important;padding:5px 0!important}.mobile-menu-contact .menu-wa{color:#159e4a}.mobile-menu-contact .button{margin-top:8px;padding:0!important;color:#fff!important;min-height:54px!important}

  .hero-grid{padding:28px 20px 0}.hero-copy{display:flex;flex-direction:column}.hero .eyebrow{order:0;font-size:13px;line-height:1.35;margin-bottom:13px}.hero h1{order:1;font-size:42px;line-height:.98;letter-spacing:-2.7px;margin-bottom:15px}.hero .lead{order:2;font-size:15px;line-height:1.42;margin:0}.hero-features{order:3;margin:21px -20px 0;padding:18px 20px 16px;background:#fff;gap:15px 8px}.hero-features span{font-size:21px;grid-template-columns:26px 1fr;gap:4px}.hero-features b{font-size:10px}.hero-features small{font-size:9px}.hero-buttons{order:4;margin:0 -20px;padding:8px 16px 16px;display:grid;grid-template-columns:1fr 1fr;gap:9px;background:#fff}.hero-buttons .button{min-height:50px;padding:0 10px;font-size:12px!important;gap:7px}.hero-buttons .outline{display:inline-flex;font-size:11px!important}.hero-image{order:5;height:330px;width:calc(100% + 40px);margin:0 -20px}.hero-image img{width:126%;height:104%;left:-13%;top:-2%;object-position:center}.section{padding:48px 0}.section h2{font-size:28px;letter-spacing:-1.4px}.section-head{align-items:center;margin-bottom:20px}.section-head p{font-size:14px;line-height:1.4}.section-head>a{font-size:11px;white-space:nowrap}.directions{padding-top:45px;padding-bottom:34px}.direction-grid{display:flex;overflow-x:auto;gap:12px;margin-right:-20px;padding-right:20px;scroll-snap-type:x mandatory;scrollbar-width:none}.direction{flex:0 0 calc(100% - 35px);height:250px;margin:0;padding:22px;scroll-snap-align:start;border-radius:16px}.direction>div{width:53%}.direction h3{font-size:22px}.direction p{font-size:12px;line-height:1.4}.direction a{top:auto;bottom:18px;padding:10px 12px;font-size:10px}.direction img{width:75%;height:115%;right:-5%;bottom:-5%;object-fit:cover;object-position:center}.catalog{padding:28px 0 45px}.product-row{gap:12px;margin-right:-20px;padding-right:20px;scroll-snap-type:x mandatory}.product-row article{min-width:172px;flex:0 0 172px;scroll-snap-align:start}.product-row img{height:142px;border-radius:9px;object-fit:cover}.product-row h3{font-size:12px;line-height:1.3;margin:9px 2px}.params{padding:48px 0}.params .split{gap:27px}.params h2{font-size:32px}.params .lead{font-size:15px;line-height:1.45}.params .button{margin-top:16px;min-height:52px}.tiles{gap:10px}.tiles div{min-height:112px;padding:15px;font-size:25px}.tiles b{font-size:13px;margin-top:13px}.tiles span{font-size:10px}.logo-block{padding:48px 0}.logo-card{display:flex;flex-direction:column;min-height:0;padding:29px 22px 0;border-radius:16px;background:#f2f1ef}.logo-card h2{font-size:33px;letter-spacing:-1.5px}.logo-card .lead{font-size:15px}.logo-card ul{margin:18px 0}.logo-card li{font-size:12px;margin:8px 0}.logo-card .button{min-height:52px;width:100%;margin-bottom:25px}.logo-card img{position:relative;inset:auto;width:calc(100% + 44px);height:275px;margin:0 -22px;object-fit:cover;object-position:center}.why{padding:45px 0}.why-grid{grid-template-columns:1fr 1fr;gap:0;margin-top:23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.why article{padding:17px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.why article:nth-child(2n){border-right:0}.why article:nth-last-child(-n+2){border-bottom:0}.why i{font-size:30px}.why h3{font-size:13px;margin:8px 0 3px}.why p{font-size:10.5px;line-height:1.4}.industries{padding:46px 0}.industry-grid{display:flex;overflow-x:auto;gap:12px;margin-right:-20px;padding-right:20px;scroll-snap-type:x mandatory}.industry-grid article{flex:0 0 168px;scroll-snap-align:start}.industry-grid img{height:132px;border-radius:9px;object-fit:cover}.industry-grid span{font-size:12px;line-height:1.3;margin-top:8px}.process{padding:48px 0}.process .steps{grid-template-columns:1fr;gap:0;margin-top:25px}.steps article{padding:0 0 23px 57px;min-height:72px}.steps b{position:absolute;left:0;top:0;width:38px;height:38px;font-size:13px}.steps h3{font-size:15px;margin:1px 0 3px}.steps p{font-size:12px;line-height:1.38;max-width:230px}.steps article:not(:last-child):after{content:"";left:18px;right:auto;top:39px;height:33px;width:0;border-left:1px solid #d1d2ce;border-top:0}.steps article:not(:last-child):before{display:none}

  .quote-section{padding:48px 0}.quote{grid-template-columns:1fr;gap:22px}.quote h2{font-size:30px;letter-spacing:-1.3px}.quote p{font-size:14px;line-height:1.45}.quote form{grid-template-columns:1fr!important;gap:13px}.quote form>*{grid-column:1!important}.quote label{font-size:12px;font-weight:600}.quote input,.quote select{height:52px;margin-top:6px;padding:0 14px;font-size:13px}.quote .file{height:54px;padding:16px 14px;font-size:12px}.quote .file small{font-size:9px;margin-left:5px}.quote form .button{min-height:54px;width:100%;font-size:15px!important}.form-note{font-size:10px;line-height:1.4}.delivery{padding:46px 0}.delivery .split{gap:21px}.delivery h2{font-size:30px}.delivery .lead{font-size:15px}.checklist{margin:19px 0}.checklist li{font-size:13px;margin:9px 0}.delivery img{width:100%;max-height:none;height:250px;object-fit:contain;transform:none}.faq{padding:45px 0 52px}.faq-list{max-width:none}.faq details{padding:18px 16px;margin:9px 0;min-height:58px;border-radius:8px}.faq summary{font-size:14px;line-height:1.4}.faq summary span{font-size:21px;margin-left:10px}.faq p{font-size:13px;line-height:1.5}.final{padding:0}.final-inner{padding:40px 20px 160px;min-height:0;background-size:auto 210px;background-position:right bottom}.final h2{font-size:31px;letter-spacing:-1.4px}.final p{font-size:14px;line-height:1.45}.final .button{width:100%;margin-top:5px;min-height:52px}.contact-links{gap:11px;margin-top:23px}.contact-links a{font-size:14px}.footer{display:grid;grid-template-columns:1fr;gap:21px;padding:38px 20px 35px}.footer .logo{font-size:28px}.footer .logo p{font-size:12px;max-width:230px}.footer>div>a{font-size:12px;margin:8px 0}.footer b{font-size:13px}.mobile-bar{height:70px;padding:0 26px;justify-content:space-between}.mobile-bar a{font-size:21px;min-width:62px}.mobile-bar small{font-size:9px}.mobile-bar .calc{width:54px;height:54px;padding-top:12px;margin-top:-20px}.mobile-bar .calc small{font-size:9px}.mobile-whatsapp{color:#159e4a!important}
}

@media (max-width:760px){
  .direction{height:268px}
  .direction p{font-size:11.5px;line-height:1.38}
}

/* Final mobile polish: adjustments only, without changing the layout model. */
@media (max-width:760px){
  body{padding-bottom:calc(90px + env(safe-area-inset-bottom))}

  .hero-image{height:292px}
  .hero-image img{width:114%;height:100%;left:-7%;top:0;object-fit:contain;object-position:center bottom}
  .hero-buttons .outline{background:transparent;color:#4f504d!important;border-color:#d5d6d2;font-weight:600!important}

  .direction>div{width:48%}
  .direction img{width:64%;right:-10%;bottom:-2%;height:108%;object-position:center bottom}
  .product-row{gap:16px}

  .logo-card .button{margin-bottom:14px}
  .logo-card img{height:275px}

  .direction-grid,.product-row,.industry-grid{scrollbar-width:none;-ms-overflow-style:none}
  .direction-grid::-webkit-scrollbar,.product-row::-webkit-scrollbar,.industry-grid::-webkit-scrollbar{display:none}

  .why{padding-bottom:62px}
  .process{padding-bottom:68px}
  .quote-section{padding-bottom:62px}
  .quote .form-note{margin-bottom:4px}
  .delivery img{max-width:100%;height:250px;object-fit:contain}

  .final-inner{background-image:none;padding:40px 20px 48px}
  .footer{gap:16px;padding:30px 20px 28px}

  .mobile-bar{height:calc(70px + env(safe-area-inset-bottom));padding:0 26px env(safe-area-inset-bottom);align-items:center}
  .mobile-bar a{width:64px;min-height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center}
  .mobile-bar .calc{width:54px;height:54px;min-height:54px;margin-top:-20px}
}

/* Direction cards: a stable text column and a separate product column. */
@media (max-width:760px){
  .direction>div{width:49%;max-width:49%;height:100%;z-index:2}
  .direction h3{max-width:100%}
  .direction p{max-width:128px}
  .direction a{top:auto;bottom:18px;z-index:3}
  .direction img{width:50%;height:92%;right:0;bottom:3%;object-fit:contain;object-position:right bottom}
  .direction:nth-child(3) img{width:44%;height:86%;right:-2%;bottom:5%;object-position:right center}
}

/* Footer wordmark uses its own type scale, not the footer heading scale. */
@media (max-width:760px){
  .footer .logo{display:inline-flex;flex-wrap:wrap;align-items:baseline;column-gap:4px;max-width:none;font-size:28px;line-height:1;letter-spacing:-1.6px;white-space:nowrap}
  .footer .logo b,.footer .logo strong{font-size:28px;line-height:1;letter-spacing:-1.6px}
  .footer .logo b{color:#111}
  .footer .logo strong{color:#ff5a1f}
  .footer .logo span{width:100%;margin-top:6px;color:#555;font-size:9px;line-height:1.2;letter-spacing:0;white-space:normal}
}