#services{overflow:hidden!important;padding-left:0!important;padding-right:0!important}
#services .heading{max-width:900px!important;margin:0 auto 34px!important;padding:0 20px!important;text-align:center!important}
#services .heading .eyebrow{display:block!important;text-align:center!important;color:#d8b365!important;letter-spacing:4px!important;font-weight:800!important;font-size:12px!important}
#services .heading .eyebrow{font-size:0!important}
#services .heading .eyebrow::after{content:"OUR SERVICES";font-size:12px!important}
#services .heading h2{display:block!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.05!important;margin:10px 0 14px!important;color:#f5f2eb!important}
#services .heading h2{font-size:0!important}
#services .heading h2::after{content:"Perfect Fit. Perfect Style.";font-size:clamp(34px,4vw,58px)!important}
#services .heading p:not(.eyebrow){font-size:0!important;color:#c2c6cc!important;line-height:1.6!important}
#services .heading p:not(.eyebrow)::after{content:"Explore our tailoring services, crafted for every occasion.";font-size:17px!important}
.services-slider-shell{position:relative!important;width:min(100%,1660px)!important;max-width:1660px!important;margin:0 auto!important;padding:0 62px 8px!important;box-sizing:border-box!important}
#serviceSlider.cards{display:flex!important;flex-flow:row nowrap!important;width:100%!important;max-width:none!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;scrollbar-width:none!important;padding:8px 4px 18px!important;box-sizing:border-box!important;touch-action:pan-x!important}
#serviceSlider.cards::-webkit-scrollbar{display:none!important}
#serviceSlider.cards>article{position:relative!important;flex:0 0 clamp(240px,20vw,300px)!important;width:clamp(240px,20vw,300px)!important;min-width:clamp(240px,20vw,300px)!important;max-width:300px!important;margin:0!important;scroll-snap-align:start!important;border:1px solid rgba(216,179,101,.30)!important;border-radius:20px!important;overflow:hidden!important;background:linear-gradient(180deg,#111419,#090b0e)!important;box-shadow:0 18px 46px rgba(0,0,0,.28)!important;transform:none!important}
#serviceSlider .service-media{width:100%!important;height:330px!important;aspect-ratio:auto!important;margin:0!important;background:#0b0d10!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
#serviceSlider .service-media img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;background:#0b0d10!important}
#serviceSlider .service-body{padding:18px 18px 20px!important;background:linear-gradient(180deg,#111419,#0a0d10)!important}
#serviceSlider .service-body h3{font-size:20px!important;margin:8px 0 6px!important}
#serviceSlider .service-body p{color:#c2c6cc!important;font-size:14px!important;line-height:1.55!important}
.service-slider-btn{display:grid!important;position:absolute!important;top:42%!important;transform:translateY(-50%)!important;z-index:30!important;width:54px!important;height:54px!important;border-radius:50%!important;background:linear-gradient(145deg,#30291a,#17140f)!important;border:1px solid rgba(216,179,101,.65)!important;color:#f1d17a!important;place-items:center!important;cursor:pointer!important}
.service-slider-btn.prev{left:4px!important}.service-slider-btn.next{right:4px!important}
.service-dots{display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;margin:20px auto 0!important;min-height:18px!important}
.service-dot{display:block!important;width:10px!important;height:10px!important;min-width:10px!important;border:0!important;border-radius:50%!important;padding:0!important;background:#4a4d52!important;cursor:pointer!important;transition:.2s ease!important}
.service-dot.active{background:#f0c65f!important;transform:scale(1.25)!important;box-shadow:0 0 0 4px rgba(240,198,95,.10)!important}

/* Strong overrides for legacy inline styles in index.html */
html body main #services .services-slider-shell{padding:0 62px 8px!important}
html body main #services #serviceSlider.cards{display:flex!important;flex-flow:row nowrap!important;gap:18px!important;overflow-x:auto!important;overflow-y:hidden!important}
html body main #services #serviceSlider.cards>article{flex:0 0 clamp(240px,20vw,300px)!important;width:clamp(240px,20vw,300px)!important;min-width:clamp(240px,20vw,300px)!important;max-width:300px!important}
html body main #services #serviceSlider .service-media{height:330px!important;min-height:0!important;max-height:330px!important}
html body main #services #serviceSlider .service-media img{object-fit:contain!important;object-position:center!important}

@media(max-width:820px){#services{padding-top:44px!important;padding-bottom:34px!important}#services .heading{margin-bottom:24px!important}#services .heading p:not(.eyebrow)::after{font-size:15px!important}.services-slider-shell{padding:0 16px 6px!important}#serviceSlider.cards{gap:14px!important;padding:4px 10vw 16px 0!important}#serviceSlider.cards>article{flex:0 0 82vw!important;width:82vw!important;min-width:82vw!important;max-width:82vw!important}#serviceSlider .service-media{height:420px!important}.service-slider-btn{display:none!important}.service-dots{gap:8px!important;margin-top:14px!important}.service-dot{width:9px!important;height:9px!important;min-width:9px!important}html body main #services .services-slider-shell{padding:0 16px 6px!important}html body main #services #serviceSlider.cards>article{flex:0 0 82vw!important;width:82vw!important;min-width:82vw!important;max-width:82vw!important}html body main #services #serviceSlider .service-media{height:420px!important;max-height:420px!important}}
