/* v100 — utility / account / commerce pages typography preview */

body.typography-utility-preview main.site-content,
body.typography-utility-preview main.site-content h1,
body.typography-utility-preview main.site-content h2,
body.typography-utility-preview main.site-content h3,
body.typography-utility-preview main.site-content h4,
body.typography-utility-preview main.site-content h5,
body.typography-utility-preview main.site-content h6,
body.typography-utility-preview main.site-content p,
body.typography-utility-preview main.site-content a,
body.typography-utility-preview main.site-content span,
body.typography-utility-preview main.site-content li,
body.typography-utility-preview main.site-content label,
body.typography-utility-preview main.site-content input,
body.typography-utility-preview main.site-content button,
body.typography-utility-preview main.site-content select,
body.typography-utility-preview main.site-content textarea,
body.typography-utility-preview main.site-content table,
body.typography-utility-preview main.site-content th,
body.typography-utility-preview main.site-content td,
body.typography-utility-preview main.site-content .form-control,
body.typography-utility-preview main.site-content .btn {
  font-family:"Inter 100System", Arial, sans-serif !important;
}

body.typography-utility-preview main.site-content h1 {
  margin-top:0 !important;
  margin-bottom:22px !important;
  color:#33383f !important;
  font-size:24px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
}

body.typography-utility-preview main.site-content h2 {
  color:#33383f !important;
  font-size:18px !important;
  line-height:1.32 !important;
  font-weight:550 !important;
}

body.typography-utility-preview main.site-content h3,
body.typography-utility-preview main.site-content h4 {
  color:#33383f !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:550 !important;
}

body.typography-utility-preview main.site-content p,
body.typography-utility-preview main.site-content li,
body.typography-utility-preview main.site-content label {
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  color:#59636e !important;
}

body.typography-utility-preview main.site-content .form-control,
body.typography-utility-preview main.site-content input[type="text"],
body.typography-utility-preview main.site-content input[type="email"],
body.typography-utility-preview main.site-content input[type="password"],
body.typography-utility-preview main.site-content input[type="tel"],
body.typography-utility-preview main.site-content select,
body.typography-utility-preview main.site-content textarea {
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
  color:#33383f !important;
}

body.typography-utility-preview main.site-content .btn,
body.typography-utility-preview main.site-content button,
body.typography-utility-preview main.site-content input[type="submit"] {
  font-size:14px !important;
  line-height:1.4 !important;
  font-weight:550 !important;
}

