@import url("home-trust-rating-v2.css");

@media (min-width:1024px){
  /* Keep exactly one icon on the mini fact cards. */
  .ir-home-ref-mini-fact::after{
    content:none !important;
    display:none !important;
    background-image:none !important;
  }

  .ir-home-ref-mini-fact::before{
    display:block !important;
    width:18px !important;
    height:18px !important;
    left:13px !important;
    opacity:1 !important;
    background-size:18px 18px !important;
    filter:brightness(0) saturate(100%) !important;
  }

  html.dark .ir-home-ref-mini-fact::before{
    opacity:1 !important;
    filter:brightness(0) saturate(100%) invert(69%) sepia(99%) saturate(1200%) hue-rotate(351deg) brightness(103%) contrast(98%) !important;
  }
}

/* Final desktop hero contract.
   Keep the same compact content width as the rest of the homepage and split
   that space into a reference-sized side rail + hero. No viewport-width hacks,
   transforms or fake spacer columns are allowed here. */
@media (min-width:1200px){
  .ir-home-ref-shell{
    box-sizing:border-box !important;
    width:min(100%,1180px) !important;
    max-width:1180px !important;
    margin-inline:auto !important;
    padding:42px 24px 56px !important;
  }

  .ir-home-ref-hero-grid{
    position:static !important;
    inset:auto !important;
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
    transform:none !important;
    display:grid !important;
    grid-template-columns:430px minmax(0,1fr) !important;
    grid-template-areas:"side hero" !important;
    column-gap:50px !important;
    row-gap:0 !important;
    justify-content:stretch !important;
    align-items:start !important;
    direction:ltr !important;
  }

  /* Left reference rail: category card + two benefit cards, rating below. */
  .ir-home-ref-side-stack{
    grid-area:side !important;
    width:430px !important;
    max-width:430px !important;
    justify-self:start !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 144px !important;
    grid-template-rows:auto auto !important;
    gap:14px !important;
    direction:rtl !important;
  }

  .ir-home-ref-category-card{
    grid-column:1 !important;
    grid-row:1 !important;
    min-width:0 !important;
    padding:18px !important;
    border-radius:24px !important;
  }

  .ir-home-ref-side-benefits{
    grid-column:2 !important;
    grid-row:1 !important;
    display:grid !important;
    gap:14px !important;
  }

  .ir-home-ref-side-benefits article{
    min-height:145px !important;
    padding:16px 12px !important;
    border-radius:24px !important;
  }

  .ir-home-ref-side-benefit-icon{
    width:52px !important;
    height:52px !important;
    margin:0 auto 10px !important;
  }

  .ir-home-ref-side-benefit-icon img{
    width:27px !important;
    height:27px !important;
  }

  .ir-home-ref-side-benefits strong{
    font-size:13px !important;
  }

  .ir-home-ref-side-benefits small{
    margin-top:6px !important;
    font-size:9.5px !important;
    line-height:1.85 !important;
  }

  .ir-home-ref-rating-card{
    grid-column:1 / -1 !important;
    grid-row:2 !important;
    width:100% !important;
    min-height:64px !important;
    box-sizing:border-box !important;
    padding:11px 15px !important;
    border-radius:18px !important;
  }

  /* Hero proportions and typography match the supplied desktop reference. */
  .ir-home-ref-hero-main{
    grid-area:hero !important;
    width:100% !important;
    max-width:652px !important;
    justify-self:stretch !important;
    align-self:start !important;
    box-sizing:border-box !important;
    padding:8px 0 0 !important;
    direction:rtl !important;
    text-align:right !important;
  }

  .ir-home-ref-eyebrow{
    display:inline-flex !important;
    margin:0 0 16px auto !important;
    padding:8px 14px !important;
    font-size:10px !important;
  }

  .ir-home-ref-hero-main h1{
    width:100% !important;
    max-width:640px !important;
    margin:0 0 14px !important;
    color:#10172b !important;
    font-size:44px !important;
    font-weight:950 !important;
    line-height:1.42 !important;
    letter-spacing:-1.7px !important;
    text-align:right !important;
  }

  .ir-home-ref-subtitle{
    width:100% !important;
    max-width:625px !important;
    margin:0 0 7px !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1.9 !important;
    text-align:right !important;
  }

  .ir-home-ref-body{
    width:100% !important;
    max-width:625px !important;
    margin:0 !important;
    font-size:12px !important;
    line-height:2.1 !important;
    text-align:right !important;
  }

  .ir-home-ref-hero-badges{
    display:flex !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    gap:8px !important;
    margin-top:22px !important;
  }

  .ir-home-ref-hero-badges span{
    min-height:40px !important;
    padding-inline:13px !important;
    border-radius:12px !important;
    font-size:10px !important;
  }

  .ir-home-ref-hero-actions{
    display:flex !important;
    justify-content:flex-start !important;
    gap:10px !important;
    margin-top:18px !important;
  }

  .ir-home-ref-btn{
    min-width:170px !important;
    min-height:50px !important;
    border-radius:12px !important;
    font-size:12px !important;
  }

  .ir-home-ref-popular{
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:12px !important;
    margin-top:22px !important;
  }
}