/* v60c (29 Oct, owner 16:14Z "the home page is so messed up"): her XD home wins over the DESIGN SPEC 32 px title cap. */
/* home hero at her v7 scale: 58 px title (46 px under 1000 px, 38 px under 780 px), her v7 buttons */
.hh .hero h1{font-size:58px!important;line-height:1!important}
@media (max-width:1000px){.hh .hero h1{font-size:46px!important}}
@media (max-width:780px){.hh .hero h1{font-size:38px!important;line-height:1.05!important}}
.hh .hero-ctas .hb{height:auto!important;padding:12px 20px!important;font-size:var(--ds-body)!important}
/* the family-plan card was 7.5 to 9 px (her v7 file): lifted to the sheet's label / small / body sizes */
.hh .hero-card-title{font-size:var(--ds-card)!important}
.hh .hero-card-badge{font-size:var(--ds-label)!important}
.hh .hero-card-feat{font-size:var(--ds-small)!important;padding:10px 6px!important}
.hh .hero-card-feat b{font-size:var(--ds-body)!important}
.hh .hero-card-step{font-size:var(--ds-small)!important;padding:7px 3px!important}
.hh .hero-card-step b{font-size:var(--ds-label)!important}
/* wide screens: the home column grows with the screen instead of sitting small in the middle */
@media (min-width:1600px){.hh .wrap{max-width:1480px}}
/* 3 World Records band (home and shop): the cards share the full width (2 records shown, record 01 is for partners),
   the band lines up with the page column, no lone "Copy link" */
.bn3 .b3-cards{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important}
main:has(.hh) .bn3 .b3-top,main:has(.hh) .bn3 .b3-cards{max-width:1224px;margin-left:auto;margin-right:auto}
@media (min-width:1600px){main:has(.hh) .bn3 .b3-top,main:has(.hh) .bn3 .b3-cards{max-width:1424px}}
.bn3 .b3-copy{display:none!important}
@media (max-width:1199px){.bn3.b3-shop .b3-cards{grid-template-columns:none!important}}
/* shop card: the size line and "208 nutrients" on two lines so nothing is cut off; the bar's pink shadow stays inside the card */
.pc-info{flex-wrap:wrap;white-space:normal;row-gap:2px}
.pc-info .yl{flex:1 1 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-bar{margin-right:4px}
/* product photo thumbnails are buttons: keep them square (the sheet button height is for text buttons) */
.pd-thumbs .th{height:96px!important;padding:0!important}
@media (max-width:1199px){.pd-thumbs .th{height:76px!important}}
@media (max-width:900px){.pd-thumbs .th{height:64px!important}}
/* shop: the "Let Chutki find it" button keeps its two-line label */
.chutki button{height:auto!important;min-height:var(--ds-btn-h)!important;padding:6px 10px!important;line-height:1.2!important}
