@media(max-width:980px){
  .auth-shell{grid-template-columns:1fr}
  .auth-showcase{display:none}
  .auth-panel{min-height:100vh}
  .app-layout{grid-template-columns:1fr}
  .desktop-sidebar{display:none}
  .app-main{padding:26px 22px 100px}
  .mobile-nav{
    position:fixed;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;
    height:68px;padding:7px 8px;display:grid;grid-template-columns:1fr 1fr 66px 1fr 1fr;
    align-items:center;background:rgba(255,253,249,.95);backdrop-filter:blur(18px);border:1px solid rgba(103,16,26,.1);
    border-radius:22px;box-shadow:0 18px 50px rgba(55,8,14,.20)
  }
  .mobile-nav a{height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#786f68;font-size:9px;font-weight:800}
  .mobile-nav a.is-active{color:var(--wine)}
  .mobile-nav svg{width:21px;height:21px}
  .mobile-nav__add{
    width:58px;height:58px!important;border-radius:20px!important;background:var(--wine)!important;color:#fff!important;
    justify-self:center;transform:translateY(-13px);box-shadow:0 14px 26px rgba(103,16,26,.28)
  }
  .mobile-nav__add svg{width:26px;height:26px}
  .dashboard-grid{grid-template-columns:1fr}
  .vehicle-grid{grid-template-columns:1fr}
  .account-grid{grid-template-columns:1fr}
  .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .container{width:min(calc(100% - 24px),var(--max))}
  .public-header{padding:11px 0}
  .public-brand img{width:54px;height:54px}
  .public-brand strong{font-size:21px}
  .public-header__actions .btn-secondary{display:none}
  .landing__inner{min-height:auto;grid-template-columns:1fr;padding:48px 0 70px}
  .landing__copy h1{font-size:48px}
  .landing__copy>p{font-size:16px}
  .landing-card{padding:20px}
  .auth-panel{padding:28px 18px;align-items:flex-start}
  .auth-card{padding-top:28px}
  .auth-card h1{font-size:38px}
  .form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
  .app-header{height:76px}
  .app-header__inner{padding:0 16px}
  .app-brand img{width:48px;height:48px}
  .app-brand strong{font-size:21px}
  .app-brand small{font-size:8px}
  .header-action__text{display:none}
  .app-main{padding:22px 14px 104px}
  .dashboard-head,.page-head{align-items:flex-start;flex-direction:column}
  .dashboard-head h1,.page-head h1{font-size:38px}
  .dashboard-head .btn,.page-head .btn{width:100%}
  .section-card{padding:16px}
  .section-card__head{align-items:flex-start;flex-direction:column}
  .attention-card{padding:18px}
  .vehicle-hero{grid-template-columns:1fr;padding:18px}
  .vehicle-hero__cover{height:135px}
  .vehicle-hero h1{font-size:36px}
  .vehicle-hero>.btn{width:100%}
  .module-grid{grid-template-columns:1fr}
  .simple-card{padding:24px}
  .simple-card h1{font-size:36px}
}
@media(max-width:390px){
  .landing__copy h1{font-size:43px}
  .mobile-nav{left:8px;right:8px}
}


/* V0.2 — experiência do veículo no celular */
@media(max-width:980px){
  .vehicle-photo-layout{grid-template-columns:1fr}
  .vehicle-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:720px){
  .vehicle-page-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .vehicle-page-head__actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .vehicle-page-head__actions .btn{width:100%}

  .vehicle-profile{
    grid-template-columns:1fr;
    min-height:0;
    border-radius:22px;
  }
  .vehicle-profile__visual{
    min-height:255px;
    padding:20px;
  }
  .vehicle-profile__visual>span{font-size:68px}
  .vehicle-profile__content{padding:24px 19px}
  .vehicle-profile__content h1{font-size:40px}
  .vehicle-profile__nickname{font-size:18px}
  .vehicle-completion{margin-top:22px}

  .vehicle-quick-grid{grid-template-columns:1fr}
  .vehicle-quick-card{min-height:102px;padding:15px;grid-template-columns:45px 1fr 24px}
  .vehicle-quick-card__icon{width:43px;height:43px;border-radius:13px}
  .vehicle-quick-card strong{font-size:21px}

  .vehicle-section-title{align-items:flex-start;flex-direction:column;margin-top:28px}
  .vehicle-section-title h2{font-size:28px}

  .vehicle-form-card{padding:17px}
  .form-actions{display:grid;grid-template-columns:1fr 1fr}
  .form-actions .btn{width:100%}

  .photo-drop{min-height:225px}
  .vehicle-gallery{grid-template-columns:1fr 1fr;gap:9px}
  .gallery-card__actions{align-items:flex-start;flex-direction:column}
}

@media(max-width:420px){
  .vehicle-gallery{grid-template-columns:1fr}
  .gallery-card__actions{flex-direction:row;align-items:center}
}


/* V0.3 — Fotos premium no celular */
@media(max-width:980px){
  .photo-upload-panel{position:static}
  .vehicle-photo-layout--premium{grid-template-columns:1fr}
}

@media(max-width:720px){
  .photo-page-head{margin-bottom:17px}
  .photo-selection__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .vehicle-gallery--premium{grid-template-columns:1fr 1fr}
  .gallery-card__actions{
    min-height:54px;
    align-items:center;
  }
  .gallery-zoom{display:none}

  .mc-lightbox__dialog{
    grid-template-columns:48px minmax(0,1fr) 48px;
    padding:14px 6px calc(14px + env(safe-area-inset-bottom));
  }
  .mc-lightbox__stage img{
    max-height:calc(100vh - 95px);
    border-radius:10px;
  }
  .mc-lightbox__nav{
    width:40px;
    height:40px;
    font-size:30px;
  }
  .mc-lightbox__close{
    top:10px;
    right:10px;
  }

  .mc-positioner{
    align-items:end;
    padding:10px;
    padding-bottom:calc(10px + env(safe-area-inset-bottom));
  }
  .mc-positioner__dialog{
    padding:20px 15px 15px;
    border-radius:23px;
  }
  .mc-positioner__dialog h2{font-size:28px}
  .mc-positioner__stage{aspect-ratio:4/3}
  .mc-positioner__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .mc-positioner__actions .btn{width:100%}
}

@media(max-width:460px){
  .photo-selection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vehicle-gallery--premium{grid-template-columns:1fr}
  .gallery-card__actions{min-height:48px}
}