/* Drugestan Health Magazine v1.41.0
   Focused correction: better real-photo selection, centered titles, and cleaner shortcut layout.
   Keeps the approved structure/links, but replaces the broken half-cropped visuals. */

/* =========================
   HOME PAGE SHORTCUTS
   4 + 3 centered rows on desktop, 2 columns on mobile
   ========================= */
.dhm .dhm-shortcuts{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  gap:16px!important;
  padding:18px!important;
  margin-top:-58px!important;
}
.dhm .dhm-shortcut{
  position:relative!important;
  flex:0 1 calc(25% - 12px)!important;
  max-width:260px!important;
  min-width:220px!important;
  min-height:214px!important;
  padding:132px 14px 16px!important;
  border:1px solid #dfe7ec!important;
  border-left:1px solid #dfe7ec!important;
  border-radius:18px!important;
  background:#fff!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  text-align:center!important;
  overflow:hidden!important;
  box-shadow:0 10px 26px rgba(20,38,61,.05)!important;
}
.dhm .dhm-shortcut::before{
  content:""!important;
  position:absolute!important;
  top:12px!important;
  right:12px!important;
  left:12px!important;
  height:96px!important;
  border-radius:14px!important;
  background:center/cover no-repeat #eef3f6!important;
  box-shadow:inset 0 0 0 1px rgba(207,220,228,.85)!important;
}
.dhm .dhm-shortcut:nth-child(1)::before{background-image:url('photos-v41/home-qa-user-final-v63.jpg')!important}
.dhm .dhm-shortcut:nth-child(2)::before{background-image:url('photos-v41/home-articles.jpg')!important}
.dhm .dhm-shortcut:nth-child(3)::before{background-image:url('photos-v41/home-ingredients-user-final.webp')!important}
.dhm .dhm-shortcut:nth-child(4)::before{background-image:url('photos-v41/home-guides.jpg')!important}
.dhm .dhm-shortcut:nth-child(5)::before{background-image:url('photos-v41/home-video-user-final.webp')!important}
.dhm .dhm-shortcut:nth-child(6)::before{background-image:url('photos-v41/home-tools.jpg')!important}
.dhm .dhm-shortcut:nth-child(7)::before{background-image:url('photos-v41/home-lifestyle.jpg')!important}
.dhm .dhm-shortcut .dhm-icon{display:none!important}
.dhm .dhm-shortcut strong,
.dhm .dhm-shortcut small{
  width:100%!important;
  text-align:center!important;
  display:block!important;
}
.dhm .dhm-shortcut strong{
  font-size:15px!important;
  font-weight:850!important;
  color:#10243b!important;
  margin-top:2px!important;
  line-height:1.55!important;
}
.dhm .dhm-shortcut small{
  font-size:12.5px!important;
  line-height:1.75!important;
  color:#5c6b7d!important;
  margin-top:6px!important;
}

/* =========================
   ARTICLE PAGE — HERO SUPPORT CARDS
   ========================= */
body[class*="single-dhms_"] .dhm-v23-hero-refcards{
  gap:14px!important;
}
body[class*="single-dhms_"] .dhm-v23-hero-ref{
  display:block!important;
  padding:12px!important;
  min-height:0!important;
  text-align:center!important;
}
body[class*="single-dhms_"] .dhm-v23-hero-ref-icon{
  display:block!important;
  width:100%!important;
  height:86px!important;
  margin:0 0 10px!important;
  border-radius:12px!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-color:#eef3f6!important;
  box-shadow:inset 0 0 0 1px rgba(216,226,232,.95)!important;
}
body[class*="single-dhms_"] .dhm-v23-hero-science .dhm-v23-hero-ref-icon{background-image:url('photos-v41/article-science.jpg')!important}
body[class*="single-dhms_"] .dhm-v23-hero-compare .dhm-v23-hero-ref-icon{background-image:url('photos-v41/article-compare.jpg')!important}
body[class*="single-dhms_"] .dhm-v23-hero-ref strong,
body[class*="single-dhms_"] .dhm-v23-hero-ref p{
  text-align:center!important;
}

/* =========================
   ARTICLE PAGE — QUICK ANSWER / RELATED PRODUCTS
   ========================= */
body[class*="single-dhms_"] .dhm-v31-quick-card,
body[class*="single-dhms_"] .dhm-v16-left-product{
  padding:12px 14px 14px!important;
  text-align:center!important;
}
body[class*="single-dhms_"] .dhm-v31-quick-card::before,
body[class*="single-dhms_"] .dhm-v16-left-product::before{
  height:96px!important;
  margin:0 0 14px!important;
  border-radius:12px!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-color:#eef3f6!important;
  box-shadow:inset 0 0 0 1px rgba(216,226,232,.95)!important;
}
body[class*="single-dhms_"] .dhm-v31-quick-card::before{background-image:url('photos-v41/article-quick.jpg')!important}
body[class*="single-dhms_"] .dhm-v16-left-product::before{background-image:url('photos-v41/article-products-v2.jpg')!important}

/* =========================
   ARTICLE PAGE — SIX SHORT CARDS BELOW HERO
   ========================= */
