/* Drugestan Health Magazine v1.39.0 — REAL PHOTO UI
   Visual-only refinement requested by owner:
   - keeps links, destinations, data and layout logic intact
   - replaces colorful/cartoonish visual language with real photographic thumbnails
   - uses only bundled photographic crops supplied in the approved reference image */

:root{
  --d39-navy:#173553;
  --d39-text:#263b50;
  --d39-muted:#6f7d8b;
  --d39-line:#dbe3e9;
  --d39-soft:#f7f9fb;
  --d39-teal:#168b84;
}

/* ---------- Home: real-photo shortcuts, same links/order ---------- */
.dhm .dhm-shortcuts{
  gap:10px!important;
  background:#fff!important;
  border-color:var(--d39-line)!important;
}
.dhm .dhm-shortcut{
  position:relative!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  min-height:132px!important;
  padding:68px 10px 12px!important;
  border:1px solid #e0e6eb!important;
  border-radius:12px!important;
  background:#fff center 0/100% 58px no-repeat!important;
  color:var(--d39-navy)!important;
  box-shadow:0 2px 9px rgba(27,54,78,.035)!important;
  justify-content:flex-start!important;
}
.dhm .dhm-shortcut::after{
  content:"";position:absolute;inset:0 0 auto 0;height:58px;
  background:linear-gradient(to bottom,rgba(15,35,51,0),rgba(15,35,51,.08));
  pointer-events:none;
}
.dhm .dhm-shortcut .dhm-icon{display:none!important}
.dhm .dhm-shortcut strong{font-size:13px!important;line-height:1.5!important;color:var(--d39-navy)!important;font-weight:850!important}
.dhm .dhm-shortcut small{font-size:10.5px!important;line-height:1.55!important;color:var(--d39-muted)!important;margin-top:3px!important}
.dhm .dhm-shortcut:nth-child(1){background-image:none!important}
.dhm .dhm-shortcut:nth-child(2){background-image:none!important}
.dhm .dhm-shortcut:nth-child(3){background-image:none!important}
.dhm .dhm-shortcut:nth-child(4){background-image:none!important}
.dhm .dhm-shortcut:nth-child(5){background-image:none!important}
.dhm .dhm-shortcut:nth-child(6){background-image:none!important}
.dhm .dhm-shortcut:nth-child(7){background-image:none!important}
.dhm .dhm-shortcut:hover{transform:translateY(-1px)!important;border-color:#cbd7df!important;box-shadow:0 5px 14px rgba(27,54,78,.07)!important}

/* ---------- Article: two reference cards above the main text ---------- */
body[class*="single-dhms_"] .dhm-v23-hero-ref{
  position:relative!important;
  grid-template-columns:58px 1fr!important;
  min-height:70px!important;
  background:#fff!important;
  border:1px solid var(--d39-line)!important;
  color:var(--d39-navy)!important;
  box-shadow:none!important;
}
body[class*="single-dhms_"] .dhm-v23-hero-ref-icon{
  width:52px!important;height:45px!important;border-radius:7px!important;
  font-size:0!important;background:center/cover no-repeat!important;
  border:1px solid #e1e7ec!important;
}
body[class*="single-dhms_"] .dhm-v23-hero-science .dhm-v23-hero-ref-icon{background-image:url('photos-v39/research.jpg')!important}
body[class*="single-dhms_"] .dhm-v23-hero-compare .dhm-v23-hero-ref-icon{background-image:url('photos-v39/tools.jpg')!important}
body[class*="single-dhms_"] .dhm-v23-hero-ref strong{color:var(--d39-navy)!important}
body[class*="single-dhms_"] .dhm-v23-hero-ref p{color:var(--d39-muted)!important}

/* ---------- Article: six expandable navigation cards ---------- */
body[class*="single-dhms_"] .dhm-v21-six-card{
  --card:var(--d39-navy)!important;
  --bg:#fff!important;
  background:#fff!important;
  border:1px solid var(--d39-line)!important;
  border-top:1px solid var(--d39-line)!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
body[class*="single-dhms_"] .dhm-v21-six-card summary{
  grid-template-columns:48px 1fr 16px!important;
  color:var(--d39-navy)!important;
  min-height:70px!important;
}
body[class*="single-dhms_"] .dhm-v21-six-icon{
  width:44px!important;height:40px!important;border-radius:7px!important;
  font-size:0!important;background:center/cover no-repeat!important;
  border:1px solid #e1e7ec!important;
}
body[class*="single-dhms_"] .dhm-v21-six-science .dhm-v21-six-icon{background-image:url('photos-v39/research.jpg')!important}
body[class*="single-dhms_"] .dhm-v21-six-compare .dhm-v21-six-icon{background-image:url('photos-v39/tools.jpg')!important}
body[class*="single-dhms_"] .dhm-v21-six-action .dhm-v21-six-icon{background-image:url('photos-v39/guide.jpg')!important}
body[class*="single-dhms_"] .dhm-v21-six-warning .dhm-v21-six-icon{background-image:url('photos-v39/consult.jpg')!important}
body[class*="single-dhms_"] .dhm-v21-six-faq .dhm-v21-six-icon{background-image:url('photos-v39/consult.jpg')!important}
body[class*="single-dhms_"] .dhm-v21-six-pharmacist .dhm-v21-six-icon{background-image:url('photos-v39/pharmacist.jpg')!important}
body[class*="single-dhms_"] .dhm-v21-six-title{color:var(--d39-navy)!important}
body[class*="single-dhms_"] .dhm-v21-six-open,
body[class*="single-dhms_"] .dhm-v21-six-body a{color:#546b80!important}
body[class*="single-dhms_"] .dhm-v21-six-body{background:#fafbfd!important;border-top:1px solid #edf1f4!important}

/* ---------- Quick answer + products: sober, photographic ---------- */
body[class*="single-dhms_"] .dhm-v31-quick-card,
body[class*="single-dhms_"] .dhm-v16-left-product{
  position:relative!important;
  background:#fff!important;
  border:1px solid var(--d39-line)!important;
  border-top:3px solid var(--d39-navy)!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body[class*="single-dhms_"] .dhm-v31-quick-card::before,
body[class*="single-dhms_"] .dhm-v16-left-product::before{
  content:""!important;display:block!important;width:100%!important;height:64px!important;
  margin:-1px 0 12px!important;background:center/cover no-repeat!important;
}
body[class*="single-dhms_"] .dhm-v31-quick-card::before{background-image:url('photos-v39/consult.jpg')!important}
body[class*="single-dhms_"] .dhm-v16-left-product::before{background-image:url('photos-v39/ingredients.jpg')!important}
body[class*="single-dhms_"] .dhm-v31-quick-card strong,
body[class*="single-dhms_"] .dhm-v16-left-product strong{color:var(--d39-navy)!important}
body[class*="single-dhms_"] .dhm-v16-left-product a{
  background:var(--d39-navy)!important;color:#fff!important;border-radius:7px!important;
}

/* ---------- Lower article support modules: remove fantasy colors ---------- */
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-action > .dhm-section-card,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-warning > .dhm-section-card,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-pharmacist-section > .dhm-section-card,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-professional > .dhm-section-card,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-sources > .dhm-section-card,
body[class*="single-dhms_"] .dhm-v22-refine #dhm-scientific-sources > .dhm-section-card{
  background:#fff!important;
  border:1px solid var(--d39-line)!important;
  border-right:3px solid var(--d39-navy)!important;
  box-shadow:none!important;
  color:var(--d39-text)!important;
}
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-action > h2,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-warning > h2,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-pharmacist-section > h2,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-professional > h2,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-sources > h2,
body[class*="single-dhms_"] .dhm-v22-refine #dhm-scientific-sources > h2{
  display:flex!important;align-items:center!important;gap:9px!important;color:var(--d39-navy)!important;
}
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-action > h2::before,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-warning > h2::before,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-pharmacist-section > h2::before,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-professional > h2::before,
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-sources > h2::before,
body[class*="single-dhms_"] .dhm-v22-refine #dhm-scientific-sources > h2::before{
  content:""!important;display:inline-block!important;flex:0 0 48px!important;width:48px!important;height:34px!important;
  border-radius:6px!important;border:1px solid #dde5eb!important;background:center/cover no-repeat!important;
}
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-action > h2::before{background-image:url('photos-v39/guide.jpg')!important}
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-warning > h2::before{background-image:url('photos-v39/consult.jpg')!important}
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-pharmacist-section > h2::before{background-image:url('photos-v39/pharmacist.jpg')!important}
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-professional > h2::before{background-image:url('photos-v39/research.jpg')!important}
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-sources > h2::before,
body[class*="single-dhms_"] .dhm-v22-refine #dhm-scientific-sources > h2::before{background-image:url('photos-v39/research.jpg')!important}

/* Neutralize inline colors on action/warning blocks without touching content/logic. */
body[class*="single-dhms_"] #dhm-action .dhm-section-card,
body[class*="single-dhms_"] #dhm-warning .dhm-section-card{
  background:#fff!important;border-color:var(--d39-line)!important;border-right-color:var(--d39-navy)!important;color:var(--d39-text)!important;
}
body[class*="single-dhms_"] #dhm-action > h2,
body[class*="single-dhms_"] #dhm-warning > h2{color:var(--d39-navy)!important}

/* Main scientific section gets a photographic identity, not a colored illustration. */
body[class*="single-dhms_"] #dhm-main-text > h2{
  display:flex!important;align-items:center!important;gap:9px!important;color:var(--d39-navy)!important;
}
body[class*="single-dhms_"] #dhm-main-text > h2::before{
  content:""!important;display:inline-block!important;width:52px!important;height:36px!important;flex:0 0 52px!important;
  border-radius:6px!important;border:1px solid #dde5eb!important;background:url('photos-v39/research.jpg') center/cover no-repeat!important;
}

