/* PaintDWall production bundle: services.html — group 1. */

/* BEGIN original stylesheet: css/professional-theme.css */
/* PaintDWall V22 — unified, light, professional design system */
:root{
  --pdw-paper:#F5F7F8; --pdw-surface:#FFFFFF; --pdw-surface-soft:#EDF3F6;
  --pdw-ink:#172F43; --pdw-muted:#5D6F7D; --pdw-line:#DCE5EA;
  --pdw-navy:#17334B; --pdw-rose:#D83F76; --pdw-rose-dark:#BD2C61;
  --pdw-green:#168A52; --pdw-green-soft:#E8F7EE;
}
html{background:var(--pdw-paper)!important;scroll-padding-top:86px}
body{background:var(--pdw-paper)!important;color:var(--pdw-ink)!important;font-family:'DM Sans',sans-serif!important}
body:not(.hero-bg){color:var(--pdw-ink)}
h1,h2,h3,h4,h5,.brand{color:var(--pdw-ink)}
main{background:var(--pdw-paper)!important;color:var(--pdw-ink)!important}
main>section:not(.hero-bg){background:var(--pdw-paper)!important;color:var(--pdw-ink)!important}
main>section:nth-of-type(even):not(.hero-bg){background:#EDF3F6!important}
main section[class*="bg-gradient"]:not(.hero-bg){background:linear-gradient(180deg,#F8FAFB 0%,#EDF3F6 100%)!important}
main .text-white, main [class*="text-white/"], main .text-slate-100, main .text-slate-200{color:var(--pdw-muted)!important}
main .text-pink-300,main .text-pink-400,main .text-pink-500{color:var(--pdw-rose)!important}
main .text-emerald-400{color:var(--pdw-green)!important}
header.sticky{background:rgba(23,51,75,.97)!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 4px 22px rgba(18,45,65,.12)!important}
header.sticky .brand,header.sticky a,header.sticky nav a{color:#fff!important}
header.sticky nav a[aria-current="page"],header.sticky nav a.text-pink-300{color:#F4A7C2!important}
header.sticky .pink-btn{color:#fff!important}
/* Main hero remains photographic and readable; all non-hero sections stay light. */
.hero-bg{background-color:#17334B!important;background-image:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.86) 42%,rgba(255,255,255,.10) 100%),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1800&q=88')!important;background-position:center!important;background-size:cover!important;color:var(--pdw-ink)!important}
.hero-bg h1,.hero-bg h2,.hero-bg h3,.hero-bg .text-white,.hero-bg [class*="text-white/"]{color:var(--pdw-ink)!important;text-shadow:none!important}
.hero-bg p{color:#425A6E!important;text-shadow:none!important}
.hero-bg .hero-proof{background:rgba(255,255,255,.92)!important;color:var(--pdw-ink)!important;border:1px solid rgba(220,229,234,.9)!important;box-shadow:0 8px 24px rgba(20,49,70,.10)!important;backdrop-filter:blur(8px)}
/* Elevated cards, visibly distinct from the page canvas */
.glass,.process-card,.process-mini,.feature-card,.price-card,.pricing-card,.gallery-card,.service-detail-card,.faq-card,.shade,details.rounded-2xl,main article:not(.service-card),.service-detail-card,.faq-card{
 background:var(--pdw-surface)!important;color:var(--pdw-ink)!important;border:1px solid var(--pdw-line)!important;
 box-shadow:0 7px 22px rgba(23,51,75,.055),inset 0 1px 0 rgba(255,255,255,.9)!important;
 backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-radius:18px!important
}
main article h2,main article h3,main article h4,main article .font-bold,main article .font-extrabold{color:var(--pdw-ink)!important}
main article p,main details p{color:var(--pdw-muted)!important}
.process-mini,.feature-card,.price-card,.pricing-card,.gallery-card,.service-detail-card,.faq-card{padding:1rem}
.process-icon{background:#E8F2F6!important;color:#347B8A!important;box-shadow:none!important}
.process-step{color:#347B8A!important}
.service-card{border:1px solid rgba(23,51,75,.12)!important;box-shadow:0 8px 22px rgba(23,51,75,.12)!important;background:#DCE7EC!important}
.service-card:after{background:linear-gradient(transparent 30%,rgba(9,28,43,.78))!important}
.service-card span{background:rgba(15,39,57,.82)!important;border:1px solid rgba(255,255,255,.24)!important;color:#fff!important;text-shadow:0 1px 3px rgba(0,0,0,.25)!important;backdrop-filter:blur(7px)!important}
.filter-btn{background:#fff!important;border:1px solid var(--pdw-line)!important;color:var(--pdw-ink)!important;box-shadow:0 3px 10px rgba(23,51,75,.04)!important}
.filter-btn.active{background:var(--pdw-rose)!important;border-color:var(--pdw-rose)!important;color:#fff!important;box-shadow:0 5px 14px rgba(216,63,118,.16)!important}
.pink-btn{background:var(--pdw-rose)!important;color:#fff!important;border:1px solid var(--pdw-rose)!important;box-shadow:0 5px 14px rgba(216,63,118,.13)!important}
.pink-btn:hover{background:var(--pdw-rose-dark)!important;border-color:var(--pdw-rose-dark)!important}
a[href^="https://wa.me/"]{background:var(--pdw-green)!important;border-color:var(--pdw-green)!important;color:#fff!important;box-shadow:0 5px 14px rgba(22,138,82,.14)!important}
a[href^="https://wa.me/"] i{color:#fff!important}
/* Keep secondary navigation actions outlined, so pink is an accent rather than the whole page. */
a[href="services.html"].inline-flex, a[href="our-work.html"].inline-flex, a[href="colour-catalogue.html"].inline-flex, a[href*="colour-catalogue.html"].inline-flex{
 border-color:var(--pdw-rose)!important;color:var(--pdw-rose)!important;background:rgba(255,255,255,.82)!important
}
.field,input,select,textarea{background:#fff!important;color:var(--pdw-ink)!important;border:1px solid #CBD8E0!important;box-shadow:none!important}
.field::placeholder,input::placeholder,textarea::placeholder{color:#71818D!important;opacity:1!important}
.field:focus,input:focus,select:focus,textarea:focus{border-color:#6B9AA9!important;box-shadow:0 0 0 3px rgba(52,123,138,.12)!important;outline:none}
summary{color:var(--pdw-ink)!important}
footer{background:#EAF0F3!important;color:var(--pdw-muted)!important;border-color:var(--pdw-line)!important}
footer .brand,footer a{color:var(--pdw-ink)!important}
footer p{color:var(--pdw-muted)!important}
.bottom-app-nav{background:rgba(255,255,255,.96)!important;border:1px solid var(--pdw-line)!important;border-bottom:0!important;box-shadow:0 -8px 28px rgba(23,51,75,.09)!important;backdrop-filter:blur(18px)!important}
.bottom-app-nav a{color:#71808C!important}
.bottom-app-nav a[aria-current="page"],.bottom-app-nav a.text-emerald-400,.bottom-app-nav a:hover{color:var(--pdw-green)!important}
#callButton{background:#2468C9!important;color:#fff!important}
#whatsappButton{background:var(--pdw-green)!important;color:#fff!important}
.shade{overflow:hidden}
.shade .swatch{height:78px!important;min-height:78px!important;border-radius:12px!important}
.shade>div:not(.swatch){background:#fff!important;color:var(--pdw-ink)!important}
.shade>div:not(.swatch) p{color:var(--pdw-muted)!important}
/* Pricing: restrained rose links, clean white cards and readable factors. */
.pricing-card a,.price-card a,main a:not(.pink-btn):not([href^="https://wa.me/"]){color:var(--pdw-rose)!important}
main .bg-pink-500,main .bg-pink-600{background:var(--pdw-rose)!important}
main .border-white\/10,main .border-white\/20{border-color:var(--pdw-line)!important}
main .bg-white\/5,main .bg-white\/10,main .bg-black\/10{background:#fff!important}
#enquiryModal>div{background:#fff!important;color:var(--pdw-ink)!important;border-color:var(--pdw-line)!important}
#enquiryModal h2,#enquiryModal p{color:var(--pdw-ink)!important}
@media(min-width:768px){body{padding-bottom:82px}.bottom-app-nav{border-radius:18px 18px 0 0!important}}
@media(max-width:767px){.hero-bg{background-image:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.84) 48%,rgba(255,255,255,.12) 100%),url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=1200&q=85')!important;background-position:center!important}.service-card{min-height:155px!important}.bottom-app-nav{padding-top:.45rem!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}


/* Mobile: use the otherwise-empty fourth grid cell for the section CTA. */
.mobile-grid-cta{
  min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;
  padding:1rem .7rem;text-align:center;border:1px solid #D7E2E8;border-radius:18px;
  background:linear-gradient(145deg,#FFFFFF 0%,#EEF4F7 100%);color:var(--pdw-ink)!important;
  box-shadow:0 8px 22px rgba(23,51,75,.09),inset 0 1px 0 rgba(255,255,255,.95);
  text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease;
}
.mobile-grid-cta-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#FCE8F0;color:var(--pdw-rose);font-size:1rem}
.mobile-grid-cta-title{font-size:.92rem;line-height:1.25;font-weight:800;color:var(--pdw-ink)!important}
.mobile-grid-cta-arrow{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:var(--pdw-rose);color:#fff;font-size:.82rem}
.mobile-grid-cta-pricing .mobile-grid-cta-icon{background:#E8F0F5;color:#347B8A}
@media(min-width:640px){.mobile-grid-cta{display:none!important}}
@media(max-width:639px){#services .grid.grid-cols-2,#pricing .grid.grid-cols-2{align-items:stretch}.mobile-grid-cta{min-width:0}}
/* Keep CTA-tile text neutral despite the global rose link-accent rule. */
main a.mobile-grid-cta{color:var(--pdw-ink)!important;border-color:var(--pdw-line)!important;background:linear-gradient(145deg,#FFFFFF 0%,#EEF4F7 100%)!important}
main a.mobile-grid-cta .mobile-grid-cta-title{color:var(--pdw-ink)!important}

/* V48: reduce fixed mobile bottom-navigation height across all pages. */
body{padding-bottom:68px!important}
.bottom-app-nav{padding-top:.2rem!important;padding-bottom:calc(.2rem + env(safe-area-inset-bottom))!important}
.bottom-app-nav a{gap:.2rem!important;padding-top:.35rem!important;padding-bottom:.35rem!important}
.bottom-app-nav a i{font-size:1rem!important;line-height:1.15!important}
.bottom-app-nav a span{font-size:.65rem!important;line-height:1.1!important}

/* END original stylesheet: css/professional-theme.css */