/* KARETA r62l — services home page grid, polish and logo.

   Built by content cleanup, not global bundle.

   Source files are archived in /_project_docs/css_services_r62l_originals/.

   Conservative cleanup: only declarations overridden inside identical selector + identical media context were removed.

*/



/* source: css/services_grid_9_r62c.css */

.services-app-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
}

.services-app-grid .services-app-tile{
  min-width:0 !important;
}

@media (max-width:360px){
.services-app-grid{
  gap:8px !important;
}
}

/* source: css/services_home_fix_r62e.css */

body.kareta-page-services,
body.kr-route-services,
#app.kr-route-services{
  background:#eef0f2 !important;
}

.services-app-page--home{
  min-height:100dvh !important;
  overflow-x:hidden !important;
}

.services-app-page--home .services-app-phone{
  width:min(100%, 1040px) !important;
  max-width:1040px !important;
  margin:0 auto !important;
  padding:clamp(16px,3vw,34px) !important;
  border-radius:clamp(0px,2vw,28px) !important;
  background:#fff !important;
  box-shadow:0 16px 42px rgba(15,23,42,.08) !important;
  border:1px solid rgba(15,23,42,.055) !important;
  overflow:hidden !important;
}

.services-app-page--home .services-app-home-head{
  padding:0 !important;
  margin:0 0 16px !important;
}

.services-app-page--home .services-app-topline{
  display:flex !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-width:0 !important;
  margin:0 0 clamp(16px,2.5vw,26px) !important;
}

.services-app-page--home .services-app-logo,
.services-app-page--home .services-app-logo span{
  display:none !important;
}

.services-app-page--home .services-app-logo-img{
  display:block !important;
  width:auto !important;
  max-width:min(220px,65vw) !important;
  object-fit:contain !important;
  object-position:left center !important;
  flex:0 1 auto !important;
}

.services-app-page--home .services-app-icon-btn{
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  border:1px solid #e7e8eb !important;
  border-radius:14px !important;
  background:#f4f4f5 !important;
  color:#111318 !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.services-app-page--home .services-app-icon-btn svg{
  width:21px !important;
  height:21px !important;
  stroke:currentColor !important;
}

.services-app-page--home .services-app-home-head h1{
  margin:0 !important;
  color:#080b10 !important;
  font-size:clamp(34px,6.2vw,68px) !important;
  line-height:.96 !important;
  font-weight:950 !important;
  letter-spacing:-.075em !important;
}

.services-app-page--home .services-app-search{
  width:100% !important;
  max-width:520px !important;
  height:50px !important;
  margin:clamp(18px,3vw,30px) 0 clamp(16px,2.6vw,24px) !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 50px !important;
  align-items:center !important;
  gap:0 !important;
  border:1px solid #e7e8eb !important;
  border-radius:16px !important;
  overflow:hidden !important;
}

