/* Quattro servizi principali: grandi card illustrate in stile Apple. */
.services-epic.services-apple{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:8px!important;
  padding:0!important;
}

.services-epic.services-apple .service{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  height:clamp(92px,25vw,112px)!important;
  min-height:92px!important;
  padding:0!important;
  display:block!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.52)!important;
  border-radius:24px!important;
  background-color:#111713!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  color:#fff!important;
  box-shadow:0 12px 30px rgba(22,32,25,.16),inset 0 1px rgba(255,255,255,.42)!important;
  transform:translateZ(0)!important;
  transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease!important;
  -webkit-tap-highlight-color:transparent;
  contain:layout paint;
}

.services-epic.services-apple .service.service--comfort{
  background-image:url("category-icons/01_taxi.webp")!important;
  background-position:center 58%!important;
}

.services-epic.services-apple .service.service--delivery{
  background-image:url("category-icons/05_dostavka.webp")!important;
  background-position:center 54%!important;
}

.services-epic.services-apple .service.service--sober{
  background-image:url("category-icons/06_tverezij_vodij.webp")!important;
  background-position:center 50%!important;
}

.services-epic.services-apple .service.service--pet{
  background-image:url("category-icons/08_z_tvarynoju.webp")!important;
  background-position:center 58%!important;
}

.services-epic.services-apple .service:before{
  content:""!important;
  position:absolute!important;
  z-index:1!important;
  inset:0!important;
  border-radius:inherit!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12) 0,transparent 32%),
    linear-gradient(0deg,rgba(2,5,3,.92) 0,rgba(3,8,5,.55) 42%,rgba(2,5,3,.02) 78%)!important;
  transform:none!important;
  pointer-events:none!important;
}

.services-epic.services-apple .service:after{
  content:"";
  position:absolute;
  z-index:2;
  top:0;
  left:12%;
  width:76%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);
  opacity:.74;
  pointer-events:none;
}

.services-epic.services-apple .service .service-copy{
  position:absolute!important;
  z-index:3!important;
  top:auto!important;
  left:13px!important;
  right:12px!important;
  bottom:11px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:0!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  color:#fff!important;
  text-align:left!important;
  pointer-events:none!important;
}

.services-epic.services-apple .service-copy strong{
  display:block;
  max-width:100%;
  color:#fff;
  font:850 clamp(17px,4.9vw,22px)/.98 -apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Segoe UI",sans-serif;
  letter-spacing:-.65px;
  text-shadow:0 2px 8px rgba(0,0,0,.92),0 0 18px rgba(0,0,0,.7);
}

.services-epic.services-apple .service-copy small{
  display:block!important;
  -webkit-box-orient:initial!important;
  -webkit-line-clamp:initial!important;
  width:auto!important;
  max-width:100%!important;
  margin-top:3px!important;
  padding:0!important;
  overflow:visible!important;
  color:rgba(255,255,255,.84)!important;
  font:760 clamp(11px,3vw,14px)/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,"Segoe UI",sans-serif!important;
  letter-spacing:-.18px!important;
  white-space:nowrap!important;
  text-align:left!important;
  text-shadow:0 2px 7px rgba(0,0,0,.95)!important;
}

.services-epic.services-apple .service i{
  position:absolute!important;
  z-index:5!important;
  top:9px!important;
  right:9px!important;
  width:25px!important;
  height:25px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.7)!important;
  border-radius:50%!important;
  background:rgba(14,19,16,.5)!important;
  color:#fff!important;
  font:900 13px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;
  opacity:0!important;
  transform:scale(.72)!important;
  box-shadow:0 6px 16px rgba(0,0,0,.28)!important;
  backdrop-filter:blur(12px) saturate(1.3)!important;
  -webkit-backdrop-filter:blur(12px) saturate(1.3)!important;
  transition:opacity .18s ease,transform .18s ease!important;
}

.services-epic.services-apple .service.active{
  border-color:#b8ff38!important;
  box-shadow:0 0 0 2px rgba(140,240,32,.52),0 12px 32px rgba(52,100,16,.24),inset 0 1px rgba(255,255,255,.5)!important;
  transform:translateY(-2px) translateZ(0)!important;
}

.services-epic.services-apple .service.active:before{
  background:
    linear-gradient(180deg,rgba(206,255,136,.14) 0,transparent 34%),
    linear-gradient(0deg,rgba(7,19,3,.9) 0,rgba(5,14,3,.45) 43%,rgba(8,22,2,.02) 78%)!important;
}

.services-epic.services-apple .service.active i{
  border-color:rgba(240,255,214,.94)!important;
  background:linear-gradient(180deg,#c8ff50,#79dd0c)!important;
  color:#102400!important;
  opacity:1!important;
  transform:scale(1)!important;
  box-shadow:0 0 18px rgba(139,242,28,.65),inset 0 1px rgba(255,255,255,.9)!important;
}

.services-epic.services-apple .service.active .service-copy strong{
  color:#f4ffdf!important;
}

.services-epic.services-apple .service.active .service-copy small{
  color:#cfff87!important;
}

.services-epic.services-apple .service:active{
  transform:scale(.975) translateZ(0)!important;
}

.services-epic.services-apple .service:focus-visible{
  outline:3px solid rgba(56,189,248,.95)!important;
  outline-offset:2px!important;
}

html[data-theme="dark"] .services-epic.services-apple .service{
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.22)!important;
}

html[data-theme="dark"] .services-epic.services-apple .service.active{
  border-color:#b8ff38!important;
  box-shadow:0 0 0 2px rgba(140,240,32,.55),0 0 28px rgba(111,220,17,.22),0 14px 34px rgba(0,0,0,.48)!important;
}

@media(max-width:360px){
  .services-epic.services-apple{gap:7px!important}
  .services-epic.services-apple .service{
    height:84px!important;
    min-height:84px!important;
    border-radius:20px!important;
  }
  .services-epic.services-apple .service .service-copy{left:10px!important;bottom:9px!important}
  .services-epic.services-apple .service-copy strong{font-size:15px!important;letter-spacing:-.45px!important}
  .services-epic.services-apple .service-copy small{font-size:10px!important}
}

@media(min-width:600px){
  .services-epic.services-apple{gap:11px!important}
  .services-epic.services-apple .service{height:118px!important;min-height:118px!important}
}

@media(prefers-reduced-motion:reduce){
  .services-epic.services-apple .service,
  .services-epic.services-apple .service i{transition-duration:.01ms!important}
}