body.storefront-page { min-width: 320px; }
.storefront-page .breadcrumb-wrap { background: #f5f5f6; padding: 16px 0; }
.storefront-page .breadcrumb-wrap .container { color: #777; font-size: 14px; }
.storefront-page .breadcrumb-wrap a { color: #777; text-decoration: none; }
.storefront-page .storefront-main { min-height: 430px; padding-top: 28px; padding-bottom: 64px; }
.storefront-page .storefront-title { margin: 0 0 26px; color: #222; font-size: 28px; font-weight: 500; }
.storefront-page .storefront-card { background: #fff; border: 1px solid #e8e8e8; padding: 24px; }
.storefront-page .storefront-muted { color: #888; }
.storefront-page .storefront-empty { padding: 48px 16px; text-align: center; color: #777; }
.storefront-page .storefront-breadcrumb-current { color: #111; }
.storefront-page .storefront-button { border: 1px solid #222; border-radius: 2px; background: #202326; color: #fff; padding: 11px 22px; }
.storefront-page .storefront-button:hover { background: #41464b; color: #fff; }
.storefront-page .header-content.fixed { z-index: 1050; }
.storefront-page .page-main { min-height: 430px; }
.storefront-page .page-wrap { width: min(1160px, calc(100% - 40px)); margin: 0 auto; }
.storefront-page .page-breadcrumb { display: flex; gap: 9px; padding: 16px max(20px, calc((100vw - 1160px) / 2 + 20px)); background: #f5f5f6; color: #777; font-size: 14px; }
.storefront-page .page-breadcrumb a { color: #777; text-decoration: none; }
.storefront-page .page-breadcrumb span:last-child { color: #111; }
@media (max-width: 767.98px) {
  .storefront-page .storefront-main { padding-top: 20px; padding-bottom: 42px; }
  .storefront-page .storefront-title { font-size: 23px; margin-bottom: 18px; }
  .storefront-page .storefront-card { padding: 17px; }
}