.services-app-page--home .services-app-search > span{
  width:42px !important;
  height:50px !important;
  min-width:42px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.services-app-page--home .services-app-search svg{
  width:18px !important;
  height:18px !important;
  stroke:currentColor !important;
  fill:none !important;
}

.services-app-page--home .services-app-search input{
  min-width:0 !important;
  width:100% !important;
  height:50px !important;
  margin:0 !important;
  padding:0 10px !important;
  border:0 !important;
  border-radius:0 !important;
  outline:0 !important;
  background:transparent !important;
  color:#111318 !important;
  font-size:15px !important;
  font-weight:750 !important;
  box-shadow:none !important;
}

.services-app-page--home .services-app-search input::placeholder{
  color:#8b929d !important;
  opacity:1 !important;
}

.services-app-page--home .services-app-search button{
  width:50px !important;
  height:50px !important;
  min-width:50px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:#ffb000 !important;
  color:#111 !important;
  box-shadow:0 10px 22px rgba(255,176,0,.20) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.services-app-page--home .services-app-emergency-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 0 14px !important;
}

.services-app-page--home .services-app-emergency-row button{
  min-width:0 !important;
  min-height:42px !important;
  padding:0 9px !important;
  border:1px solid #e7e8eb !important;
  border-radius:14px !important;
  color:#111318 !important;
  box-shadow:0 6px 16px rgba(15,23,42,.035) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  overflow:hidden !important;
}

.services-app-page--home .services-app-emergency-row button span{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.services-app-page--home .services-app-emergency-row button b{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

.services-app-page--home .services-app-grid{
  width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:0 0 clamp(18px,3vw,30px) !important;
  align-items:stretch !important;
}

.services-app-page--home .services-app-grid .services-app-tile{
  min-width:0 !important;
  width:100% !important;
  min-height:clamp(92px,13vw,132px) !important;
  padding:clamp(10px,1.8vw,16px) 8px !important;
  border:0 !important;
  border-radius:16px !important;
  background:#f4f4f5 !important;
  color:#111318 !important;
  box-shadow:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:clamp(8px,1.4vw,12px) !important;
  text-align:center !important;
  overflow:hidden !important;
  position:relative !important;
}

.services-app-page--home .services-app-grid .services-app-tile__icon{
  width:clamp(38px,5.8vw,54px) !important;
  height:clamp(38px,5.8vw,54px) !important;
  min-width:clamp(38px,5.8vw,54px) !important;
  min-height:clamp(38px,5.8vw,54px) !important;
  border-radius:15px !important;
  background:#fff !important;
  color:#111318 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 6px 16px rgba(15,23,42,.035) !important;
  overflow:hidden !important;
}

.services-app-page--home .services-app-grid .services-app-tile:nth-child(9) .services-app-tile__icon{
  background:#ffb000 !important;
  color:#111 !important;
  box-shadow:0 10px 22px rgba(255,176,0,.20) !important;
}

.services-app-page--home .services-app-grid .services-app-tile__icon svg{
  width:clamp(21px,3vw,28px) !important;
  height:clamp(21px,3vw,28px) !important;
  stroke:currentColor !important;
  fill:none !important;
  stroke-width:1.8 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

.services-app-page--home .services-app-grid .services-app-tile__label{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  color:#111318 !important;
  font-size:clamp(11px,1.7vw,15px) !important;
  line-height:1.12 !important;
  font-weight:900 !important;
  letter-spacing:-.025em !important;
  text-align:center !important;
  white-space:normal !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  text-overflow:ellipsis !important;
}

.services-app-page--home .services-app-nearby{
  min-width:0 !important;
  margin-top:0 !important;
}

.services-app-page--home .services-app-section-row{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  margin:0 0 10px !important;
}

.services-app-page--home .services-app-section-row b{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#080b10 !important;
  font-size:18px !important;
  font-weight:950 !important;
}

.services-app-page--home .services-app-section-row button{
  flex:0 0 auto !important;
  min-height:34px !important;
  padding:0 10px !important;
  border:1px solid #e7e8eb !important;
  border-radius:12px !important;
  background:#fff !important;
  color:#111318 !important;
  font-size:12px !important;
  font-weight:900 !important;
}

@media (min-width:768px){
.services-app-page--home{
  padding:clamp(18px,3vw,38px) clamp(18px,3vw,48px) calc(116px + env(safe-area-inset-bottom,0px)) !important;
}
}

@media (min-width:768px){
.services-app-page--home .services-app-phone{
  min-height:640px !important;
}
}

@media (min-width:768px){
.services-app-page--home .services-app-home-head{
  display:block !important;
}
}

@media (min-width:768px){
.services-app-page--home .services-app-grid{
  gap:14px !important;
}
}

@media (min-width:768px){
.services-app-page--home .services-app-grid .services-app-tile{
  border-radius:18px !important;
}
}

@media (max-width:767px){
.services-app-page--home{
  padding:0 0 calc(90px + env(safe-area-inset-bottom,0px)) !important;
  background:#fff !important;
}
}

@media (max-width:767px){
.services-app-page--home .services-app-phone{
  width:100% !important;
  min-height:100dvh !important;
  padding:16px 14px 22px !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
}

@media (max-width:767px){
.services-app-page--home .services-app-logo-img{
  height:44px !important;
  max-width:170px !important;
}
}

@media (max-width:767px){
.services-app-page--home .services-app-home-head h1{
  font-size:clamp(32px,9.5vw,42px) !important;
}
}

@media (max-width:767px){
.services-app-page--home .services-app-grid{
  gap:9px !important;
}
}

@media (max-width:767px){
.services-app-page--home .services-app-grid .services-app-tile{
  min-height:94px !important;
  padding:10px 6px !important;
}
}

@media (max-width:360px){
.services-app-page--home .services-app-phone{
  padding-left:12px !important;
  padding-right:12px !important;
}
}

@media (max-width:360px){
.services-app-page--home .services-app-search{
  grid-template-columns:36px minmax(0,1fr) 44px !important;
  height:46px !important;
}
}

@media (max-width:360px){
.services-app-page--home .services-app-search > span,
  .services-app-page--home .services-app-search input,
  .services-app-page--home .services-app-search button{
  height:46px !important;
}
}

@media (max-width:360px){
.services-app-page--home .services-app-search button{
  width:44px !important;
  min-width:44px !important;
}
}

@media (max-width:360px){
.services-app-page--home .services-app-emergency-row{
  gap:7px !important;
}
}

@media (max-width:360px){
.services-app-page--home .services-app-emergency-row button b{
  font-size:11px !important;
}
}

@media (max-width:360px){
.services-app-page--home .services-app-grid{
  gap:7px !important;
}
}

@media (max-width:360px){
.services-app-page--home .services-app-grid .services-app-tile{
  min-height:88px !important;
  border-radius:14px !important;
}
}

@media (max-width:360px){
.services-app-page--home .services-app-grid .services-app-tile__label{
  font-size:10.5px !important;
}
}

/* source: css/services_home_polish_r62f.css */

.services-app-page--home{
  --svc-r62f-bg:#eef0f2;
  --svc-r62f-card:#ffffff;
  --svc-r62f-soft:#f4f4f5;
  --svc-r62f-line:#e7e8eb;
  --svc-r62f-text:#080b10;
  --svc-r62f-muted:#6f747d;
  --svc-r62f-orange:#ffb000;
  --svc-r62f-orange2:#ff9800;
  --svc-r62f-shadow:0 18px 46px rgba(15,23,42,.085);
  background:radial-gradient(circle at 18% 0%, rgba(255,176,0,.11), transparent 28%),
    linear-gradient(180deg,#f3f4f6 0%, #eef0f2 100%) !important;
}

.services-app-page--home .services-app-phone{
  position:relative !important;
  isolation:isolate !important;
}

.services-app-page--home .services-app-phone::before{
  content:"" !important;
  position:absolute !important;
  z-index:-1 !important;
  right:-80px !important;
  top:-100px !important;
  width:260px !important;
  height:260px !important;
  border-radius:50% !important;
  background:rgba(255,176,0,.10) !important;
  pointer-events:none !important;
}

.services-app-page--home .services-app-logo-img{
  height:clamp(50px,6vw,70px) !important;
  image-rendering:auto !important;
}

.services-app-page--home .services-app-icon-btn{
  transition:transform .16s ease, background .16s ease, box-shadow .16s ease !important;
}

.services-app-page--home .services-app-icon-btn:active{
  transform:scale(.96) !important;
}

.services-app-page--home .services-app-home-head h1{
  max-width:680px !important;
  text-wrap:balance !important;
}

.services-app-page--home .services-app-hero-sub{
  max-width:520px !important;
  margin:12px 0 0 !important;
  color:var(--svc-r62f-muted) !important;
  font-size:clamp(14px,1.8vw,18px) !important;
  line-height:1.34 !important;
  font-weight:750 !important;
  letter-spacing:-.02em !important;
}

.services-app-page--home .services-app-search{
  position:relative !important;
  background:#fff !important;
  border-color:rgba(15,23,42,.07) !important;
  box-shadow:0 8px 24px rgba(15,23,42,.055) !important;
}

.services-app-page--home .services-app-search:focus-within{
  border-color:rgba(255,176,0,.72) !important;
  box-shadow:0 0 0 4px rgba(255,176,0,.14), 0 10px 26px rgba(15,23,42,.065) !important;
}

.services-app-page--home .services-app-search > span{
  color:#7b828d !important;
}

.services-app-page--home .services-app-search button{
  margin-right:0 !important;
  border-radius:14px !important;
  transition:transform .14s ease, filter .14s ease !important;
}

.services-app-page--home .services-app-search button:active{
  transform:scale(.96) !important;
  filter:saturate(1.08) !important;
}

.services-app-page--home .services-app-emergency-row button{
  background:#fff !important;
  transition:transform .14s ease, border-color .14s ease, box-shadow .14s ease !important;
}

.services-app-page--home .services-app-emergency-row button:hover{
  border-color:rgba(255,176,0,.32) !important;
  box-shadow:0 10px 24px rgba(15,23,42,.065) !important;
}

.services-app-page--home .services-app-emergency-row button:active{
  transform:scale(.985) !important;
}

.services-app-page--home .services-app-emergency-row button:first-child{
  border-color:rgba(239,68,68,.18) !important;
}

.services-app-page--home .services-app-emergency-row button:first-child span{
  color:#ef4444 !important;
}

.services-app-page--home .services-app-grid--r62f{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:clamp(8px,1.7vw,14px) !important;
}

.services-app-page--home .services-app-grid--r62f .services-app-tile{
  border:1px solid rgba(15,23,42,.045) !important;
  background:linear-gradient(180deg,#fff,#f8f8f9) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
  transition:transform .14s ease, box-shadow .14s ease, border-color .14s ease, background .14s ease !important;
}

.services-app-page--home .services-app-grid--r62f .services-app-tile:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(255,176,0,.30) !important;
  box-shadow:0 12px 28px rgba(15,23,42,.075) !important;
}

.services-app-page--home .services-app-grid--r62f .services-app-tile:active{
  transform:scale(.985) !important;
}

.services-app-page--home .services-app-grid--r62f .services-app-tile__icon{
  background:#fff !important;
  border:1px solid rgba(15,23,42,.045) !important;
}

.services-app-page--home .services-app-grid--r62f .services-app-tile:nth-child(9){
  background:linear-gradient(180deg,#fff8df,#fff) !important;
  border-color:rgba(255,176,0,.34) !important;
}

.services-app-page--home .services-app-grid--r62f .services-app-tile:nth-child(9) .services-app-tile__icon{
  border:0 !important;
}

.services-app-page--home .services-app-shop-card{
  min-width:0 !important;
  width:100% !important;
  padding:14px !important;
  display:grid !important;
  grid-template-columns:58px minmax(0,1fr) 30px !important;
  gap:12px !important;
  align-items:center !important;
  border:1px solid var(--svc-r62f-line) !important;
  border-radius:18px !important;
  background:#fff !important;
  box-shadow:0 10px 28px rgba(15,23,42,.055) !important;
  overflow:hidden !important;
  text-align:left !important;
}

.services-app-page--home .services-app-shop-photo{
  width:58px !important;
  height:58px !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,rgba(255,176,0,.95),rgba(255,152,0,.78)),
    #ffb000 !important;
  position:relative !important;
  overflow:hidden !important;
}

.services-app-page--home .services-app-shop-photo::after{
  content:"K" !important;
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#111 !important;
  font-weight:950 !important;
  font-size:22px !important;
  letter-spacing:-.06em !important;
}

.services-app-page--home .services-app-shop-body{
  min-width:0 !important;
  display:grid !important;
  gap:4px !important;
}

.services-app-page--home .services-app-shop-body strong{
  color:var(--svc-r62f-text) !important;
  font-size:16px !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.services-app-page--home .services-app-shop-body em,
.services-app-page--home .services-app-shop-body small{
  min-width:0 !important;
  color:var(--svc-r62f-muted) !important;
  font-size:12px !important;
  line-height:1.18 !important;
  font-style:normal !important;
  font-weight:750 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.services-app-page--home .services-app-heart{
  width:30px !important;
  height:30px !important;
  border-radius:10px !important;
  background:#f4f4f5 !important;
  color:#111 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:18px !important;
}

@media (min-width:768px){
.services-app-page--home .services-app-grid--r62f .services-app-tile{
  min-height:126px !important;
}
}

@media (min-width:768px){
.services-app-page--home .services-app-search{
  max-width:560px !important;
}
}

@media (min-width:1040px){
.services-app-page--home .services-app-phone{
  max-width:1120px !important;
  padding:40px !important;
}
}

@media (min-width:1040px){
.services-app-page--home .services-app-home-head{
  margin-bottom:10px !important;
}
}

@media (min-width:1040px){
.services-app-page--home .services-app-grid--r62f{
  max-width:680px !important;
}
}

@media (min-width:1040px){
.services-app-page--home .services-app-nearby{
  max-width:680px !important;
}
}

@media (max-width:767px){
.services-app-page--home .services-app-phone::before{
  display:none !important;
}
}

@media (max-width:767px){
.services-app-page--home .services-app-hero-sub{
  font-size:14px !important;
  margin-top:10px !important;
}
}

@media (max-width:767px){
.services-app-page--home .services-app-grid--r62f .services-app-tile{
  min-height:92px !important;
}
}

@media (max-width:390px){
.services-app-page--home .services-app-logo-img{
  height:40px !important;
  max-width:150px !important;
}
}

@media (max-width:390px){
.services-app-page--home .services-app-home-head h1{
  font-size:31px !important;
}
}

@media (max-width:390px){
.services-app-page--home .services-app-hero-sub{
  font-size:13px !important;
}
}

@media (max-width:390px){
.services-app-page--home .services-app-grid--r62f{
  gap:7px !important;
}
}

@media (max-width:390px){
.services-app-page--home .services-app-grid--r62f .services-app-tile{
  min-height:84px !important;
  padding:8px 4px !important;
}
}

@media (max-width:390px){
.services-app-page--home .services-app-grid--r62f .services-app-tile__icon{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  min-height:34px !important;
  border-radius:12px !important;
}
}

@media (max-width:390px){
.services-app-page--home .services-app-grid--r62f .services-app-tile__icon svg{
  width:19px !important;
  height:19px !important;
}
}

@media (max-width:390px){
.services-app-page--home .services-app-grid--r62f .services-app-tile__label{
  font-size:10px !important;
}
}

.services-app-page--home :where(h1,p,span,b,strong,em,small,button,input,div){
  min-width:0 !important;
  max-width:100% !important;
  overflow-wrap:anywhere !important;
}

/* source: css/services_logo_image_r62g.css */

.services-app-page--home .services-app-topline{
  min-height:64px !important;
  align-items:center !important;
}

.services-app-page--home .services-app-logo-img--full-r62g{
  display:block !important;
  width:auto !important;
  height:clamp(54px,7vw,78px) !important;
  max-width:min(280px,72vw) !important;
  object-fit:contain !important;
  object-position:left center !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  z-index:2 !important;
  flex:0 1 auto !important;
}

.services-app-page--home .services-app-logo-img--fallback-r62g{
  height:clamp(48px,6vw,66px) !important;
  max-width:min(190px,56vw) !important;
  padding:6px !important;
  border-radius:18px !important;
  background:#fff3c7 !important;
  box-shadow:0 8px 22px rgba(255,176,0,.16) !important;
}

.services-app-page--home .services-app-logo{
  display:none !important;
}

@media (max-width:430px){
.services-app-page--home .services-app-topline{
  min-height:54px !important;
  gap:8px !important;
}
}

@media (max-width:430px){
.services-app-page--home .services-app-logo-img--full-r62g{
  height:46px !important;
  max-width:calc(100vw - 92px) !important;
}
}

@media (max-width:430px){
.services-app-page--home .services-app-logo-img--fallback-r62g{
  height:42px !important;
  max-width:128px !important;
}
}

/* r62p — reference structure polish: home / quick search / provider detail */
.services-app-page--reference-r62p{
  --svc-ref-bg:#f3f4f6;
  --svc-ref-card:#fff;
  --svc-ref-soft:#f7f7f8;
  --svc-ref-line:#eceef1;
  --svc-ref-text:#101114;
  --svc-ref-muted:#737985;
  --svc-ref-orange:#ff6b00;
  --svc-ref-orange2:#ff8b00;
  background:linear-gradient(180deg,#f7f8fa 0%,#eef0f3 100%) !important;
}
.services-app-page--reference-r62p .services-app-phone{
  width:min(100%,390px) !important;
  max-width:390px !important;
  min-height:100dvh !important;
  margin:0 auto !important;
  padding:16px 14px calc(96px + env(safe-area-inset-bottom,0px)) !important;
  border-radius:0 !important;
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  position:relative !important;
}
@media (min-width:768px){
  .services-app-page--reference-r62p{padding:34px 0 calc(112px + env(safe-area-inset-bottom,0px)) !important;}
  .services-app-page--reference-r62p .services-app-phone{
    min-height:740px !important;
    border-radius:28px !important;
    box-shadow:0 22px 55px rgba(15,23,42,.12) !important;
    border:1px solid rgba(15,23,42,.055) !important;
    overflow:hidden !important;
  }
}
.services-app-page--reference-r62p .services-app-topline{margin:0 0 12px !important;align-items:center !important;}
.services-app-page--reference-r62p .services-app-logo-img{height:38px !important;max-width:150px !important;}
.services-app-page--reference-r62p .services-app-home-head{margin:0 0 12px !important;padding:0 !important;}
.services-app-page--reference-r62p .services-app-home-head h1{
  font-size:22px !important;
  line-height:1.12 !important;
  letter-spacing:-.04em !important;
  font-weight:950 !important;
  color:#111318 !important;
  margin:0 !important;
}
.services-app-bell-btn{position:relative !important;background:#fff !important;border:0 !important;box-shadow:none !important;}
.services-app-bell-btn i{
  position:absolute;right:1px;top:1px;min-width:15px;height:15px;padding:0 3px;border-radius:999px;
  background:#ff6b00;color:#fff;font-size:9px;line-height:15px;font-style:normal;font-weight:900;text-align:center;
}
.services-app-action-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1.1fr;gap:10px;margin:10px 0 18px;}
.services-app-action-card{
  min-height:74px;border:1px solid #eceef1;border-radius:13px;background:#fff;color:#111318;
  box-shadow:0 8px 20px rgba(15,23,42,.045);display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:7px;padding:8px 6px;text-align:center;cursor:pointer;
}
.services-app-action-card span{width:23px;height:23px;display:flex;align-items:center;justify-content:center;color:#111318;}
.services-app-action-card svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.services-app-action-card b{font-size:10px;line-height:1.18;font-weight:900;color:inherit;}
.services-app-action-card--primary{background:linear-gradient(180deg,#ff7a00,#ff5f00);border-color:#ff6b00;color:#fff;box-shadow:0 14px 30px rgba(255,107,0,.28);}
.services-app-action-card--primary span,.services-app-action-card--primary b{color:#fff;}
.services-app-action-card:active,.services-app-promo:active,.services-app-fab-plus:active{transform:scale(.985);}
.services-app-popular{margin:0 0 12px;}
.services-app-page--reference-r62p .services-app-section-row{margin:0 0 10px !important;}
.services-app-page--reference-r62p .services-app-section-row b{font-size:13px !important;line-height:1.2 !important;font-weight:950 !important;}
.services-app-page--reference-r62p .services-app-section-row button{border:0 !important;background:transparent !important;color:#6b7280 !important;min-height:auto !important;padding:0 !important;font-size:10.5px !important;font-weight:850 !important;}
.services-app-page--reference-r62p .services-app-grid--popular-r62p{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:9px !important;margin:0 !important;}
.services-app-page--reference-r62p .services-app-grid--popular-r62p .services-app-tile{
  min-height:54px !important;border:1px solid #eceef1 !important;border-radius:12px !important;background:#fff !important;box-shadow:0 6px 16px rgba(15,23,42,.035) !important;padding:6px 3px !important;gap:4px !important;
}
.services-app-page--reference-r62p .services-app-grid--popular-r62p .services-app-tile__icon{width:20px !important;height:20px !important;min-width:20px !important;min-height:20px !important;border:0 !important;background:transparent !important;box-shadow:none !important;color:#111318 !important;}
.services-app-page--reference-r62p .services-app-grid--popular-r62p .services-app-tile__icon svg{width:19px !important;height:19px !important;stroke-width:1.7 !important;}
.services-app-page--reference-r62p .services-app-grid--popular-r62p .services-app-tile__label{font-size:8.5px !important;line-height:1.08 !important;font-weight:850 !important;-webkit-line-clamp:2 !important;letter-spacing:-.03em !important;}
.services-app-promo{
  width:100%;min-height:92px;border:0;border-radius:12px;margin:10px 0 18px;padding:12px 12px 10px;
  display:grid;grid-template-columns:minmax(0,1fr) 122px;gap:8px;text-align:left;overflow:hidden;position:relative;cursor:pointer;
  background:linear-gradient(105deg,#fff1d8 0%,#fff6e9 55%,#ffd79b 100%);color:#111318;
}
.services-app-promo__copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;position:relative;z-index:2;}
.services-app-promo__copy b{font-size:13px;line-height:1.18;font-weight:950;color:#111318;}
.services-app-promo__copy em{font-size:9.5px;line-height:1.2;color:#6b7280;font-style:normal;font-weight:750;}
.services-app-promo__copy strong{margin-top:7px;border-radius:7px;background:#111318;color:#fff;font-size:9px;line-height:1;font-weight:900;padding:8px 10px;}
.services-app-promo__visual{position:relative;min-height:68px;display:flex;align-items:center;justify-content:center;}
.services-app-promo__visual i{width:82px;height:82px;border-radius:50%;border:14px solid #20242b;display:block;background:#343941;box-shadow:0 10px 22px rgba(15,23,42,.22);}
.services-app-promo__visual i::after{content:"";display:block;width:32px;height:32px;margin:11px auto;border-radius:50%;background:#f6f7f9;box-shadow:0 0 0 10px #1b1f26 inset;}
.services-app-promo__visual mark{position:absolute;right:0;top:9px;width:47px;height:47px;border-radius:15px;background:#ff6b00;color:#fff;display:flex;align-items:center;justify-content:center;font-size:27px;font-weight:950;transform:rotate(-10deg);}
.services-app-shop-card--reference{grid-template-columns:74px minmax(0,1fr) 28px !important;min-height:88px !important;border-radius:13px !important;padding:8px !important;box-shadow:0 10px 24px rgba(15,23,42,.075) !important;}
.services-app-shop-card--reference .services-app-shop-photo{width:74px;height:64px;border-radius:11px;background:linear-gradient(135deg,#1d2733,#0f1722 55%,#ff6b00 56%,#ff8b00);}
.services-app-shop-card--reference .services-app-shop-body strong{font-size:12px;display:flex;align-items:center;gap:4px;}
.services-app-shop-card--reference .services-app-shop-body strong i{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:#0a84ff;color:#fff;font-size:8px;font-style:normal;}
.services-app-shop-card--reference .services-app-shop-body em{font-size:10.5px;color:#111318;}
.services-app-shop-card--reference .services-app-shop-body small{font-size:10px;color:#6b7280;}
.services-app-shop-card--reference .services-app-shop-body mark{align-self:flex-start;margin-top:1px;border-radius:5px;background:#d9f7df;color:#168837;padding:3px 6px;font-size:9px;font-weight:850;}
.services-app-fab-plus{position:absolute;right:14px;bottom:calc(78px + env(safe-area-inset-bottom,0px));width:48px;height:48px;border:0;border-radius:50%;background:#ff6b00;color:#fff;font-size:30px;line-height:48px;font-weight:500;box-shadow:0 16px 32px rgba(255,107,0,.30);cursor:pointer;z-index:4;}
@media (max-width:360px){
  .services-app-action-grid{gap:8px;}
  .services-app-action-card{min-height:68px;}
  .services-app-page--reference-r62p .services-app-grid--popular-r62p{gap:6px;}
  .services-app-page--reference-r62p .services-app-grid--popular-r62p .services-app-tile__label{font-size:8px !important;}
  .services-app-promo{grid-template-columns:minmax(0,1fr) 104px;}
}

/* quick search screen */
.services-app-page--quick .services-app-phone,.services-app-page--provider .services-app-phone{background:#fff !important;}
.services-app-nav-head--quick{height:38px !important;margin:0 0 20px !important;display:grid !important;grid-template-columns:34px minmax(0,1fr) 34px !important;align-items:center !important;gap:8px !important;}
.services-app-nav-head--quick h1{text-align:left !important;font-size:14px !important;font-weight:950 !important;color:#111318 !important;}
.services-app-nav-head--quick > button:first-child{width:32px !important;height:32px !important;border:0 !important;background:transparent !important;color:#111318 !important;font-size:31px !important;}
.services-app-search--quick{width:100% !important;max-width:none !important;height:46px !important;margin:0 0 20px !important;border:1px solid #eceef1 !important;border-radius:12px !important;box-shadow:0 8px 20px rgba(15,23,42,.04) !important;background:#fff !important;grid-template-columns:40px minmax(0,1fr) !important;}
.services-app-search--quick > span,.services-app-search--quick input{height:44px !important;background:#fff !important;border-radius:0 !important;}
.services-app-search--quick input{font-size:12px !important;font-weight:750 !important;padding:0 10px 0 0 !important;}
.services-app-block{margin:0 0 26px;}
.services-app-block h2{margin:0 0 13px;color:#111318;font-size:13px;line-height:1.2;font-weight:950;}
.services-app-recent{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;}
.services-app-recent::-webkit-scrollbar{display:none;}
.services-app-recent-chip{flex:0 0 auto;border:0;border-radius:11px;background:#f4f5f6;color:#111318;padding:10px 14px;font-size:11px;font-weight:850;}
.services-app-vehicle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
.services-app-vehicle{min-height:66px;border:1px solid #eceef1;border-radius:12px;background:#fff;color:#111318;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:7px 4px;}
.services-app-vehicle span{width:22px;height:22px;color:#111318;display:flex;align-items:center;justify-content:center;}
.services-app-vehicle svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.services-app-vehicle b{font-size:8.5px;line-height:1.15;font-weight:850;color:#111318;}
.services-app-vehicle.is-active{border-color:#ff6b00;background:#fff7ef;color:#ff6b00;box-shadow:0 0 0 1px rgba(255,107,0,.10) inset;}
.services-app-vehicle.is-active span,.services-app-vehicle.is-active b{color:#ff6b00;}
.services-app-location-field{width:100%;height:48px;border:1px solid #eceef1;border-radius:12px;background:#fff;color:#111318;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;text-align:left;}
.services-app-location-field span{font-size:12px;font-weight:800;color:#707782;}
.services-app-location-field b{width:22px;height:22px;color:#111318;display:flex;align-items:center;justify-content:center;}
.services-app-location-field svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;}
.services-app-submit--quick{height:50px !important;border-radius:12px !important;background:linear-gradient(180deg,#ff7a00,#ff5f00) !important;color:#fff !important;font-size:13px !important;box-shadow:0 12px 28px rgba(255,107,0,.25) !important;}

/* provider detail */
.services-app-page--provider .services-app-phone{padding:0 0 calc(96px + env(safe-area-inset-bottom,0px)) !important;overflow:hidden !important;}
.services-provider-cover{height:170px;position:relative;overflow:hidden;background:linear-gradient(145deg,#9dc7e9 0%,#d8efff 35%,#28313a 36%,#121821 70%,#ff6b00 71%,#121821 84%);}
.services-provider-cover::after{content:"";position:absolute;left:30px;right:28px;bottom:26px;height:48px;border-radius:8px;background:linear-gradient(180deg,#252b31,#0d1117);box-shadow:0 -20px 0 0 rgba(255,255,255,.12) inset, 82px 16px 0 -14px #0a0d11, 142px 16px 0 -14px #0a0d11;}
.services-provider-cover__back{position:absolute;z-index:2;left:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#111318;font-size:29px;line-height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(15,23,42,.12);}
.services-provider-cover__tools{position:absolute;z-index:2;right:12px;top:12px;display:flex;gap:8px;}
.services-provider-cover__tools button{width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#111318;font-size:18px;box-shadow:0 8px 20px rgba(15,23,42,.12);}
.services-provider-cover__brand{position:absolute;z-index:2;left:118px;top:62px;color:#ff6b00;font-size:20px;line-height:1;font-weight:950;letter-spacing:.02em;text-shadow:0 2px 0 #111;}
.services-provider-cover__counter{position:absolute;z-index:2;right:14px;bottom:12px;color:#fff;font-size:12px;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.5);}
.services-provider-card{margin:-20px 0 0;padding:16px 14px 13px;border-radius:20px 20px 0 0;background:#fff;position:relative;z-index:3;}
.services-provider-card h1{margin:0 0 5px;color:#111318;font-size:18px;line-height:1.15;font-weight:950;letter-spacing:-.03em;}
.services-provider-card h1 span{display:inline-flex;width:14px;height:14px;border-radius:50%;align-items:center;justify-content:center;background:#0a84ff;color:#fff;font-size:9px;vertical-align:middle;}
.services-provider-rating{display:flex;align-items:center;gap:5px;margin:0 0 4px;font-size:11px;line-height:1.2;}
.services-provider-rating b{color:#ff8a00;font-weight:950;}.services-provider-rating em{color:#717986;font-style:normal;font-weight:750;}.services-provider-rating strong{font-weight:850;color:#58606b;}.services-provider-rating i{font-style:normal;color:#a1a7b0;}
.services-provider-card p{margin:0 0 6px;color:#6f7681;font-size:11px;font-weight:800;}
.services-provider-card mark{display:inline-flex;border-radius:5px;background:#d9f7df;color:#168837;padding:4px 7px;font-size:9px;font-weight:900;}
.services-provider-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:14px 0 0;border:1px solid #eceef1;border-radius:11px;overflow:hidden;}
.services-provider-actions button{min-height:56px;border:0;border-right:1px solid #eceef1;background:#fff;color:#111318;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;}
.services-provider-actions button:last-child{border-right:0;}.services-provider-actions span{width:18px;height:18px;display:flex;align-items:center;justify-content:center;}.services-provider-actions svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;}.services-provider-actions b{font-size:9px;font-weight:850;}
.services-provider-info{padding:12px 14px 0;background:#fff;}
.services-provider-chips{display:flex;gap:7px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none;}.services-provider-chips::-webkit-scrollbar{display:none;}
.services-provider-chips button{flex:0 0 auto;border:1px solid #eceef1;border-radius:999px;background:#fff;color:#111318;font-size:9px;font-weight:850;padding:7px 10px;}
.services-provider-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid #f0f1f3;align-items:start;}
.services-provider-row span{font-size:11px;color:#7a828e;font-weight:800;}.services-provider-row strong{font-size:11px;line-height:1.35;color:#313741;font-weight:800;}
.services-provider-cta{width:calc(100% - 28px) !important;margin:18px 14px 0 !important;height:50px !important;border-radius:12px !important;background:linear-gradient(180deg,#ff7a00,#ff5f00) !important;color:#fff !important;box-shadow:0 12px 28px rgba(255,107,0,.24) !important;}


/* r62q — strict reference match pass: counts, labels, spacing, bottom chrome */
.services-app-page--reference-r62p .services-app-phone{
  max-width:390px !important;
  padding:18px 14px calc(92px + env(safe-area-inset-bottom,0px)) !important;
}
.services-app-page--reference-r62p .services-app-topline{
  min-height:40px !important;
  margin:0 0 10px !important;
}
.services-app-page--reference-r62p .services-app-logo-img{
  height:34px !important;
  max-width:136px !important;
}
.services-app-page--reference-r62p .services-app-home-head{
  margin:0 0 11px !important;
}
.services-app-page--reference-r62p .services-app-home-head h1{
  font-size:22px !important;
  line-height:1.08 !important;
  letter-spacing:-.045em !important;
}
.services-app-action-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  margin:10px 0 17px !important;
}
.services-app-action-card{
  min-height:74px !important;
  border-radius:13px !important;
  padding:8px 5px !important;
  gap:7px !important;
}
.services-app-action-card b{
  font-size:10px !important;
  line-height:1.14 !important;
  letter-spacing:-.02em !important;
}
.services-app-page--reference-r62p .services-app-section-row{
  min-height:18px !important;
  margin:0 0 10px !important;
}
.services-app-page--reference-r62p .services-app-section-row b{
  font-size:13px !important;
  line-height:1.15 !important;
}
.services-app-page--reference-r62p .services-app-section-row button{
  font-size:10.5px !important;
  line-height:1.15 !important;
}
.services-app-page--reference-r62p .services-app-grid--popular-r62p{
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:9px !important;
}
.services-app-page--reference-r62p .services-app-grid--popular-r62p .services-app-tile{
  min-height:57px !important;
  border-radius:12px !important;
  padding:7px 3px 6px !important;
  gap:5px !important;
}
.services-app-page--reference-r62p .services-app-grid--popular-r62p .services-app-tile__icon,
.services-app-page--reference-r62p .services-app-grid--popular-r62p .services-app-tile__icon svg{
  width:21px !important;
  height:21px !important;
}
.services-app-page--reference-r62p .services-app-grid--popular-r62p .services-app-tile__label{
  font-size:8.8px !important;
  line-height:1.08 !important;
  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:clip !important;
}
.services-app-promo{
  min-height:93px !important;
  margin:11px 0 18px !important;
  border-radius:12px !important;
  padding:12px !important;
  grid-template-columns:minmax(0,1fr) 121px !important;
}
.services-app-promo__copy b{font-size:13px !important;line-height:1.16 !important;}
.services-app-promo__copy em{font-size:9.5px !important;}
.services-app-promo__copy strong{font-size:9px !important;padding:8px 10px !important;border-radius:7px !important;}
.services-app-nearby{margin-top:0 !important;}
.services-app-shop-card--reference{
  min-height:86px !important;
  grid-template-columns:74px minmax(0,1fr) 28px !important;
  gap:9px !important;
  padding:8px !important;
  border-radius:13px !important;
}
.services-app-shop-card--reference .services-app-shop-photo{width:74px !important;height:64px !important;}
.services-app-shop-card--reference .services-app-shop-body{gap:2px !important;}
.services-app-shop-card--reference .services-app-shop-body strong{font-size:12px !important;line-height:1.1 !important;}
.services-app-shop-card--reference .services-app-shop-body em{font-size:10.5px !important;line-height:1.15 !important;}
.services-app-shop-card--reference .services-app-shop-body small{font-size:10px !important;line-height:1.15 !important;}
.services-app-fab-plus{
  right:14px !important;
  bottom:calc(77px + env(safe-area-inset-bottom,0px)) !important;
  width:48px !important;
  height:48px !important;
  line-height:48px !important;
}

/* r62q quick search exact structure: 1 back + 1 title + 1 bell, 3 recent chips, 4 vehicle buttons, 1 location, 1 CTA */
.services-app-page--quick .services-app-phone{
  padding-top:20px !important;
}
.services-app-nav-head--quick{
  height:34px !important;
  margin:0 0 20px !important;
  grid-template-columns:30px minmax(0,1fr) 34px !important;
}
.services-app-nav-head--quick h1{
  font-size:14px !important;
  line-height:1.15 !important;
}
.services-app-search--quick{
  height:47px !important;
  margin:0 0 21px !important;
  border-radius:12px !important;
}
.services-app-search--quick > span,
.services-app-search--quick input{height:45px !important;}
.services-app-block{margin:0 0 27px !important;}
.services-app-block h2{font-size:13px !important;margin:0 0 13px !important;}
.services-app-recent{gap:8px !important;}
.services-app-recent-chip{min-height:36px !important;padding:0 14px !important;border-radius:11px !important;font-size:11px !important;}
.services-app-vehicle-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:10px !important;}
.services-app-vehicle{min-height:66px !important;border-radius:12px !important;padding:7px 3px !important;gap:6px !important;}
.services-app-vehicle b{font-size:8.5px !important;line-height:1.12 !important;}
.services-app-location-field{height:48px !important;border-radius:12px !important;padding:0 13px !important;}
.services-app-submit--quick{height:50px !important;border-radius:12px !important;margin-top:-1px !important;}

/* r62q provider exact structure: third reference screen has no bottom nav, only detail CTA */
body.services-provider-detail-open #bottom-nav{display:none !important;}
body.services-provider-detail-open .services-cart-fab,
body.services-provider-detail-open #services-cart-fab,
body.services-provider-detail-open #parts-cart-fab,
body.services-provider-detail-open #section-back-fab{display:none !important;}
.services-app-page--provider .services-app-phone{
  min-height:100dvh !important;
  padding:0 0 calc(22px + env(safe-area-inset-bottom,0px)) !important;
}
.services-provider-cover{height:170px !important;}
.services-provider-cover__back{left:12px !important;top:12px !important;width:34px !important;height:34px !important;}
.services-provider-cover__tools{right:12px !important;top:12px !important;gap:8px !important;}
.services-provider-cover__tools button{width:34px !important;height:34px !important;}
.services-provider-card{
  margin:-20px 0 0 !important;
  padding:16px 14px 13px !important;
  border-radius:20px 20px 0 0 !important;
}
.services-provider-card h1{font-size:18px !important;margin:0 0 5px !important;}
.services-provider-rating{font-size:11px !important;margin:0 0 4px !important;gap:5px !important;}
.services-provider-card p{font-size:11px !important;margin:0 0 6px !important;}
.services-provider-card mark{font-size:9px !important;padding:4px 7px !important;}
.services-provider-actions{margin:14px 0 0 !important;border-radius:11px !important;}
.services-provider-actions button{min-height:56px !important;}
.services-provider-info{padding:12px 14px 0 !important;}
.services-provider-chips{gap:7px !important;padding:0 0 12px !important;}
.services-provider-row{grid-template-columns:92px minmax(0,1fr) !important;padding:9px 0 !important;gap:10px !important;}
.services-provider-cta{
  width:calc(100% - 28px) !important;
  margin:18px 14px 0 !important;
  height:50px !important;
  border-radius:12px !important;
}

@media (max-width:360px){
  .services-app-page--reference-r62p .services-app-grid--popular-r62p{gap:7px !important;}
  .services-app-page--reference-r62p .services-app-grid--popular-r62p .services-app-tile__label{font-size:8px !important;}
  .services-app-promo{grid-template-columns:minmax(0,1fr) 104px !important;}
}


/* r62r — reference smoke polish: promo carousel dots and exact card distance text support */
.services-app-promo-dots{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  height:10px !important;
  margin:-13px 0 14px !important;
}
.services-app-promo-dots span{
  width:4px !important;
  height:4px !important;
  border-radius:999px !important;
  background:#d8dbe1 !important;
  opacity:1 !important;
}
.services-app-promo-dots span.is-active{
  width:6px !important;
  background:#ff6b00 !important;
}


/* r62s dynamic provider polish: real DB image/name support without changing reference structure */
.services-app-shop-card--reference .services-app-shop-photo[style*="background-image"]{
  background-size:cover !important;
  background-position:center !important;
}
.services-provider-cover[style*="background-image"]{
  background-size:cover !important;
  background-position:center !important;
}
.services-provider-cover[style*="background-image"]::after{
  opacity:.58;
}
.services-provider-cover[style*="background-image"] .services-provider-cover__brand{
  left:18px;
  right:90px;
  top:auto;
  bottom:16px;
  color:#fff;
  font-size:18px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.services-app-shop-body strong,
.services-provider-card h1{
  overflow:hidden;
  text-overflow:ellipsis;
}