/*
 * AutoVINChecks — Mobile reference layout (v35)
 * Presentation only. Desktop and all application logic remain untouched.
 */
.avc-m-stage,.avc-menu-toggle,.avc-mobile-brandname{display:none}

@media (max-width:820px){
  html,body{overflow-x:hidden!important}

  /* Clean transparent header: logo left, menu right, no glass/blur sheet. */
  .site-header{
    position:absolute!important;inset:0 0 auto!important;z-index:120;
    height:112px!important;
    background:transparent!important;
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    border:0!important;box-shadow:none!important;
  }
  .header-inner{
    position:relative!important;width:100%!important;height:112px!important;min-height:0!important;
    display:block!important;padding:23px 24px 0!important;margin:0!important;
  }
  .brand{
    position:absolute!important;left:24px!important;top:22px!important;
    display:flex!important;align-items:center!important;width:auto!important;height:36px!important;
    min-width:0!important;margin:0!important;z-index:3;
  }
  .avc-brandmark{
    display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 42px!important;
    width:42px!important;height:42px!important;border-radius:50%!important;background:#f5f5f5!important;
    font-size:17px!important;line-height:1!important;letter-spacing:0!important;
    filter:none!important;text-shadow:none!important;
  }
  .avc-brandmark i:first-child,.avc-brandmark i:nth-child(2){color:#262626!important}
  .avc-brandmark i:last-child{color:#c8191f!important}
  .avc-mobile-brandname{display:block!important;margin-left:10px;color:#fff;font-size:19px;font-weight:500;letter-spacing:0!important}
  .country,#country-display{
    position:absolute!important;left:77px!important;top:67px!important;
    width:auto!important;max-width:calc(100% - 95px)!important;min-width:0!important;min-height:0!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;
    font-size:10px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:.04em!important;
    color:#f5f5f5!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  .avc-menu-toggle{
    position:absolute!important;right:23px!important;top:20px!important;z-index:4;
    display:flex!important;flex-direction:column;justify-content:center;gap:6px;
    width:44px;height:44px;padding:7px;border:0;background:transparent;color:#fff;cursor:pointer;
  }
  .avc-menu-toggle span{display:block;width:29px;height:2px;background:currentColor;transition:transform .22s ease,opacity .18s ease}
  .avc-menu-open .avc-menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .avc-menu-open .avc-menu-toggle span:nth-child(2){opacity:0}
  .avc-menu-open .avc-menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .main-nav{
    position:absolute!important;left:0!important;right:0!important;top:0!important;z-index:2!important;
    display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;
    width:100%!important;height:auto!important;min-height:100svh!important;
    padding:112px 24px 34px!important;margin:0!important;gap:0!important;
    overflow:hidden!important;background:rgba(24,24,24,.98)!important;
    -webkit-mask-image:none!important;mask-image:none!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;
    transform:translate3d(0,-16px,0)!important;transition:opacity .22s ease,transform .22s ease,visibility .22s!important;
  }
  .avc-menu-open .main-nav{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  .main-nav a{
    width:100%!important;min-height:52px!important;padding:15px 0!important;
    border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;
    font-size:14px!important;letter-spacing:.12em!important;color:#fff!important;
  }

  /* One continuous concrete showroom — no dark block or separate blurry panel. */
  .avc-hero{
    position:relative!important;height:auto!important;min-height:700px!important;padding:0!important;
    overflow:hidden!important;background:#999!important;perspective:1100px;
  }
  .avc-hero::before{
    display:block!important;content:""!important;opacity:1!important;
    position:absolute!important;inset:0!important;
    background:
      linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.10) 49.9%,rgba(255,255,255,.10) 50.1%,transparent 50.3%),
      linear-gradient(0deg,transparent 31%,rgba(72,72,72,.14) 31.2%,rgba(72,72,72,.14) 31.45%,transparent 31.65%),
      linear-gradient(90deg,transparent 27%,rgba(75,75,75,.10) 27.2%,rgba(75,75,75,.10) 27.45%,transparent 27.65%),
      linear-gradient(90deg,transparent 74%,rgba(75,75,75,.10) 74.2%,rgba(75,75,75,.10) 74.45%,transparent 74.65%),
      linear-gradient(180deg,#939699 0%,#a3a5a6 63%,#8f9192 63.2%,#b3b3b1 100%)!important;
    transform:none!important;transition:none!important;
  }
  .avc-hero::after{
    display:none!important;content:""!important;
    position:absolute!important;left:-5px!important;top:156px!important;z-index:1!important;
    font:900 clamp(48px,14vw,68px)/1 Arial,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;
    color:transparent!important;-webkit-text-stroke:1px rgba(255,255,255,.28)!important;
    opacity:1!important;transform:none!important;
  }
  .avc-hero-image,.avc-hero-overlay,.avc-hero .av3d-layer{display:none!important;opacity:0!important}
  .avc-hero-inner{
    position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;
    width:100%!important;height:auto!important;min-height:760px!important;max-width:none!important;
    margin:0!important;padding:150px 24px 0!important;
  }
  .avc-hero-copy{transform:none!important;opacity:1!important;width:100%!important;max-width:none!important;min-width:0!important}
  .avc-welcome{display:none!important}
  .avc-hero h1{
    max-width:100%!important;margin:0 0 16px!important;
    font-size:clamp(24px,6.6vw,29px)!important;line-height:1.12!important;font-weight:900!important;
    letter-spacing:0!important;text-align:left!important;color:#fff!important;text-shadow:none!important;
    animation:avcmSlideLeft .8s cubic-bezier(.16,.84,.3,1) both!important;
  }
  .avc-hero h1 *{color:#fff!important;text-shadow:none!important}
  .avc-mobile-title-main,.avc-mobile-title-sub{display:block!important}
  .avc-mobile-title-main{white-space:normal!important}
  .avc-mobile-title-sub{max-width:13ch!important;margin-top:4px!important}
  .avc-subtitle{
    max-width:36ch!important;margin:0 0 18px!important;
    font-size:12px!important;line-height:1.45!important;color:rgba(255,255,255,.86)!important;
    animation:avcmSlideLeft .95s cubic-bezier(.16,.84,.3,1) .1s both!important;
  }
  @keyframes avcmSlideLeft{from{opacity:0;transform:translate3d(-46px,0,0)}to{opacity:1;transform:none}}

  .avc-vin-form{max-width:100%!important;margin:0!important;animation:avcmSlideLeft 1.05s cubic-bezier(.16,.84,.3,1) .16s both!important}
  .avc-vin-row{
    display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;gap:0!important;
    height:48px!important;background:#fff!important;border:1px solid rgba(255,255,255,.65)!important;
    border-radius:0!important;overflow:hidden!important;box-shadow:none!important;
  }
  .avc-vin-input{
    width:100%!important;height:46px!important;min-height:0!important;padding:0 12px!important;
    border:0!important;border-radius:0!important;background:#fff!important;box-shadow:none!important;
    color:#202020!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;
  }
  .avc-vin-input::placeholder{color:#777!important;font-size:11px!important;letter-spacing:0!important}
  .avc-vin-btn{
    width:118px!important;height:47px!important;min-height:0!important;border-radius:0!important;
    background:#c8191f!important;box-shadow:none!important;font-size:11px!important;font-weight:800!important;letter-spacing:.08em!important;
  }
  .avc-help-row{display:none!important}

  /* Car shares the same concrete scene and stays visually grounded. */
  .avc-m-stage{
    display:block!important;position:relative!important;flex:1 0 260px!important;
    width:calc(100% + 48px)!important;height:280px!important;min-height:280px!important;
    margin:18px -24px 0!important;background:transparent!important;overflow:visible!important;
    transform-style:preserve-3d;
  }
  .avc-m-car{
    position:absolute!important;left:50%!important;bottom:3px!important;top:auto!important;
    width:94%!important;max-width:none!important;height:auto!important;
    transform:translate3d(-50%,var(--avcm-y,0px),var(--avcm-z,0px)) scale(var(--avcm-s,1))!important;
    transform-origin:50% 86%!important;will-change:transform;
    filter:drop-shadow(0 20px 18px rgba(0,0,0,.34))!important;
  }
  .avc-m-shadow{
    position:absolute!important;left:50%!important;bottom:4px!important;width:76%!important;height:18px!important;
    transform:translate3d(-50%,0,0) scaleX(var(--avcm-ssx,1))!important;
    background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.4),transparent 72%)!important;
    opacity:var(--avcm-so,.75)!important;
  }

  .avc-features{margin:0!important;border-radius:0!important;box-shadow:none!important;grid-template-columns:1fr!important}
  .avc-feature{padding:18px 24px!important;border-right:0!important}
  .avc-feature+.avc-feature{border-top:1px solid rgba(0,0,0,.08)!important}
  .av-stats{padding:38px 24px!important}
  .av-stats-wrap{grid-template-columns:1fr!important;gap:26px!important}
  .av-stat{padding-left:0!important;border-left:0!important}
  .avc-howto,.avc-report-overview,.avc-results,.avc-packages{padding-left:24px!important;padding-right:24px!important}
}

@media (max-width:361px){
  .header-inner{padding-left:18px!important;padding-right:18px!important}
  .brand{left:18px!important}
  .country,#country-display{left:71px!important}
  .avc-menu-toggle{right:17px!important}
  .avc-hero-inner{padding-left:18px!important;padding-right:18px!important;padding-top:206px!important}
  .avc-hero h1{font-size:23px!important}
  .avc-m-stage{width:calc(100% + 36px)!important;margin-left:-18px!important;margin-right:-18px!important}
  .avc-vin-row{grid-template-columns:minmax(0,1fr) 105px!important}
  .avc-vin-btn{width:105px!important;font-size:10px!important}
}

@media (prefers-reduced-motion:reduce){
  .avc-hero h1,.avc-subtitle,.avc-vin-form{animation:none!important}
  .avc-m-car,.avc-m-shadow,.main-nav{transition:none!important}
}