﻿
/* Henrique-style mobile navigation polish */
.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:10px;z-index:50;display:none;grid-template-columns:1fr 1fr 58px 1fr 1fr;align-items:center;gap:6px;border:1px solid rgba(15,23,42,.12);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(15,23,42,.18);backdrop-filter:blur(16px);padding:8px}
.mobile-bottom-nav a{min-height:42px;display:grid;place-items:center;border-radius:12px;color:#334155;font-size:12px;font-weight:900;text-decoration:none}
.mobile-bottom-nav a:hover{background:#f1f5f9;color:#8d1421}
.mobile-bottom-nav .mobile-publish{width:54px;height:54px;margin:-24px auto 0;border-radius:18px;background:#d92332;color:#fff;font-size:30px;line-height:1;box-shadow:0 18px 34px rgba(217,35,50,.28)}
@media(max-width:900px){body{padding-bottom:86px}.mobile-bottom-nav{display:grid}}

/* Global responsive hardening for every public Akim Auto screen */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%;height:auto}
button,a,input,select,textarea{max-width:100%}
main,section,article,div,form,header,footer,nav{min-width:0}
h1,h2,h3,p,a,button,label,li,td,th,strong,span{overflow-wrap:break-word;word-break:normal}
table{display:block;width:100%;max-width:100%;overflow-x:auto;white-space:nowrap}
.site-header{min-width:0}
.site-header nav{min-width:0}
.brand{min-width:0}
.btn,.wizard-btn,.service-card,.vehicle-card,.part-card,.card{min-width:0}
input,select,textarea{width:100%;min-width:0}
[class*="grid"],[class*="cards"],[class*="list"],[class*="wizard"],[class*="shell"]{min-width:0}

@media(max-width:1100px){
  .site-header{gap:12px;padding:14px 16px;flex-wrap:wrap}
  .site-header nav{order:3;width:100%;display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}
  .site-header nav a{flex:0 0 auto;white-space:nowrap}
}
@media(max-width:760px){
  body{padding-bottom:92px}
  .site-header{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center}
  .site-header nav{display:none}
  .site-header .btn.small{min-height:42px;padding:10px 12px;font-size:13px}
  .brand{font-size:18px}
  .brand span{width:38px;height:38px}
  main{width:100%}
  h1{font-size:clamp(30px,10vw,44px)!important;line-height:1.04!important}
  h2{font-size:clamp(24px,7vw,34px)!important;line-height:1.1!important}
  .mobile-bottom-nav{left:8px;right:8px;bottom:8px}
}
@media(max-width:420px){
  .mobile-bottom-nav{grid-template-columns:1fr 1fr 52px 1fr 1fr;padding:7px}
  .mobile-bottom-nav a{font-size:11px}
  .mobile-bottom-nav .mobile-publish{width:50px;height:50px}
}
