/* Smart Shrimp Log — Dashboard Golden Master Exact v3
   Owner-locked mobile Dashboard presentation.
   Presentation only: data/routes/auth/Supabase/SOT remain authoritative. */

@media (max-width:900px){
  .marix-reference-shell .content{
    padding:8px 10px calc(92px + env(safe-area-inset-bottom))!important;
    background:
      linear-gradient(180deg,rgba(241,251,247,.94),rgba(237,249,244,.88)),
      url('assets/marix-cartoon-pond-background.png') center bottom/cover fixed!important;
  }

  .marix-reference-shell .marix-reference-management{display:none!important}

  /* Brand row */
  .marix-reference-shell .marix-reference-brand{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    min-height:60px!important;margin:0 0 8px!important;padding:4px 6px!important;
  }
  .marix-reference-shell .marix-reference-brand-copy{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important}
  .marix-reference-shell .marix-reference-brand-copy>img{
    width:45px!important;height:45px!important;flex:0 0 45px!important;
    filter:drop-shadow(0 4px 8px rgba(110,73,17,.16))!important
  }
  .marix-reference-shell .marix-reference-brand-copy b{
    display:block!important;font-size:19px!important;line-height:1.04!important;letter-spacing:-.025em!important;color:#0d7250!important
  }
  .marix-reference-shell .marix-reference-brand-copy span{
    display:block!important;margin-top:4px!important;font-size:8.6px!important;line-height:1.05!important;
    letter-spacing:.16em!important;color:#63736d!important;white-space:nowrap!important
  }
  .marix-reference-shell .marix-reference-brand-actions{display:flex!important;align-items:center!important;gap:8px!important}
  .marix-reference-shell .marix-reference-alert,
  .marix-reference-shell .marix-reference-profile{
    position:relative!important;display:grid!important;place-items:center!important;
    width:43px!important;height:43px!important;min-width:43px!important;padding:0!important;
    border:1px solid rgba(222,195,112,.88)!important;border-radius:50%!important;
    background:rgba(255,255,255,.88)!important;
    box-shadow:0 5px 15px rgba(22,81,62,.07),inset 0 1px 0 rgba(255,255,255,.94)!important
  }
  .marix-reference-shell .marix-reference-alert img{width:24px!important;height:24px!important;object-fit:contain!important}
  .marix-reference-shell .marix-reference-alert:after{
    content:""!important;position:absolute!important;right:3px!important;top:3px!important;width:8px!important;height:8px!important;
    border:2px solid #fff!important;border-radius:50%!important;background:#f0b536!important
  }
  .marix-reference-shell .marix-reference-profile{overflow:hidden!important;background:linear-gradient(145deg,#eef9e9,#dff0d8)!important}
  .marix-reference-shell .marix-reference-profile img{
    width:44px!important;height:44px!important;object-fit:contain!important;object-position:center bottom!important;transform:translateY(2px)!important
  }

  /* Date / lunar strip */
  .marix-reference-shell .app-visit-date-bar.marix-lunar-enhanced{
    display:grid!important;grid-template-columns:minmax(0,1.12fr) 62px minmax(0,1.12fr)!important;
    align-items:center!important;min-height:74px!important;margin:0 0 10px!important;padding:8px 13px!important;gap:9px!important;
    border:1px solid rgba(232,193,109,.88)!important;border-radius:20px!important;
    background:linear-gradient(110deg,rgba(255,253,246,.99),rgba(255,247,224,.96))!important;
    box-shadow:0 8px 22px rgba(116,76,22,.05)!important
  }
  .marix-reference-shell .marix-lunar-date-copy{grid-column:1!important;min-width:0!important}
  .marix-reference-shell .marix-lunar-date-copy b{font-size:14.5px!important;line-height:1.15!important;color:#402b1d!important}
  .marix-reference-shell .marix-lunar-date-copy span{display:block!important;margin-top:5px!important;font-size:9.8px!important;line-height:1.2!important;color:#8a7c6a!important}
  .marix-reference-shell .marix-lunar-side{display:contents!important}
  .marix-reference-shell .marix-lunar-moon{
    position:relative!important;grid-column:2!important;display:grid!important;place-items:center!important;
    width:48px!important;height:48px!important;margin:auto!important;border-radius:50%!important;font-size:24px!important;
    color:#986116!important;background:radial-gradient(circle at 38% 30%,#fff7bd,#ffdb69 70%)!important;
    box-shadow:0 7px 18px rgba(194,130,25,.14)!important
  }
  .marix-reference-shell .marix-lunar-moon:before,
  .marix-reference-shell .marix-lunar-moon:after{
    content:""!important;position:absolute!important;top:5px!important;bottom:5px!important;width:1px!important;background:#eadfca!important
  }
  .marix-reference-shell .marix-lunar-moon:before{left:-14px!important}
  .marix-reference-shell .marix-lunar-moon:after{right:-14px!important}
  .marix-reference-shell .marix-lunar-copy{grid-column:3!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:7px!important;row-gap:2px!important;min-width:0!important}
  .marix-reference-shell .marix-lunar-copy b{
    grid-column:1!important;font-size:11.2px!important;line-height:1.14!important;color:#aa6019!important;text-align:right!important;white-space:nowrap!important
  }
  .marix-reference-shell .marix-lunar-copy>span:not(.marix-lunar-label){
    grid-column:1!important;font-size:8.5px!important;line-height:1.15!important;color:#9c8a75!important;text-align:right!important;white-space:nowrap!important
  }
  .marix-reference-shell .marix-lunar-label{
    grid-column:2!important;grid-row:1/3!important;align-self:center!important;margin:0!important;padding:5px 8px!important;
    border-radius:999px!important;background:#f6e7c9!important;color:#98540f!important;font-size:8.6px!important;line-height:1!important;white-space:nowrap!important
  }

  /* Golden Master hero */
  .marix-reference-shell .marix-home-hero{
    position:relative!important;isolation:isolate!important;overflow:hidden!important;
    min-height:276px!important;height:276px!important;margin:0 0 10px!important;padding:17px 14px 14px!important;
    border:1px solid rgba(192,225,210,.68)!important;border-radius:25px!important;
    background:
      linear-gradient(90deg,rgba(3,71,60,.88) 0%,rgba(4,76,63,.73) 38%,rgba(3,77,62,.25) 64%,rgba(3,77,62,.04) 100%),
      url('assets/ui-final-concept/dashboard_image_desktop.png.png') center center/cover no-repeat!important;
    box-shadow:0 13px 29px rgba(10,81,64,.13)!important
  }
  .marix-reference-shell .marix-home-hero:before{
    content:""!important;position:absolute!important;inset:0!important;z-index:0!important;
    background:linear-gradient(180deg,rgba(2,64,53,.02),rgba(1,48,41,.10))!important;pointer-events:none!important
  }
  .marix-reference-shell .marix-reference-worker{display:none!important}
  .marix-reference-shell .marix-home-copy{
    position:relative!important;z-index:3!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
    width:59%!important;max-width:59%!important;min-height:243px!important;margin:0!important;padding:1px 0 0 3px!important;
    text-align:left!important;text-shadow:0 2px 9px rgba(0,45,37,.34)!important
  }
  .marix-reference-shell .marix-home-kicker{
    font-size:9px!important;line-height:1.1!important;letter-spacing:.15em!important;color:#e2f6ee!important
  }
  .marix-reference-shell .marix-home-copy h2{
    max-width:252px!important;margin:14px 0 7px!important;font-size:23px!important;line-height:1.06!important;
    letter-spacing:-.02em!important;color:#fff!important;text-wrap:balance!important
  }
  .marix-reference-shell .marix-home-copy p{
    max-width:242px!important;margin:0!important;font-size:11.3px!important;line-height:1.34!important;color:#eef9f5!important
  }
  .marix-reference-shell .marix-home-pills,
  .marix-reference-shell .marix-home-status{display:none!important}
  .marix-reference-shell .marix-reference-hero-cta{
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    width:132px!important;min-width:132px!important;height:42px!important;min-height:42px!important;margin-top:auto!important;padding:0 13px!important;
    border:1px solid rgba(255,255,255,.62)!important;border-radius:999px!important;background:rgba(255,255,255,.96)!important;
    color:#0a6d4d!important;box-shadow:0 8px 20px rgba(1,54,43,.16)!important;font-size:11.4px!important;font-weight:850!important;text-shadow:none!important
  }
  .marix-reference-shell .marix-hero-benefits{
    position:absolute!important;z-index:4!important;top:12px!important;right:9px!important;display:grid!important;gap:5px!important;width:auto!important;text-shadow:none!important
  }
  .marix-reference-shell .marix-hero-benefits span{
    display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;min-height:27px!important;padding:4px 8px!important;
    border:1px solid rgba(255,255,255,.44)!important;border-radius:999px!important;background:rgba(17,83,65,.54)!important;color:#fff!important;
    box-shadow:0 4px 12px rgba(0,45,36,.10)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;
    font-size:8.6px!important;line-height:1!important;white-space:nowrap!important
  }
  .marix-reference-shell .marix-hero-benefits span img{
    width:13px!important;height:13px!important;object-fit:contain!important;filter:brightness(0) invert(1)!important;opacity:.96!important
  }

  /* Four action cards */
  .marix-reference-shell .marix-reference-quick-grid{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important;margin:0 0 9px!important
  }
  .marix-reference-shell .marix-reference-quick-card{
    min-width:0!important;height:132px!important;min-height:132px!important;max-height:132px!important;padding:9px 7px!important;
    border:1px solid rgba(207,226,218,.84)!important;border-radius:18px!important;
    align-items:center!important;justify-content:flex-start!important;text-align:center!important;box-shadow:0 7px 18px rgba(21,83,63,.055)!important
  }
  .marix-reference-shell .marix-reference-quick-card:nth-child(1){background:linear-gradient(160deg,#effcf6,#def7eb)!important}
  .marix-reference-shell .marix-reference-quick-card:nth-child(2){background:linear-gradient(160deg,#f0f9fd,#e1f2fb)!important}
  .marix-reference-shell .marix-reference-quick-card:nth-child(3){background:linear-gradient(160deg,#fff8e8,#fce8c1)!important}
  .marix-reference-shell .marix-reference-quick-card:nth-child(4){background:linear-gradient(160deg,#faf3ff,#eee1fa)!important}
  .marix-reference-shell .marix-reference-quick-card .quick-icon{
    display:grid!important;place-items:center!important;width:44px!important;height:44px!important;margin:0 0 7px!important;border-radius:14px!important;
    box-shadow:0 7px 16px rgba(15,77,58,.08)!important
  }
  .marix-reference-shell .marix-reference-quick-card .quick-icon img{width:28px!important;height:28px!important;object-fit:contain!important}
  .marix-reference-shell .marix-reference-quick-card strong{font-size:13px!important;line-height:1.12!important;color:#173e35!important}
  .marix-reference-shell .marix-reference-quick-card small{display:block!important;max-width:100%!important;margin-top:4px!important;font-size:9.1px!important;line-height:1.18!important;color:#788881!important}
  .marix-reference-shell .marix-reference-quick-card em{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:25px!important;margin-top:auto!important;padding:3px 7px!important;
    border-radius:999px!important;background:rgba(255,255,255,.78)!important;font-size:9px!important;line-height:1!important
  }

  /* KPI row */
  .marix-reference-shell .marix-home-kpi-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0 0 9px!important}
  .marix-reference-shell .marix-home-kpi-strip button{
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;
    min-height:90px!important;padding:10px 8px!important;gap:7px!important;border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;box-shadow:0 7px 18px rgba(21,83,63,.055)!important
  }
  .marix-reference-shell .marix-home-kpi-strip .kpi-icon{width:38px!important;height:38px!important;border-radius:13px!important;font-size:18px!important}
  .marix-reference-shell .marix-home-kpi-strip small{font-size:9.3px!important;line-height:1.12!important;font-weight:760!important}
  .marix-reference-shell .marix-home-kpi-strip b{font-size:17px!important;line-height:1.06!important}
  .marix-reference-shell .marix-home-kpi-strip em{
    display:block!important;margin-top:4px!important;max-width:100%!important;font-size:8.8px!important;line-height:1.18!important;
    white-space:normal!important;overflow:visible!important;text-overflow:clip!important
  }
  .marix-reference-shell .marix-home-kpi-strip button>i{font-size:18px!important}

  /* Recommendation */
  .marix-reference-shell .marix-home-advisory{
    display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;
    min-height:64px!important;margin:0!important;padding:10px 12px!important;gap:10px!important;border-radius:18px!important;
    background:rgba(255,255,255,.94)!important;box-shadow:0 7px 18px rgba(21,83,63,.055)!important
  }
  .marix-reference-shell .marix-home-advisory .advisory-icon{width:40px!important;height:40px!important;font-size:18px!important}
  .marix-reference-shell .marix-home-advisory b{font-size:12.8px!important}
  .marix-reference-shell .marix-home-advisory small{
    display:block!important;margin-top:3px!important;font-size:9.5px!important;line-height:1.2!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
  }
  .marix-reference-shell .marix-home-advisory>i{font-size:19px!important}

  /* Bottom dock */
  html body .marix-reference-shell>.sidebar:not(.pond-context-sidebar){
    left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;
    width:auto!important;height:68px!important;min-height:68px!important;padding:6px!important;border-radius:27px!important;
    background:rgba(244,251,247,.66)!important;border:1px solid rgba(255,255,255,.78)!important;
    box-shadow:0 14px 34px rgba(10,68,50,.12),inset 0 1px 0 rgba(255,255,255,.88)!important;
    backdrop-filter:blur(28px) saturate(150%)!important;-webkit-backdrop-filter:blur(28px) saturate(150%)!important
  }
  html body .marix-reference-shell>.sidebar:not(.pond-context-sidebar) .nav-item{
    height:54px!important;min-height:54px!important;max-height:54px!important;border-radius:19px!important
  }
}

@media (max-width:430px){
  .marix-reference-shell .content{padding-left:8px!important;padding-right:8px!important}
  .marix-reference-shell .marix-reference-brand{min-height:58px!important}
  .marix-reference-shell .marix-reference-brand-copy>img{width:43px!important;height:43px!important;flex-basis:43px!important}
  .marix-reference-shell .marix-reference-brand-copy b{font-size:18px!important}
  .marix-reference-shell .marix-reference-alert,
  .marix-reference-shell .marix-reference-profile{width:41px!important;height:41px!important;min-width:41px!important}
  .marix-reference-shell .app-visit-date-bar.marix-lunar-enhanced{
    grid-template-columns:minmax(0,1fr) 54px minmax(0,1fr)!important;min-height:72px!important;padding:8px 10px!important;gap:7px!important
  }
  .marix-reference-shell .marix-lunar-date-copy b{font-size:13.5px!important}
  .marix-reference-shell .marix-lunar-copy b{font-size:10.5px!important}
  .marix-reference-shell .marix-lunar-label{padding:5px 7px!important;font-size:8px!important}
  .marix-reference-shell .marix-home-hero{min-height:268px!important;height:268px!important;padding:16px 12px 13px!important}
  .marix-reference-shell .marix-home-copy{width:60%!important;max-width:60%!important;min-height:238px!important}
  .marix-reference-shell .marix-home-copy h2{max-width:220px!important;font-size:21px!important}
  .marix-reference-shell .marix-home-copy p{max-width:210px!important;font-size:10.6px!important}
  .marix-reference-shell .marix-hero-benefits{top:10px!important;right:7px!important}
  .marix-reference-shell .marix-hero-benefits span{min-height:25px!important;padding:4px 7px!important;font-size:8px!important}
  .marix-reference-shell .marix-reference-quick-card{height:126px!important;min-height:126px!important;max-height:126px!important;padding:8px 5px!important}
  .marix-reference-shell .marix-reference-quick-card .quick-icon{width:40px!important;height:40px!important;margin-bottom:6px!important}
  .marix-reference-shell .marix-reference-quick-card .quick-icon img{width:25px!important;height:25px!important}
  .marix-reference-shell .marix-reference-quick-card strong{font-size:11.7px!important}
  .marix-reference-shell .marix-reference-quick-card small{font-size:8.3px!important}
  .marix-reference-shell .marix-reference-quick-card em{font-size:8.4px!important}
  .marix-reference-shell .marix-home-kpi-strip button{grid-template-columns:auto minmax(0,1fr) auto!important;min-height:86px!important;padding:9px 6px!important;gap:5px!important}
  .marix-reference-shell .marix-home-kpi-strip .kpi-icon{width:34px!important;height:34px!important}
  .marix-reference-shell .marix-home-kpi-strip small{font-size:8.5px!important}
  .marix-reference-shell .marix-home-kpi-strip b{font-size:15.5px!important}
  .marix-reference-shell .marix-home-kpi-strip em{font-size:7.9px!important;line-height:1.15!important}
  .marix-reference-shell .marix-home-advisory{min-height:60px!important;padding:9px 10px!important}
}

/* AGENTS6 post-review geometry repair — Owner review 2026-10-03.
   Presentation only; no route/data/business semantics change. */
@media (min-width:901px){
  .marix-reference-shell>.sidebar{
    display:flex!important;
    flex-direction:column!important;
  }
  .marix-reference-shell>.sidebar .brand{
    min-height:58px!important;
    height:58px!important;
    margin:0 2px 8px!important;
    padding:6px 7px!important;
    gap:9px!important;
    font-size:15px!important;
    line-height:1.05!important;
    white-space:nowrap!important;
  }
  .marix-reference-shell>.sidebar .brand .brand-mark{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  .marix-reference-shell>.sidebar .sidebar-navigation{
    display:grid!important;
    gap:6px!important;
  }
  .marix-reference-shell>.sidebar .nav-item{
    min-height:52px!important;
    height:52px!important;
    padding:7px 10px!important;
  }
  .marix-reference-shell>.sidebar .sidebar-bottom{
    position:static!important;
    width:100%!important;
    margin-top:auto!important;
    padding-top:8px!important;
    gap:6px!important;
  }
  .marix-reference-shell>.sidebar .sidebar-bottom .farm-mini{display:none!important}
  .marix-reference-shell>.sidebar .account-settings-button,
  .marix-reference-shell>.sidebar .legacy-logout{
    min-height:44px!important;
    margin-top:0!important;
  }
  .marix-reference-shell .marix-reference-hero-cta{
    min-height:44px!important;
    height:44px!important;
  }
}

@media (max-width:900px){
  .marix-reference-shell .app-visit-date-bar.marix-lunar-enhanced{
    grid-template-columns:minmax(0,1.22fr) 48px minmax(0,.95fr)!important;
    min-height:70px!important;
    padding:7px 11px!important;
    gap:7px!important;
  }
  .marix-reference-shell .marix-lunar-moon{
    width:40px!important;
    height:40px!important;
    font-size:20px!important;
    box-shadow:0 5px 14px rgba(194,130,25,.12)!important;
  }
  .marix-reference-shell .marix-lunar-moon:before{left:-10px!important}
  .marix-reference-shell .marix-lunar-moon:after{right:-10px!important}
  .marix-reference-shell .marix-lunar-copy{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:end!important;
    row-gap:2px!important;
    text-align:right!important;
  }
  .marix-reference-shell .marix-lunar-copy b,
  .marix-reference-shell .marix-lunar-copy>span:not(.marix-lunar-label){
    grid-column:1!important;
    text-align:right!important;
  }
  .marix-reference-shell .marix-lunar-label{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:end!important;
    padding:4px 7px!important;
  }
  .marix-reference-shell .marix-reference-hero-cta{
    min-height:44px!important;
    height:44px!important;
  }
  .marix-reference-shell .marix-reference-quick-grid{
    margin-bottom:10px!important;
  }
  .marix-reference-shell .content{
    padding-bottom:calc(108px + env(safe-area-inset-bottom))!important;
  }
}

@media (max-width:430px){
  .marix-reference-shell .app-visit-date-bar.marix-lunar-enhanced{
    grid-template-columns:minmax(0,1.18fr) 44px minmax(0,.92fr)!important;
    min-height:68px!important;
    padding:7px 9px!important;
    gap:6px!important;
  }
  .marix-reference-shell .marix-lunar-moon{
    width:38px!important;
    height:38px!important;
    font-size:18px!important;
  }
}

/* AGENTS6 v4 reference convergence — semantic icons + KPI rhythm. */
@media (max-width:900px){
  .marix-reference-shell .marix-reference-quick-card .quick-icon>.production-icon-tile,
  .marix-reference-shell .marix-hero-benefits .production-icon-tile,
  .marix-reference-shell .marix-home-kpi-strip .kpi-icon>.production-icon-tile{
    width:100%!important;height:100%!important;min-width:0!important;
    padding:0!important;border:0!important;border-radius:inherit!important;
    background:transparent!important;box-shadow:none!important;color:inherit!important;
  }
  .marix-reference-shell .marix-reference-quick-card .quick-icon .production-icon-svg{
    width:27px!important;height:27px!important;color:#fff!important;stroke:currentColor!important;filter:none!important;
  }
  .marix-reference-shell .marix-hero-benefits .production-icon-tile{
    width:14px!important;height:14px!important;border-radius:0!important;
  }
  .marix-reference-shell .marix-hero-benefits .production-icon-svg{
    width:13px!important;height:13px!important;color:#fff!important;stroke:currentColor!important;filter:none!important;
  }
  .marix-reference-shell .marix-home-kpi-strip .kpi-icon>.production-icon-tile{
    width:30px!important;height:30px!important;border-radius:10px!important;
  }
  .marix-reference-shell .marix-home-kpi-strip .kpi-icon .production-icon-svg{
    width:21px!important;height:21px!important;stroke:currentColor!important;filter:none!important;
  }
  .marix-reference-shell .marix-home-kpi-strip button>span:nth-child(2){
    display:grid!important;
    grid-template-rows:28px 22px 26px!important;
    align-items:center!important;
    min-width:0!important;
  }
  .marix-reference-shell .marix-home-kpi-strip small{
    display:flex!important;align-items:flex-end!important;min-height:28px!important;
    margin:0!important;line-height:1.15!important;
  }
  .marix-reference-shell .marix-home-kpi-strip b{
    display:flex!important;align-items:center!important;min-height:22px!important;margin:0!important;
  }
  .marix-reference-shell .marix-home-kpi-strip em{
    display:flex!important;align-items:flex-start!important;min-height:26px!important;margin:0!important;
  }
}

/* AGENTS6 v5 — Owner reference convergence: mobile hero crop + bottom-anchored quick CTAs. */
@media (max-width:900px){
  .marix-reference-shell .marix-home-hero{
    min-height:284px!important;
    height:284px!important;
    background:
      linear-gradient(90deg,rgba(3,71,60,.89) 0%,rgba(4,76,63,.72) 37%,rgba(3,77,62,.23) 62%,rgba(3,77,62,.035) 100%),
      url('assets/ui-final-concept/dashboard_image_mobile.png.png') 54% 50%/cover no-repeat!important;
  }
  .marix-reference-shell .marix-home-copy{
    min-height:251px!important;
  }
  .marix-reference-shell .marix-reference-quick-card{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
    padding:9px 6px 8px!important;
  }
  .marix-reference-shell .marix-reference-quick-card .quick-icon{
    flex:0 0 44px!important;
    width:44px!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    margin:0 0 7px!important;
  }
  .marix-reference-shell .marix-reference-quick-card strong{
    flex:0 0 15px!important;
    height:15px!important;
    min-height:15px!important;
    max-height:15px!important;
    margin:0!important;
  }
  .marix-reference-shell .marix-reference-quick-card small{
    display:-webkit-box!important;
    flex:0 0 24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:4px 0 0!important;
    overflow:hidden!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .marix-reference-shell .marix-reference-quick-card em{
    flex:0 0 24px!important;
    height:24px!important;
    min-height:24px!important;
    max-height:24px!important;
    margin:auto 0 0!important;
  }
}

@media (max-width:430px){
  .marix-reference-shell .marix-home-hero{
    min-height:280px!important;
    height:280px!important;
    padding:16px 12px 13px!important;
    background-position:55% 50%!important;
  }
  .marix-reference-shell .marix-home-copy{
    min-height:247px!important;
  }
  .marix-reference-shell .marix-reference-quick-card{
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
    padding:8px 5px 7px!important;
  }
  .marix-reference-shell .marix-reference-quick-card .quick-icon{
    flex-basis:40px!important;
    width:40px!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin-bottom:6px!important;
  }
  .marix-reference-shell .marix-reference-quick-card small{
    flex-basis:24px!important;
    min-height:24px!important;
    max-height:24px!important;
  }
}