/* Supplemental full grid scale (.zs-prefixed to beat ".zs .gc{flex:1}").
   Restores every .{bp}-gc{1..12} fraction SingleFile purged from fonts-3.css. */
.zs .xs-gc1{width:8.333333%;flex:none}.zs .xs-gc2{width:16.666667%;flex:none}.zs .xs-gc3{width:25%;flex:none}.zs .xs-gc4{width:33.333333%;flex:none}.zs .xs-gc5{width:41.666667%;flex:none}.zs .xs-gc6{width:50%;flex:none}.zs .xs-gc7{width:58.333333%;flex:none}.zs .xs-gc8{width:66.666667%;flex:none}.zs .xs-gc9{width:75%;flex:none}.zs .xs-gc10{width:83.333333%;flex:none}.zs .xs-gc11{width:91.666667%;flex:none}.zs .xs-gc12{width:100%;flex:none}.zs .xs-gc--auto{width:auto;flex:1}.zs .xs-gc--none{width:auto;flex:none}
@media (min-width:600px){.zs .sm-gc1{width:8.333333%;flex:none}.zs .sm-gc2{width:16.666667%;flex:none}.zs .sm-gc3{width:25%;flex:none}.zs .sm-gc4{width:33.333333%;flex:none}.zs .sm-gc5{width:41.666667%;flex:none}.zs .sm-gc6{width:50%;flex:none}.zs .sm-gc7{width:58.333333%;flex:none}.zs .sm-gc8{width:66.666667%;flex:none}.zs .sm-gc9{width:75%;flex:none}.zs .sm-gc10{width:83.333333%;flex:none}.zs .sm-gc11{width:91.666667%;flex:none}.zs .sm-gc12{width:100%;flex:none}.zs .sm-gc--auto{width:auto;flex:1}.zs .sm-gc--none{width:auto;flex:none}}
@media (min-width:768px){.zs .md-gc1{width:8.333333%;flex:none}.zs .md-gc2{width:16.666667%;flex:none}.zs .md-gc3{width:25%;flex:none}.zs .md-gc4{width:33.333333%;flex:none}.zs .md-gc5{width:41.666667%;flex:none}.zs .md-gc6{width:50%;flex:none}.zs .md-gc7{width:58.333333%;flex:none}.zs .md-gc8{width:66.666667%;flex:none}.zs .md-gc9{width:75%;flex:none}.zs .md-gc10{width:83.333333%;flex:none}.zs .md-gc11{width:91.666667%;flex:none}.zs .md-gc12{width:100%;flex:none}.zs .md-gc--auto{width:auto;flex:1}.zs .md-gc--none{width:auto;flex:none}}
@media (min-width:1024px){.zs .lg-gc1{width:8.333333%;flex:none}.zs .lg-gc2{width:16.666667%;flex:none}.zs .lg-gc3{width:25%;flex:none}.zs .lg-gc4{width:33.333333%;flex:none}.zs .lg-gc5{width:41.666667%;flex:none}.zs .lg-gc6{width:50%;flex:none}.zs .lg-gc7{width:58.333333%;flex:none}.zs .lg-gc8{width:66.666667%;flex:none}.zs .lg-gc9{width:75%;flex:none}.zs .lg-gc10{width:83.333333%;flex:none}.zs .lg-gc11{width:91.666667%;flex:none}.zs .lg-gc12{width:100%;flex:none}.zs .lg-gc--auto{width:auto;flex:1}.zs .lg-gc--none{width:auto;flex:none}}
@media (min-width:1280px){.zs .xl-gc1{width:8.333333%;flex:none}.zs .xl-gc2{width:16.666667%;flex:none}.zs .xl-gc3{width:25%;flex:none}.zs .xl-gc4{width:33.333333%;flex:none}.zs .xl-gc5{width:41.666667%;flex:none}.zs .xl-gc6{width:50%;flex:none}.zs .xl-gc7{width:58.333333%;flex:none}.zs .xl-gc8{width:66.666667%;flex:none}.zs .xl-gc9{width:75%;flex:none}.zs .xl-gc10{width:83.333333%;flex:none}.zs .xl-gc11{width:91.666667%;flex:none}.zs .xl-gc12{width:100%;flex:none}.zs .xl-gc--auto{width:auto;flex:1}.zs .xl-gc--none{width:auto;flex:none}}
/* Restore purged .offers-scroller-2-elem sizing: with only two offer cards the
   original keeps them 2-up (49%) on desktop instead of falling to the 3-up 32% rule. */
@media (min-width:1024px){.zs .offers-scroller.offers-scroller-2-elem .gc{width:49%!important}}
/* Add-to-cart block: full width on mobile, small & right-aligned on desktop
   (original wrapper classes lg-width-auto/md-w50p were purged by SingleFile). */
.zs .add-to-cart-block .buy-button{width:100%}
@media (min-width:768px){
  .zs .add-to-cart-block{text-align:right}
  .zs .add-to-cart-block .buy-button{width:auto;display:inline-block}
}