/* Drugestan Health Magazine v1.24.0
   Desktop balance pass: equal lower editorial cards + one-row highlighted product explorer. */
:root{
  --d24-navy:#082f5c;
  --d24-teal:#008f8a;
  --d24-blue:#2d73c9;
  --d24-green:#148567;
  --d24-orange:#e97820;
  --d24-violet:#7143b8;
  --d24-line:#d5e3ec;
  --d24-commerce:#eef9fb;
}

@media (min-width:1180px){
  /* Four editorial cards must form one clean row with a common bottom edge. */
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-action,
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-warning,
  .dhm-v22-refine .dhm-v16-modules > .dhm-pharmacist-section,
  .dhm-v22-refine .dhm-v16-modules > .dhm-professional{
    grid-column:span 1!important;
    order:30!important;
    align-self:start!important;
  }
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-action > .dhm-section-card,
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-warning > .dhm-section-card,
  .dhm-v22-refine .dhm-v16-modules > .dhm-pharmacist-section > .dhm-section-card,
  .dhm-v22-refine .dhm-v16-modules > .dhm-professional > .dhm-section-card{
    height:var(--dhm-v24-card-height,auto)!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .dhm-v22-refine .dhm-v16-modules .dhm-v24-balanced-body{
    overflow:hidden!important;
    max-height:var(--dhm-v24-body-height,13.6em)!important;
    position:relative!important;
    transition:max-height .22s ease!important;
  }
  .dhm-v22-refine .dhm-v16-modules .dhm-v24-balanced-body.is-open{
    max-height:none!important;
    overflow:visible!important;
  }
  .dhm-v22-refine .dhm-v16-modules .dhm-v24-balance-toggle{
    margin-top:auto!important;
    padding:8px 0 0!important;
    min-height:28px!important;
    border:0!important;
    background:transparent!important;
    font:inherit!important;
    font-size:12px!important;
    font-weight:800!important;
    cursor:pointer!important;
    text-align:right!important;
  }
  .dhm-v22-refine .dhm-sync-action .dhm-v24-balance-toggle{color:var(--d24-green)!important}
  .dhm-v22-refine .dhm-sync-warning .dhm-v24-balance-toggle{color:var(--d24-orange)!important}
  .dhm-v22-refine .dhm-pharmacist-section .dhm-v24-balance-toggle{color:var(--d24-teal)!important}
  .dhm-v22-refine .dhm-professional .dhm-v24-balance-toggle{color:var(--d24-violet)!important}
  .dhm-v22-refine .dhm-v24-balance-toggle.is-placeholder{visibility:hidden!important;pointer-events:none!important}

  /* Related products are a primary decision block: full width, one row, brighter and clearer. */
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-products{
    grid-column:1 / -1!important;
    order:40!important;
    width:100%!important;
  }
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-products > h2{
    font-size:24px!important;
    color:var(--d24-navy)!important;
    margin-bottom:10px!important;
  }
  .dhm-v22-refine .dhm-sync-products > .dhm-section-card{
    background:linear-gradient(135deg,#f7fcfd 0%,var(--d24-commerce) 100%)!important;
    border:1px solid #bcdfe4!important;
    border-right:5px solid var(--d24-teal)!important;
    box-shadow:0 9px 24px rgba(0,93,112,.08)!important;
    padding:16px!important;
  }
  .dhm-v22-refine .dhm-sync-products-grid,
  .dhm-v22-refine .dhm-related-products{
    display:grid!important;
    grid-template-columns:none!important;
    grid-template-rows:1fr!important;
    grid-auto-flow:column!important;
    grid-auto-columns:minmax(178px,1fr)!important;
    gap:11px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:2px 2px 8px!important;
    scroll-snap-type:x proximity!important;
  }
  .dhm-v22-refine .dhm-sync-product,
  .dhm-v22-refine .dhm-related-products > *{
    min-width:0!important;
    height:100%!important;
    background:#fff!important;
    border:1px solid #d3e4e9!important;
    border-radius:13px!important;
    box-shadow:0 4px 12px rgba(15,65,90,.05)!important;
    scroll-snap-align:start!important;
  }
  .dhm-v22-refine .dhm-sync-product:hover,
  .dhm-v22-refine .dhm-related-products > *:hover{
    border-color:#8bcbd0!important;
    box-shadow:0 7px 18px rgba(0,103,118,.10)!important;
  }
}

/* Tablet stays two-column; commerce remains a full-width horizontal strip. */
@media (min-width:900px) and (max-width:1179px){
  .dhm-v22-refine .dhm-v16-modules > .dhm-sync-products{grid-column:1/-1!important}
  .dhm-v22-refine .dhm-sync-products-grid,
  .dhm-v22-refine .dhm-related-products{
    display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;
    grid-auto-columns:minmax(170px,42vw)!important;overflow-x:auto!important;gap:10px!important
  }
}

/* Mobile: keep the current approved readable flow; no desktop height equalisation. */
@media (max-width:899px){
  .dhm-v24-balance-toggle{display:none!important}
}