.services-page{background:#fff}
.services-page .site-footer{margin-top:0}
.services-hero{padding:90px 0 82px;color:#fff;text-align:center;background:linear-gradient(rgba(11,11,11,.84),rgba(53,24,24,.76)),url('../assets/hero-section-photo-2.jpeg') center/cover}
.services-hero .section-label{color:#f5b7b7}
.services-hero h1{max-width:720px;margin:12px auto 14px;font-size:44px;line-height:1.18}
.services-hero p{max-width:580px;margin:0 auto;color:rgba(255,255,255,.86);font-size:16px;line-height:1.7}
.services-list{padding:82px 0;background:#f8f8f8}
.services-list .container{display:grid;gap:2rem}
.service-page-card{display:grid;grid-template-columns:120px 1fr;gap:2.5rem;align-items:start;padding:2.5rem;background:#fff;border:1px solid #e9e9e9;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:transform .25s,box-shadow .25s}
.service-page-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.1)}
.service-page-icon{display:grid;width:90px;height:90px;place-items:center;background:#f8eeee;border-radius:50%}
.service-page-icon img{width:48px;height:48px;object-fit:contain}
.service-number{margin:0 0 .7rem;color:var(--color-primary);font-size:11px;font-weight:700;letter-spacing:1.1px}
.service-page-content h2{margin:0 0 .9rem;font-size:28px}
.service-page-content > p:not(.service-number){max-width:760px;margin:0 0 1.5rem;color:var(--color-muted);font-size:15px;line-height:1.75}
.service-page-content .btn{display:inline-block}
@media(max-width:768px){.services-hero{padding:68px 0 62px}.services-hero h1{font-size:34px}.services-list{padding:50px 0}.services-list .container{gap:1.25rem}.service-page-card{grid-template-columns:64px 1fr;gap:1rem;padding:1.5rem}.service-page-icon{width:58px;height:58px}.service-page-icon img{width:32px;height:32px}.service-page-content h2{font-size:22px}.service-page-content > p:not(.service-number){font-size:14px;line-height:1.65}}
@media(max-width:480px){.services-hero{padding:55px 0}.services-hero h1{font-size:29px}.services-hero p{font-size:14px}.services-list{padding:35px 0}.service-page-card{display:block;padding:1.25rem}.service-page-icon{width:48px;height:48px;margin-bottom:.9rem}.service-page-icon img{width:27px;height:27px}.service-number{font-size:9px;margin-bottom:.45rem}.service-page-content h2{font-size:19px;margin-bottom:.65rem}.service-page-content > p:not(.service-number){font-size:13px;margin-bottom:1rem}.service-page-content .btn{padding:8px 14px;font-size:12px}}
/* Keep service request actions content-width on smaller screens */
@media(max-width:768px){
  .service-page-content .btn{display:inline-block;width:fit-content;max-width:max-content;white-space:nowrap}
}

/* Premium Services-page refresh */
.services-page{background:radial-gradient(circle at 88% 8%,rgba(200,60,60,.08),transparent 28%),linear-gradient(135deg,#f7f5f4,#f2efee)}
.services-hero{position:relative;overflow:hidden;background:linear-gradient(rgba(14,10,11,.84),rgba(82,31,37,.76)),url('../assets/default-square.jpg') center/cover}
.services-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(200,60,60,.15),transparent 55%);pointer-events:none}
.services-hero .container{position:relative;z-index:1}
.services-hero h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-1px;text-shadow:0 8px 24px rgba(0,0,0,.32)}
.services-list{background:transparent}
.service-page-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff 0%,#fcf5f5 100%);border-color:rgba(145,44,51,.16);box-shadow:0 12px 28px rgba(43,22,25,.08)}
.service-page-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#8f3038,var(--color-primary),#ef9b9b)}
.service-page-card:hover{box-shadow:0 19px 36px rgba(101,33,39,.15)}
.service-page-icon{position:relative;background:linear-gradient(145deg,#fff,#f1dada);border:1px solid rgba(200,60,60,.18);box-shadow:0 8px 18px rgba(117,36,43,.13)}
.service-page-icon::after{content:'';position:absolute;inset:5px;border:1px dashed rgba(200,60,60,.28);border-radius:50%}
.service-page-icon img{position:relative;z-index:1}
.service-number{display:inline-block;padding:.4rem .65rem;background:#f8eaea;border-radius:999px}
.service-page-content h2{font-family:Georgia,'Times New Roman',serif;color:#352025}
.service-page-content .btn{box-shadow:0 8px 16px rgba(200,60,60,.2)}
@media(max-width:480px){.service-page-card::before{width:3px}.service-number{padding:.3rem .5rem}.service-page-icon::after{inset:4px}}