/* OREUMUP v1.9.24 — HOME service-card title/icon baseline + stronger PC compact/130% readability.
   Restore v1.9.19's 100% responsive title/icon sizes, independently of My Info.
   Do NOT set --oreumup-font-scale on #owners, .service or the text wrapper:
   the description paragraphs must continue using 13px * the user's setting.
   Browser zoom and the existing responsive breakpoints still work normally. */
#owners.service-grid .service h3 {
  font-size: 20px !important;
  letter-spacing: -.4px !important;
  line-height: normal;
}
#owners.service-grid .service > .svc-ico {
  width: 50px;
  height: 50px;
  flex-shrink: 0;
}
#owners.service-grid .service > .svc-ico svg {
  width: 26px;
  height: 26px;
}
#owners.service-grid .service > .arr {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
}
@media (max-width: 760px) {
  #owners.service-grid .service h3 { font-size: 17px !important; }
  #owners.service-grid .service > .svc-ico { width: 42px; height: 42px; }
  #owners.service-grid .service > .svc-ico svg { width: 22px; height: 22px; }
}
@media (max-width: 410px) {
  #owners.service-grid .service h3 { font-size: 15px !important; }
}


/* v1.9.23 — On a PC (fine pointer), browser/app zoom can push the layout into
   the narrow breakpoint. Keep the 2x2 layout but make the whole service block
   easier to read. Touch-first mobile keeps the existing compact dimensions. */
@media (pointer:fine) and (max-width:760px) {
  #owners.service-grid {
    gap: 9px !important;
  }
  #owners.service-grid .service {
    min-height: 104px !important;
    padding: 12px 11px !important;
    grid-template-columns: 38px minmax(0,1fr) 17px !important;
    column-gap: 9px !important;
  }
  #owners.service-grid .service h3 {
    margin: 0 0 5px !important;
    font-size: 20px !important;
    line-height: 1.16 !important;
  }
  #owners.service-grid .service p {
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 1.32 !important;
  }
  #owners.service-grid .service > .svc-ico {
    width: 36px !important;
    height: 36px !important;
  }
  #owners.service-grid .service > .svc-ico svg {
    width: 24px !important;
    height: 24px !important;
  }
  #owners.service-grid .service > .arr {
    width: 17px !important;
    height: 17px !important;
  }
}

/* v1.9.25 — compact premium service cards.
   Keep the 2x2 information architecture, reduce empty card space, and enlarge
   the readable text at 130% without adding decorative patterns. The colour
   moves diagonally from a bright icon side to a richer bottom-right tone. */
#owners.service-grid[data-home-panel="features"]{
  gap:9px!important;
  margin-bottom:12px!important;
}
#owners.service-grid[data-home-panel="features"] .service{
  min-height:96px!important;
  padding:11px 12px!important;
  border-width:1.5px!important;
  border-radius:16px!important;
  column-gap:10px!important;
  box-shadow:0 6px 18px rgba(32,53,82,.05),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
#owners.service-grid[data-home-panel="features"] .service.purple{
  background:linear-gradient(135deg,#fffefe 0%,#f8f4ff 42%,#e3d4ff 100%)!important;
  border-color:#c7adff!important;
}
#owners.service-grid[data-home-panel="features"] .service.blue{
  background:linear-gradient(135deg,#ffffff 0%,#f2f9ff 42%,#cfeaff 100%)!important;
  border-color:#91caff!important;
}
#owners.service-grid[data-home-panel="features"] .service.green{
  background:linear-gradient(135deg,#ffffff 0%,#f0fcf6 42%,#cef3df 100%)!important;
  border-color:#8bdcb5!important;
}
#owners.service-grid[data-home-panel="features"] .service.orange{
  background:linear-gradient(135deg,#ffffff 0%,#fff7ed 42%,#ffe2ba 100%)!important;
  border-color:#efbd78!important;
}
#owners.service-grid[data-home-panel="features"] .service h3{
  margin:0 0 3px!important;
  font-size:min(calc(18px * var(--oreumup-font-scale,1)),23px)!important;
  line-height:1.12!important;
  letter-spacing:-.45px!important;
  color:#102957!important;
}
#owners.service-grid[data-home-panel="features"] .service p{
  margin:0!important;
  font-size:min(calc(11.5px * var(--oreumup-font-scale,1)),14.5px)!important;
  line-height:1.28!important;
  color:#526986!important;
  font-weight:740!important;
}
#owners.service-grid[data-home-panel="features"] .service>.svc-ico{
  width:42px!important;
  height:42px!important;
  background:rgba(255,255,255,.66)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.78),0 4px 12px rgba(44,62,91,.06)!important;
}
#owners.service-grid[data-home-panel="features"] .service.purple>.svc-ico{color:#7654ea!important}
#owners.service-grid[data-home-panel="features"] .service.blue>.svc-ico{color:#0877e8!important}
#owners.service-grid[data-home-panel="features"] .service.green>.svc-ico{color:#079f52!important}
#owners.service-grid[data-home-panel="features"] .service.orange>.svc-ico{color:#f1840c!important}
#owners.service-grid[data-home-panel="features"] .service>.svc-ico svg{
  width:23px!important;
  height:23px!important;
}
#owners.service-grid[data-home-panel="features"] .service>.arr{
  width:16px!important;
  height:16px!important;
  stroke:#5d7092!important;
}

@media (max-width:760px){
  #owners.service-grid[data-home-panel="features"]{
    gap:6px!important;
    margin-bottom:10px!important;
  }
  #owners.service-grid[data-home-panel="features"] .service{
    min-height:80px!important;
    padding:7px 8px!important;
    grid-template-columns:29px minmax(0,1fr) 14px!important;
    grid-template-rows:auto auto!important;
    column-gap:6px!important;
    row-gap:1px!important;
    border-radius:13px!important;
  }
  #owners.service-grid[data-home-panel="features"] .service>.svc-ico{
    width:28px!important;
    height:28px!important;
  }
  #owners.service-grid[data-home-panel="features"] .service>.svc-ico svg{
    width:18px!important;
    height:18px!important;
  }
  #owners.service-grid[data-home-panel="features"] .service h3{
    margin:0 0 2px!important;
    font-size:min(calc(16px * var(--oreumup-font-scale,1)),21px)!important;
    line-height:1.1!important;
    letter-spacing:-.5px!important;
  }
  #owners.service-grid[data-home-panel="features"] .service p{
    font-size:min(calc(10px * var(--oreumup-font-scale,1)),13px)!important;
    line-height:1.22!important;
  }
  #owners.service-grid[data-home-panel="features"] .service>.arr{
    width:14px!important;
    height:14px!important;
  }
}