/* Deep Blue Car Spa V6.7 — visible, matching silecek SVG icon */
.quick-service[data-service="silecek"] svg{display:block!important;width:30px!important;height:30px!important;min-width:30px;stroke:#83d2ff!important;fill:none!important;stroke-width:1.8!important;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(50,160,235,.28));opacity:1!important}
.quick-service[data-service="silecek"]:is(:hover,.active) svg{stroke:#e4f6ff!important;filter:drop-shadow(0 0 8px rgba(83,185,255,.48))}
.db6-footer__links a.db67-wiper-link{display:inline-flex;align-items:center;gap:7px}
.db6-footer__links a.db67-wiper-link svg{width:17px;height:17px;min-width:17px;stroke:#7fc9ff;fill:none}
.service-visual img[src$="deepblue-silecek-hero.svg"]{filter:none!important;object-fit:cover!important}

/* V6.7.2 — unified modal overlay: stays above sticky header and dock */
#form-modal.modal-backdrop,
#video-modal.modal-backdrop{
  position:fixed!important;inset:0!important;z-index:1800!important;
  align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;
  padding:max(14px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))!important;
  overflow:hidden!important;
  background:rgba(2,7,14,.88)!important;
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
#form-modal.modal-backdrop.open,#video-modal.modal-backdrop.open{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body.db67-overlay-open > .db6-dock,
body.db67-nav-open > .db6-dock{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
#form-modal .modal.db67-form-sheet{
  display:flex!important;flex-direction:column!important;gap:0!important;
  position:relative!important;width:min(600px,100%)!important;
  max-height:calc(100dvh - 34px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
  min-height:0!important;margin:auto!important;padding:0!important;
  overflow:hidden!important;
  border-radius:20px!important;border:1px solid rgba(110,164,210,.54)!important;
  background:linear-gradient(165deg,#102138,#081421)!important;
  box-shadow:0 26px 80px rgba(0,0,0,.65),0 0 0 1px rgba(83,163,232,.08)!important;
}
#form-modal .db67-form-head{
  display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:16px;
  padding:18px 20px 16px;
  background:linear-gradient(145deg,#1a354e,#0b1a2b);
  border-bottom:1px solid rgba(101,150,193,.37);
}
#form-modal .db67-form-head-text{min-width:0;flex:1}
#form-modal .db67-form-head .kicker{display:block;margin:0 0 5px!important;font-size:10px;letter-spacing:1.2px;color:#8fd1ff}
#form-modal .db67-form-head h2{margin:0!important;font:800 clamp(24px,5vw,34px)/1 'Barlow Condensed',Arial,sans-serif!important;letter-spacing:.35px;color:#f0f8ff}
#form-modal .db67-form-head .close{
  position:static!important;inset:auto!important;display:grid!important;place-items:center!important;
  flex:0 0 46px!important;width:46px!important;height:46px!important;
  padding:0!important;margin:0!important;border-radius:13px!important;
  color:#eff8ff!important;background:linear-gradient(145deg,#263f56,#102437)!important;
  border:1px solid #6a96ba!important;box-shadow:inset 0 1px rgba(255,255,255,.14)!important;
  font-size:21px!important;line-height:1!important;z-index:5!important;
}
#form-modal .db67-form-scroll{
  flex:1 1 auto;min-height:0;overflow-y:auto!important;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:20px 22px 24px;
  scrollbar-width:thin;scrollbar-color:#3d779f #0a1726;
}
#form-modal .db67-form-scroll>p{color:#b8cfdf;font-size:12px;line-height:1.7;margin:0 0 12px}
#form-modal .db67-form-scroll .field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#form-modal .db67-form-scroll .field{min-width:0;margin:9px 0}
#form-modal .db67-form-scroll input,#form-modal .db67-form-scroll select,#form-modal .db67-form-scroll textarea{font-size:16px!important;max-width:100%;min-width:0}
#form-modal .db67-form-scroll .modal-action{margin:16px 0 0;display:flex;gap:10px}
#form-modal .db67-form-scroll .modal-action .btn{width:100%;min-height:48px;border-radius:12px}
#form-modal .close:focus-visible,#form-modal button:focus-visible,#video-modal button:focus-visible{outline:2px solid #9adeff;outline-offset:3px}
/* The video sheet also gets a reserved close-bar area and safe-height fit. */
#video-modal.modal-backdrop{z-index:1810!important}
#video-modal .db6-video-sheet{margin:auto!important;max-height:calc(100dvh - 34px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;overflow:hidden!important}
#video-modal .db6-video-top{flex:0 0 auto!important}
#video-modal .db6-video-meta{flex:0 0 auto!important}
#video-modal .db6-video-frame{flex:1 1 auto;min-height:0;overflow:hidden;display:grid;place-items:center}
#video-modal .db6-video-frame video{max-height:min(55dvh,500px)!important}
@media(max-width:760px){
  #form-modal.modal-backdrop{align-items:center!important;padding:12px 10px max(12px,env(safe-area-inset-bottom))!important}
  #form-modal .modal.db67-form-sheet{width:min(100%,560px)!important;max-height:calc(100dvh - 24px - env(safe-area-inset-bottom))!important;border-radius:19px!important}
  #form-modal .db67-form-head{padding:14px 15px!important}
  #form-modal .db67-form-scroll{padding:15px!important}
  #form-modal .db67-form-scroll .field-grid{grid-template-columns:1fr;gap:3px}
  #form-modal .db67-form-head h2{font-size:clamp(23px,6vw,30px)!important}
  #video-modal.modal-backdrop{align-items:center!important;padding:12px 10px max(12px,env(safe-area-inset-bottom))!important}
  #video-modal .db6-video-frame video{max-height:45dvh!important}
}
@media(max-height:570px) and (orientation:landscape){
  #form-modal .modal.db67-form-sheet{max-height:calc(100dvh - 18px)!important}
  #form-modal .db67-form-head{padding:9px 14px!important}
  #form-modal .db67-form-scroll{padding:10px 14px!important}
  #video-modal .db6-video-frame video{max-height:38dvh!important}
}