/* Use the reference content width for every homepage section. */
.home-carousel-section,
.home-arrivals.container,
.home-promo.container,
.home-brand-features.container,
.home-brand-zone.container{width:var(--site-measure)}

@media(min-width:1201px){
  .home-arrivals.container,
  .home-promo.container,
  .home-brand-features.container,
  .home-brand-zone.container{padding-inline:0}
}

/* Desktop sizes follow the capped content column, including when Chrome zooms. */
@media(min-width:761px){
  .home-carousel-section{padding-block:30px 14px}
  .home-arrivals .home-arrivals-heading h2{font-size:25px}
  .home-arrivals-intro p{font-size:14px}
  .home-arrivals .product-swipe-count,
  .home-arrivals .home-arrivals-actions>a{font-size:13px}
  .home-arrivals .home-arrivals-grid{gap:20px}
  .home-arrivals .arrival-card .arrival-body,
  .home-arrivals .arrival-card.is-member-card .arrival-body{padding-inline:14px}
  .home-arrivals .arrival-card .arrival-name,
  .home-arrivals .arrival-card.is-member-card .arrival-name{font-size:14px;line-height:1.3}
  .home-arrivals .arrival-card:not(.is-member-card) .arrival-cart-button{font-size:13px;min-height:30px;height:auto}
  .home-arrivals .arrival-card.is-member-card .arrival-price,
  .home-arrivals .arrival-card.is-member-card .arrival-price .woocommerce-Price-amount,
  .home-arrivals .arrival-card.is-member-card .arrival-price.is-wide-price,
  .home-arrivals .arrival-card.is-member-card .arrival-price.is-wide-price .woocommerce-Price-amount{font-size:20px}
  .home-arrivals .arrival-card.is-member-card .arrival-cart-form.has-direct-quantity.is-quantity-switch,
  .home-arrivals .arrival-card.is-member-card .arrival-cart-button{width:42px;min-width:42px}
  .home-arrivals .arrival-card.is-member-card .arrival-cart-form.has-direct-quantity.is-quantity-switch.is-in-cart{width:68px}
  .home-brand-heading h2{font-size:25px}
  .home-brand-heading>a{font-size:14px}
  .home-brand-feature{min-height:220px;padding:22px}
  .home-brand-feature-label{font-size:11px}
  .home-brand-feature strong{font-size:24px}
  .home-brand-logo{width:196px;height:104px}
}

@media(min-width:1001px){
  .home-carousel-brand{font-size:18px}
  .home-carousel-eyebrow{font-size:12px}
  .home-carousel-title{font-size:44px}
  .home-carousel-subtitle{font-size:16px}
  .home-carousel-cta{min-width:110px;min-height:32px;margin-top:16px;padding:7px 18px;font-size:14px}
}
@media(min-width:761px) and (max-width:1200px){
  .home-arrivals .home-arrivals-grid{gap:14px}
}
@media(min-width:1001px) and (max-width:1200px){
  .home-carousel-title{font-size:36px}
}