/* VDS standalone Post-Surgical Wound Care page (v2.7.3) */
.vds-postsurgical-page{font-family:'DM Sans',sans-serif;color:#122b3b;overflow:hidden}.vds-postsurgical-page *{box-sizing:border-box}.vds-postsurgical-page .container{width:min(1420px,calc(100% - 48px));margin:auto}.vds-postsurgical-page h1,.vds-postsurgical-page h2,.vds-postsurgical-page h3{font-family:Manrope,sans-serif;letter-spacing:-.055em}.vds-postsurgical-page h2{font-size:clamp(35px,4.2vw,60px);line-height:1.13;margin:14px 0 20px;font-weight:800}.vds-postsurgical-page h2 span,.vdsc-hero h1 span{color:#008ecb}.vds-postsurgical-page p{font-size:16px;line-height:1.85;color:#5d788a;margin:0 0 18px}.vdsc-eyebrow{display:inline-block;color:#008ecb;letter-spacing:.12em;font-size:12px;font-weight:800}.vdsc-btn{display:inline-flex;padding:17px 24px;border-radius:12px;background:#008ecb;color:#fff!important;text-decoration:none;font-size:13px;font-weight:800;align-items:center;justify-content:center;transition:background .2s,transform .2s}.vdsc-btn:hover{background:#006d9c;transform:translateY(-2px)}.vdsc-text-link{color:#007cae;font-size:14px;font-weight:800;text-decoration:underline;text-underline-offset:4px}.vdsc-hero{background:linear-gradient(125deg,#f0faff,#fff);padding:165px 0 100px;min-height:700px}.vdsc-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:72px;align-items:center}.vdsc-hero-copy h1{font-size:clamp(55px,5.5vw,91px);line-height:1.035;margin:25px 0 28px;font-weight:800}.vdsc-hero-copy>p{max-width:630px;font-size:18px;color:#486778;line-height:1.75}.vdsc-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:35px}.vdsc-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;margin-top:50px;font-size:13px;color:#526d7d}.vdsc-breadcrumb a{color:#007fb6;text-decoration:none}.vdsc-hero-media{height:540px;position:relative}.vdsc-hero-media>img{height:100%;width:100%;object-fit:cover;object-position:center;border-radius:26px}.vdsc-image-caption{position:absolute;bottom:24px;left:-30px;border:5px solid #fff;border-radius:18px;box-shadow:0 14px 42px #123d5528;background:#073d59;color:white;padding:16px 22px;display:flex;gap:14px;align-items:center;font-size:14px;font-weight:800}.vdsc-caption-icon{color:#9fe0ff;font-size:37px}.vdsc-image-caption small{font-size:12px;color:#c9eaf7;font-weight:400}.vdsc-intro{padding:115px 0}.vdsc-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.vdsc-reading{border-left:3px solid #008ecb;padding-left:35px}.vdsc-care{background:#eefdff;padding:100px 0 110px}.vdsc-section-head{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:37px}.vdsc-section-head>p{max-width:360px}.vdsc-care-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.vdsc-care-item{border:1px solid #d0e8f4;border-radius:22px;background:#fff;padding:30px 26px 40px;min-height:270px;box-shadow:0 16px 35px #0e52690d;position:relative}.vdsc-step{color:#008ecb;font-size:12px;letter-spacing:.15em;font-weight:800}.vdsc-care-icon{display:block;width:52px;height:52px;margin:25px 0 18px;border-radius:15px;background:#e3f6ff;color:#008ecb;text-align:center;line-height:52px;font-size:30px}.vdsc-care-item h3{font-size:21px;line-height:1.25;margin:0 0 11px}.vdsc-care-item p{font-size:15px}.vdsc-photo-story{padding:125px 0}.vdsc-story-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:95px;align-items:center}.vdsc-story-photos{display:grid;grid-template-columns:1fr .6fr;gap:14px;height:485px;align-items:end}.vdsc-story-photos img{width:100%;height:100%;object-fit:cover;border-radius:22px}.vdsc-story-photos img+img{height:75%;object-position:center}.vdsc-story-content .vdsc-btn{margin-top:15px}.vdsc-steps{background:#f3faff;padding:105px 0}.vdsc-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.vdsc-step-grid>div{background:#fff;border:1px solid #dcebf3;border-radius:20px;padding:30px}.vdsc-step-grid span{display:inline-block;font-size:30px;font-weight:800;color:#008ecb}.vdsc-step-grid h3{font-size:21px;margin:15px 0 9px}.vdsc-bottom-cta{padding:90px 0;background:linear-gradient(115deg,#042d48,#087aa6)}.vdsc-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.vdsc-bottom-inner h2{color:white;max-width:740px}.vdsc-bottom-inner h2 span{color:#9addff}.vdsc-bottom-inner p{color:#e2f8ff}.vdsc-bottom-cta .vdsc-eyebrow{color:#a8e8ff}.vdsc-bottom-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.vdsc-btn-light{background:#fff;color:#006c99!important}.vdsc-bottom-cta .vdsc-text-link{color:white}
@media(max-width:1100px){.vdsc-hero-grid,.vdsc-intro-grid,.vdsc-story-grid{gap:38px}.vdsc-care-grid{grid-template-columns:repeat(2,1fr)}.vdsc-hero-media{height:465px}.vdsc-hero{padding-top:125px}}
@media(max-width:750px){.vds-postsurgical-page .container{width:min(100% - 32px,600px)}.vdsc-hero-grid,.vdsc-intro-grid,.vdsc-story-grid,.vdsc-step-grid{grid-template-columns:1fr}.vdsc-hero{padding:120px 0 60px;min-height:0}.vdsc-hero-copy h1{font-size:clamp(46px,11vw,65px)}.vdsc-hero-media{height:360px}.vdsc-image-caption{left:12px;bottom:-18px}.vdsc-breadcrumb{margin-top:30px}.vdsc-intro,.vdsc-photo-story{padding:75px 0}.vdsc-care,.vdsc-steps{padding:70px 0}.vdsc-care-grid{grid-template-columns:1fr}.vdsc-care-item{min-height:0}.vdsc-section-head{display:block}.vdsc-story-photos{height:320px}.vdsc-bottom-inner{display:block}.vdsc-bottom-actions{margin-top:28px}.vdsc-bottom-cta{padding:70px 0}}
@media(prefers-reduced-motion:reduce){.vdsc-btn{transition:none}}

/* v2.7.4: readable header on the light Chronic Wound Care hero */
body.page-post-surgical-wound-care .topbar,
body.page-template-page-post-surgical-wound-care .topbar,
body.page-template-page-post-surgical-wound-care-php .topbar {
  position:absolute!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:110!important;
  background:#073d59!important;
  color:#fff!important;
  box-shadow:0 5px 24px rgba(5,49,74,.12)!important;
}
body.page-post-surgical-wound-care .topbar .navlinks a,
body.page-template-page-post-surgical-wound-care .topbar .navlinks a,
body.page-template-page-post-surgical-wound-care-php .topbar .navlinks a,
body.page-post-surgical-wound-care .topbar .telephone,
body.page-template-page-post-surgical-wound-care .topbar .telephone,
body.page-template-page-post-surgical-wound-care-php .topbar .telephone { color:#fff!important; }
body.page-post-surgical-wound-care .topbar .logo img,
body.page-template-page-post-surgical-wound-care .topbar .logo img,
body.page-template-page-post-surgical-wound-care-php .topbar .logo img {filter:brightness(0) invert(1)!important;}
body.page-post-surgical-wound-care .topbar .menu-toggle,
body.page-template-page-post-surgical-wound-care .topbar .menu-toggle,
body.page-template-page-post-surgical-wound-care-php .topbar .menu-toggle {background:#062d44!important;color:#fff!important;border-radius:12px!important;}
body.page-post-surgical-wound-care .topbar .nav,
body.page-template-page-post-surgical-wound-care .topbar .nav,
body.page-template-page-post-surgical-wound-care-php .topbar .nav {min-height:90px!important;}
/* Keep breathing room between dark header and first hero line. */
.vds-postsurgical-page .vdsc-hero {padding-top:180px;}
@media(max-width:750px){.vds-postsurgical-page .vdsc-hero{padding-top:145px;}}

/* v2.8.5: keep dressing story imagery fully inside its own white section. */
.vds-dressings-page .vdsc-photo-story{padding-block:100px 115px;overflow:hidden;background:#fff}
.vds-dressings-page .vdsc-story-photos{height:clamp(350px,30vw,485px);align-items:stretch;min-height:0}
.vds-dressings-page .vdsc-story-photos img,.vds-dressings-page .vdsc-story-photos img+img{height:100%;min-height:0;max-height:100%;align-self:stretch;object-fit:cover;object-position:center}
.vds-dressings-page .vdsc-story-photos img+img{height:78%;align-self:center}
@media(max-width:750px){.vds-dressings-page .vdsc-photo-story{padding-block:75px}.vds-dressings-page .vdsc-story-photos{height:300px}}
/* Service pages require navy navigation against a light hero. */
body.page-negative-pressure-wound-therapy .topbar{background:#073d59!important;color:#fff!important;position:relative!important;z-index:110!important}
body.page-negative-pressure-wound-therapy .topbar .navlinks a,body.page-negative-pressure-wound-therapy .topbar .telephone{color:#fff!important}
body.page-negative-pressure-wound-therapy .topbar .menu-toggle{background:#062d44!important;color:#fff!important;border-radius:12px!important}
body.page-negative-pressure-wound-therapy .vdsc-hero{padding-top:95px}
@media(max-width:750px){body.page-negative-pressure-wound-therapy .vdsc-hero{padding-top:65px}}


/* v2.8.7: Contain photo-story images in the actual template main classes.
   The previous body.page-* selectors did not match the served WordPress markup. */
.vds-postsurgical-page.vds-npwt-page .vdsc-photo-story,
.vds-postsurgical-page.vds-dressings-page .vdsc-photo-story {
  position: relative !important;
  display: flow-root !important;
  box-sizing: border-box !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 95px 0 105px !important;
  background: #fff !important;
}
.vds-postsurgical-page.vds-npwt-page .vdsc-photo-story .vdsc-story-grid,
.vds-postsurgical-page.vds-dressings-page .vdsc-photo-story .vdsc-story-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr) !important;
  align-items: center !important;
  gap: clamp(32px, 5vw, 90px) !important;
  height: auto !important;
  min-height: 0 !important;
}
.vds-postsurgical-page.vds-npwt-page .vdsc-photo-story .vdsc-story-photos,
.vds-postsurgical-page.vds-dressings-page .vdsc-photo-story .vdsc-story-photos {
  position: relative !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, .6fr) !important;
  gap: 14px !important;
  height: 420px !important;
  max-height: 420px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  align-items: center !important;
}
.vds-postsurgical-page.vds-npwt-page .vdsc-photo-story .vdsc-story-photos > img,
.vds-postsurgical-page.vds-dressings-page .vdsc-photo-story .vdsc-story-photos > img {
  display: block !important;
  width: 100% !important;
  height: 420px !important;
  max-height: 420px !important;
  min-height: 0 !important;
  margin: 0 !important;
  align-self: center !important;
  object-fit: cover !important;
  border-radius: 22px;
}
.vds-postsurgical-page.vds-npwt-page .vdsc-photo-story .vdsc-story-photos > img:nth-child(2),
.vds-postsurgical-page.vds-dressings-page .vdsc-photo-story .vdsc-story-photos > img:nth-child(2) {
  height: 310px !important;
  max-height: 310px !important;
}
.vds-postsurgical-page.vds-npwt-page .vdsc-steps,
.vds-postsurgical-page.vds-dressings-page .vdsc-steps {
  position: relative !important;
  clear: both !important;
}
@media (max-width: 900px) {
  .vds-postsurgical-page.vds-npwt-page .vdsc-photo-story .vdsc-story-grid,
  .vds-postsurgical-page.vds-dressings-page .vdsc-photo-story .vdsc-story-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 32px !important;
  }
}
@media (max-width: 750px) {
  .vds-postsurgical-page.vds-npwt-page .vdsc-photo-story,
  .vds-postsurgical-page.vds-dressings-page .vdsc-photo-story {padding: 70px 0 78px !important;}
  .vds-postsurgical-page.vds-npwt-page .vdsc-photo-story .vdsc-story-photos,
  .vds-postsurgical-page.vds-dressings-page .vdsc-photo-story .vdsc-story-photos {
    height: 295px !important;max-height: 295px !important;
  }
  .vds-postsurgical-page.vds-npwt-page .vdsc-photo-story .vdsc-story-photos > img,
  .vds-postsurgical-page.vds-dressings-page .vdsc-photo-story .vdsc-story-photos > img {height: 295px !important;max-height: 295px !important;}
  .vds-postsurgical-page.vds-npwt-page .vdsc-photo-story .vdsc-story-photos > img:nth-child(2),
  .vds-postsurgical-page.vds-dressings-page .vdsc-photo-story .vdsc-story-photos > img:nth-child(2) {height: 220px !important;max-height: 220px !important;}
}

/* v2.8.8 photo/story layout: avoid overlapping adjacent sections */
.vds-offloading-page .vdsc-photo-story {padding:90px 0 100px;background:#fff;}
.vds-offloading-page .vdsc-story-grid {display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(32px,5vw,90px);align-items:center;height:auto;min-height:0;}
.vds-offloading-page .vdsc-story-photos {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);gap:14px;height:420px;max-height:420px;overflow:hidden;align-items:center;}
.vds-offloading-page .vdsc-story-photos img {display:block;width:100%;height:420px;max-height:420px;object-fit:cover;border-radius:22px;}
.vds-offloading-page .vdsc-story-photos img:nth-child(2){height:310px;max-height:310px;}
.vds-offloading-page .vdsc-steps {position:relative;clear:both;}
@media(max-width:900px){.vds-offloading-page .vdsc-story-grid{grid-template-columns:1fr;}}
@media(max-width:750px){.vds-offloading-page .vdsc-story-photos{height:295px;max-height:295px}.vds-offloading-page .vdsc-story-photos img{height:295px;max-height:295px}.vds-offloading-page .vdsc-story-photos img:nth-child(2){height:220px;max-height:220px}}

.vds-postsurgical-page.vds-debridement-page .vdsc-photo-story{padding:95px 0;overflow:clip;min-height:0}.vds-postsurgical-page.vds-debridement-page .vdsc-story-grid{align-items:center}.vds-postsurgical-page.vds-debridement-page .vdsc-story-photos{height:420px;min-height:0;align-items:stretch}.vds-postsurgical-page.vds-debridement-page .vdsc-story-photos img,.vds-postsurgical-page.vds-debridement-page .vdsc-story-photos img+img{height:100%;max-height:420px;min-height:0;object-fit:cover}@media(max-width:750px){.vds-postsurgical-page.vds-debridement-page .vdsc-story-photos{height:280px}.vds-postsurgical-page.vds-debridement-page .vdsc-story-photos img,.vds-postsurgical-page.vds-debridement-page .vdsc-story-photos img+img{max-height:280px}}

/* v2.9.7: Keep image groups inside their white photo-story sections.
   These templates use the shared .vds-postsurgical-page component classes. */
.vds-postsurgical-page:is(.vds-pressure-ulcers-page,.vds-infected-page,.vds-advanced-page) .vdsc-photo-story {
  display: flow-root;
  position: relative;
  background: #fff;
  padding: 90px 0 100px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible;
}
.vds-postsurgical-page:is(.vds-pressure-ulcers-page,.vds-infected-page,.vds-advanced-page) .vdsc-photo-story .vdsc-story-grid {
  display: grid;
  grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr);
  align-items: center;
  gap: clamp(30px,5vw,90px);
  height: auto !important;
  min-height: 0 !important;
}
.vds-postsurgical-page:is(.vds-pressure-ulcers-page,.vds-infected-page,.vds-advanced-page) .vdsc-photo-story .vdsc-story-photos {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,.6fr);
  align-items: center;
  gap: 14px;
  height: 420px !important;
  min-height: 0 !important;
  max-height: 420px !important;
  overflow: hidden;
}
.vds-postsurgical-page:is(.vds-pressure-ulcers-page,.vds-infected-page,.vds-advanced-page) .vdsc-photo-story .vdsc-story-photos > img {
  display: block;
  width: 100%;
  height: 420px !important;
  max-height: 420px !important;
  min-height: 0 !important;
  align-self: center;
  object-fit: cover;
  border-radius: 22px;
}
.vds-postsurgical-page:is(.vds-pressure-ulcers-page,.vds-infected-page,.vds-advanced-page) .vdsc-photo-story .vdsc-story-photos > img:nth-child(2) {
  height: 310px !important;
  max-height: 310px !important;
}
.vds-postsurgical-page:is(.vds-pressure-ulcers-page,.vds-infected-page,.vds-advanced-page) .vdsc-steps {
  position: relative;
  clear: both;
}
@media(max-width: 900px) {
  .vds-postsurgical-page:is(.vds-pressure-ulcers-page,.vds-infected-page,.vds-advanced-page) .vdsc-photo-story .vdsc-story-grid { grid-template-columns: minmax(0,1fr); gap: 35px; }
}
@media(max-width: 750px) {
  .vds-postsurgical-page:is(.vds-pressure-ulcers-page,.vds-infected-page,.vds-advanced-page) .vdsc-photo-story { padding: 75px 0 85px !important; }
  .vds-postsurgical-page:is(.vds-pressure-ulcers-page,.vds-infected-page,.vds-advanced-page) .vdsc-photo-story .vdsc-story-photos { height: 295px !important; max-height: 295px !important; }
  .vds-postsurgical-page:is(.vds-pressure-ulcers-page,.vds-infected-page,.vds-advanced-page) .vdsc-photo-story .vdsc-story-photos > img { height: 295px !important; max-height: 295px !important; }
  .vds-postsurgical-page:is(.vds-pressure-ulcers-page,.vds-infected-page,.vds-advanced-page) .vdsc-photo-story .vdsc-story-photos > img:nth-child(2) { height: 220px !important; max-height: 220px !important; }
}