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

/* BEGIN original stylesheet: css/uniform-typography.css */
/* PaintDWall V52 — consistent typography and CTA sizing across all pages */
:root{--pdw-font-body:1rem;--pdw-font-detail:.9375rem;--pdw-font-small:.8125rem}
body{font-size:var(--pdw-font-body)!important;line-height:1.6!important}
main h1{font-size:clamp(1.9rem,3.1vw,2.35rem)!important;line-height:1.18!important;letter-spacing:-.025em!important;font-weight:800!important}
main h2{font-size:clamp(1.4rem,2.2vw,1.65rem)!important;line-height:1.25!important;letter-spacing:-.015em!important;font-weight:800!important}
main h3{font-size:1.125rem!important;line-height:1.3!important;font-weight:800!important}
main p,main li{font-size:var(--pdw-font-detail)!important;line-height:1.6!important}
main .text-xs,main .text-sm{font-size:var(--pdw-font-detail)!important;line-height:1.55!important}
main .text-lg{font-size:1.125rem!important;line-height:1.45!important}
main .text-xl{font-size:1.25rem!important;line-height:1.4!important}
main .text-2xl{font-size:1.5rem!important;line-height:1.3!important}
main .text-3xl{font-size:1.875rem!important;line-height:1.2!important}
main a.pink-btn,main button.pink-btn,main a[href^="https://wa.me/"].inline-flex,main button.filter-btn,main a.filter-btn{min-height:52px!important;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.9rem 1.5rem!important;font-size:1rem!important;line-height:1.2!important;font-weight:800!important;border-radius:999px!important}
/* Preserve the compact shared header CTA while keeping it consistent page-to-page. */
.pdw-header-quote{min-height:46px!important;padding:.75rem 1.35rem!important;font-size:.9rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
/* Pricing product images: contain the entire product packshot, never crop it. */
.pricing-main .paint-product-image{width:100%!important;height:150px!important;min-height:150px!important;object-fit:contain!important;object-position:center center!important;background:#101416!important;padding:.5rem!important;display:block!important}
.pricing-main .paint-product-card .paint-band{font-size:1rem!important;line-height:1.3!important}
.pricing-main .paint-product-card .paint-system{font-size:.875rem!important;line-height:1.5!important}
.pricing-main .paint-product-card .paint-price{font-size:1.75rem!important;line-height:1.1!important}
.pricing-main .paint-product-card .paint-price small{font-size:.78rem!important}
.pricing-main .pricing-cta-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;gap:.8rem!important}
.pricing-main .pricing-cta-row>a{width:100%!important;max-width:560px!important;align-self:center!important;min-height:58px!important;padding:1rem 1.4rem!important;font-size:1.05rem!important;text-align:center!important}
@media(max-width:767px){
 body{font-size:1rem!important}
 main h1{font-size:1.9rem!important}
 main h2{font-size:1.45rem!important}
 main h3{font-size:1.1rem!important}
 main p,main li,main .text-xs,main .text-sm{font-size:.9375rem!important}
 .pricing-main #paint-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.65rem!important}
 .pricing-main .paint-product-image{height:118px!important;min-height:118px!important;padding:.35rem!important}
 .pricing-main .paint-product-info{padding:.75rem!important}
 .pricing-main .paint-product-card .paint-band{font-size:.95rem!important}
 .pricing-main .paint-product-card .paint-system{font-size:.875rem!important}
 .pricing-main .paint-product-card .paint-price{font-size:1.55rem!important}
 .pricing-main .pricing-cta-row>a{max-width:none!important;width:100%!important;font-size:1rem!important;min-height:56px!important}
}

/* V54: enquiry modal fields must stack vertically at every viewport width. */
#enquiryModal{z-index:9999!important}
#enquiryModal>div{width:min(100%,28.75rem)!important;max-width:28.75rem!important;max-height:calc(100dvh - 2rem)!important;overflow-y:auto!important;box-sizing:border-box!important}
#enquiryModal form{display:block!important;width:100%!important;min-width:0!important}
#enquiryModal form>input.field{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:48px!important;margin:0!important;box-sizing:border-box!important}
#enquiryModal form>input.field+input.field{margin-top:.75rem!important}
#enquiryModal form details{width:100%!important;box-sizing:border-box!important}
#enquiryModal form button[type="submit"]{display:flex!important;width:100%!important;min-height:50px!important;align-items:center!important;justify-content:center!important}

/* V54: make every pricing "Get a free estimate" CTA use the brand pink. */
.rate-link,.rate-link:visited{background:#d94678!important;background-color:#d94678!important;color:#fff!important;border-color:#d94678!important}
.rate-link:hover,.rate-link:focus-visible{background:#c93669!important;background-color:#c93669!important;color:#fff!important;border-color:#c93669!important}

/* V55: keep estimate actions subtle — retain each card's original surface and use brand pink text only. */
.pricing-main .rate-link,.pricing-main .rate-link:visited{background:transparent!important;background-color:transparent!important;color:#f45c9a!important;border:1px solid transparent!important;box-shadow:none!important}
.pricing-main .rate-link:hover,.pricing-main .rate-link:focus-visible{background:rgba(244,92,154,.07)!important;background-color:rgba(244,92,154,.07)!important;color:#ff8bb7!important;border-color:rgba(244,92,154,.22)!important}

/* V55: one shared visual style for enquiry popups across every page. */
#enquiryModal>div,#serviceEnquiryModal .service-modal-card{background:#193449!important;color:#f4f7fb!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:1.5rem!important;box-shadow:0 24px 80px rgba(0,0,0,.45)!important}
#enquiryModal>div{padding:1.35rem!important}
#enquiryModal form input.field,#serviceEnquiryModal input.field{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
#serviceEnquiryModal form{display:block!important;width:100%!important;min-width:0!important}
#serviceEnquiryModal .service-modal-card{width:min(100% - 2rem,28.75rem)!important;max-height:calc(100dvh - 2rem)!important;overflow-y:auto!important;padding:1.35rem!important}
#serviceEnquiryModal .service-modal-card h2{color:#d9eaf5!important}
@media(max-width:600px){#enquiryModal>div,#serviceEnquiryModal .service-modal-card{padding:1.15rem!important;border-radius:1.25rem!important}}


/* V56: use the same rounded input shape and dimensions in every enquiry popup. */
#enquiryModal input.field,#serviceEnquiryModal input.field{
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
 height:48px!important;min-height:48px!important;box-sizing:border-box!important;
 border-radius:9999px!important;padding:.75rem 1rem!important;
 background:#111214!important;color:#f8fbff!important;
 border:1px solid rgba(125,211,252,.42)!important;box-shadow:none!important;
 font:inherit!important;line-height:1.25!important;
}
#enquiryModal input.field:focus,#serviceEnquiryModal input.field:focus{
 outline:none!important;border-color:#8ed4e8!important;box-shadow:0 0 0 2px rgba(142,212,232,.14)!important;
}
#enquiryModal input.field::placeholder,#serviceEnquiryModal input.field::placeholder{color:#8b949e!important;opacity:1!important}

/* V57: app-wide consistency pass — aligned enquiry controls and CTA sizing. */
:root{--pdw-pink:#d94678;--pdw-pink-hover:#c93669;--pdw-modal-blue:#193449;--pdw-input-bg:#111214;--pdw-input-border:rgba(125,211,252,.42)}
/* Make every modal field, including optional email/pincode fields, share one shape. */
#enquiryModal input.field,#serviceEnquiryModal input.field,
#enquiryModal form details input.field,#serviceEnquiryModal form details input.field{
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
 height:48px!important;min-height:48px!important;box-sizing:border-box!important;
 border-radius:9999px!important;padding:.75rem 1rem!important;margin:0!important;
 background:var(--pdw-input-bg)!important;color:#f8fbff!important;
 border:1px solid var(--pdw-input-border)!important;box-shadow:none!important;
 font-family:inherit!important;font-size:1rem!important;line-height:1.25!important;
}
#enquiryModal form>input.field+input.field,#serviceEnquiryModal form>input.field+input.field{margin-top:.75rem!important}
#enquiryModal form details,#serviceEnquiryModal form details{
 width:100%!important;box-sizing:border-box!important;border-radius:1rem!important;
 border:1px solid rgba(255,255,255,.18)!important;background:rgba(0,0,0,.12)!important;
}
#enquiryModal form details input.field+input.field,#serviceEnquiryModal form details input.field+input.field{margin-top:.75rem!important}
#enquiryModal input.field:focus,#serviceEnquiryModal input.field:focus{outline:none!important;border-color:#8ed4e8!important;box-shadow:0 0 0 2px rgba(142,212,232,.14)!important}
#enquiryModal input.field::placeholder,#serviceEnquiryModal input.field::placeholder{color:#8b949e!important;opacity:1!important}
/* Submit controls always use the same pink pill style, even on pages without Tailwind styles. */
#enquiryModal button[type="submit"],#serviceEnquiryModal button[type="submit"]{
 display:flex!important;width:100%!important;min-height:50px!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;
 padding:.9rem 1.25rem!important;border:1px solid var(--pdw-pink)!important;border-radius:9999px!important;
 background:var(--pdw-pink)!important;color:#fff!important;font-family:inherit!important;font-size:1rem!important;font-weight:800!important;line-height:1.2!important;box-shadow:0 5px 16px rgba(217,70,120,.18)!important;cursor:pointer!important;
}
#enquiryModal button[type="submit"]:hover,#serviceEnquiryModal button[type="submit"]:hover{background:var(--pdw-pink-hover)!important;border-color:var(--pdw-pink-hover)!important}
/* Pricing page: equal-width estimate and WhatsApp CTAs on the same row. */
.pricing-main .pricing-cta-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:.8rem!important;width:100%!important}
.pricing-main .pricing-cta-row>a,.pricing-main .pricing-cta-row>button{
 display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;
 width:100%!important;max-width:none!important;min-width:0!important;min-height:54px!important;
 padding:.85rem 1rem!important;margin:0!important;border-radius:9999px!important;
 font-family:inherit!important;font-size:clamp(.78rem,1.1vw,.95rem)!important;font-weight:800!important;line-height:1.25!important;text-align:center!important;white-space:normal!important;box-sizing:border-box!important;
}
.pricing-main .pricing-cta-row>button{background:transparent!important;color:#f45c9a!important;border:1px solid rgba(244,92,154,.55)!important;box-shadow:none!important}
.pricing-main .pricing-cta-row>button:hover{background:rgba(244,92,154,.08)!important;color:#ff8bb7!important}
.pricing-main .pricing-cta-row>a{background:#168c56!important;border:1px solid #168c56!important;color:#fff!important;box-shadow:none!important}
.pricing-main .pricing-cta-row>a:hover{background:#117447!important;border-color:#117447!important}
@media(max-width:420px){.pricing-main .pricing-cta-row{gap:.5rem!important}.pricing-main .pricing-cta-row>a,.pricing-main .pricing-cta-row>button{min-height:52px!important;padding:.7rem .55rem!important;font-size:.76rem!important;gap:.3rem!important}.pricing-main .pricing-cta-row .fa-brands{font-size:1rem!important}}

/* V58: match the header quote CTA's pink-and-white treatment on the Pricing estimate action. */
.pricing-main .pricing-cta-row>button{
 background:var(--pdw-pink,#d94678)!important;
 background-color:var(--pdw-pink,#d94678)!important;
 color:#fff!important;
 border:1px solid var(--pdw-pink,#d94678)!important;
 box-shadow:0 5px 16px rgba(217,70,120,.18)!important;
 min-height:48px!important;
 padding:.75rem 1.1rem!important;
}
.pricing-main .pricing-cta-row>button:hover,
.pricing-main .pricing-cta-row>button:focus-visible{
 background:var(--pdw-pink-hover,#c93669)!important;
 background-color:var(--pdw-pink-hover,#c93669)!important;
 color:#fff!important;
 border-color:var(--pdw-pink-hover,#c93669)!important;
}
.pricing-main .pricing-cta-row>a{
 min-height:48px!important;
 padding:.75rem 1.1rem!important;
}
@media(max-width:420px){
 .pricing-main .pricing-cta-row>button,.pricing-main .pricing-cta-row>a{min-height:46px!important;padding:.65rem .5rem!important;font-size:.76rem!important}
}


/* V59: unify the main estimate + WhatsApp CTA row across Services, Colours and Our Work with Pricing. */
.pdw-standard-cta-row,
.colour-contact-actions-bottom .colour-action-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:.8rem!important;
  width:100%!important;
  max-width:805px!important;
  margin:1.75rem auto 0!important;
}
.pdw-standard-cta-row>button,
.pdw-standard-cta-row>a,
.colour-contact-actions-bottom .colour-action-grid>button,
.colour-contact-actions-bottom .colour-action-grid>a {
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.5rem!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:48px!important;
  margin:0!important;
  padding:.75rem .8rem!important;
  border-radius:9999px!important;
  font-family:inherit!important;
  font-size:clamp(.76rem,1.05vw,.95rem)!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  text-decoration:none!important;
  white-space:normal!important;
  box-shadow:none!important;
  transition:background-color .18s ease,border-color .18s ease,filter .18s ease!important;
}
.pdw-standard-cta-row>button,
.colour-contact-actions-bottom .colour-action-grid>button,
.pdw-standard-cta-row>a:not([href^="https://wa.me/"]) {
  background:var(--pdw-pink,#d94678)!important;
  color:#fff!important;
  border:1px solid var(--pdw-pink,#d94678)!important;
}
.pdw-standard-cta-row>button:hover,
.colour-contact-actions-bottom .colour-action-grid>button:hover,
.pdw-standard-cta-row>a:not([href^="https://wa.me/"]):hover {
  background:var(--pdw-pink-hover,#c93669)!important;
  border-color:var(--pdw-pink-hover,#c93669)!important;
}
.pdw-standard-cta-row>a[href^="https://wa.me/"],
.colour-contact-actions-bottom .colour-action-grid>a {
  background:#168c56!important;
  color:#fff!important;
  border:1px solid #168c56!important;
}
.pdw-standard-cta-row>a[href^="https://wa.me/"]:hover,
.colour-contact-actions-bottom .colour-action-grid>a:hover {
  background:#117447!important;
  border-color:#117447!important;
}
.pdw-standard-cta-row .fa-brands,
.colour-contact-actions-bottom .colour-action-grid .fa-brands {font-size:1rem!important;flex:0 0 auto!important}
@media(max-width:420px){
  .pdw-standard-cta-row,.colour-contact-actions-bottom .colour-action-grid{gap:.5rem!important;margin-top:1.25rem!important}
  .pdw-standard-cta-row>button,.pdw-standard-cta-row>a,
  .colour-contact-actions-bottom .colour-action-grid>button,.colour-contact-actions-bottom .colour-action-grid>a{
    min-height:46px!important;padding:.65rem .45rem!important;font-size:.72rem!important;gap:.3rem!important
  }
}

/* END original stylesheet: css/uniform-typography.css */

/* BEGIN original stylesheet: css/app-wide-qa.css */
/* PaintDWall V60 — final app-wide CTA typography and sizing QA pass.
   Pricing CTA is the reference. Use fixed CSS pixel values so each page's
   button labels do not drift with vw-based clamps or inherited utility classes. */
:root {
  --pdw-cta-pink: #d94678;
  --pdw-cta-pink-hover: #c93669;
  --pdw-cta-green: #168c56;
  --pdw-cta-green-hover: #117447;
  --pdw-cta-label-size: 15px;
  --pdw-cta-height: 48px;
}

/* Header quote: same label size and proportions across all pages. */
.pdw-header-quote {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-height: 48px !important;
  padding: 12px 22px !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

/* Shared estimate + WhatsApp CTA rows on Pricing, Services, Colours and Our Work. */
.pricing-main .pricing-cta-row,
.pdw-standard-cta-row,
.colour-contact-actions-bottom .colour-action-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: 805px !important;
  margin: 28px auto 0 !important;
}

.pricing-main .pricing-cta-row > a,
.pricing-main .pricing-cta-row > button,
.pdw-standard-cta-row > a,
.pdw-standard-cta-row > button,
.colour-contact-actions-bottom .colour-action-grid > a,
.colour-contact-actions-bottom .colour-action-grid > button {
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: var(--pdw-cta-height) !important;
  height: auto !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  border-radius: 9999px !important;
  font-family: inherit !important;
  font-size: var(--pdw-cta-label-size) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: normal !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

/* Pink estimate / quote CTA. */
.pricing-main .pricing-cta-row > button,
.pdw-standard-cta-row > button,
.colour-contact-actions-bottom .colour-action-grid > button,
.pdw-standard-cta-row > a:not([href^="https://wa.me/"]) {
  background: var(--pdw-cta-pink) !important;
  color: #fff !important;
  border: 1px solid var(--pdw-cta-pink) !important;
}
.pricing-main .pricing-cta-row > button:hover,
.pdw-standard-cta-row > button:hover,
.colour-contact-actions-bottom .colour-action-grid > button:hover,
.pdw-standard-cta-row > a:not([href^="https://wa.me/"]):hover {
  background: var(--pdw-cta-pink-hover) !important;
  border-color: var(--pdw-cta-pink-hover) !important;
  color: #fff !important;
}

/* WhatsApp CTA. */
.pricing-main .pricing-cta-row > a,
.pdw-standard-cta-row > a[href^="https://wa.me/"],
.colour-contact-actions-bottom .colour-action-grid > a {
  background: var(--pdw-cta-green) !important;
  color: #fff !important;
  border: 1px solid var(--pdw-cta-green) !important;
}
.pricing-main .pricing-cta-row > a:hover,
.pdw-standard-cta-row > a[href^="https://wa.me/"]:hover,
.colour-contact-actions-bottom .colour-action-grid > a:hover {
  background: var(--pdw-cta-green-hover) !important;
  border-color: var(--pdw-cta-green-hover) !important;
  color: #fff !important;
}

/* Keep icons proportional to the label instead of inheriting oversized utility sizes. */
.pricing-main .pricing-cta-row i,
.pdw-standard-cta-row i,
.colour-contact-actions-bottom .colour-action-grid i {
  flex: 0 0 auto !important;
  font-size: 15px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

/* Per-service estimate links should also use a predictable, compact label size. */
.pricing-main .rate-link {
  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

/* Prevent the homepage hero CTA labels from inheriting oversized responsive text. */
#home button.pink-btn,
#home button[data-open-enquiry],
#home button[data-service-enquiry] {
  font-size: 15px !important;
  line-height: 1.2 !important;
}

@media (max-width: 600px) {
  :root { --pdw-cta-label-size: 14px; --pdw-cta-height: 46px; }
  .pdw-header-quote {
    min-height: 44px !important;
    padding: 10px 16px !important;
    font-size: 14px !important;
  }
  .pricing-main .pricing-cta-row,
  .pdw-standard-cta-row,
  .colour-contact-actions-bottom .colour-action-grid {
    gap: 8px !important;
    margin-top: 20px !important;
  }
  .pricing-main .pricing-cta-row > a,
  .pricing-main .pricing-cta-row > button,
  .pdw-standard-cta-row > a,
  .pdw-standard-cta-row > button,
  .colour-contact-actions-bottom .colour-action-grid > a,
  .colour-contact-actions-bottom .colour-action-grid > button {
    padding: 10px 8px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    gap: 6px !important;
  }
  .pricing-main .pricing-cta-row i,
  .pdw-standard-cta-row i,
  .colour-contact-actions-bottom .colour-action-grid i { font-size: 14px !important; }
  #home button.pink-btn,
  #home button[data-open-enquiry],
  #home button[data-service-enquiry] { font-size: 14px !important; }
}

/* Very narrow phones: retain the two-column layout, but allow two-line labels cleanly. */
@media (max-width: 360px) {
  .pricing-main .pricing-cta-row,
  .pdw-standard-cta-row,
  .colour-contact-actions-bottom .colour-action-grid { gap: 6px !important; }
  .pricing-main .pricing-cta-row > a,
  .pricing-main .pricing-cta-row > button,
  .pdw-standard-cta-row > a,
  .pdw-standard-cta-row > button,
  .colour-contact-actions-bottom .colour-action-grid > a,
  .colour-contact-actions-bottom .colour-action-grid > button {
    padding: 9px 5px !important;
    font-size: 13px !important;
  }
}

/* END original stylesheet: css/app-wide-qa.css */

/* BEGIN original stylesheet: css/uniform-cta-v62.css */
/* PaintDWall V62 — single, explicit CTA system. Loaded last on every page. */
:root{--pdw-cta-pink:#d94678;--pdw-cta-pink-hover:#c93669;--pdw-cta-green:#168c56;--pdw-cta-green-hover:#117447;--pdw-cta-label:15px;--pdw-cta-height:52px;--pdw-cta-icon:15px;}
/* Header quote: same control height, font, weight and icon on every page. */
body .pdw-shared-header .pdw-header-quote{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;gap:8px!important;height:48px!important;min-height:48px!important;padding:0 20px!important;border:1px solid var(--pdw-cta-pink)!important;border-radius:999px!important;background:var(--pdw-cta-pink)!important;color:#fff!important;font-family:inherit!important;font-size:var(--pdw-cta-label)!important;font-weight:800!important;line-height:1!important;letter-spacing:normal!important;white-space:nowrap!important;text-align:center!important;box-shadow:none!important;}
body .pdw-shared-header .pdw-header-quote i{display:inline-block!important;flex:0 0 auto!important;margin:0!important;font-size:var(--pdw-cta-icon)!important;line-height:1!important;}
/* Normalize the three shared bottom CTA row types to the same 2-column grid. */
body main .pricing-main .pricing-cta-row,body main .pdw-standard-cta-row,body main .colour-contact-actions-bottom .colour-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important;gap:12px!important;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;}
body main .pricing-main .pricing-cta-row>a,body main .pricing-main .pricing-cta-row>button,body main .pdw-standard-cta-row>a,body main .pdw-standard-cta-row>button,body main .colour-contact-actions-bottom .colour-action-grid>a,body main .colour-contact-actions-bottom .colour-action-grid>button{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;width:100%!important;min-width:0!important;height:var(--pdw-cta-height)!important;min-height:var(--pdw-cta-height)!important;margin:0!important;padding:0 12px!important;gap:8px!important;border:1px solid transparent!important;border-radius:999px!important;font-family:inherit!important;font-size:var(--pdw-cta-label)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:normal!important;text-align:center!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;box-shadow:none!important;cursor:pointer!important;}
/* Primary action is always pink/white, with a single arrow icon. */
body main .pricing-main .pricing-cta-row>button,body main .pdw-standard-cta-row>button,body main .colour-contact-actions-bottom .colour-action-grid>button{background:var(--pdw-cta-pink)!important;color:#fff!important;border-color:var(--pdw-cta-pink)!important;}
body main .pricing-main .pricing-cta-row>button:hover,body main .pdw-standard-cta-row>button:hover,body main .colour-contact-actions-bottom .colour-action-grid>button:hover{background:var(--pdw-cta-pink-hover)!important;border-color:var(--pdw-cta-pink-hover)!important;color:#fff!important;}
/* WhatsApp action is always green/white. */
body main .pricing-main .pricing-cta-row>a,body main .pdw-standard-cta-row>a[href*="wa.me"],body main .colour-contact-actions-bottom .colour-action-grid>a{background:var(--pdw-cta-green)!important;color:#fff!important;border-color:var(--pdw-cta-green)!important;}
body main .pricing-main .pricing-cta-row>a:hover,body main .pdw-standard-cta-row>a[href*="wa.me"]:hover,body main .colour-contact-actions-bottom .colour-action-grid>a:hover{background:var(--pdw-cta-green-hover)!important;border-color:var(--pdw-cta-green-hover)!important;color:#fff!important;}
body main .pricing-main .pricing-cta-row i,body main .pdw-standard-cta-row i,body main .colour-contact-actions-bottom .colour-action-grid i{display:inline-block!important;flex:0 0 auto!important;margin:0!important;font-size:var(--pdw-cta-icon)!important;line-height:1!important;color:currentColor!important;}
/* Service-level estimate links remain text links, but their font is shared. */
body main .pricing-main .rate-link{font-family:inherit!important;font-size:14px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:normal!important;}
/* Home hero quote/site-visit actions and modal submit use the same text metrics. */
body main #home button[data-open-enquiry],body main #home button[data-service-enquiry],body main #home button.pink-btn,body main button[data-open-enquiry],body main button[data-service-enquiry],body #enquiryModal button[type="submit"]{box-sizing:border-box!important;font-family:inherit!important;font-size:var(--pdw-cta-label)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:normal!important;}
body .service-detail-btn{font-size:var(--pdw-cta-label)!important;}
@media(max-width:767px){:root{--pdw-cta-label:14px;--pdw-cta-height:54px;--pdw-cta-icon:14px;}body .pdw-shared-header .pdw-header-quote{height:46px!important;min-height:46px!important;padding:0 14px!important;font-size:14px!important;}body main .pricing-main .pricing-cta-row,body main .pdw-standard-cta-row,body main .colour-contact-actions-bottom .colour-action-grid{gap:8px!important;}body main .pricing-main .pricing-cta-row>a,body main .pricing-main .pricing-cta-row>button,body main .pdw-standard-cta-row>a,body main .pdw-standard-cta-row>button,body main .colour-contact-actions-bottom .colour-action-grid>a,body main .colour-contact-actions-bottom .colour-action-grid>button{height:54px!important;min-height:54px!important;padding:0 8px!important;font-size:14px!important;gap:6px!important;}body main .pricing-main .pricing-cta-row i,body main .pdw-standard-cta-row i,body main .colour-contact-actions-bottom .colour-action-grid i{font-size:14px!important;}}
@media(max-width:360px){body .pdw-shared-header .pdw-header-quote{padding:0 10px!important;font-size:13px!important;}body main .pricing-main .pricing-cta-row,body main .pdw-standard-cta-row,body main .colour-contact-actions-bottom .colour-action-grid{gap:6px!important;}body main .pricing-main .pricing-cta-row>a,body main .pricing-main .pricing-cta-row>button,body main .pdw-standard-cta-row>a,body main .pdw-standard-cta-row>button,body main .colour-contact-actions-bottom .colour-action-grid>a,body main .colour-contact-actions-bottom .colour-action-grid>button{padding:0 5px!important;font-size:14px!important;}}
/* V62 hardens the home-hero and modal controls too, not just the bottom rows. */
body main #home a.pink-btn,body main #home button.pink-btn,body main #home button[data-open-enquiry],body main #home button[data-service-enquiry],body main button[type="submit"]{box-sizing:border-box!important;min-height:48px!important;padding:0 18px!important;border-radius:999px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:15px!important;line-height:1.2!important;font-weight:800!important;}
body main #home a.pink-btn i,body main #home button.pink-btn i,body main #home button[data-open-enquiry] i,body main #home button[data-service-enquiry] i,body main button[type="submit"] i{font-size:15px!important;line-height:1!important;margin:0!important;}
@media(max-width:767px){body main #home a.pink-btn,body main #home button.pink-btn,body main #home button[data-open-enquiry],body main #home button[data-service-enquiry],body main button[type="submit"]{min-height:46px!important;padding:0 12px!important;font-size:14px!important;}body main #home a.pink-btn i,body main #home button.pink-btn i,body main #home button[data-open-enquiry] i,body main #home button[data-service-enquiry] i,body main button[type="submit"] i{font-size:14px!important;}}

/* END original stylesheet: css/uniform-cta-v62.css */

/* BEGIN original stylesheet: css/v63-layout-fixes.css */
/* PaintDWall V63: remove duplicate top navigation, repair service enquiry fields,
   and make the pricing service cards clearer and more compact. */

/* Bottom navigation is the single primary navigation system on every page. */
body .pdw-shared-header .pdw-header-nav{display:none!important}
body .pdw-shared-header .pdw-header-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;width:min(100% - 32px, 56rem)!important;margin-inline:auto!important;min-height:72px!important}
body .pdw-shared-header .pdw-header-brand{flex:0 1 auto!important;min-width:0!important}
body .pdw-shared-header .pdw-header-quote{flex:0 0 auto!important;margin-left:auto!important}
@media(max-width:420px){
 body .pdw-shared-header .pdw-header-inner{width:calc(100% - 24px)!important;gap:10px!important;min-height:66px!important}
 body .pdw-shared-header .pdw-header-brand{gap:8px!important;font-size:clamp(17px,4.6vw,21px)!important}
 body .pdw-shared-header .pdw-header-brand img{width:36px!important;height:36px!important}
 body .pdw-shared-header .pdw-header-quote{height:44px!important;min-height:44px!important;padding:0 12px!important;font-size:13px!important;gap:6px!important}
}

/* Service-page enquiry modal: prevent name and phone fields from ever sharing a row
   or touching each other. Reset conflicting utility styles and enforce box sizing. */
body #serviceEnquiryModal .service-modal-card form{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;min-width:0!important}
body #serviceEnquiryModal .service-modal-card form>input.field:not([type=hidden]){position:static!important;display:block!important;float:none!important;flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;height:48px!important;min-height:48px!important;margin:0!important;padding:12px 15px!important;box-sizing:border-box!important;border-radius:999px!important}
body #serviceEnquiryModal .service-modal-card form>input.field:not([type=hidden])+input.field:not([type=hidden]){margin-top:12px!important}
body #serviceEnquiryModal .service-modal-card form>details{display:block!important;flex:0 0 auto!important;width:100%!important;min-width:0!important;margin-top:12px!important;box-sizing:border-box!important}
body #serviceEnquiryModal .service-modal-card form>details>div{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
body #serviceEnquiryModal .service-modal-card form>details input.field{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:46px!important;box-sizing:border-box!important}
body #serviceEnquiryModal .service-modal-card form>button[type=submit]{display:flex!important;flex:0 0 auto!important;width:100%!important;min-height:48px!important;margin-top:14px!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}

/* Pricing: consistent, easier-to-scan service rate cards. */
body .pricing-main #service-rate-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;align-items:stretch!important}
body .pricing-main .service-rate-card{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;min-height:0!important;padding:18px!important;border:1px solid rgba(151,190,204,.38)!important;border-radius:18px!important;background:linear-gradient(145deg,#172b35 0%,#121d23 100%)!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important;overflow:hidden!important;}
body .pricing-main .service-rate-card .rate-icon{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:0 0 40px!important;margin-bottom:12px!important;border-radius:12px!important;background:rgba(126,190,207,.15)!important;color:#9ed5e2!important;font-size:17px!important}
body .pricing-main .service-rate-card h2{margin:0 0 6px!important;font-family:Manrope,sans-serif!important;font-size:18px!important;line-height:1.3!important;font-weight:800!important;color:#f5f9fc!important}
body .pricing-main .service-rate-card>p{margin:0!important;min-height:44px!important;font-size:14px!important;line-height:1.5!important;color:#aebdc6!important}
body .pricing-main .service-rate-card .rate-price{display:flex!important;align-items:baseline!important;gap:6px!important;flex-wrap:wrap!important;margin-top:14px!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,.13)!important;color:#c7d2d9!important}
body .pricing-main .service-rate-card .rate-price span{font-size:13px!important;line-height:1.3!important;color:#b4c1c9!important}
body .pricing-main .service-rate-card .rate-price strong{font-size:30px!important;line-height:1!important;font-weight:800!important;letter-spacing:-.03em!important;color:#9bd3df!important}
body .pricing-main .service-rate-card .rate-price small{font-size:13px!important;color:#c7d2d9!important}
body .pricing-main .service-rate-card .rate-link{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:42px!important;margin-top:10px!important;padding:8px 10px!important;border:1px solid transparent!important;border-radius:999px!important;background:transparent!important;color:#f06a9e!important;font-family:inherit!important;font-size:14px!important;line-height:1.2!important;font-weight:800!important;text-align:center!important;white-space:normal!important;box-shadow:none!important}
body .pricing-main .service-rate-card .rate-link:hover,body .pricing-main .service-rate-card .rate-link:focus-visible{background:rgba(217,70,120,.1)!important;border-color:rgba(217,70,120,.32)!important;color:#ff9cbd!important;outline-offset:3px!important}
body .pricing-main .service-rate-card .rate-link i{font-size:13px!important;flex:0 0 auto!important}
@media(max-width:600px){
 body .pricing-main #service-rate-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 body .pricing-main .service-rate-card{padding:16px!important}
 body .pricing-main .service-rate-card>p{min-height:0!important}
 body .pricing-main .service-rate-card .rate-price strong{font-size:28px!important}
}

/* V64 targeted regression fix: the phone input has an sr-only label between it
   and the name input, so an adjacent-input selector cannot create the gap. */
body #serviceEnquiryModal #serviceEnquiryName,
body #serviceEnquiryModal #serviceEnquiryPhone {
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  flex:none!important;
  float:none!important;
  position:relative!important;
}
body #serviceEnquiryModal #serviceEnquiryPhone {
  margin-top:12px!important;
}
body #serviceEnquiryModal #serviceEnquiryName {
  margin-top:0!important;
}
body #serviceEnquiryModal .service-modal-card form > label.sr-only {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}


/* PaintDWall V64: Colours page alignment + bottom-navigation parity.
   Pricing/Services/Our Work use the same dark shell and centered content width;
   bring the standalone colour catalogue into that shared layout. */
body.colour-catalogue-page {
  --paper: #202526;
  --panel: #111315;
  --ink: #e6eef3;
  --muted: #9aabb6;
  --line: rgba(151, 190, 204, .28);
  background: #202526 !important;
  color: #e6eef3 !important;
  padding-bottom: 92px !important;
}
body.colour-catalogue-page .wrap,
body.colour-catalogue-page .footer-grid,
body.colour-catalogue-page .footer-bottom {
  width: min(100% - 32px, 62rem) !important;
  max-width: 62rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.colour-catalogue-page .hero {
  background: linear-gradient(180deg, #202526 0%, #202526 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  padding: 34px 0 26px !important;
}
body.colour-catalogue-page .hero h1,
body.colour-catalogue-page .panel-head h2,
body.colour-catalogue-page .idea-panel h2 {
  color: #cfe7ff !important;
}
body.colour-catalogue-page .hero p,
body.colour-catalogue-page .panel-head p,
body.colour-catalogue-page .idea-panel .intro,
body.colour-catalogue-page .combo-card p,
body.colour-catalogue-page .room-card p,
body.colour-catalogue-page .tip-card p {
  color: #91a4b4 !important;
}
body.colour-catalogue-page .filters,
body.colour-catalogue-page .catalog-tools {
  width: min(100% - 32px, 62rem) !important;
  max-width: 62rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.colour-catalogue-page .catalog-panel,
body.colour-catalogue-page .idea-panel {
  width: min(100% - 32px, 62rem) !important;
  max-width: 62rem !important;
  margin: 12px auto 20px !important;
  background: #111315 !important;
  border: 1px solid rgba(151,190,204,.25) !important;
  box-shadow: none !important;
}
body.colour-catalogue-page .shade-card,
body.colour-catalogue-page .combo-card,
body.colour-catalogue-page .room-card,
body.colour-catalogue-page .tip-card {
  background: #171a1c !important;
  border-color: rgba(151,190,204,.25) !important;
}
body.colour-catalogue-page .shade-name,
body.colour-catalogue-page .combo-card h3,
body.colour-catalogue-page .room-card h3,
body.colour-catalogue-page .tip-card h3 { color: #d5e8f8 !important; }
body.colour-catalogue-page .shade-code { color: #8c9ba6 !important; }
body.colour-catalogue-page .shade-search {
  width: min(100%, 360px) !important;
  background: #111315 !important;
  color: #e6eef3 !important;
  border-color: rgba(151,190,204,.3) !important;
}
body.colour-catalogue-page .filter {
  background: #111315 !important;
  color: #d5e0e7 !important;
  border-color: rgba(151,190,204,.35) !important;
}
body.colour-catalogue-page .filter.active {
  background: #2f7180 !important;
  color: #fff !important;
  border-color: #69aebe !important;
}
/* Match the boxed dark bottom bar used on every other page. */
body.colour-catalogue-page .bottom-nav {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  width: min(100%, 920px) !important;
  max-width: 920px !important;
  margin: 0 !important;
  background: rgba(17,17,17,.97) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  border-bottom: 0 !important;
  border-radius: 18px 18px 0 0 !important;
  box-shadow: 0 -10px 30px rgba(0,0,0,.28) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  padding: 8px 4px calc(6px + env(safe-area-inset-bottom)) !important;
}
body.colour-catalogue-page .bottom-nav a {
  color: #84919d !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  gap: 4px !important;
}
body.colour-catalogue-page .bottom-nav a i { font-size: 17px !important; }
body.colour-catalogue-page .bottom-nav a[aria-current="page"] { color: #25b982 !important; }
body.colour-catalogue-page .floaters { bottom: 92px !important; }
@media (min-width: 900px) {
  body.colour-catalogue-page .shade-grid { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
}
@media (max-width: 639px) {
  body.colour-catalogue-page .wrap,
  body.colour-catalogue-page .filters,
  body.colour-catalogue-page .catalog-tools,
  body.colour-catalogue-page .catalog-panel,
  body.colour-catalogue-page .idea-panel,
  body.colour-catalogue-page .footer-grid,
  body.colour-catalogue-page .footer-bottom {
    width: calc(100% - 32px) !important;
  }
  body.colour-catalogue-page .hero { padding: 26px 0 22px !important; }
  body.colour-catalogue-page .hero h1 { font-size: 2rem !important; line-height: 1.15 !important; }
  body.colour-catalogue-page .shade-grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; padding: 14px !important; }
  body.colour-catalogue-page .panel-head { padding: 20px 18px 8px !important; }
  body.colour-catalogue-page .catalog-tools { align-items: stretch !important; }
  body.colour-catalogue-page .shade-search { width: 100% !important; }
  body.colour-catalogue-page .bottom-nav { width: 100% !important; border-radius: 18px 18px 0 0 !important; }
}

/* END original stylesheet: css/v63-layout-fixes.css */

/* BEGIN original stylesheet: css/navigation-consistency-v66.css */
/* PaintDWall V66: one bottom-navigation design shared by every page. */
.bottom-app-nav,
.bottom-nav {
  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  z-index: 1000 !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: 920px !important;
  margin: 0 !important;
  padding: 8px 4px calc(6px + env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
  background: rgba(17, 17, 17, .98) !important;
  border: 1px solid #303030 !important;
  border-bottom: 0 !important;
  border-radius: 18px 18px 0 0 !important;
  box-shadow: 0 -8px 28px rgba(0, 0, 0, .28) !important;
  backdrop-filter: blur(18px) !important;
}
.bottom-app-nav a,
.bottom-nav a {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 5px 0 !important;
  color: #8997a5 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.bottom-app-nav a i,
.bottom-nav a i {
  display: block !important;
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}
.bottom-app-nav a[aria-current="page"],
.bottom-app-nav a[aria-current="page"] i,
.bottom-nav a[aria-current="page"],
.bottom-nav a[aria-current="page"] i {
  color: #25a56a !important;
}
@media (max-width: 639px) {
  .bottom-app-nav a, .bottom-nav a { font-size: 12px !important; }
  .bottom-app-nav a i, .bottom-nav a i { font-size: 20px !important; }
}

/* END original stylesheet: css/navigation-consistency-v66.css */

/* BEGIN original stylesheet: css/light-appearance-v74.css */
/* PaintDWall V74: fixed light appearance regardless of device/browser theme. */
:root{color-scheme:light!important;--pdw-page:#f6f8fb;--pdw-ink:#243746;--pdw-muted:#526576;--pdw-panel:#ffffff;--pdw-border:#dbe3ea}
html{color-scheme:light!important;background:var(--pdw-page)!important}
body{background:var(--pdw-page)!important;color:var(--pdw-ink)!important}
main,main>section,.pricing-main,.colour-catalogue-page{background-color:var(--pdw-page)!important;color:var(--pdw-ink)!important}
/* Replace the old dark hero/section fills with the same soft light background. */
[class*="bg-gradient-to-b"],[class*="bg-[#2b5064"],[class*="bg-[#1b3a50"],[class*="bg-[#2d5368"],[class*="bg-[#285067"]{background:var(--pdw-page)!important;background-image:none!important;color:var(--pdw-ink)!important}
/* Consistent readable text on every page, independent of OS dark/light mode. */
[class*="text-white"],[class*="text-white/"]{color:var(--pdw-ink)!important}
.pdw-shared-header{background:rgba(255,255,255,.96)!important;color:var(--pdw-ink)!important;border-bottom:1px solid var(--pdw-border)!important;box-shadow:0 4px 20px rgba(28,48,66,.06)!important}
.pdw-header-nav a{color:#42596b!important}.pdw-header-nav a[aria-current="page"]{color:#168c56!important}
.bottom-app-nav{background:rgba(255,255,255,.97)!important;border-color:var(--pdw-border)!important;box-shadow:0 -6px 24px rgba(28,48,66,.09)!important}
.bottom-app-nav a{color:#526576!important}.bottom-app-nav a[aria-current="page"]{color:#168c56!important}
.pdw-footer,.pdw-contact-footer,.pdw-contact-footer{background:#eaf0f5!important;color:#344b5c!important;border-top:1px solid var(--pdw-border)!important}
.pdw-footer a,.pdw-contact-footer a{color:#23445b!important}
.pdw-footer-label,.pdw-footer-bottom,.pdw-footer p,.pdw-contact-footer p{color:#526576!important}
/* Panels and forms are light; retain branded green/pink CTA colors and image overlays. */
.price-card,.service-detail-card,.service-modal-card,.gallery-info,.colour-card,.colour-swatch-card{background:#fff!important;color:var(--pdw-ink)!important;border-color:var(--pdw-border)!important}
input.field,textarea.field,select.field,#enquiryModal input,#serviceEnquiryModal input{background:#fff!important;color:#243746!important;border:1px solid #cbd6df!important}
input.field::placeholder{color:#70808d!important}
#enquiryModal>div,#serviceEnquiryModal .service-modal-card{background:#fff!important;color:#243746!important;border:1px solid var(--pdw-border)!important;box-shadow:0 24px 80px rgba(20,40,58,.22)!important}
#enquiryModal h2,#serviceEnquiryModal h2,#enquiryModal p,#serviceEnquiryModal p,#enquiryModal summary,#serviceEnquiryModal label{color:#243746!important}
#enquiryModal .text-white\/70,#enquiryModal .text-white\/65{color:#526576!important}
#enquiryModal button[aria-label="Close enquiry form"],#serviceEnquiryModal button[aria-label*="Close"]{color:#243746!important;border-color:#cbd6df!important}
/* Keep CTA labels high contrast even when surrounding site text is dark. */
.pdw-header-quote,.pink-btn,.pdw-standard-cta-row a[href^="https://wa.me/"],.colour-action-grid a[href^="https://wa.me/"],.float-wa,.float-call,#callButton,#whatsappButton{color:#fff!important}
.pdw-header-quote,.pink-btn{background:#d94678!important}
.pdw-contact-footer .pdw-footer-brand{color:#243746!important}
/* Thank-you page: readable light card and visible button. */
body.grid.min-h-screen{background:var(--pdw-page)!important;color:var(--pdw-ink)!important}
body.grid.min-h-screen>main{background:#fff!important;color:var(--pdw-ink)!important;border:1px solid var(--pdw-border)!important;box-shadow:0 16px 48px rgba(20,40,58,.08)!important}
body.grid.min-h-screen>main p{color:#526576!important}
body.grid.min-h-screen>main a{background:#d94678!important;color:#fff!important;opacity:1!important}

/* END original stylesheet: css/light-appearance-v74.css */

/* BEGIN original stylesheet: css/light-readable-v75.css */
/* PaintDWall V75: extra-light neutral background and site-wide readable text. */
:root{color-scheme:light!important;--pdw-page:#fcfdff;--pdw-ink:#172b3a;--pdw-muted:#405565;--pdw-panel:#ffffff;--pdw-border:#d5dfe7;}
html,body{color-scheme:light!important;background:#fcfdff!important;color:#172b3a!important;}
body,main,main>section,.pricing-main,.colour-catalogue-page,body>section{background-color:#fcfdff!important;color:#172b3a!important;}
/* Remove dark section fills that previously depended on a dark appearance. */
main>section:not(.hero-bg),main section[class*="bg-gradient"]:not(.hero-bg),section.bg-gradient-to-b{background:#fcfdff!important;background-image:none!important;color:#172b3a!important;}
/* Readable headings and body copy, including Tailwind light-colour utility classes. */
main h1,main h2,main h3,main h4,main h5,main h6,main .text-white,main [class*="text-white/"],main .text-slate-100,main .text-slate-200,main .text-gray-100,main .text-gray-200,main .text-gray-300{color:#172b3a!important;text-shadow:none!important;}
main p,main li,main label,main summary,main small,main dt,main dd,main .intro,main .description{color:#405565!important;}
main .text-pink-300,main .text-pink-400,main .text-pink-500{color:#b42358!important;}
main .text-emerald-300,main .text-emerald-400,main .text-green-300,main .text-green-400{color:#087443!important;}
/* Light cards and panels throughout every page. */
.price-card,.service-detail-card,.service-modal-card,.gallery-info,.colour-card,.colour-swatch-card,.shade-card,.idea-panel,.service-card-info,.process-step,.faq-item{background:#fff!important;color:#172b3a!important;border-color:#d5dfe7!important;}
main article h2,main article h3,main article h4,main article .font-bold,main article .font-extrabold{color:#172b3a!important;}
main article p,main details p{color:#405565!important;}
/* Keep photo cards visually intact, with white labels on dark photo overlays for contrast. */
.service-card:after{background:linear-gradient(transparent 25%,rgba(9,28,43,.78))!important;}
.service-card span,.gallery-card span,.photo-overlay,.image-overlay{color:#fff!important;}
/* Colour catalogue had older dark-theme rules: explicitly convert its text, cards, filters and search controls. */
body.colour-catalogue-page,body.colour-catalogue-page main,body.colour-catalogue-page main>section{background:#fcfdff!important;color:#172b3a!important;}
body.colour-catalogue-page main .idea-panel{background:#fff!important;border:1px solid #d5dfe7!important;box-shadow:0 8px 24px rgba(23,43,58,.05)!important;}
body.colour-catalogue-page main .idea-panel h2,body.colour-catalogue-page main .shade-name{color:#172b3a!important;}
body.colour-catalogue-page main .idea-panel .intro,body.colour-catalogue-page main .shade-code{color:#405565!important;}
body.colour-catalogue-page main .eyebrow{color:#087443!important;}
body.colour-catalogue-page main .shade-card{background:#fff!important;border-color:#d5dfe7!important;}
body.colour-catalogue-page main .filter{background:#fff!important;color:#172b3a!important;border-color:#cbd7e0!important;}
body.colour-catalogue-page main .filter.active{background:#087443!important;color:#fff!important;border-color:#087443!important;}
body.colour-catalogue-page main .shade-search{background:#fff!important;color:#172b3a!important;border-color:#cbd7e0!important;}
body.colour-catalogue-page main .shade-search::placeholder{color:#596c7a!important;opacity:1!important;}
/* Header, bottom navigation and footer stay light in either OS/browser theme. */
.pdw-shared-header{background:rgba(255,255,255,.98)!important;color:#172b3a!important;border-bottom:1px solid #d5dfe7!important;box-shadow:0 4px 20px rgba(28,48,66,.06)!important;}
.pdw-header-nav a{color:#344c5d!important;}.pdw-header-nav a[aria-current="page"]{color:#087443!important;}
.bottom-app-nav,.bottom-nav{background:rgba(255,255,255,.98)!important;border-color:#d5dfe7!important;box-shadow:0 -6px 24px rgba(28,48,66,.08)!important;}
.bottom-app-nav a,.bottom-nav a{color:#405565!important;}.bottom-app-nav a[aria-current="page"],.bottom-nav a[aria-current="page"]{color:#087443!important;}
.pdw-footer,.pdw-contact-footer,footer{background:#f1f5f8!important;color:#344b5c!important;border-top:1px solid #d5dfe7!important;}
.pdw-footer a,.pdw-contact-footer a,footer a{color:#203f54!important;}.pdw-footer-label,.pdw-footer-bottom,.pdw-footer p,.pdw-contact-footer p,footer p{color:#405565!important;}
/* Form fields and modal copy must remain readable. */
input,textarea,select,.field{background:#fff!important;color:#172b3a!important;border:1px solid #bdcbd6!important;}
input::placeholder,textarea::placeholder,.field::placeholder{color:#596c7a!important;opacity:1!important;}
#enquiryModal>div,#serviceEnquiryModal .service-modal-card{background:#fff!important;color:#172b3a!important;border:1px solid #d5dfe7!important;}
#enquiryModal h2,#serviceEnquiryModal h2,#enquiryModal p,#serviceEnquiryModal p,#enquiryModal summary,#serviceEnquiryModal label{color:#172b3a!important;}
#enquiryModal .text-white\/70,#enquiryModal .text-white\/65{color:#405565!important;}
#enquiryModal button[aria-label="Close enquiry form"],#serviceEnquiryModal button[aria-label*="Close"]{color:#172b3a!important;border-color:#bdcbd6!important;}
/* Preserve high-contrast CTA buttons and their labels. */
.pdw-header-quote,.pink-btn,.pdw-standard-cta-row a[href^="https://wa.me/"],.colour-action-grid a[href^="https://wa.me/"],.float-wa,.float-call,#callButton,#whatsappButton,.filter-btn.active,body.colour-catalogue-page main .filter.active{color:#fff!important;}
.pdw-header-quote,.pink-btn{background:#d94678!important;}.pdw-header-quote *, .pink-btn *,a[href^="https://wa.me/"] *,#callButton *,#whatsappButton *{color:#fff!important;}
.pdw-contact-footer .pdw-footer-brand{color:#172b3a!important;}
/* Thank-you screen: very light background and clear CTA label. */
body.grid.min-h-screen{background:#fcfdff!important;color:#172b3a!important;}
body.grid.min-h-screen>main{background:#fff!important;color:#172b3a!important;border:1px solid #d5dfe7!important;box-shadow:0 16px 48px rgba(20,40,58,.08)!important;}
body.grid.min-h-screen>main h1{color:#172b3a!important;}body.grid.min-h-screen>main p{color:#405565!important;}
body.grid.min-h-screen>main a{background:#d94678!important;color:#fff!important;opacity:1!important;}


/* V76 corrective override: lock a single light palette across OS/browser modes. */
html { color-scheme: light !important; background-color: #ffffff !important; }
body { background-color: #ffffff !important; color: #172b3a !important; }
@media (prefers-color-scheme: dark) {
  html, body { color-scheme: light !important; background-color: #ffffff !important; color: #172b3a !important; }
}
/* Remove leftover dark utility fills on content containers, but preserve photos, swatches and branded CTAs. */
body [class~="bg-black"], body [class~="bg-white/5"], body [class~="bg-white/10"],
body [class*="bg-slate-9"], body [class*="bg-gray-9"], body [class*="bg-zinc-9"],
body [class*="bg-neutral-9"], body [class*="bg-[#0"], body [class*="bg-[#1"],
body [class*="bg-[#111"], body [class*="bg-[#121"], body [class*="bg-[#0b"] {
  background-color: #ffffff !important; background-image: none !important; color: #172b3a !important;
}
/* Force readable ink even if old dark-theme utilities or opacity text classes remain. */
body :is(h1,h2,h3,h4,h5,h6,p,li,label,legend,summary,dt,dd,blockquote,figcaption,.intro,.description,.eyebrow,.subtitle),
body [class~="text-white"], body [class*="text-white/"], body [class*="text-slate-1"],
body [class*="text-slate-2"], body [class*="text-slate-3"], body [class*="text-gray-1"],
body [class*="text-gray-2"], body [class*="text-gray-3"], body [class*="text-zinc-1"],
body [class*="text-zinc-2"], body [class*="text-neutral-1"], body [class*="text-neutral-2"] {
  color: #172b3a !important; text-shadow: none !important;
}
body :is(p,li,label,small,dt,dd,figcaption,.intro,.description,.subtitle) { color: #405565 !important; }
/* Keep white labels on colored actions, image overlays and active controls. */
body :is(.pdw-header-quote,.pink-btn,.float-wa,.float-call,#callButton,#whatsappButton,.filter.active,.filter-btn.active) *,
body :is(.pdw-header-quote,.pink-btn,.float-wa,.float-call,#callButton,#whatsappButton,.filter.active,.filter-btn.active) { color: #ffffff !important; }
body a[href^="https://wa.me/"], body a[href^="tel:"] { -webkit-tap-highlight-color: transparent; }
/* Mobile fit: prevent horizontal overflow, make grids/forms/cards shrink safely. */
*, *::before, *::after { box-sizing: border-box; }
html, body { width: 100%; max-width: 100%; overflow-x: clip; }
img, video, canvas, svg { max-width: 100%; }
input, select, textarea, button { max-width: 100%; font: inherit; }
input, select, textarea { min-width: 0; }
main, section, article, header, footer, .container, .max-w-7xl, .max-w-6xl, .max-w-5xl, .max-w-4xl {
  min-width: 0; max-width: 100%;
}
@media (max-width: 767px) {
  body { font-size: 16px; }
  main { width: 100%; }
  main > section { padding-left: 16px !important; padding-right: 16px !important; }
  .container, [class*="max-w-"] { width: 100%; }
  .grid { min-width: 0; }
  .grid > *, .flex > * { min-width: 0; }
  input, select, textarea { width: 100%; }
  button, a { overflow-wrap: anywhere; }
  table { display: block; max-width: 100%; overflow-x: auto; }
  .pdw-shared-header, .pdw-header-nav { max-width: 100%; }
  .bottom-app-nav, .bottom-nav { max-width: 100vw; }
  .float-wa, .float-call { max-width: calc(100vw - 24px); }
}

/* END original stylesheet: css/light-readable-v75.css */

/* BEGIN original stylesheet: css/light-mode-lock-v77.css */
/* PaintDWall V77: final, deterministic light theme. Never follows OS dark mode. */
:root { color-scheme: light !important; --pdw-bg:#ffffff; --pdw-panel:#f7f9fb; --pdw-ink:#172b3a; --pdw-muted:#405565; --pdw-border:#d7e0e7; }
html, body { color-scheme: light !important; background:#fff !important; color:#172b3a !important; max-width:100%; overflow-x:hidden; }
@media (prefers-color-scheme: dark) { :root, html, body { color-scheme:light !important; background:#fff !important; color:#172b3a !important; } }
/* Standard content surfaces are light. Do not remove background images from hero/gallery/photo elements. */
body, main, main > section, main section:not(.hero-bg), .pricing-main, .colour-catalogue-page, .page-content, .content-section { background-color:#fff !important; color:#172b3a !important; }
body [class~="bg-black"], body [class~="bg-slate-900"], body [class~="bg-slate-950"], body [class~="bg-gray-900"], body [class~="bg-zinc-900"], body [class~="bg-neutral-900"], body [class~="bg-white/5"], body [class~="bg-white/10"] { background:#fff !important; background-image:none !important; color:#172b3a !important; }
/* Text is dark by default, including legacy white/light-gray Tailwind utilities. */
body :is(h1,h2,h3,h4,h5,h6,p,li,label,legend,summary,dt,dd,blockquote,figcaption,small,.intro,.description,.subtitle,.eyebrow,.muted,.text-white,.text-slate-100,.text-slate-200,.text-slate-300,.text-gray-100,.text-gray-200,.text-gray-300,.text-zinc-100,.text-zinc-200,.text-neutral-100),
body [class*="text-white/"], body [class*="text-slate-1"], body [class*="text-slate-2"], body [class*="text-gray-1"], body [class*="text-gray-2"], body [class*="text-zinc-1"], body [class*="text-zinc-2"], body [class*="text-neutral-1"], body [class*="text-neutral-2"] { color:#172b3a !important; text-shadow:none !important; }
body :is(p,li,label,small,dt,dd,figcaption,.intro,.description,.subtitle,.muted) { color:#405565 !important; }
/* Keep brand accents and active filters readable. */
body :is(.text-pink-300,.text-pink-400,.text-pink-500) { color:#b42358 !important; }
body :is(.text-green-300,.text-green-400,.text-emerald-300,.text-emerald-400) { color:#087443 !important; }
body :is(.pdw-header-quote,.pink-btn,.float-wa,.float-call,#callButton,#whatsappButton,.filter.active,.filter-btn.active,.pdw-standard-cta-row a[href^="https://wa.me/"],.colour-action-grid a[href^="https://wa.me/"]) { color:#fff !important; }
body :is(.pdw-header-quote,.pink-btn,.float-wa,.float-call,#callButton,#whatsappButton,.filter.active,.filter-btn.active) * { color:#fff !important; }
/* Image overlays keep white text against their dark scrim. */
body :is(.service-card span,.gallery-card span,.photo-overlay,.image-overlay,.hero-bg h1,.hero-bg h2,.hero-bg p) { color:#fff !important; }
.service-card:after { background:linear-gradient(transparent 25%,rgba(9,28,43,.78)) !important; }
/* Panels, cards, navigation and footer */
body :is(.price-card,.service-detail-card,.service-modal-card,.gallery-info,.colour-card,.colour-swatch-card,.shade-card,.idea-panel,.service-card-info,.process-step,.faq-item,#enquiryModal>div,#serviceEnquiryModal .service-modal-card) { background:#fff !important; color:#172b3a !important; border-color:#d7e0e7 !important; }
.pdw-shared-header,.bottom-app-nav,.bottom-nav { background:rgba(255,255,255,.99) !important; color:#172b3a !important; border-color:#d7e0e7 !important; }
.pdw-header-nav a,.bottom-app-nav a,.bottom-nav a { color:#344c5d !important; }
.pdw-header-nav a[aria-current="page"],.bottom-app-nav a[aria-current="page"],.bottom-nav a[aria-current="page"] { color:#087443 !important; }
.pdw-footer,.pdw-contact-footer,footer { background:#f3f6f8 !important; color:#344b5c !important; border-color:#d7e0e7 !important; }
.pdw-footer a,.pdw-contact-footer a,footer a { color:#203f54 !important; }
/* Forms are white with dark text, including modal forms and placeholders. */
input,textarea,select,.field { background:#fff !important; color:#172b3a !important; border-color:#bdcbd6 !important; }
input::placeholder,textarea::placeholder,.field::placeholder { color:#596c7a !important; opacity:1 !important; }
#enquiryModal h2,#serviceEnquiryModal h2,#enquiryModal p,#serviceEnquiryModal p,#enquiryModal label,#serviceEnquiryModal label { color:#172b3a !important; }
/* Colour catalogue controls */
body.colour-catalogue-page,body.colour-catalogue-page main,body.colour-catalogue-page main>section { background:#fff !important; color:#172b3a !important; }
body.colour-catalogue-page .idea-panel,body.colour-catalogue-page .shade-card,body.colour-catalogue-page .filter,body.colour-catalogue-page .shade-search { background:#fff !important; color:#172b3a !important; border-color:#bdcbd6 !important; }
body.colour-catalogue-page .filter.active { background:#087443 !important; color:#fff !important; }
body.colour-catalogue-page .shade-search::placeholder { color:#596c7a !important; opacity:1 !important; }
body.grid.min-h-screen { background:#fff !important; color:#172b3a !important; }
body.grid.min-h-screen>main { background:#fff !important; color:#172b3a !important; }
body.grid.min-h-screen>main a { background:#d94678 !important; color:#fff !important; opacity:1 !important; }
/* Responsive safety: no page-wide overflow; form controls and cards can shrink on phones. */
*,*::before,*::after { box-sizing:border-box; }
img,video,canvas,svg { max-width:100%; }
input,select,textarea,button { max-width:100%; }
input,select,textarea { min-width:0; }
@media(max-width:767px) {
  body { font-size:16px; }
  main { width:100%; min-width:0; }
  main>section { padding-left:16px !important; padding-right:16px !important; }
  .grid>* , .flex>* { min-width:0; }
  input,select,textarea { width:100%; }
  .bottom-app-nav,.bottom-nav { max-width:100vw; }
  table { display:block; max-width:100%; overflow-x:auto; }
  h1,h2,h3,p,a,button,label { overflow-wrap:anywhere; }
}

/* END original stylesheet: css/light-mode-lock-v77.css */

/* BEGIN original stylesheet: css/site-wide-consistent-light-v78.css */
/* PaintDWall V78: single consistent light palette across every page and OS theme. */
:root { color-scheme: light !important; --pdw-page:#f7f9fb; --pdw-surface:#ffffff; --pdw-surface-soft:#eef3f6; --pdw-text:#172b3a; --pdw-muted:#526575; --pdw-border:#d6e0e7; }
html, body { color-scheme:light !important; background:var(--pdw-page) !important; color:var(--pdw-text) !important; }
@media (prefers-color-scheme:dark) { :root,html,body { color-scheme:light !important; background:var(--pdw-page) !important; color:var(--pdw-text) !important; } }
body, body main, body main > section, body main > div, body .page-content, body .pricing-main, body .colour-catalogue-page, body .content-section { background-color:var(--pdw-page) !important; color:var(--pdw-text) !important; }
/* Remove legacy dark page bands while preserving photographic hero sections and shade swatches. */
body main > section:not(.hero-bg):not(.hero):not([class*="hero"]), body main > div:not(.hero-bg):not(.hero):not([class*="hero"]), body section:not(.hero-bg):not(.hero):not([class*="hero"]):not(.shade-swatch):not(.swatch) { background-color:var(--pdw-page) !important; color:var(--pdw-text) !important; }
body :is(.price-card,.pricing-card,.service-card,.service-detail-card,.service-modal-card,.gallery-info,.colour-card,.colour-swatch-card,.shade-card,.idea-panel,.service-card-info,.process-step,.faq-item,.project-card,.work-card,#enquiryModal>div,#serviceEnquiryModal .service-modal-card) { background:var(--pdw-surface) !important; color:var(--pdw-text) !important; border-color:var(--pdw-border) !important; }
body :is(h1,h2,h3,h4,h5,h6,p,li,label,small,dt,dd,.muted,.subtitle,.description,.section-eyebrow) { color:var(--pdw-text); }
body :is(.text-gray-300,.text-gray-400,.text-slate-300,.text-slate-400,.text-white\/60,.text-white\/70,.text-white\/80) { color:var(--pdw-muted) !important; }
body :is(.pdw-shared-header,header,.bottom-app-nav,.bottom-nav) { background:rgba(255,255,255,.98) !important; color:var(--pdw-text) !important; border-color:var(--pdw-border) !important; }
body :is(input,textarea,select,.field,.shade-search) { background:#fff !important; color:var(--pdw-text) !important; border-color:#bdcbd6 !important; }
body input::placeholder,body textarea::placeholder { color:#667987 !important; opacity:1 !important; }
body :is(.filter,.tab,.chip) { background:#fff !important; color:var(--pdw-text) !important; border-color:var(--pdw-border) !important; }
body :is(.filter.active,.tab.active,.chip.active) { background:#087443 !important; color:#fff !important; border-color:#087443 !important; }
body :is(a,button) { -webkit-tap-highlight-color:transparent; }
body img { max-width:100%; }
body main, body .container, body .content, body .page-content { min-width:0; }
@media(max-width:700px) {
  html,body { width:100%; max-width:100%; overflow-x:hidden !important; }
  body main,body main>section,body .container,body .content,body .page-content,body .pricing-main { max-width:100%; min-width:0; }
  body main>section,body main>div { padding-left:clamp(14px,4vw,22px); padding-right:clamp(14px,4vw,22px); }
  body :is(input,textarea,select,.field) { max-width:100%; min-width:0; font-size:16px; }
  body :is(.grid,.cards,.service-grid,.pricing-grid,.gallery-grid,.shade-grid) { min-width:0; }
  body :is(h1,h2,h3,p,a,button,label) { overflow-wrap:anywhere; }
}

/* END original stylesheet: css/site-wide-consistent-light-v78.css */

/* BEGIN original stylesheet: css/paintdwall-adaptive-theme-v122.css */
/* PaintDWall V122 — consistent adaptive theme for light and dark system settings.
   Layout, photos, product tiles, gallery, swatches, forms and navigation are retained. */
:root{color-scheme:light dark;--pdw-page:#f3f8fc;--pdw-surface:#ffffff;--pdw-surface-soft:#e5f2fb;--pdw-ink:#203448;--pdw-muted:#52677a;--pdw-border:#d3e1ec;--pdw-nav:#ffffff;--pdw-shadow:0 8px 24px rgba(30,60,90,.08);}
html{color-scheme:light dark!important;background:var(--pdw-page)!important;}
body{background:var(--pdw-page)!important;color:var(--pdw-ink)!important;}
body main, body main>section:not(.hero-bg):not(.hero):not([class*="hero"]), body main>div:not(.hero-bg):not(.hero):not([class*="hero"]), body .page-content, body .pricing-main, body .colour-catalogue-page, body .content-section{background-color:var(--pdw-page)!important;color:var(--pdw-ink)!important;}
body main>section:not(.hero-bg):not(.hero):not([class*="hero"])[class*="bg-gradient"], body main>div:not(.hero-bg):not(.hero):not([class*="hero"])[class*="bg-gradient"]{background-image:none!important;}
body :is(h1,h2,h3,h4,h5,h6,p,li,label,legend,summary,dt,dd,blockquote,figcaption,small,.intro,.description,.subtitle,.eyebrow,.muted){color:var(--pdw-ink)!important;}
body :is(.text-white,.text-slate-100,.text-slate-200,.text-slate-300,.text-gray-100,.text-gray-200,.text-gray-300,.text-zinc-100,.text-zinc-200,.text-neutral-100), body [class*="text-white/"],body [class*="text-slate-1"],body [class*="text-slate-2"],body [class*="text-gray-1"],body [class*="text-gray-2"]{color:var(--pdw-muted)!important;}
body :is(.text-pink-300,.text-pink-400,.text-pink-500,.text-rose-300,.text-rose-400,.text-rose-500){color:#c72e6a!important;}
body :is(.service-card,.price-card,.pricing-card,.gallery-info,.colour-card,.colour-swatch-card,.shade-card,.idea-panel,.service-card-info,.process-step,.faq-item,.project-card,.work-card,.pdw-card,.card){background-color:var(--pdw-surface)!important;color:var(--pdw-ink)!important;border-color:var(--pdw-border)!important;box-shadow:var(--pdw-shadow);}
body :is(.filter-btn,.filter-pill,.category-btn){background-color:var(--pdw-surface)!important;color:var(--pdw-ink)!important;border-color:var(--pdw-border)!important;}
body :is(.filter-btn.active,.filter-pill.active,.category-btn.active){background:#168a52!important;border-color:#168a52!important;color:#fff!important;}
body :is(header.pdw-shared-header,.pdw-shared-header,.site-header,.bottom-app-nav,.mobile-bottom-nav){background:var(--pdw-nav)!important;color:var(--pdw-ink)!important;border-color:var(--pdw-border)!important;box-shadow:0 5px 22px rgba(20,50,80,.08)!important;}
body .pdw-shared-header :is(a,span,nav,button:not(.pdw-header-quote)){color:var(--pdw-ink)!important;}
body :is(.pdw-header-quote,.pink-btn,.pdw-header-quote:hover){background:#d83f76!important;color:#fff!important;}
body .bottom-app-nav :is(a,span,i),body .mobile-bottom-nav :is(a,span,i){color:var(--pdw-ink)!important;}
body :is(input,select,textarea){background:var(--pdw-surface)!important;color:var(--pdw-ink)!important;border-color:var(--pdw-border)!important;}
body input::placeholder,body textarea::placeholder{color:var(--pdw-muted)!important;opacity:1;}
body :is(.pdw-footer,.pdw-contact-footer,footer){background:var(--pdw-surface-soft)!important;color:var(--pdw-ink)!important;border-color:var(--pdw-border)!important;}
body :is(.pdw-footer,.pdw-contact-footer,footer) :is(p,a,span,h2,h3,.pdw-footer-label){color:var(--pdw-ink)!important;}
/* Do not recolour actual paint samples, project photos or image-based service tiles. */
body :is(.swatch,.shade-swatch,.colour-swatch,[data-colour-swatch],.paint-swatch){color:inherit!important;}
@media(prefers-color-scheme:dark){
 :root{--pdw-page:#111c28;--pdw-surface:#1c2b3a;--pdw-surface-soft:#172635;--pdw-ink:#edf4fb;--pdw-muted:#bdcbd9;--pdw-border:#34495c;--pdw-nav:#162433;--pdw-shadow:0 8px 24px rgba(0,0,0,.18);}
 html,body{background:var(--pdw-page)!important;color:var(--pdw-ink)!important;}
 body main,body main>section:not(.hero-bg):not(.hero):not([class*="hero"]),body main>div:not(.hero-bg):not(.hero):not([class*="hero"]),body .page-content,body .pricing-main,body .colour-catalogue-page,body .content-section{background-color:var(--pdw-page)!important;color:var(--pdw-ink)!important;}
 body :is(h1,h2,h3,h4,h5,h6,p,li,label,legend,summary,dt,dd,blockquote,figcaption,small,.intro,.description,.subtitle,.eyebrow,.muted){color:var(--pdw-ink)!important;}
 body :is(.text-white,.text-slate-100,.text-slate-200,.text-slate-300,.text-gray-100,.text-gray-200,.text-gray-300,.text-zinc-100,.text-zinc-200,.text-neutral-100),body [class*="text-white/"],body [class*="text-slate-1"],body [class*="text-slate-2"],body [class*="text-gray-1"],body [class*="text-gray-2"]{color:var(--pdw-muted)!important;}
 body :is(.text-pink-300,.text-pink-400,.text-pink-500,.text-rose-300,.text-rose-400,.text-rose-500){color:#ff8bb6!important;}
 body :is(.service-card,.price-card,.pricing-card,.gallery-info,.colour-card,.colour-swatch-card,.shade-card,.idea-panel,.service-card-info,.process-step,.faq-item,.project-card,.work-card,.pdw-card,.card){background-color:var(--pdw-surface)!important;color:var(--pdw-ink)!important;border-color:var(--pdw-border)!important;}
 body :is(.filter-btn,.filter-pill,.category-btn){background-color:var(--pdw-surface)!important;color:var(--pdw-ink)!important;border-color:var(--pdw-border)!important;}
 body :is(.filter-btn.active,.filter-pill.active,.category-btn.active){background:#168a52!important;border-color:#168a52!important;color:#fff!important;}
 body :is(header.pdw-shared-header,.pdw-shared-header,.site-header,.bottom-app-nav,.mobile-bottom-nav){background:var(--pdw-nav)!important;color:var(--pdw-ink)!important;border-color:var(--pdw-border)!important;box-shadow:0 5px 22px rgba(0,0,0,.2)!important;}
 body .pdw-shared-header :is(a,span,nav,button:not(.pdw-header-quote)){color:var(--pdw-ink)!important;}
 body :is(.pdw-footer,.pdw-contact-footer,footer){background:var(--pdw-surface-soft)!important;color:var(--pdw-ink)!important;border-color:var(--pdw-border)!important;}
 body :is(.pdw-footer,.pdw-contact-footer,footer) :is(p,a,span,h2,h3,.pdw-footer-label){color:var(--pdw-ink)!important;}
 body :is(input,select,textarea){background:var(--pdw-surface)!important;color:var(--pdw-ink)!important;border-color:var(--pdw-border)!important;}
 body input::placeholder,body textarea::placeholder{color:var(--pdw-muted)!important;opacity:1;}
}

/* END original stylesheet: css/paintdwall-adaptive-theme-v122.css */

/* BEGIN original stylesheet: css/paintdwall-contrast-fix-v123.css */
/* PaintDWall V123 — repair inconsistent Colour Catalogue theme and improve contrast.
   Does not change layout, photos, paint swatch colours, navigation, or form behaviour. */

/* The catalogue's older stylesheet contains conflicting dark-theme overrides.
   Keep this page consistently light, matching Home and Pricing, regardless of Safari appearance. */
html:has(body.colour-catalogue-page),
html:has(body.colour-catalogue-page) body,
html:has(body.colour-catalogue-page) body main,
html:has(body.colour-catalogue-page) body main > .wrap,
html:has(body.colour-catalogue-page) body main > section:not(.hero),
html:has(body.colour-catalogue-page) body .filters,
html:has(body.colour-catalogue-page) body .catalog-tools {
  color-scheme: light !important;
  background: #f2f6fb !important;
  color: #203448 !important;
}
html:has(body.colour-catalogue-page) body main > .hero {
  background: linear-gradient(135deg,#edf4fa 0%,#ffffff 58%,#edf4fa 100%) !important;
  color: #203448 !important;
  border-bottom: 1px solid #d7e3ee !important;
}
html:has(body.colour-catalogue-page) body .catalog-panel,
html:has(body.colour-catalogue-page) body .idea-panel {
  background: #ffffff !important;
  color: #203448 !important;
  border: 1px solid #d5e1eb !important;
  box-shadow: 0 8px 24px rgba(30,60,90,.08) !important;
}
html:has(body.colour-catalogue-page) body .panel-head,
html:has(body.colour-catalogue-page) body .panel-head > div,
html:has(body.colour-catalogue-page) body .shade-card,
html:has(body.colour-catalogue-page) body .shade-meta,
html:has(body.colour-catalogue-page) body .combo-card,
html:has(body.colour-catalogue-page) body .room-card,
html:has(body.colour-catalogue-page) body .tip-card {
  background-color: #ffffff !important;
  color: #203448 !important;
}
html:has(body.colour-catalogue-page) body .catalog-panel h2,
html:has(body.colour-catalogue-page) body .catalog-panel h3,
html:has(body.colour-catalogue-page) body .shade-name,
html:has(body.colour-catalogue-page) body .hero h1,
html:has(body.colour-catalogue-page) body .idea-panel h2,
html:has(body.colour-catalogue-page) body .combo-card h3,
html:has(body.colour-catalogue-page) body .room-card h3,
html:has(body.colour-catalogue-page) body .tip-card h3 {
  color: #203448 !important;
  opacity: 1 !important;
}
html:has(body.colour-catalogue-page) body .catalog-panel p,
html:has(body.colour-catalogue-page) body .panel-head p,
html:has(body.colour-catalogue-page) body .hero p,
html:has(body.colour-catalogue-page) body .result-count,
html:has(body.colour-catalogue-page) body .shade-code,
html:has(body.colour-catalogue-page) body .idea-panel p,
html:has(body.colour-catalogue-page) body .combo-card p,
html:has(body.colour-catalogue-page) body .room-card p,
html:has(body.colour-catalogue-page) body .tip-card p {
  color: #52677a !important;
  opacity: 1 !important;
}
html:has(body.colour-catalogue-page) body .filter,
html:has(body.colour-catalogue-page) body .shade-search {
  background: #ffffff !important;
  color: #203448 !important;
  border-color: #cbd9e5 !important;
  opacity: 1 !important;
}
html:has(body.colour-catalogue-page) body .filter.active {
  background: #168653 !important;
  border-color: #168653 !important;
  color: #ffffff !important;
}
html:has(body.colour-catalogue-page) body .shade-search::placeholder {
  color: #65798a !important;
  opacity: 1 !important;
}
/* Preserve real colour samples exactly; only their labels and surrounding panels are themed. */
html:has(body.colour-catalogue-page) body .swatch,
html:has(body.colour-catalogue-page) body .combo-swatches,
html:has(body.colour-catalogue-page) body .combo-swatches span {
  opacity: 1 !important;
}

/* Pricing: strong contrast for prices, descriptions and starting-rate labels in both modes. */
body:has(.service-rate-card) .service-rate-card,
body:has(.service-rate-card) .paint-product-card {
  opacity: 1 !important;
}
body:has(.service-rate-card) .service-rate-card h2,
body:has(.service-rate-card) .service-rate-card p,
body:has(.service-rate-card) .rate-price span,
body:has(.service-rate-card) .rate-price small,
body:has(.service-rate-card) .paint-product-card .paint-system,
body:has(.service-rate-card) .paint-product-card .paint-note,
body:has(.service-rate-card) .paint-product-card .paint-price small {
  color: #40566a !important;
  opacity: 1 !important;
}
body:has(.service-rate-card) .rate-price strong,
body:has(.service-rate-card) .pricing-main .paint-product-card .paint-price {
  color: #247184 !important;
  opacity: 1 !important;
}
body:has(.service-rate-card) .rate-link {
  color: #b42358 !important;
  opacity: 1 !important;
}
body:has(.service-rate-card) .pricing-main h1,
body:has(.service-rate-card) .pricing-main h2,
body:has(.service-rate-card) .pricing-main h3,
body:has(.service-rate-card) .pricing-main .eyebrow {
  opacity: 1 !important;
}

/* END original stylesheet: css/paintdwall-contrast-fix-v123.css */

/* BEGIN original stylesheet: css/services-gallery-label-visibility-v129.css */
/* V129: Fix only the faint eyebrow labels at the top of Services and Our Work pages. */
main > section:first-child > div > p:first-child {
  color: #a52a5c !important;
  opacity: 1 !important;
  -webkit-text-fill-color: #a52a5c !important;
}

@media (prefers-color-scheme: dark) {
  main > section:first-child > div > p:first-child {
    color: #ff9bc3 !important;
    -webkit-text-fill-color: #ff9bc3 !important;
  }
}

/* END original stylesheet: css/services-gallery-label-visibility-v129.css */

/* BEGIN original stylesheet: css/shared-enquiry-popup-v133.css */
/* V133: Apply the Home enquiry popup's light-mode form styling to every page modal. */
@media (prefers-color-scheme: light) {
  html body #enquiryModal > div,
  html body #serviceEnquiryModal .service-modal-card {
    width: min(100%, 440px) !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    padding: 22px !important;
    background: #fff !important;
    color: #172b3a !important;
    border: 1px solid #d7e0e7 !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 70px rgba(0,0,0,.25) !important;
  }
  html body #enquiryModal h2,
  html body #enquiryModal p,
  html body #enquiryModal details summary,
  html body #serviceEnquiryModal .service-modal-card h2,
  html body #serviceEnquiryModal .service-modal-card p,
  html body #serviceEnquiryModal .service-modal-card details summary {
    color: #344b5c !important;
    -webkit-text-fill-color: #344b5c !important;
    opacity: 1 !important;
  }
  html body #enquiryModal p.text-pink-400,
  html body #serviceEnquiryModal .service-modal-card p.text-pink-300 {
    color: #26384a !important;
    -webkit-text-fill-color: #26384a !important;
  }
  html body #enquiryModal form input:not([type="hidden"]),
  html body #serviceEnquiryModal .service-modal-card form input:not([type="hidden"]) {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 44px !important;
    background: #fff !important;
    color: #172b3a !important;
    -webkit-text-fill-color: #172b3a !important;
    border: 1px solid #bdcbd6 !important;
    border-radius: 18px !important;
    caret-color: #172b3a !important;
    box-shadow: none !important;
    opacity: 1 !important;
  }
  html body #enquiryModal form input::placeholder,
  html body #serviceEnquiryModal .service-modal-card form input::placeholder {
    color: #647586 !important;
    -webkit-text-fill-color: #647586 !important;
    opacity: 1 !important;
  }
  html body #enquiryModal form details,
  html body #serviceEnquiryModal .service-modal-card form details {
    background: #f3f6f8 !important;
    color: #344b5c !important;
    border-color: #d7e0e7 !important;
  }
  html body #enquiryModal #closeEnquiry,
  html body #serviceEnquiryModal .service-modal-close {
    background: #fff !important;
    color: #172b3a !important;
    border: 1px solid #bdcbd6 !important;
  }
  html body #enquiryModal .pink-btn,
  html body #serviceEnquiryModal .service-modal-card .pink-btn {
    background: #d83f78 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }
}
@media (prefers-color-scheme: dark) {
  html body #enquiryModal > div,
  html body #serviceEnquiryModal .service-modal-card {
    width: min(100%, 440px) !important;
    max-height: 90vh !important;
    overflow-y: auto !important;
    padding: 22px !important;
    background: #172635 !important;
    color: #edf4fb !important;
    border: 1px solid #34495c !important;
    border-radius: 24px !important;
  }
  html body #enquiryModal h2,
  html body #enquiryModal p,
  html body #enquiryModal details summary,
  html body #serviceEnquiryModal .service-modal-card h2,
  html body #serviceEnquiryModal .service-modal-card p,
  html body #serviceEnquiryModal .service-modal-card details summary,
  html body #enquiryModal #closeEnquiry,
  html body #serviceEnquiryModal .service-modal-close {
    color: #edf4fb !important;
    -webkit-text-fill-color: #edf4fb !important;
  }
  html body #enquiryModal form input:not([type="hidden"]),
  html body #serviceEnquiryModal .service-modal-card form input:not([type="hidden"]) {
    background: #0f1923 !important;
    color: #f7fbff !important;
    -webkit-text-fill-color: #f7fbff !important;
    border: 1px solid #40566b !important;
    caret-color: #f7fbff !important;
  }
  html body #enquiryModal form input::placeholder,
  html body #serviceEnquiryModal .service-modal-card form input::placeholder {
    color: #bdcbd9 !important;
    -webkit-text-fill-color: #bdcbd9 !important;
    opacity: 1 !important;
  }
  html body #enquiryModal form details,
  html body #serviceEnquiryModal .service-modal-card form details {
    background: #223344 !important;
    color: #edf4fb !important;
    border-color: #40566b !important;
  }
}

/* END original stylesheet: css/shared-enquiry-popup-v133.css */

/* BEGIN original stylesheet: css/home-shared-footer-nav-v138.css */
/* V138: match Home's footer, bottom navigation and floating contact controls on Colours.
   This stylesheet intentionally only styles the shared shell components. */
.pdw-contact-footer {
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:1.6rem 1rem 2rem !important;
  text-align:left !important;
  color:#243746 !important;
  background:#e5f3fb !important;
  border-top:1px solid #d6e4ec !important;
}
.pdw-contact-inner {
  box-sizing:border-box !important;
  width:100% !important;
  max-width:1120px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:1.1fr 1fr 1fr !important;
  gap:1.2rem !important;
  align-items:start !important;
}
.pdw-contact-footer .pdw-footer-brand {
  display:inline-block !important;
  margin:0 0 .35rem !important;
  color:#243746 !important;
  font-size:1.15rem !important;
  line-height:1.4 !important;
  font-weight:800 !important;
  text-decoration:none !important;
}
.pdw-contact-footer p {
  margin:.25rem 0 !important;
  color:#344b5c !important;
  font-size:.9rem !important;
  line-height:1.55 !important;
}
.pdw-contact-footer a {
  color:#23445b !important;
  text-decoration:none !important;
  overflow-wrap:anywhere !important;
}
.pdw-contact-footer a:hover { text-decoration:underline !important; }
.pdw-contact-footer .pdw-footer-label {
  margin:0 0 .5rem !important;
  color:#243746 !important;
  font-size:.72rem !important;
  line-height:1.4 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-weight:800 !important;
}
.pdw-contact-footer .pdw-footer-bottom {
  max-width:1120px !important;
  margin:1.2rem auto 0 !important;
  padding-top:.9rem !important;
  border-top:1px solid #d2e3ed !important;
  color:#526575 !important;
  font-size:.75rem !important;
  line-height:1.5 !important;
  text-align:center !important;
}
/* Same fixed navigation dimensions and typography as Home; no independent sizing. */
.bottom-app-nav {
  position:fixed !important;
  inset:auto 0 0 !important;
  z-index:50 !important;
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  width:100% !important;
  max-width:56rem !important;
  margin:0 auto !important;
  padding:.5rem .25rem calc(.45rem + env(safe-area-inset-bottom)) !important;
  box-sizing:border-box !important;
  background:rgba(255,255,255,.97) !important;
  border:1px solid #dce4e8 !important;
  border-bottom:0 !important;
  border-radius:18px 18px 0 0 !important;
  box-shadow:0 -8px 28px rgba(24,46,62,.10) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
  transform:none !important;
  left:0 !important;
  right:0 !important;
}
.bottom-app-nav a {
  display:flex !important;
  min-width:0 !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.25rem !important;
  margin:0 !important;
  padding:.375rem 0 !important;
  color:#344b5c !important;
  font-family:'DM Sans',sans-serif !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}
.bottom-app-nav a i {
  display:block !important;
  margin:0 !important;
  font-size:18px !important;
  line-height:1 !important;
}
.bottom-app-nav a[aria-current="page"],
.bottom-app-nav a[aria-current="page"] i {
  color:#168c56 !important;
}
/* Match Home's 48px floating call and WhatsApp buttons and placement. */
#callButton,#whatsappButton {
  width:3rem !important;
  height:3rem !important;
  display:grid !important;
  place-items:center !important;
  border-radius:9999px !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(23,48,71,.18) !important;
  outline:2px solid rgba(255,255,255,.7) !important;
  outline-offset:0 !important;
}
#callButton { background:#2463a6 !important; font-size:1.25rem !important; }
#whatsappButton { background:#168a52 !important; font-size:1.5rem !important; }
#callButton i,#whatsappButton i { color:#fff !important; }
@media (max-width:640px) {
  .pdw-contact-footer { padding:1.3rem 1rem 1.5rem !important; }
  .pdw-contact-inner { grid-template-columns:1fr !important; gap:.9rem !important; }
  .pdw-contact-footer .pdw-footer-bottom { text-align:left !important; }
}

/* V139: use one identical floating contact stack across every page. */
.pdw-quick-contact {
  position:fixed !important;
  right:12px !important;
  bottom:86px !important;
  z-index:40 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}
.pdw-quick-contact a {
  width:3rem !important;
  height:3rem !important;
  min-width:3rem !important;
  min-height:3rem !important;
  display:grid !important;
  place-items:center !important;
  box-sizing:border-box !important;
  border-radius:9999px !important;
  color:#fff !important;
  box-shadow:0 10px 24px rgba(23,48,71,.18) !important;
  outline:2px solid rgba(255,255,255,.7) !important;
  outline-offset:0 !important;
  text-decoration:none !important;
}
.pdw-quick-contact a:first-child {background:#2463a6 !important;font-size:1.25rem !important;}
.pdw-quick-contact a:last-child {background:#168a52 !important;font-size:1.5rem !important;}
.pdw-quick-contact a i {color:#fff !important;line-height:1 !important;}
@media (min-width:640px) {
 .pdw-quick-contact {right:24px !important;bottom:96px !important;}
}

/* END original stylesheet: css/home-shared-footer-nav-v138.css */