/* Breadcrumbs */
body.typography-utility-preview .breadcrumb,
body.typography-utility-preview .breadcrumb a,
body.typography-utility-preview .breadcrumb span,
body.typography-utility-preview .breadcrumbs,
body.typography-utility-preview .breadcrumbs a,
body.typography-utility-preview .breadcrumbs span {
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:12px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

/* Empty utility states: compare, favorite, basket, orders */
body.typography-utility-preview main.site-content .empty-section,
body.typography-utility-preview main.site-content .basket-empty,
body.typography-utility-preview main.site-content .bx-sbb-empty-cart-text,
body.typography-utility-preview main.site-content .bx-sbb-empty-cart-desc,
body.typography-utility-preview main.site-content .bx-sbb-empty-cart-image + div {
  font-family:"Inter 100System", Arial, sans-serif !important;
}

body.typography-utility-preview.preview-empty-polish main.site-content .empty-section,
body.typography-utility-preview.preview-empty-polish main.site-content > p:last-child {
  box-sizing:border-box;
  max-width:1370px;
  margin-top:18px !important;
  padding:18px 20px !important;
  background:#fff;
  border:1px solid #e6e8eb;
  border-radius:12px;
  box-shadow:0 2px 8px rgba(27,39,51,.055);
  color:#66717c !important;
}

/* Search result page */
body.typography-utility-preview.preview-search-v100 main.site-content .search-page__result {
  margin:0 0 18px !important;
  color:#7a848e !important;
  font-size:13px !important;
  line-height:1.4 !important;
  font-weight:400 !important;
}

body.typography-utility-preview.preview-search-v100 main.site-content .catalog-item,
body.typography-utility-preview.preview-search-v100 main.site-content .catalog-item * {
  font-family:"Inter 100System", Arial, sans-serif !important;
}

/* Auth / registration / password recovery */
body.typography-utility-preview.preview-auth-v100 main.site-content .site-form,
body.typography-utility-preview.preview-auth-v100 main.site-content .auth-form {
  max-width:620px;
  padding:22px 24px;
  background:#fff;
  border:1px solid #e6e8eb;
  border-radius:12px;
  box-shadow:0 2px 8px rgba(27,39,51,.065);
}

body.typography-utility-preview.preview-auth-v100 main.site-content .form-control {
  min-height:44px;
  border-radius:9px;
}

body.typography-utility-preview.preview-auth-v100 main.site-content .btn {
  min-height:42px;
  border-radius:999px;
}

/* Cart / checkout typography */
body.typography-utility-preview.preview-commerce-v100 main.site-content .basket-items-list,
body.typography-utility-preview.preview-commerce-v100 main.site-content .basket-checkout-container,
body.typography-utility-preview.preview-commerce-v100 main.site-content .bx-soa,
body.typography-utility-preview.preview-commerce-v100 main.site-content .bx-soa * {
  font-family:"Inter 100System", Arial, sans-serif !important;
}

body.typography-utility-preview.preview-commerce-v100 main.site-content .basket-items-list-header,
body.typography-utility-preview.preview-commerce-v100 main.site-content .basket-checkout-container,
body.typography-utility-preview.preview-commerce-v100 main.site-content .bx-soa-section {
  border-color:#e6e8eb !important;
}

/* Brands index */
body.typography-utility-preview.preview-brands-index-v100 main.site-content .brands-page,
body.typography-utility-preview.preview-brands-index-v100 main.site-content .brands-page *,
body.typography-utility-preview.preview-brands-index-v100 main.site-content .brands-list,
body.typography-utility-preview.preview-brands-index-v100 main.site-content .brands-list * {
  font-family:"Inter 100System", Arial, sans-serif !important;
}

body.typography-utility-preview.preview-brands-index-v100 main.site-content h1 {
  margin-bottom:18px !important;
}

/* Sale / promo page: typography only for now */
body.typography-utility-preview.preview-sale-v100 main.site-content .news-page,
body.typography-utility-preview.preview-sale-v100 main.site-content .news-page *,
body.typography-utility-preview.preview-sale-v100 main.site-content .news-list,
body.typography-utility-preview.preview-sale-v100 main.site-content .news-list * {
  font-family:"Inter 100System", Arial, sans-serif !important;
}

@media (max-width:767.98px) {
  body.typography-utility-preview main.site-content h1 {
    font-size:21px !important;
    line-height:1.22 !important;
    margin-bottom:17px !important;
  }
  body.typography-utility-preview main.site-content h2 {
    font-size:17px !important;
  }
  body.typography-utility-preview main.site-content p,
  body.typography-utility-preview main.site-content li,
  body.typography-utility-preview main.site-content label {
    font-size:13.5px !important;
  }
  body.typography-utility-preview.preview-auth-v100 main.site-content .site-form,
  body.typography-utility-preview.preview-auth-v100 main.site-content .auth-form {
    padding:18px;
  }
}


/* v100c — polished empty states for compare / favorites / cart. */
body.typography-utility-preview.preview-empty-polish main.site-content .preview-empty-state {
  display:block;
  box-sizing:border-box;
  max-width:720px;
  margin:18px 0 0 !important;
  padding:18px 20px !important;
  background:#fff !important;
  border:1px solid #e6e8eb !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(27,39,51,.055) !important;
  color:#66717c !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

body.typography-utility-preview.preview-commerce-v100 main.site-content .bx-sbb-empty-cart-container {
  box-sizing:border-box;
  max-width:620px;
  margin:36px auto 0 !important;
  padding:24px 26px !important;
  background:#fff !important;
  border:1px solid #e6e8eb !important;
  border-radius:12px !important;
  box-shadow:0 2px 8px rgba(27,39,51,.06) !important;
  text-align:center;
}

body.typography-utility-preview.preview-commerce-v100 main.site-content .bx-sbb-empty-cart-text.preview-empty-state {
  max-width:none;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  color:#33383f !important;
  font-size:16px !important;
  line-height:1.35 !important;
  font-weight:550 !important;
}

body.typography-utility-preview.preview-commerce-v100 main.site-content .bx-sbb-empty-cart-desc {
  margin-top:7px !important;
  color:#66717c !important;
  font-family:"Inter 100System", Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
}

body.typography-utility-preview.preview-commerce-v100 main.site-content .bx-sbb-empty-cart-desc a {
  color:#f5791f !important;
  text-decoration:none !important;
  font-weight:500 !important;
}

@media (max-width:767.98px) {
  body.typography-utility-preview.preview-empty-polish main.site-content .preview-empty-state {
    max-width:none;
    padding:16px 17px !important;
    font-size:13.5px !important;
  }
  body.typography-utility-preview.preview-commerce-v100 main.site-content .bx-sbb-empty-cart-container {
    margin-top:24px !important;
    padding:20px 18px !important;
  }
  body.typography-utility-preview.preview-commerce-v100 main.site-content .bx-sbb-empty-cart-text.preview-empty-state {
    font-size:15px !important;
  }
  body.typography-utility-preview.preview-commerce-v100 main.site-content .bx-sbb-empty-cart-desc {
    font-size:13.5px !important;
  }
}