/* FAQ title receives a real consultation thumbnail. */
body[class*="single-dhms_"] #dhm-faq > h2{display:flex!important;align-items:center!important;gap:9px!important;color:var(--d39-navy)!important}
body[class*="single-dhms_"] #dhm-faq > h2::before{
  content:""!important;display:inline-block!important;width:52px!important;height:36px!important;flex:0 0 52px!important;
  border-radius:6px!important;border:1px solid #dde5eb!important;background:url('photos-v39/consult.jpg') center/cover no-repeat!important;
}

@media(max-width:760px){
  .dhm .dhm-shortcut{min-height:112px!important;padding:57px 6px 9px!important;background-size:100% 48px!important}
  .dhm .dhm-shortcut::after{height:48px!important}
  .dhm .dhm-shortcut strong{font-size:11.5px!important}
  .dhm .dhm-shortcut small{font-size:9.5px!important}
  body[class*="single-dhms_"] .dhm-v21-six-card summary{grid-template-columns:34px 1fr!important;padding:8px 7px!important}
  body[class*="single-dhms_"] .dhm-v21-six-icon{width:31px!important;height:31px!important;border-radius:6px!important}
  body[class*="single-dhms_"] .dhm-v31-quick-card::before,
  body[class*="single-dhms_"] .dhm-v16-left-product::before{height:52px!important}
}