/* MEDIPHARM Super App v1.16.1 — compact adaptive hero.
   No content, routing, cover asset or business logic changes. */
body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern .syh-hero-modern-card,
body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern .syh-hero-modern-copy,
body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern .syh-hero-modern-visual {
  min-width:0;
}
body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern .syh-hero-modern-copy h1 {
  text-wrap:balance;
  max-width:none!important;
  width:100%!important;
}
body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern .syh-hero-mini-card {
  box-sizing:border-box;
  min-width:0;
  text-align:center;
  justify-content:center;
}
body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern .syh-hero-primary-cta {
  box-sizing:border-box;
  color:#fff!important;
  border:0!important;
  white-space:normal!important;
  text-align:center;
  justify-content:center;
}
body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern .syh-hero-cover {object-fit:contain;}

/* Tablet, foldable-open and compact desktop: respect full usable content width. */
@media (min-width:720px) and (max-width:1199px) {
  /* Adjust the existing outer canvas edge once; nested shells remain full width. */
  body.syh-v1161-home #syh-app.syh-home-v1161 {--syh145-edge:12px!important;}
  body.syh-v1161-home #syh-app.syh-home-v1161 > main > section > .syh-shell {
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    min-width:0!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern {
    margin:0!important;
    padding:10px 0 12px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern > .syh-shell {
    padding:0!important;
    background:transparent!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-card {
    grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr)!important;
    align-items:stretch!important;
    border-radius:22px!important;
    gap:0!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-copy {
    padding:clamp(14px,2.1vw,24px)!important;
    align-self:center!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-kicker {
    margin:0 0 8px!important;
    font-size:clamp(10px,1.22vw,13px)!important;
    flex-wrap:wrap!important;
    gap:5px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-copy h1 {
    font-size:clamp(27px,3.5vw,45px)!important;
    line-height:1.12!important;
    margin:0 0 8px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-tagline {
    font-size:clamp(13px,1.4vw,17px)!important;
    line-height:1.42!important;
    margin:0 0 12px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-card-grid {
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:6px!important;
    margin:0 0 10px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-mini-card {
    grid-column:span 2!important;
    padding:7px 5px!important;
    min-height:37px!important;
    border-radius:10px!important;
    font-size:clamp(11px,1.15vw,13px)!important;
    line-height:1.25!important;
    box-shadow:none!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-mini-card:nth-child(n+4) {
    grid-column:span 3!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-copy .syh-hero-lead {
    font-size:clamp(12px,1.25vw,14px)!important;
    line-height:1.45!important;
    margin:0 0 12px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-primary-cta {
    min-height:42px!important;
    padding:10px 16px!important;
    font-size:clamp(12px,1.35vw,15px)!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-visual {
    min-height:340px!important;
    height:100%!important;
    overflow:hidden!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-trust-list,
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-specialty-stack {
    display:none!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover-stack {
    left:4%!important;
    right:4%!important;
    bottom:70px!important;
    height:190px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover {
    width:clamp(74px,9vw,112px)!important;
    max-width:none!important;
    bottom:4px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover--1 {left:4%!important;transform:rotate(-10deg)!important;z-index:1!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover--2 {left:20%!important;transform:rotate(-5deg)!important;z-index:2!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover--3 {left:37%!important;width:clamp(86px,10vw,128px)!important;transform:rotate(0deg)!important;z-index:6!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover--4 {left:58%!important;transform:rotate(5deg)!important;z-index:4!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover--5 {left:77%!important;transform:rotate(10deg)!important;z-index:3!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-pedestal {
    left:7%!important;right:7%!important;bottom:52px!important;height:58px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-home-quick-actions {margin-top:0!important}
}

/* Phone, narrow foldable and small tablets: use a single compact surface, not nested cards. */
@media (max-width:719px) {
  /* Respect --med-host-right-rail-safe rather than subtracting gutters twice. */
  body.syh-v1161-home #syh-app.syh-home-v1161 {--syh145-edge:8px!important;}
  body.syh-v1161-home #syh-app.syh-home-v1161 > main > section > .syh-shell {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin-inline:0!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern {
    margin:0!important;
    padding:8px 0 8px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern > .syh-shell {
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-card {
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    border-radius:18px!important;
    border:1px solid rgba(182,209,230,.5)!important;
    box-shadow:none!important;
    overflow:hidden!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-copy {
    padding:12px 12px 4px!important;
    width:100%!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-kicker {
    font-size:11px!important;
    letter-spacing:0!important;
    line-height:1.24!important;
    gap:4px!important;
    margin:0 0 8px!important;
    flex-wrap:wrap!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-copy h1 {
    font-size:clamp(27px,7.25vw,39px)!important;
    line-height:1.1!important;
    letter-spacing:-.025em!important;
    margin:0 0 6px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-tagline {
    font-size:clamp(13px,3.45vw,15px)!important;
    line-height:1.35!important;
    margin:0 0 10px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-card-grid {
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:5px!important;
    margin:0 0 10px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-mini-card {
    grid-column:span 2!important;
    width:100%!important;
    min-height:38px!important;
    padding:5px 5px!important;
    font-size:clamp(10.5px,2.6vw,12.5px)!important;
    line-height:1.25!important;
    border-radius:9px!important;
    box-shadow:none!important;
    font-weight:700!important;
    overflow-wrap:break-word!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-mini-card:nth-child(n+4) {
    grid-column:span 3!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-copy .syh-hero-lead {
    font-size:12px!important;
    line-height:1.45!important;
    margin:0 0 11px!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-primary-cta {
    display:flex!important;
    width:100%!important;
    min-height:42px!important;
    padding:10px 14px!important;
    font-size:13px!important;
    line-height:1.2!important;
    box-shadow:0 6px 14px rgba(29,129,255,.17)!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-visual {
    flex:0 0 auto!important;
    height:clamp(148px,40vw,195px)!important;
    min-height:0!important;
    max-height:195px!important;
    overflow:hidden!important;
    background:linear-gradient(180deg,rgba(249,252,255,0),#f0f7fd)!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-visual-swoosh,
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-trust-list,
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-specialty-stack,
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-pedestal {
    display:none!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-stage {
    position:absolute!important;
    inset:0!important;
    padding:0!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover-stack {
    position:absolute!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    height:100%!important;
    width:100%!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover {
    position:absolute!important;
    bottom:12px!important;
    width:clamp(68px,23.2vw,107px)!important;
    height:auto!important;
    max-width:none!important;
    max-height:calc(100% - 18px)!important;
    transform-origin:center bottom!important;
    filter:drop-shadow(0 8px 8px rgba(31,67,109,.19))!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover--1 {left:15%!important;transform:translateX(-50%) rotate(-9deg)!important;z-index:1!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover--2 {left:32%!important;transform:translateX(-50%) rotate(-4deg)!important;z-index:2!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover--3 {left:50%!important;width:clamp(78px,26vw,120px)!important;transform:translateX(-50%)!important;z-index:6!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover--4 {left:68%!important;transform:translateX(-50%) rotate(4deg)!important;z-index:4!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-cover--5 {left:85%!important;transform:translateX(-50%) rotate(9deg)!important;z-index:3!important}
  /* The six navigation cards already follow Hero. Reduce their outer whitespace, not their links. */
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-home-quick-actions {
    padding-block:4px 10px!important;
    margin:0!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-home-quick-actions > .syh-shell {
    padding:0!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-home-quick-actions .syh-hero-cta-grid {
    gap:7px!important;
    margin:0!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-home-quick-actions .syh-hero-cta {
    padding:8px!important;
    min-height:58px!important;
    gap:7px!important;
    border-radius:13px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-home-quick-actions .syh-cta-icon {
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-home-quick-actions .syh-cta-icon img {
    width:22px!important;
    height:22px!important;
  }
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-home-quick-actions .syh-hero-cta > span:nth-child(2) {
    font-size:clamp(11px,2.65vw,14px)!important;
    line-height:1.3!important;
  }
}

/* Narrow phone: don't let long labels create 3-line pills. */
@media (max-width:359px) {
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-copy {padding:10px 9px 4px!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-mini-card {font-size:10px!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-card-grid {gap:4px!important}
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-modern-copy h1 {font-size:26px!important}
}

/* Honor reduced motion; preserve focus visibility of all interactive entry points. */
@media (prefers-reduced-motion:reduce) {
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-mini-card,
  body.syh-v1161-home #syh-app.syh-home-v1161 .syh-hero-primary-cta {transition:none!important;transform:none!important;}
}