/* Brand treatment for Simple Floral's B2B storefront pages. */
body.template-collection,
body.template-product,
body.template-page {
  --simple-floral-green: #244e43;
  --simple-floral-pink: #cf6f86;
  --simple-floral-cream: #fbf7f0;
  --simple-floral-ink: #20322d;
  background: var(--simple-floral-cream);
  color: var(--simple-floral-ink);
}

@media (min-width: 960px) {
  body.template-collection .page-container,
  body.template-product .page-container,
  body.template-page .page-container,
  body.template-collection .atlas-section__container,
  body.template-product .atlas-section__container,
  body.template-page .atlas-section__container { max-width: 1440px; }
}

body.template-collection .collection-detail { padding: 0 20px 56px; }
body.template-collection .filter-and-sort-pc { border-top: 1px solid rgba(36, 78, 67, .18); padding-top: 24px; }
body.template-collection .filter-and-sort-pc__filter-container--vertical { width: 248px; padding: 0 28px 20px 0; border-right: 1px solid rgba(36, 78, 67, .16); }
body.template-collection .filter-and-sort-pc__list-outer { min-width: 0; padding-left: 28px; }
body.template-collection .filter-and-sort-pc-list__list { gap: 28px 20px; }
body.template-collection .product-card { background: #fff; border: 1px solid rgba(36, 78, 67, .12); border-radius: 2px; overflow: hidden; box-shadow: 0 8px 24px rgba(36, 78, 67, .05); }
body.template-collection .product-card__thumbnail { background: #f4eee5; }
body.template-collection .product-card:hover { border-color: var(--simple-floral-pink); }

body.template-product .pd_detail { max-width: 1440px; margin: 0 auto; padding: 32px 36px 64px; gap: 48px; }
body.template-product .product-info-body-inner { background: #fff; border: 1px solid rgba(36, 78, 67, .14); padding: 28px; }
body.template-product .pd-info-atc-btn-wrap { border-top: 1px solid rgba(36, 78, 67, .14); padding-top: 20px; }
body.template-product .pd-info-bulk-quote-btn { min-height: 46px; padding: 10px 16px; background: var(--simple-floral-green); border: 1px solid var(--simple-floral-green); color: #fff; font-weight: 600; text-align: center; transition: background-color .2s ease, color .2s ease; }
body.template-product .pd-info-bulk-quote-btn:hover { background: var(--simple-floral-pink); border-color: var(--simple-floral-pink); color: #fff; }
body.template-product .product-info-selling-proposition { margin: 0; padding: 12px 0; border-bottom: 1px solid rgba(36, 78, 67, .12); }
body.template-product .selling-proposition-desc { line-height: 1.55; }

body.template-page .simple-floral-page-detail { max-width: 1080px; margin: 48px auto 72px; padding: 36px clamp(20px, 5vw, 72px) 48px; background: #fff; border-top: 4px solid var(--simple-floral-pink); box-shadow: 0 10px 30px rgba(36, 78, 67, .06); }
body.template-page .simple-floral-page-detail h2 { color: var(--simple-floral-green); font-size: clamp(28px, 3vw, 42px); }
body.template-page .simple-floral-page-detail .mce-content { color: var(--simple-floral-ink); line-height: 1.75; }

@media (max-width: 959.98px) {
  body.template-collection .collection-detail { padding: 0 16px 40px; }
  body.template-collection .filter-and-sort-mobile { margin: 0 -16px; }
  body.template-collection .filter-and-sort-mobile-list__list { gap: 16px 12px; }
  body.template-product .pd_detail { padding: 20px 16px 44px; gap: 24px; }
  body.template-product .product-info-body-inner { padding: 20px 16px; }
  body.template-product .pd-info-bulk-quote-btn { flex-basis: 100%; }
  body.template-product .pd-info-atc-btn--sticky { flex-wrap: wrap; }
  body.template-product #pd-info-atc-btn--sticky { height: auto; }
  body.template-page .simple-floral-page-detail { margin: 24px 16px 48px; padding: 28px 20px 36px; }
}
