/* v43 (20 Oct 2026), home top, owner 09:12 UTC: "the top and bottom alignement is crucail for the content and also its too streatced to the corners - so maybe slightly bring closer by maybe 5% each".
   Wide screens (1200px and up):
   - The content moves in from the screen edges by 5% on each side (the top block and every home section below it, so they stay lined up).
   - The left block (tags ... product row) and the right block ("3 World Records" heading + the 3 cards) start on the same top line and end on the same bottom line.
     The heading used to float above the right block, and the cards stopped short of the product row. */
@media (min-width:1200px){
 html body .hh .hero .wrap,html body .hh section>.wrap{max-width:none!important;padding-left:5%!important;padding-right:5%!important}
 html body .hh .hero-grid{align-items:stretch!important}
 html body .hh .hero-grid>div:first-child{justify-content:space-between!important}
 html body .hh .hp-rec .bn3 .b3-top{position:static!important;margin:0 0 18px!important}
 html body .hh .hp-rec .bn3.b3-talls{flex:1 1 auto}
 html body .hh .hp-rec .bn3.b3-talls .b3-cards{flex:1 1 auto!important;grid-template-rows:1fr!important;padding-bottom:0!important;margin-bottom:0!important}
 html body .hh .hp-rec .bn3 .b3-card.b3-tall{height:auto!important}
 html body .hh .hp-rec .b3-tall .r2{margin-top:auto!important;padding-top:10px}
}