/* MR HOME F5: Scoped, mobile-first responsive three-card discovery row. */
.mr3 .mrh5-trio{display:grid;grid-template-columns:minmax(0,23fr) minmax(0,34fr) minmax(0,43fr);align-items:stretch;gap:12px;min-width:0;margin-bottom:8px}
.mr3 .mrh5-trio *{box-sizing:border-box}
.mr3 .mrh5-panel,.mr3 .mrh4-shell{min-width:0;min-height:228px;border:1px solid #e2eaf1;border-radius:18px;background:#fff;box-shadow:0 7px 23px #2037480e;overflow:hidden}
.mr3 .mrh5-panel{display:flex;flex-direction:column;padding:15px 13px 12px}
.mr3 .mrh5-brand-panel{background:linear-gradient(135deg,#fffaf7,#fff 75%)}
.mr3 .mrh5-product-panel{background:linear-gradient(135deg,#fff 70%,#fff8f4)}
.mr3 .mrh5-head{display:flex;justify-content:space-between;align-items:flex-start;gap:7px;margin-bottom:10px;min-width:0}
.mr3 .mrh5-title{display:flex;gap:8px;min-width:0}.mr3 .mrh5-title>div{min-width:0}
.mr3 .mrh5-heading-symbol{color:#fc683d;font-size:19px;line-height:1.15;flex:none}
.mr3 .mrh5-title h2{font-size:clamp(14px,1.13vw,17px);color:#132d47;font-weight:850;line-height:1.3;letter-spacing:-.02em;margin:0}
.mr3 .mrh5-title p{color:#698199;font-size:11px;line-height:1.4;margin:3px 0 0}
.mr3 .mrh5-ad-disclosure{border:1px solid #e8ebf0;border-radius:20px;color:#7b8794;background:#f6f8fa;padding:4px 6px;font-size:9px;white-space:nowrap;flex:none}
.mr3 .mrh5-slider{display:flex;flex:1;align-items:center;min-width:0;position:relative;padding:0 10px 16px}
.mr3 .mrh5-track{display:flex;gap:9px;align-items:stretch;width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-left:3px;scrollbar-width:none;padding:4px 1px 6px}
.mr3 .mrh5-track::-webkit-scrollbar{display:none}
.mr3 .mrh5-brand{min-width:0;flex:0 0 clamp(68px,22%,92px);display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;scroll-snap-align:start;color:#153455}
.mr3 .mrh5-brand-logo{width:clamp(60px,6.1vw,79px);height:clamp(60px,6.1vw,79px);padding:7px;display:grid;place-items:center;border:1px solid #e6eaf0;box-shadow:0 4px 8px #182c4210;background:#fff;border-radius:50%;overflow:hidden}
.mr3 .mrh5-brand-logo img{width:100%;height:100%;display:block;border-radius:50%;object-fit:contain}
.mr3 .mrh5-brand-name{font-size:10px;line-height:1.27;font-weight:780;margin-top:6px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break:break-word}
.mr3 .mrh5-product{flex:0 0 clamp(114px,31%,159px);min-width:0;display:flex;flex-direction:column;text-decoration:none;scroll-snap-align:start;color:#19324b}
.mr3 .mrh5-product-media{display:block;position:relative;height:clamp(79px,6.7vw,105px);width:100%;border-radius:10px;background:#f2f5f8;overflow:hidden}
.mr3 .mrh5-product-media img{display:block;width:100%;height:100%;object-fit:cover}
.mr3 .mrh5-badge{position:absolute;top:6px;left:6px;max-width:calc(100% - 12px);border-radius:7px;padding:4px 6px;color:#fff;background:#f65333;font-weight:800;font-size:9px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr3 .mrh5-product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:850;font-size:11px;line-height:1.3;margin:7px 0 0;overflow:hidden;word-break:break-word}
.mr3 .mrh5-product-brand{color:#6e8399;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}
.mr3 .mrh5-nav{position:absolute;z-index:2;top:45%;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid #dfe7ef;background:#fff;box-shadow:0 4px 12px #1d324a18;color:#17496e;font-size:23px;line-height:1;cursor:pointer;padding:0;transform:translateY(-50%)}
.mr3 .mrh5-prev{left:-5px}.mr3 .mrh5-next{right:-5px}.mr3 .mrh5-nav:disabled{display:none}
.mr3 .mrh5-dots{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:5px;height:12px}
.mr3 .mrh5-dots button{width:6px;height:6px;border:0;border-radius:9px;background:#ccd5df;padding:0;cursor:pointer}
.mr3 .mrh5-dots button[aria-current="true"]{width:15px;background:#fa633c}
.mr3 .mrh5-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;min-height:130px;padding:12px;color:#71869c}
.mr3 .mrh5-empty span{color:#dfa28b;font-size:27px}.mr3 .mrh5-empty p{margin:0;font-size:12px;line-height:1.5;max-width:220px}
.mr3 .mrh5-trio :is(a,button,select,[tabindex]):focus-visible{outline:3px solid #f4763e;outline-offset:2px}
/* Compact weather preserves all MR-W3 JS hooks, with restrained sky and no second hero. */
.mr3 .mrh5-trio .mrh4{margin:0;min-width:0}
.mr3 .mrh5-trio .mrh4-shell{display:flex;flex-direction:column;padding:11px 12px 10px;background:#ecf6ff;border-color:#d5e8f3;isolation:isolate}
.mr3 .mrh4-header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mr3 .mrh4-title{display:flex;gap:6px;align-items:center;color:#234363;font-weight:840;font-size:13px}
.mr3 .mrh4-heading-icon{font-size:17px;color:#ff8d20}
.mr3 .mrh5-trio .mrh4-locate{display:grid;place-items:center;min-height:28px;height:28px;width:28px;padding:0;background:#fff;border:1px solid #d3e5f0;border-radius:8px;color:#28749e;font-size:21px}
.mr3 .mrh4-pickers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5px;margin-top:9px}
.mr3 .mrh4-pickers .mrhw-field{display:block;min-width:0}
.mr3 .mrh4-pickers .mrhw-field select{width:100%;min-width:0;min-height:31px;height:31px;padding:4px 6px;border:1px solid #dbe8f2;border-radius:7px;background:#fff;color:#345473;font-size:11px;font-weight:730;text-overflow:ellipsis}
.mr3 .mrh4-sky{position:relative;z-index:1;flex:1;min-width:0;padding:6px 0 5px}
.mr3 .mrh4-sky::before{position:absolute;z-index:-1;content:"";right:-25px;bottom:-6px;width:120px;height:90px;pointer-events:none;background:radial-gradient(ellipse,#fff8 0%,transparent 72%)}
.mr3 .mrh4-place{display:flex;align-items:center;gap:4px;min-height:16px;font-size:10px;line-height:1.3;color:#52728e}
.mr3 .mrh4-place strong{font-weight:780;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr3 .mrh4-reading{display:flex;align-items:center;gap:0;margin:1px 0 0;color:#103659}
.mr3 .mrh4-reading .mrhw-symbol{font-size:30px;margin-right:7px;filter:none}
.mr3 .mrh4-reading strong{font-size:clamp(31px,3vw,42px);line-height:1.05;letter-spacing:-.055em;font-weight:900;color:#0f3253}
.mr3 .mrh4-reading>span:last-child{font-size:17px;margin-top:5px;color:#214a6b}
.mr3 .mrh4-condition{font-size:11px;line-height:1.35;color:#456a85;font-weight:740;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mr3 .mrh4-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:5px 11px;margin-top:8px;color:#526f89;font-size:10px;line-height:1.25}
.mr3 .mrh4-metrics span{white-space:nowrap}.mr3 .mrh4-metrics b{color:#244761;font-weight:800}.mr3 .mrh4-rain{display:none}
.mr3 .mrh4-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:7px;border-top:1px solid #d4e6f3}
.mr3 .mrh4-footer a{font-size:10px;color:#1872a5;font-weight:840;text-decoration:none;white-space:nowrap}.mr3 .mrh4-footer .mrh4-discover{color:#f76038}
@media(max-width:1170px){.mr3 .mrh5-trio{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.mr3 .mrh5-product-panel{grid-column:1/-1}.mr3 .mrh5-product{flex-basis:clamp(135px,20%,190px)}.mr3 .mrh5-product-media{height:101px}}
@media(max-width:760px){
 .mr3 .mrh5-trio{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:6px}
 .mr3 .mrh5-panel,.mr3 .mrh4-shell{border-radius:16px;min-height:0}
 .mr3 .mrh5-panel{padding:13px 12px 10px}.mr3 .mrh5-product-panel{grid-column:auto}
 .mr3 .mrh5-title h2{font-size:16px}.mr3 .mrh5-head{margin-bottom:9px}
 .mr3 .mrh5-slider{padding:0 7px 13px}.mr3 .mrh5-brand{flex-basis:clamp(71px,22%,92px)}
 .mr3 .mrh5-brand-logo{width:70px;height:70px}.mr3 .mrh5-brand-name{font-size:11px}
 .mr3 .mrh5-product{flex-basis:clamp(127px,41%,176px)}.mr3 .mrh5-product-media{height:99px}.mr3 .mrh5-product-name{font-size:12px}
 .mr3 .mrh5-trio .mrh4-shell{min-height:0;padding:9px 12px}
 .mr3 .mrh4-pickers{margin-top:5px}.mr3 .mrh4-sky{padding:3px 0}
 .mr3 .mrh4-reading strong{font-size:39px}.mr3 .mrh4-reading .mrhw-symbol{font-size:32px}
 .mr3 .mrh4-metrics{margin-top:5px}.mr3 .mrh4-footer{margin-top:4px}
}
@media(max-width:360px){.mr3 .mrh5-head{flex-wrap:wrap}.mr3 .mrh5-ad-disclosure{margin-left:auto}.mr3 .mrh5-brand{flex-basis:76px}.mr3 .mrh5-product{flex-basis:125px}.mr3 .mrh4-metrics{gap:4px 8px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.mr3 .mrh5-trio *,.mr3 .mrh5-trio *::before,.mr3 .mrh5-trio *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* MR HOME F5B — Desktop/tablet weather block matches the adjacent card height.
   Only stretch the existing shell; mobile continues using its intrinsic height. */
@media (min-width: 761px) {
  .mr3 .mrh5-trio > .mrh4 {
    display: flex;
    flex-direction: column;
    align-self: stretch;
  }
  .mr3 .mrh5-trio > .mrh4 > .mrh4-shell {
    flex: 1 1 auto;
    min-height: 100%;
  }
  .mr3 .mrh5-trio > .mrh4 > .mrh4-shell > .mrh4-sky {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .mr3 .mrh5-trio > .mrh4 > .mrh4-shell > .mrh4-footer {
    margin-top: auto;
  }
}