/* AUTO-LAPTI HOME CRITICAL OVERRIDES v1 — 2026-09-06 */

/* One segmented-control design for selector and product tabs */
.home-page #al-selector .al-selector__mode,
.home-page ul.nav.nav-tabs{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:6px!important;
  width:500px!important;
  max-width:100%!important;
  min-height:48px!important;
  margin:0 0 14px!important;
  padding:4px!important;
  overflow:visible!important;
  border:1px solid #e3e6e9!important;
  border-radius:11px!important;
  background:#f6f7f8!important;
  box-shadow:none!important;
}
.home-page #al-selector .al-selector__mode-btn,
.home-page ul.nav.nav-tabs>li>a{
  flex:1 1 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:38px!important;
  margin:0!important;
  padding:8px 16px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#686d72!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:1!important;
  text-align:center!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
.home-page #al-selector .al-selector__mode-btn.is-active,
.home-page ul.nav.nav-tabs>li.active>a,
.home-page ul.nav.nav-tabs>li.active>a:hover,
.home-page ul.nav.nav-tabs>li.active>a:focus{
  background:#fff!important;
  color:#205f5d!important;
  box-shadow:0 1px 4px rgba(0,0,0,.09)!important;
}
.home-page #al-selector .al-selector__mode-btn:not(.is-active):hover,
.home-page ul.nav.nav-tabs>li:not(.active)>a:hover{
  background:rgba(255,255,255,.55)!important;
  color:#205f5d!important;
}
.home-page ul.nav.nav-tabs>li{
  order:0!important;
  display:flex!important;
  flex:1 1 0!important;
  float:none!important;
  width:0!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}
.home-page ul.nav.nav-tabs>li:first-child{order:1!important}
.home-page ul.nav.nav-tabs>li:nth-child(2){order:2!important}
.home-page ul.nav.nav-tabs>li>a:before,
.home-page ul.nav.nav-tabs>li>a:after,
.home-page ul.nav.nav-tabs>li.active>a:after,
.home-page ul.nav.nav-tabs>li>a:hover:after{
  display:none!important;
  content:none!important;
  background:none!important;
}

/* Mobile hero must stay a true single-column layout */
@media (max-width:991px){
  .home-page .al-home-hero{
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
  .home-page .al-home-hero__copy{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .home-page .al-home-hero__guide{display:none!important}
}
@media (max-width:767px){
  .home-page .al-home-hero{
    margin-top:8px!important;
    padding:20px 18px 21px!important;
    border-radius:18px!important;
  }
  .home-page .al-home-hero__eyebrow{
    width:auto!important;
    max-width:100%!important;
    margin-bottom:14px!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }
  .home-page .al-home-hero h1{
    width:100%!important;
    max-width:none!important;
    margin-bottom:12px!important;
    font-size:clamp(25px,7.4vw,30px)!important;
    line-height:1.11!important;
    letter-spacing:-.025em!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    hyphens:none!important;
  }
  .home-page .al-home-hero__lead{
    width:100%!important;
    max-width:none!important;
    font-size:13.5px!important;
    line-height:1.52!important;
  }
  .home-page .al-home-hero__actions{
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin-top:17px!important;
  }
  .home-page .al-home-hero__facts{
    grid-template-columns:1fr!important;
    gap:7px!important;
    margin-top:15px!important;
  }
  .home-page #al-selector .al-selector__mode,
  .home-page ul.nav.nav-tabs{width:100%!important}
  .home-page #al-selector .al-selector__mode-btn,
  .home-page ul.nav.nav-tabs>li>a{padding:8px 10px!important;font-size:13px!important}
}
@media (max-width:360px){
  .home-page .al-home-hero{padding-left:15px!important;padding-right:15px!important}
  .home-page .al-home-hero h1{font-size:24px!important}
  .home-page .al-home-hero__lead{font-size:13px!important}
  .home-page .al-home-hero__eyebrow{font-size:10px!important}
}

/* AUTO-LAPTI MOBILE SELECTOR TYPOGRAPHY v1 — 2026-09-06 */
@media (max-width:767px){
  .home-page #al-selector select.form-control{
    font-size:14.5px!important;
    font-weight:400!important;
    letter-spacing:-.01em!important;
    color:#3f474c!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }
  .home-page #al-selector select.form-control:disabled{
    color:#9aa0a5!important;
    opacity:1!important;
  }
}
@media (max-width:420px){
  .home-page #al-selector select.form-control{
    font-size:14px!important;
  }
}
/* AUTO-LAPTI MOBILE SELECTOR TYPOGRAPHY v1 END */