/* Service detail page theme: red/black/white */
:root{ --red:#e63946; --black:#0b0c10; --dark:#11131a; --text:#111; }

.service-hero{ position:relative; height:300px; color:#fff; display:flex; align-items:center; background:#0b0c10; }
.service-hero::before{ content:""; position:absolute; inset:0; background-image:url('/assets/images/360_F_609633549_NQNajuVRRKowWBKVo6skiC21L7R4t8fn.jpg'); background-size:cover; background-position:center; background-repeat:no-repeat; filter:saturate(1.25) contrast(1.15) brightness(1.12); will-change:filter; transform:translateZ(0); z-index:0; }
.service-hero .overlay{ position:absolute; inset:0; z-index:1; background:linear-gradient(120deg, rgba(106,90,205,.18), rgba(0,180,216,.16), rgba(230,57,70,.16)); background-size:200% 200%; animation:gradientShift 12s ease infinite; mix-blend-mode:soft-light; }
.service-hero .container{ position:relative; z-index:2; }
.service-hero h1{ font-size:clamp(28px, 6vw, 56px); font-weight:800; margin:0; text-shadow:0 4px 32px rgba(0,0,0,.35); }
.service-hero .crumb{ margin-top:8px; opacity:.9; }
.service-hero .crumb a{ color:#fff; text-decoration:none; }

.service-body{ background:#fff; padding:60px 0 80px; }
.service-title{ font-weight:900; color:var(--black); }
.service-subtitle{ color:var(--red); font-weight:800; margin:18px 0; }
.service-content{ color:#222; font-size:16px; line-height:1.75; }
.service-card{ background:#fff; border:2px solid #000; border-radius:8px; padding:24px; box-shadow:0 18px 40px rgba(0,0,0,.05); position:relative; overflow:hidden; transition:transform .3s ease, box-shadow .3s ease; }
.service-card:hover{ transform:translateY(-6px); box-shadow:0 24px 48px rgba(0,0,0,.12); }
.service-card::after{ content:""; position:absolute; inset:-20% -120%; background:linear-gradient(120deg, transparent 30%, rgba(255,255,255,.25) 50%, transparent 70%); transform:translateX(-100%); transition:transform .85s ease; pointer-events:none; }
.service-card:hover::after{ transform:translateX(100%); }
.service-list{ margin:0; padding-left:18px; }
.service-list li{ margin-bottom:8px; }

 .badge-red{ display:inline-block; background:var(--red); color:#fff; font-weight:800; padding:6px 12px; border-radius:999px; letter-spacing:.4px; }

/* Gallery */
.service-gallery{ margin-top:14px; }
.service-gallery .gallery-item{ position:relative; overflow:hidden; border-radius:8px; border:2px solid #000; background:#fff; }
.service-gallery .gallery-thumb{ width:100%; height:220px; object-fit:cover; display:block; transition:transform .3s ease; }
.service-gallery .gallery-item:hover .gallery-thumb{ transform:scale(1.05); }

/* Carousel */
.service-carousel .gallery-thumb{ height:320px; }
.service-carousel .owl-nav button{ background:#000 !important; color:#fff !important; width:36px; height:36px; border-radius:50%; }
.service-carousel .owl-dots .owl-dot span{ background:#999; }
.service-carousel .owl-dots .owl-dot.active span{ background:var(--red); }

/* Responsive media heights */
@media (max-width: 575px) {
  .service-gallery .gallery-thumb,
  .service-carousel .gallery-thumb {
    height: auto;
    aspect-ratio: 16 / 9;
  }
}

/* Image slots (placeholders for future images inside content) */
.image-slot{ width:100%; height:260px; border:2px dashed #000; border-radius:10px; background:repeating-linear-gradient(45deg, #f8f8f8, #f8f8f8 10px, #f2f2f2 10px, #f2f2f2 20px); display:flex; align-items:center; justify-content:center; color:#666; font-weight:700; letter-spacing:.5px; margin:18px 0; }
.image-slot.small{ height:180px; }

.service-cta{ text-align:center; margin-top:26px; }
.service-cta .btn-cta{ background:#e63946; color:#fff; font-weight:800; border:none; padding:12px 20px; margin:4px 6px; transition:transform .25s ease, box-shadow .25s ease; }
.service-cta .btn-cta:hover{ transform:translateY(-2px); box-shadow:0 10px 26px rgba(230,57,70,.35); }
.service-cta .btn-cta.secondary{ background:#0b0c10; }