/* RAFimport v128 — mobile polish only. Desktop is intentionally untouched. */

@media (max-width:860px){
  /* ------------------------------------------------------------------
     Catalog filter: compact, four tabs visible, less vertical weight.
  ------------------------------------------------------------------ */
  #catalog .opn-filter.vdc-filter{
    border-radius:22px!important;
  }
  #catalog .vdc-filter__mode-row,
  #catalog .opn-filter__row--top{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:15px!important;
  }
  #catalog .vdc-filter__mode-copy b{
    font-size:16px!important;
    line-height:1.16!important;
  }
  #catalog .vdc-filter__mode-copy span{
    font-size:10px!important;
    line-height:1!important;
  }
  #catalog .opn-tabs.vdc-tabs,
  #catalog .vdc-tabs{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-auto-flow:unset!important;
    grid-auto-columns:unset!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:44px!important;
    padding:3px!important;
    overflow:hidden!important;
    border-radius:13px!important;
  }
  #catalog .opn-tabs.vdc-tabs button,
  #catalog .vdc-tabs button{
    min-width:0!important;
    width:auto!important;
    padding:0 5px!important;
    font-size:11.5px!important;
    white-space:nowrap!important;
  }
  #catalog .opn-top-actions,
  #catalog .raf-filter__actions{
    width:100%!important;
  }
  #catalog .opn-catalog__view,
  #catalog .vdc-catalog__view{
    width:100%!important;
    min-width:0!important;
    height:46px!important;
    padding:0 18px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
  #catalog .opn-filter__row:not(.opn-filter__row--top){
    padding-left:15px!important;
    padding-right:15px!important;
  }
  #catalog .raf-filter__grid--country,
  #catalog .opn-filter__grid--main,
  #catalog .opn-filter__grid--advanced{
    gap:9px!important;
  }
  #catalog .opn-filter-field,
  #catalog .opn-filter__grid button,
  #catalog .opn-price-pair button{
    height:46px!important;
    min-height:46px!important;
    border-radius:12px!important;
    padding-left:14px!important;
    padding-right:14px!important;
    font-size:13px!important;
  }
  #catalog .opn-filter__chips,
  #catalog .vdc-filter__chips-row{
    gap:8px!important;
    padding-top:11px!important;
    padding-bottom:11px!important;
  }
  #catalog .vdc-filter__chips-row button.is-filter,
  #catalog .vdc-filter__chips-row button.is-clear{
    height:42px!important;
    min-height:42px!important;
  }
  #catalog .vdc-filter__chips-row button.is-clear{
    width:42px!important;
    min-width:42px!important;
    flex-basis:42px!important;
  }
  #catalog .vdc-filter__chips-row .vdc-show-btn--chips{
    min-height:46px!important;
    height:46px!important;
    border-radius:13px!important;
  }

  /* Catalog metadata should not fall apart on narrow widths. */
  #catalog .opn-catalog__meta,
  #catalog .raf-catalog__meta{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:center!important;
    margin-top:14px!important;
  }
  #catalog .opn-counts{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px 14px!important;
    min-width:0!important;
  }
  #catalog .opn-counts__item{
    font-size:12px!important;
    white-space:nowrap!important;
  }
  #catalog .opn-meta-actions{
    width:auto!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  #catalog .opn-sort{
    min-width:0!important;
    padding:0 8px!important;
    font-size:12px!important;
  }
  #catalog .opn-strip-nav button{
    width:38px!important;
    height:38px!important;
  }

  /* ------------------------------------------------------------------
     Vehicle card: phone layout is a compact information card, not a
     stretched desktop card stacked vertically.
  ------------------------------------------------------------------ */
  #catalog .vdc-strip,
  #catalog .opn-strip{
    grid-auto-columns:minmax(0,calc(100vw - 30px))!important;
    gap:12px!important;
    padding-bottom:14px!important;
  }
  #catalog .vdc-card,
  #catalog .opn-card.vdc-card,
  #catalog .raf-card,
  #catalog.vdc-catalog--page .vdc-strip > .vdc-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:6px!important;
    border-radius:23px!important;
  }
  #catalog .vdc-card__photo,
  #catalog .opn-card__photo.vdc-card__photo,
  #catalog.vdc-catalog--page .vdc-strip > .vdc-card .vdc-card__photo{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:16 / 10!important;
    border-radius:18px!important;
    overflow:hidden!important;
  }
  #catalog .vdc-card__photo img,
  #catalog .opn-card__photo.vdc-card__photo img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  #catalog .vdc-card__body,
  #catalog .opn-card__body.vdc-card__body,
  #catalog.vdc-catalog--page .vdc-strip > .vdc-card .vdc-card__body{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    column-gap:9px!important;
    row-gap:9px!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:14px 12px 12px!important;
  }
  #catalog .vdc-card__name,
  #catalog .opn-card__name{
    grid-column:1 / -1!important;
    min-width:0!important;
    margin:0!important;
  }
  #catalog .vdc-card__name h3,
  #catalog .vdc-card__name h3 a,
  #catalog .opn-card__name h3,
  #catalog .opn-card__name h3 a{
    margin:0!important;
    font-size:20px!important;
    line-height:1.08!important;
    letter-spacing:-.035em!important;
  }
  #catalog .vdc-card__name h3 small,
  #catalog .opn-card__name h3 small{
    font-size:9px!important;
    padding:2px 5px!important;
  }
  #catalog .vdc-card__name p,
  #catalog .opn-card__name p{
    margin:6px 0 0!important;
    font-size:13px!important;
    line-height:1.35!important;
  }
  #catalog .vdc-card__generation,
  #catalog .opn-card__name span{
    display:block!important;
    margin-top:5px!important;
    font-size:11px!important;
    line-height:1.3!important;
  }
  #catalog .vdc-card__passport,
  #catalog .vdc-card__price,
  #catalog .opn-card__year,
  #catalog .opn-card__price{
    grid-column:auto!important;
    min-width:0!important;
    min-height:76px!important;
    height:auto!important;
    margin:0!important;
    padding:10px 11px!important;
    border-radius:14px!important;
    border:1px solid rgba(130,207,247,.14)!important;
    background:rgba(255,255,255,.055)!important;
    align-self:stretch!important;
  }
  #catalog .vdc-card__price,
  #catalog .opn-card__price{
    background:linear-gradient(135deg,rgba(39,153,214,.17),rgba(255,255,255,.05))!important;
  }
  #catalog .vdc-card__passport strong,
  #catalog .vdc-card__price strong,
  #catalog .opn-card__year strong,
  #catalog .opn-card__price strong{
    display:block!important;
    font-size:18px!important;
    line-height:1.08!important;
    white-space:normal!important;
  }
  #catalog .vdc-card__passport p,
  #catalog .vdc-card__price p,
  #catalog .opn-card__year p,
  #catalog .opn-card__price p{
    margin:5px 0 0!important;
    font-size:10.5px!important;
    line-height:1.3!important;
  }
  #catalog .vdc-card__price em,
  #catalog .opn-card__price em{
    display:inline-block!important;
    margin-top:6px!important;
    font-size:10px!important;
    line-height:1.25!important;
  }
  #catalog .vdc-card__actions,
  #catalog .opn-card__actions{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    min-height:0!important;
    height:auto!important;
    margin:0!important;
  }
  #catalog .vdc-card__actions a,
  #catalog .vdc-card__actions button.vdc-card-request,
  #catalog .opn-card__actions a,
  #catalog .opn-card__actions button.vdc-card-request{
    min-height:42px!important;
    height:42px!important;
    padding:0 10px!important;
    border-radius:12px!important;
    font-size:12px!important;
  }
  #catalog .vdc-card__info,
  #catalog .opn-card__info{
    grid-column:1 / -1!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    min-width:0!important;
    margin:0!important;
  }
  #catalog .vdc-card__info span,
  #catalog .opn-card__info span{
    max-width:calc(100% - 88px)!important;
    font-size:9.5px!important;
    line-height:1.3!important;
  }
  #catalog .vdc-card__info button,
  #catalog .opn-card__info button{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    border-radius:11px!important;
  }
  #catalog .vdc-card__tag,
  #catalog .vdc-card__route{
    min-height:28px!important;
    padding:0 10px!important;
    font-size:10px!important;
  }

  /* ------------------------------------------------------------------
     Process: one readable card, compact car, no giant blank pane.
  ------------------------------------------------------------------ */
  .raf-process-v84{
    padding:38px 0 44px!important;
  }
  .raf-process-v84__container{
    width:min(100% - 26px,760px)!important;
  }
  .raf-process-v84__head{
    margin-bottom:14px!important;
  }
  .raf-process-v84__head>span{
    margin-bottom:8px!important;
    font-size:10px!important;
    letter-spacing:.18em!important;
  }
  .raf-process-v84__head h2{
    max-width:520px!important;
    font-size:clamp(30px,7vw,40px)!important;
    line-height:.96!important;
    letter-spacing:-.055em!important;
  }
  .raf-process-v84__stage{
    display:block!important;
    min-height:0!important;
  }
  .raf-process-v84__car-wrap{
    height:auto!important;
    min-height:0!important;
    margin:0 auto 4px!important;
    justify-content:center!important;
    overflow:visible!important;
  }
  .raf-process-v84__car{
    display:block!important;
    width:min(430px,92vw)!important;
    max-width:100%!important;
    height:auto!important;
    margin:0 auto!important;
  }
  .raf-process-v84__slider{
    position:relative!important;
    z-index:3!important;
    min-height:0!important;
  }
  .raf-process-v84__viewport{
    width:100%!important;
    min-height:0!important;
    padding:0!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:0!important;
    -webkit-mask-image:none!important;
    mask-image:none!important;
  }
  .raf-process-v84__track{
    width:max-content!important;
    min-width:100%!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  .raf-process-v84-card{
    flex:0 0 100%!important;
    width:100%!important;
    min-width:100%!important;
    max-width:none!important;
    min-height:0!important;
    height:auto!important;
    padding:17px 17px 18px!important;
    border-radius:21px!important;
    justify-content:flex-start!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
  }
  .raf-process-v84-card::after{
    opacity:.46!important;
  }
  .raf-process-v84-card__top{
    min-height:0!important;
    height:auto!important;
    margin:0 0 9px!important;
  }
  .raf-process-v84-card__icon{
    width:46px!important;
    height:46px!important;
    flex:0 0 46px!important;
  }
  .raf-process-v84-card__icon img,
  .raf-process-v84-card__icon svg{
    width:46px!important;
    height:46px!important;
  }
  .raf-process-v84-card__number{
    font-size:12px!important;
  }
  .raf-process-v84-card h3{
    max-width:none!important;
    margin:0 0 7px!important;
    font-size:20px!important;
    line-height:1.05!important;
    letter-spacing:-.015em!important;
  }
  .raf-process-v84-card p{
    margin:0!important;
    font-size:13px!important;
    line-height:1.42!important;
  }
  .raf-process-v84__nav{
    justify-content:center!important;
    gap:10px!important;
    margin-top:12px!important;
    padding:0!important;
  }
  .raf-process-v84__arrow{
    width:46px!important;
    height:46px!important;
  }

  /* ------------------------------------------------------------------
     Hero consultation form: keep 2x2 contact methods but remove the huge
     mobile vertical footprint.
  ------------------------------------------------------------------ */
  .raf-home .raf-hero-lead{
    width:100%!important;
    max-width:none!important;
    padding:19px 17px 17px!important;
    border-radius:23px!important;
  }
  .raf-home .raf-hero-lead__head{
    margin-bottom:14px!important;
  }
  .raf-home .raf-hero-lead__head>span{
    margin-bottom:6px!important;
    font-size:9px!important;
    letter-spacing:.16em!important;
  }
  .raf-home .raf-hero-lead__head h2{
    font-size:27px!important;
    line-height:1!important;
  }
  .raf-home .raf-hero-lead__head p{
    margin-top:7px!important;
    font-size:12px!important;
    line-height:1.4!important;
  }
  .raf-home .raf-hero-lead__form{
    gap:8px!important;
  }
  .raf-home .raf-hero-lead__field{
    min-height:48px!important;
    padding:0 12px 0 42px!important;
    border-radius:13px!important;
  }
  .raf-home .raf-hero-lead__icon{
    left:13px!important;
    width:18px!important;
    height:18px!important;
  }
  .raf-home .raf-hero-lead__field input,
  .raf-home .raf-hero-lead__field select{
    height:46px!important;
    font-size:13px!important;
  }
  .raf-home .raf-hero-contact-methods legend{
    margin-bottom:6px!important;
    font-size:9px!important;
    letter-spacing:.14em!important;
  }
  .raf-home .raf-hero-contact-methods__grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .raf-home .raf-hero-contact-option__tile{
    min-height:54px!important;
    padding:6px 8px!important;
    gap:7px!important;
    border-radius:13px!important;
  }
  .raf-home .raf-hero-contact-option__icon{
    width:28px!important;
    height:28px!important;
    flex:0 0 28px!important;
    border-radius:8px!important;
  }
  .raf-home .raf-hero-contact-option__icon img{
    width:28px!important;
    height:28px!important;
  }
  .raf-home .raf-hero-contact-option__icon--phone svg{
    width:15px!important;
    height:15px!important;
  }
  .raf-home .raf-hero-contact-option__label{
    font-size:10px!important;
    line-height:1!important;
  }
  .raf-home .raf-hero-lead__consent{
    grid-template-columns:17px minmax(0,1fr)!important;
    gap:7px!important;
    margin-top:1px!important;
  }
  .raf-home .raf-hero-lead__consent>span{
    width:16px!important;
    height:16px!important;
  }
  .raf-home .raf-hero-lead__consent small{
    font-size:10px!important;
    line-height:1.32!important;
  }
  .raf-home .raf-hero-lead__submit{
    min-height:48px!important;
    height:48px!important;
    margin-top:0!important;
    border-radius:13px!important;
    font-size:13px!important;
  }
  .raf-home .raf-hero-lead__safe{
    margin-top:0!important;
    font-size:9px!important;
    line-height:1.25!important;
  }

  /* Floating controls: much smaller so they stop covering cards and text. */
  .raf-video-float{
    --raf-video-thumb-size:66px!important;
    left:12px!important;
    bottom:12px!important;
    width:70px!important;
    min-width:70px!important;
  }
  .raf-video-float::before,
  .raf-video-float::after{
    top:-8px!important;
    width:78px!important;
    height:78px!important;
  }
  .raf-video-float__thumb{
    width:64px!important;
    height:64px!important;
  }
  .raf-video-float__play{
    width:28px!important;
    height:28px!important;
  }
  .raf-video-float__label{
    display:none!important;
  }
  .vd-scroll-top{
    right:12px!important;
    bottom:12px!important;
    width:46px!important;
    height:46px!important;
    border-radius:15px!important;
  }
}

