.service-hero,.service-detail-hero{position:relative;color:#fff;background:#10383e;padding:172px 0 90px;min-height:455px;overflow:hidden}
.service-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a2e38ef,#0a2e38ad 58%,#0a2e3854),url('makkah-hero.png') center/cover}
.service-hero .shell,.service-detail-hero .shell{position:relative;z-index:1}
.service-hero .guide-crumb,.service-detail-hero .guide-crumb{margin-bottom:45px;color:#ffffffcc}
.service-hero h1,.service-detail-hero h1{font:600 clamp(48px,5vw,78px)/1.05 'Playfair Display',Georgia,serif;letter-spacing:-2px;margin:14px 0 18px;max-width:850px}
.service-hero p,.service-detail-hero p{max-width:660px;font-size:17px;line-height:1.7;color:#f5f5ef}
.service-section{background:#faf9f6;padding:85px 0 105px}
.service-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}
.service-section-head h2{font:600 clamp(35px,4vw,54px)/1.1 'Playfair Display',Georgia,serif;margin:10px 0 0}
.service-section-head p{max-width:290px;margin:0;color:#61736e;font-size:14px}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.service-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 12px 34px #173c3d12;transition:transform .2s,box-shadow .2s}
.service-card:hover{transform:translateY(-4px);box-shadow:0 22px 48px #173c3d22}
.service-card-image{height:230px;display:block;overflow:hidden}
.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.service-card:hover img{transform:scale(1.05)}
.service-card-copy{padding:25px 26px 23px;display:flex;flex-direction:column;flex:1}
.service-tag,.service-enquiry-card>span{color:#a47737;font-size:10px;font-weight:800;letter-spacing:2px}
.service-card h3{font:600 26px/1.2 'Playfair Display',Georgia,serif;margin:12px 0 10px}.service-card h3 a{text-decoration:none}.service-card h3 a:hover{color:#a47737}
.service-card p{font-size:14px;color:#63746f;line-height:1.65;margin:0 0 15px}
.service-rating{color:#7b6038!important;font-size:12px!important}.service-rating span{color:#d6a440;letter-spacing:2px}
.service-card-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #e8e8e0;padding-top:18px;margin-top:auto}.service-card-foot strong{color:#133c3e;font-size:17px}.service-card-foot a{font-size:12px;font-weight:800;color:#1a6263;text-decoration:none}
.service-empty{background:#fff;border:1px solid #e6e7dd;padding:40px}.service-empty h3{font:600 28px 'Playfair Display',Georgia,serif}
.service-detail-hero{min-height:485px}.service-detail-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0a2e38ed,#0a2e3899 62%,#0a2e3866),var(--service-cover) center/cover}
.service-detail-body{padding:85px 0;background:#faf9f6}.service-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.7fr);gap:9%}.service-detail-body .rich-copy{font-size:18px;line-height:1.8}.service-detail-body p{color:#61736e}
.service-enquiry-card{background:#fff;padding:35px;box-shadow:0 15px 42px #173c3d18;align-self:start;border-top:4px solid #d3a452}.service-enquiry-card strong{display:block;font:600 28px 'Playfair Display',Georgia,serif;margin:17px 0}.service-enquiry-card .button{width:100%;font-size:12px}
@media(max-width:900px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-detail-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:600px){.service-hero,.service-detail-hero{padding:135px 0 70px;min-height:0}.service-grid{grid-template-columns:1fr}.service-section{padding:60px 0}.service-section-head{display:block}.service-section-head p{margin-top:14px}.service-card-image{height:210px}}
.service-hero{padding:68px 0 54px;min-height:0;background:#f7f8f8;color:#173d40}
.service-hero:before{display:none}
.service-hero .guide-crumb{margin-bottom:22px;color:#627973}
.service-hero h1{font-size:clamp(42px,4vw,62px);margin:10px 0 15px;max-width:900px}
.service-hero p{color:#5d716d;max-width:780px}
.service-section{padding:40px 0 95px;background:#f7f8f8}
.service-section-head{align-items:center;margin-bottom:12px}
.service-section-head h2{font-size:clamp(30px,3vw,42px)}
.service-price-note{margin:0 0 30px;color:#647772;font-size:13px}
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.service-card{border-radius:13px;box-shadow:0 6px 20px #173c3d0d}
.service-card-image{height:205px;margin:15px 15px 0;border-radius:10px}
.service-card-copy{padding:21px 19px 23px}
.service-card h3{font:700 20px/1.3 'DM Sans',Arial,sans-serif}
.service-card-foot{align-items:flex-start;flex-direction:column;gap:9px}
.service-price-value{display:block;color:#a87924!important;font-size:16px!important}
.service-price-value [hidden]{display:none!important}
.service-currency-control{display:flex;align-items:center;gap:11px;color:#345450;font-size:13px;font-weight:700}
.service-currency-control select{min-width:110px;padding:10px 12px;background:#fff;border:1px solid #bed0ca;border-radius:7px;color:#173d40;font-weight:700;cursor:pointer}
.service-enquiry-card .service-currency-control{margin-top:18px}
.service-enquiry-card .service-price-value{margin:19px 0 12px}
.price-line{display:block;white-space:nowrap}
@media(max-width:1000px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.service-hero{padding:48px 0 38px}.service-section{padding:32px 0 65px}.service-grid{grid-template-columns:1fr}.service-section-head{display:block}.service-currency-control{margin-top:18px}.service-card-image{height:220px}}
