/* Comptoir Auto V7.6.2 — Services Mobile & Navigation UX */
@media(max-width:700px){
  #modal.service-detail-v762{padding:0!important;align-items:stretch!important;background:#fffdf8!important;overscroll-behavior:contain}
  #modal.service-detail-v762 .modal-box{width:100%!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;display:grid!important;grid-template-rows:auto minmax(0,1fr)!important;overflow:hidden!important}
  #modal.service-detail-v762 .modal-head{position:relative!important;top:auto!important;z-index:8!important;min-height:56px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px!important;align-items:center;background:#fffdf8!important;border-bottom:1px solid #e7e1d6!important}
  #modal.service-detail-v762 .modal-head h3{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px!important}
  #modal.service-detail-v762 .modal-head .close{order:-1;width:auto!important;min-width:76px;height:40px;padding:0 10px!important;display:inline-flex;align-items:center;gap:6px;border:1px solid #ddd5c7!important;border-radius:11px!important;background:#fff!important;color:#173f35!important;font-size:18px!important}
  #modal.service-detail-v762 .modal-head .close b{font:800 12px/1 Inter,sans-serif}
  #modal.service-detail-v762 #modalForm{min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain;padding:0!important;scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
  #modal.service-detail-v762 .sv7422-detail{padding:0 10px calc(86px + env(safe-area-inset-bottom))!important}
  #modal.service-detail-v762 .sv7422-main-wrap,#modal.service-detail-v762 .sv7422-no-photo{height:clamp(210px,31dvh,270px)!important;margin-top:8px;touch-action:pan-y}
  #modal.service-detail-v762 .sv7422-thumbs{overflow-x:auto!important;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  #modal.service-detail-v762 .sv7422-thumb{scroll-snap-align:start;flex:0 0 76px!important}
  #modal.service-detail-v762 .sv7422-arrow{width:42px;height:42px}
  #modal.service-detail-v762 .sv7422-info h2{font-size:23px!important}
  #modal.service-detail-v762 .sv7422-provider{grid-template-columns:auto minmax(0,1fr)!important}
  #modal.service-detail-v762 .sv7422-profile-btn{grid-column:1/-1;width:100%}
  #modal.service-detail-v762 .sv7422-cta{display:none!important}
  #modal.service-detail-v762 .sv7422-bottom{display:grid!important;grid-template-columns:1fr!important}
  #modal.service-detail-v762 .sv7422-contact textarea{min-height:124px!important;scroll-margin-bottom:92px}
  #modal.service-detail-v762 .sv762-contact-dock{position:sticky;bottom:0;z-index:7;margin:12px -10px calc(-86px - env(safe-area-inset-bottom));padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(255,253,248,.82),#fffdf8 24%);border-top:1px solid #e7e1d6;box-shadow:0 -7px 22px rgba(17,52,41,.08)}
  #modal.service-detail-v762 .sv762-contact-dock button{width:100%;min-height:48px;border-radius:11px}
}
@media(min-width:701px){.sv762-contact-dock{display:none!important}}
@media(prefers-reduced-motion:reduce){#modal.service-detail-v762 *{scroll-behavior:auto!important}}