@media (max-width:620px){
  /* Slightly tighter proportions for the phones shown in the supplied QA shots. */
  #catalog .opn-catalog__container,
  #catalog .container.opn-catalog__container{
    width:calc(100% - 22px)!important;
  }
  #catalog .opn-filter.vdc-filter{
    border-radius:20px!important;
  }
  #catalog .vdc-filter__mode-row,
  #catalog .opn-filter__row--top{
    padding:13px!important;
  }
  #catalog .opn-tabs.vdc-tabs,
  #catalog .vdc-tabs{
    height:42px!important;
  }
  #catalog .opn-tabs.vdc-tabs button,
  #catalog .vdc-tabs button{
    font-size:10.5px!important;
  }
  #catalog .opn-filter__row:not(.opn-filter__row--top){
    padding-left:13px!important;
    padding-right:13px!important;
  }
  #catalog .opn-filter-field,
  #catalog .opn-filter__grid button,
  #catalog .opn-price-pair button{
    height:44px!important;
    min-height:44px!important;
    font-size:12px!important;
  }
  #catalog .vdc-strip,
  #catalog .opn-strip{
    grid-auto-columns:minmax(0,calc(100vw - 22px))!important;
  }
  #catalog .vdc-card__photo,
  #catalog .opn-card__photo.vdc-card__photo{
    aspect-ratio:16 / 9.7!important;
  }
  #catalog .vdc-card__body,
  #catalog .opn-card__body.vdc-card__body{
    padding:12px 10px 10px!important;
    column-gap:7px!important;
    row-gap:8px!important;
  }
  #catalog .vdc-card__passport,
  #catalog .vdc-card__price,
  #catalog .opn-card__year,
  #catalog .opn-card__price{
    min-height:70px!important;
    padding:9px 10px!important;
  }
  #catalog .vdc-card__passport strong,
  #catalog .vdc-card__price strong,
  #catalog .opn-card__year strong,
  #catalog .opn-card__price strong{
    font-size:17px!important;
  }
  #catalog .opn-catalog__meta,
  #catalog .raf-catalog__meta{
    grid-template-columns:1fr!important;
    align-items:start!important;
  }
  #catalog .opn-meta-actions{
    width:100%!important;
    justify-content:space-between!important;
  }

  .raf-process-v84{
    padding:34px 0 40px!important;
  }
  .raf-process-v84__container{
    width:calc(100% - 22px)!important;
  }
  .raf-process-v84__head h2{
    max-width:340px!important;
    font-size:31px!important;
    line-height:.96!important;
  }
  .raf-process-v84__car-wrap{
    margin-bottom:2px!important;
  }
  .raf-process-v84__car{
    width:min(360px,94vw)!important;
  }
  .raf-process-v84-card{
    padding:15px 15px 16px!important;
    border-radius:19px!important;
  }
  .raf-process-v84-card__icon{
    width:42px!important;
    height:42px!important;
    flex-basis:42px!important;
  }
  .raf-process-v84-card__icon img,
  .raf-process-v84-card__icon svg{
    width:42px!important;
    height:42px!important;
  }
  .raf-process-v84-card h3{
    font-size:18px!important;
  }
  .raf-process-v84-card p{
    font-size:12.5px!important;
  }
  .raf-process-v84__arrow{
    width:44px!important;
    height:44px!important;
  }

  .raf-home .raf-hero-lead{
    padding:17px 14px 15px!important;
  }
  .raf-home .raf-hero-lead__head h2{
    font-size:25px!important;
  }
  .raf-home .raf-hero-contact-option__tile{
    min-height:50px!important;
    padding:5px 7px!important;
  }
  .raf-home .raf-hero-contact-option__icon{
    width:26px!important;
    height:26px!important;
    flex-basis:26px!important;
  }
  .raf-home .raf-hero-contact-option__icon img{
    width:26px!important;
    height:26px!important;
  }
  .raf-home .raf-hero-lead__consent small{
    font-size:9.5px!important;
  }

  .raf-video-float{
    --raf-video-thumb-size:60px!important;
    width:64px!important;
    min-width:64px!important;
  }
  .raf-video-float::before,
  .raf-video-float::after{
    top:-7px!important;
    width:72px!important;
    height:72px!important;
  }
  .raf-video-float__thumb{
    width:58px!important;
    height:58px!important;
  }
  .vd-scroll-top{
    width:44px!important;
    height:44px!important;
  }
}