:root{
      --service-accent:#2d7f91;
      --service-accent-soft:#edf6f7;
      --service-sand:#f7f1e7;
      --service-shadow:0 12px 30px rgba(15, 23, 42, 0.08);
    }

    .service-card{
      border:1px solid rgba(15, 23, 42, 0.08);
      box-shadow:var(--service-shadow);
      transition:transform 0.25s ease, box-shadow 0.25s ease;
      animation:fadeInUp 0.6s ease both;
      animation-delay:var(--delay, 0s);
    }

    .service-card:hover{
      transform:translateY(-4px);
      box-shadow:0 18px 45px rgba(15, 23, 42, 0.14);
    }

    .service-card-outline{
      border-color:rgba(45, 127, 145, 0.25);
    }

    .service-booking{
      position:relative;
      padding:28px;
      border-radius:24px;
      background:linear-gradient(180deg, rgba(45, 127, 145, 0.08) 0%, rgba(247, 241, 231, 0.85) 100%);
      border:1px solid rgba(45, 127, 145, 0.18);
      box-shadow:var(--service-shadow);
      overflow:hidden;
    }

    .service-booking::after{
      content:"";
      position:absolute;
      width:220px;
      height:220px;
      border-radius:50%;
      background:rgba(45, 127, 145, 0.12);
      top:-80px;
      right:-90px;
      pointer-events:none;
    }

    .service-booking>*{
      position:relative;
      z-index:1;
    }

    .service-chip{
      display:inline-flex;
      align-items:center;
      padding:6px 12px;
      border-radius:999px;
      background:rgba(212, 106, 58, 0.16);
      color:#9a4c2a;
      font-size:0.85rem;
      font-weight:600;
      white-space:nowrap;
    }

    .service-booking-card{
      border-left:4px solid rgba(45, 127, 145, 0.6);
    }

    .service-booking-card .service-icon{
      width:44px;
      height:44px;
      border-radius:14px;
      background:rgba(45, 127, 145, 0.12);
      color:var(--service-accent);
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:1.25rem;
      flex-shrink:0;
    }

    .service-booking-card .service-icon svg{
      width:1.35rem;
      height:1.35rem;
      display:block;
    }

    .service-gallery img{
      transition:transform 0.2s ease, box-shadow 0.2s ease;
      aspect-ratio:4 / 3;
      object-fit:cover;
      width:100%;
    }

    .service-gallery img:hover{
      transform:translateY(-3px);
      box-shadow:0 12px 24px rgba(15, 23, 42, 0.15);
    }

    @media (prefers-reduced-motion: reduce){
      .service-card{
        animation:none;
      }
    }

    [v-cloak]{
      display:none;
    }