body[class*="single-dhms_"] .dhm-v21-six{
  gap:12px!important;
}
body[class*="single-dhms_"] .dhm-v21-six-card summary{
  grid-template-columns:1fr 14px!important;
  grid-template-areas:
    "img img"
    "title open"!important;
  row-gap:10px!important;
  column-gap:8px!important;
  padding:10px 10px 12px!important;
  min-height:112px!important;
  align-items:end!important;
  text-align:center!important;
}
body[class*="single-dhms_"] .dhm-v21-six-icon{
  grid-area:img!important;
  width:100%!important;
  height:62px!important;
  border-radius:10px!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-color:#eef3f6!important;
  box-shadow:inset 0 0 0 1px rgba(216,226,232,.95)!important;
}
body[class*="single-dhms_"] .dhm-v21-six-title{
  grid-area:title!important;
  display:block!important;
  text-align:center!important;
  line-height:1.55!important;
  width:100%!important;
}
body[class*="single-dhms_"] .dhm-v21-six-open{
  grid-area:open!important;
  align-self:end!important;
}
body[class*="single-dhms_"] .dhm-v21-six-body,
body[class*="single-dhms_"] .dhm-v21-six-body p,
body[class*="single-dhms_"] .dhm-v21-six-body a{
  text-align:center!important;
}
body[class*="single-dhms_"] .dhm-v21-six-science .dhm-v21-six-icon{background-image:url('photos-v41/article-science.jpg')!important}
body[class*="single-dhms_"] .dhm-v21-six-compare .dhm-v21-six-icon{background-image:url('photos-v41/article-compare.jpg')!important}
body[class*="single-dhms_"] .dhm-v21-six-action .dhm-v21-six-icon{background-image:url('photos-v41/article-action.jpg')!important}
body[class*="single-dhms_"] .dhm-v21-six-warning .dhm-v21-six-icon{background-image:url('photos-v41/article-warning.jpg')!important}
body[class*="single-dhms_"] .dhm-v21-six-faq .dhm-v21-six-icon{background-image:url('photos-v41/article-faq.jpg')!important}
body[class*="single-dhms_"] .dhm-v21-six-pharmacist .dhm-v21-six-icon{background-image:url('photos-v41/article-pharmacist.jpg')!important}

/* =========================
   ARTICLE PAGE — SECTION HEADERS WITH PHOTO BANNER
   ========================= */
body[class*="single-dhms_"] #dhm-main-text > h2,
body[class*="single-dhms_"] #dhm-faq > h2,
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:block!important;
  text-align:center!important;
}
body[class*="single-dhms_"] #dhm-main-text > h2::before,
body[class*="single-dhms_"] #dhm-faq > h2::before,
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{
  display:block!important;
  width:100%!important;
  max-width:160px!important;
  height:74px!important;
  margin:0 auto 10px!important;
  border-radius:12px!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-color:#eef3f6!important;
  box-shadow:inset 0 0 0 1px rgba(216,226,232,.95)!important;
}
body[class*="single-dhms_"] #dhm-main-text > h2::before{background-image:url('photos-v41/article-science.jpg')!important}
body[class*="single-dhms_"] #dhm-faq > h2::before{background-image:url('photos-v41/article-faq.jpg')!important}
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-action > h2::before{background-image:url('photos-v41/article-action.jpg')!important}
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-sync-warning > h2::before{background-image:url('photos-v41/article-warning.jpg')!important}
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-pharmacist-section > h2::before{background-image:url('photos-v41/article-pharmacist.jpg')!important}
body[class*="single-dhms_"] .dhm-v22-refine .dhm-v16-modules > .dhm-professional > h2::before{background-image:url('photos-v41/article-professional.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-v41/article-sources.jpg')!important}

/* Clean up any old faux background imagery on shortcuts */
.dhm .dhm-shortcut{background-image:none!important}

/* Tools strip lower in the home page should also use clean real photos if visible */
.dhm .dhm-tool-grid>div{position:relative!important;grid-template-columns:1fr!important;gap:0!important;padding:12px 14px 14px!important;min-height:162px!important;text-align:center!important}
.dhm .dhm-tool-grid>div::before{content:""!important;display:block!important;width:100%!important;height:76px!important;margin:0 0 12px!important;border-radius:10px!important;border:1px solid #dfe7ec!important;background:center/cover no-repeat #fff!important}
.dhm .dhm-tool-grid>div:nth-child(1)::before{background-image:url('photos-v41/home-tools.jpg')!important}
.dhm .dhm-tool-grid>div:nth-child(2)::before{background-image:url('photos-v41/home-guides.jpg')!important}
.dhm .dhm-tool-grid>div:nth-child(3)::before{background-image:url('photos-v41/home-articles.jpg')!important}
.dhm .dhm-tool-grid>div>span{display:none!important}
.dhm .dhm-tool-grid strong,.dhm .dhm-tool-grid small{text-align:center!important;display:block!important}

@media(max-width:1180px){
  .dhm .dhm-shortcut{flex-basis:calc(33.333% - 12px)!important;min-width:200px!important}
}
@media(max-width:760px){
  .dhm .dhm-shortcuts{padding:10px!important;gap:10px!important;margin-top:-82px!important}
  .dhm .dhm-shortcut{flex-basis:calc(50% - 6px)!important;min-width:0!important;max-width:none!important;min-height:186px!important;padding:112px 10px 14px!important;border-radius:16px!important}
  .dhm .dhm-shortcut::before{top:10px!important;right:10px!important;left:10px!important;height:82px!important;border-radius:12px!important}
  .dhm .dhm-shortcut strong{font-size:14px!important}
  .dhm .dhm-shortcut small{font-size:12px!important;line-height:1.65!important}
  body[class*="single-dhms_"] .dhm-v23-hero-ref-icon{height:74px!important}
  body[class*="single-dhms_"] .dhm-v21-six-card summary{min-height:104px!important;padding:8px!important}
  body[class*="single-dhms_"] .dhm-v21-six-icon{height:54px!important}
  body[class*="single-dhms_"] .dhm-v31-quick-card::before,
  body[class*="single-dhms_"] .dhm-v16-left-product::before{height:84px!important}
  body[class*="single-dhms_"] #dhm-main-text > h2::before,
  body[class*="single-dhms_"] #dhm-faq > h2::before,
  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{height:66px!important;max-width:150px!important}
}