/* Mobile Home only. Desktop retains the accepted r5 presentation. */
@media (max-width:760px) {
  body #hero .hero-quote .cta {
    width:auto; min-width:0; min-height:50px; padding:0 25px;
    background:#F3EDE3; background-image:none; color:#211D18;
    border:1px solid rgba(255,255,255,.45); border-radius:5px;
    box-shadow:none; font-size:14px; font-weight:600; letter-spacing:.01em;
  }
  body #hero .hero-quote .cta:hover,
  body #hero .hero-quote .cta:active { background:#FFF9EF; color:#211D18; }
  body #hero .hero-quote .cta:focus-visible { outline:2px solid #F3EDE3; outline-offset:5px; }

  html.pb-out body #hero .proof5.p5-static {
    position:absolute; left:0; right:0; bottom:0!important; width:100%;
    margin:0; padding:10px 20px 54px!important; box-sizing:border-box;
    display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch; gap:0; overflow:visible; border:0; border-radius:0;
    background:#1C1915; box-shadow:none; backdrop-filter:none;
    -webkit-backdrop-filter:none; -webkit-mask-image:none; mask-image:none;
  }
  body #hero .proof5.p5-static .p5 {
    display:grid!important; grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:38px auto auto!important; grid-column:auto!important;
    align-content:start; align-items:start; justify-items:center;
    gap:6px; padding:20px 12px!important; margin:0; min-width:0;
    text-align:center; border:0!important; animation:none!important;
  }
  body #hero .proof5.p5-static .p5::before { display:none!important; }
  body #hero .proof5.p5-static .p5:nth-child(odd):not(:last-child) {
    border-right:1px solid rgba(232,213,176,.17)!important;
  }
  body #hero .proof5.p5-static .p5:nth-child(n+3) {
    border-top:1px solid rgba(232,213,176,.17)!important;
  }
  body #hero .proof5.p5-static .p5-top {
    display:flex; align-items:center; justify-content:center;
    height:38px!important; margin:0!important; gap:9px;
    grid-column:1!important; grid-row:1!important;
  }
  body #hero .proof5.p5-static .p5-yrs .tm {
    font-size:38px!important; line-height:1; transform:none!important;
  }
  body #hero .proof5.p5-static .tt {
    display:block; grid-column:1!important; grid-row:2!important;
    font:500 14px/1.35 var(--sans)!important; letter-spacing:0;
    color:#F3EDE3!important; white-space:normal!important; max-width:none;
  }
  body #hero .proof5.p5-static .tn {
    display:block!important; grid-column:1!important; grid-row:3!important;
    font:400 12px/1.45 var(--sans)!important; color:#C6BDAF!important;
    margin:0!important; max-width:none!important; white-space:normal!important;
  }
  body #hero .proof5.p5-static .p5-pair.p5-tone .bdg-img {
    width:auto!important; height:34px!important; max-width:60px;
    padding:0!important; object-fit:contain;
  }
  body #hero .proof5.p5-static .p5-pair.p5-tone .bdg-rera.bdg-emblem { height:24px!important; }
  body #hero .proof5.p5-static .os-logo { width:auto; height:28px; max-width:100%; }
  body #hero .proof5.p5-static .bdg-ico { width:32px!important; height:32px!important; }
  body #hero .proof5.p5-static .p5:last-child {
    grid-column:1/-1!important; grid-template-columns:36px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important; column-gap:12px; row-gap:4px;
    justify-items:start; align-items:center; text-align:left; padding:20px 12px 0!important;
  }
  body #hero .proof5.p5-static .p5:last-child .p5-top { grid-row:1/3!important; }
  body #hero .proof5.p5-static .p5:last-child .tt { grid-column:2!important; grid-row:1!important; }
  body #hero .proof5.p5-static .p5:last-child .tn { grid-column:2!important; grid-row:2!important; }

  /* Shell scroll handlers keep .on; this separate state controls only mobile Home. */
  body:has(#hero .proof5.p5-static) #cdock:not(.mobile-hero-passed) {
    opacity:0!important; visibility:hidden!important; pointer-events:none!important;
  }
}