/* Final type, icon and rhythm refinements for the storefront pages. */
body.retail-storefront .retail-home__hero h1,
body.retail-storefront .retail-home__hero h1 span { font-weight: 400 !important; letter-spacing: -.045em; line-height: 1.05; }
body.retail-storefront .retail-home__campaign-copy h2 { font-weight: 400 !important; letter-spacing: -.035em; }
body.retail-storefront .retail-home__story-copy strong { font-weight: 500 !important; }
body.retail-storefront .retail-home__category-title,
body.retail-storefront .retail-home__products .retail-section-heading h2,
body.retail-storefront .retail-category-heading h1,
body.retail-storefront .retail-product-page .market-reviews h2 { font-weight: 400 !important; }
body.retail-storefront .retail-home__category-title { font-size: 20px; }
body.retail-storefront .retail-home__products .retail-section-heading h2 { font-size: 18px; }
body.retail-storefront .retail-home__hero-copy > p { max-width: 450px; }
body.retail-storefront .retail-home__campaign-copy h2 { max-width: 530px; }

/* Card bag opens the product options; the original wishlist remains available. */
body.retail-storefront .retail-home__products .retail-product-card { position: relative; container-type: inline-size; }
body.retail-storefront .ck-card-bag { z-index: 3; width: 34px; height: 34px; display: grid; place-items: center; background: #fff; color: #171717; text-decoration: none; }
body.retail-storefront .ck-card-bag svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.35; stroke-linecap: round; stroke-linejoin: round; }
body.retail-storefront .ck-card-bag:hover { background: #eee; color: #111; }
body.retail-storefront .ck-card-bag:focus-visible { outline: 2px solid #111; outline-offset: 2px; }
body.retail-storefront .retail-home__products .ck-card-bag { position: absolute; top: calc(100cqw - 42px); right: 8px; }
body.retail-storefront .retail-category-page .ck-card-bag { position: absolute; right: 8px; bottom: 8px; }
body.retail-storefront .retail-category-page .retail-card-save { top: 8px; right: 8px; bottom: auto; }
body.retail-storefront .retail-category-page .ck-card-arrival { display: block; margin-top: 4px; color: #777; font-size: 11px; font-weight: 400; line-height: 1.3; }

/* Shorter space between the purchase form, recommendations and reviews. */
body.retail-storefront .retail-product-page .market-related { margin-top: 76px; }
body.retail-storefront .retail-product-page .market-reviews { margin-top: 52px; }
body.retail-storefront .retail-product-page { padding-bottom: 48px; }
body.retail-storefront .retail-category-page { padding-bottom: 34px; }
body.retail-storefront .retail-category-page .retail-results-summary:empty { display: none; }

body.retail-storefront .retail-product-buy .ck-product-arrival { display: flex; align-items: center; gap: 10px; line-height: 1.35; }
body.retail-storefront .retail-product-buy .ck-product-arrival svg { flex: 0 0 22px; width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
body.retail-storefront .retail-product-buy .ck-product-arrival strong { font-weight: 600; }
body.retail-storefront .retail-product-buy .ck-product-disclosures summary::after,
body.retail-storefront .retail-product-buy .ck-product-disclosures details[open] summary::after { content: ''; width: 8px; height: 8px; margin-right: 3px; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
body.retail-storefront .retail-product-buy .ck-product-disclosures details[open] summary::after { transform: rotate(225deg); }

@media (max-width: 700px) {
  body.retail-storefront .retail-home__hero h1 { font-size: 31px; }
  body.retail-storefront .retail-home__campaign-copy h2 { font-size: 29px; }
  body.retail-storefront .retail-home__category-title { font-size: 17px; }
  body.retail-storefront .retail-home__products .retail-section-heading h2 { font-size: 17px; }
  body.retail-storefront .retail-product-page .market-related { margin-top: 50px; }
  body.retail-storefront .retail-product-page .market-reviews { margin-top: 34px; }
  body.retail-storefront .retail-product-page { padding-bottom: 34px; }
  body.retail-storefront .retail-category-page { padding-bottom: 24px; }
  body.retail-storefront .retail-category-page .ck-card-arrival { font-size: 10px; }
  body.retail-storefront .retail-category-page .retail-card-save { top: 7px; right: 7px; }
  body.retail-storefront .retail-category-page .ck-card-bag { right: 7px; bottom: 7px; width: 32px; height: 32px; }
}