
/* JOVIK 4.1.1 LAYOUT HOTFIX */
html,body{overflow-x:hidden!important}
.site-header{box-sizing:border-box!important}
.hero-v41{
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  width:100vw!important;
}
.hero-shell{
  width:min(1220px,100%)!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
}
.hero-copy,.hero-device{min-width:0!important}
.hero-device{
  min-height:480px!important;
  width:100%!important;
  overflow:visible!important;
}
.device-browser{
  left:0!important;
  right:0!important;
  width:calc(100% - 38px)!important;
  max-width:620px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  transform:none!important;
}
.phone-a{right:0!important;bottom:-8px!important}
.phone-b{right:126px!important;bottom:-28px!important}
.category-strip-v41,
.showcase-v41,
.dashboard-preview,
.feature-ribbon-v41,
.plan-grid,
.business-hero{
  width:min(1220px,100%)!important;
  box-sizing:border-box!important;
}
.category-strip-v41{margin-left:auto!important;margin-right:auto!important}
.showcase-v41{margin-left:auto!important;margin-right:auto!important}
.dashboard-preview{margin-left:auto!important;margin-right:auto!important}
.feature-ribbon-v41{margin-left:auto!important;margin-right:auto!important}
.preview-main,.preview-sidebar{min-width:0!important}
.preview-kpis>div{min-width:0!important}
.request-grid,.discover-grid,.admin-grid,.profile-edit,.detail-grid{min-width:0!important}
.card,.panel,.request-card{max-width:100%!important}
img{max-width:100%}
.hero-search-dark{
  width:100%!important;
  max-width:100%!important;
  grid-template-columns:auto minmax(0,1.4fr) minmax(110px,.7fr) minmax(95px,.55fr) auto!important;
}
.hero-search-dark input,.hero-search-dark select{min-width:0!important}
.market-promise{width:min(1220px,100%)!important;margin-left:auto!important;margin-right:auto!important}

@media(max-width:1100px){
  .hero-shell{grid-template-columns:1fr!important}
  .hero-copy{max-width:780px!important}
  .hero-device{min-height:470px!important;margin-top:10px!important}
  .device-browser{max-width:760px!important}
  .phone-a{right:8%!important}
  .phone-b{right:28%!important}
}
@media(max-width:820px){
  .hero-v41{padding:46px 0 58px!important}
  .hero-shell{padding-left:18px!important;padding-right:18px!important}
  .hero-v41 h1{font-size:clamp(44px,11vw,64px)!important}
  .hero-search-dark{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  .hero-search-dark input:nth-of-type(2),
  .hero-search-dark select{display:none!important}
  .hero-search-dark button{grid-column:auto!important}
  .hero-device{min-height:390px!important}
  .device-browser{width:100%!important}
  .phone-b{display:none!important}
  .phone-a{right:12px!important;bottom:-12px!important}
  .category-strip-v41{grid-template-columns:repeat(3,1fr)!important}
  .showcase-v41{grid-template-columns:1fr!important}
  .dashboard-preview{grid-template-columns:150px minmax(0,1fr)!important}
}
@media(max-width:620px){
  .site-header{height:68px!important;padding-left:14px!important;padding-right:14px!important}
  .site-header nav a{display:none!important}
  .site-header nav a:last-child{display:inline-flex!important}
  .brandmark-img{width:34px!important;height:34px!important}
  .hero-v41 h1{font-size:45px!important;letter-spacing:-.05em!important}
  .hero-v41 p{font-size:16px!important}
  .hero-metrics{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  .hero-metrics div{background:rgba(255,255,255,.05)!important;padding:10px!important;border-radius:10px!important}
  .hero-actions{flex-wrap:wrap!important}
  .hero-actions .btn{width:100%!important;text-align:center!important}
  .hero-device{min-height:300px!important}
  .device-browser{position:relative!important;top:0!important}
  .device-main{height:160px!important;padding:18px!important}
  .device-copy h3{font-size:22px!important}
  .device-orb img{width:92px!important}
  .device-cats{grid-template-columns:repeat(5,1fr)!important}
  .device-cats span{font-size:13px!important;padding:7px 2px!important}
  .phone{display:none!important}
  .category-strip-v41{grid-template-columns:repeat(2,1fr)!important;padding:0 16px!important}
  .showcase-v41{padding:0 16px!important}
  .showcase-steps{grid-template-columns:1fr!important}
  .dashboard-preview{display:none!important}
  .feature-ribbon-v41{grid-template-columns:1fr!important;padding:0 16px!important}
  .business-hero,.plan-grid{padding-left:16px!important;padding-right:16px!important}
}
