/* Catalog product titles: 2-line wrap, slightly smaller font */
.products-grid .product-item-info .product-item-details .product-item-name,
.products-list .product-item-info .product-item-details .product-item-name,
.product-item-name.product.name,
h2.product-item-name {
  white-space: normal !important;
  overflow: hidden !important;
  text-overflow: unset !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  max-height: 2.8em;
  font-size: 1.2rem !important;
  line-height: 1.35;
  margin-bottom: 6px;
}

.products-grid .product-item-info .product-item-details .product-item-name a,
.products-list .product-item-info .product-item-details .product-item-name a,
h2.product-item-name a {
  font-size: inherit;
  line-height: inherit;
  padding: 0 !important;
  display: inline;
}

/* Page header — anthracite (dark gray) */
.page-header {
  background-color: #2f3337 !important;
  border-bottom-color: #2f3337 !important;
}

.page-header .header-top,
.page-header .header-middle,
.page-header .header-container,
.page-header .header-style-2 {
  background-color: #2f3337 !important;
}

.page-header .header-top a,
.page-header .header-top .fmk-header-link,
.page-header .header-top .customer-links a,
.page-header .header-top .greet.welcome,
.page-header .header-top .greet.welcome span {
  color: #e8e8e8 !important;
  font-weight: 600;
  font-size: 80%;
  text-transform: uppercase;
}

.page-header .header-top a:hover,
.page-header .header-top .fmk-header-link:hover {
  color: #ffffff !important;
}

.page-header .panel.header,
.page-header .header.content {
  background-color: transparent;
}

/* Storefront logo size */
.page-header .logo-container {
  max-width: 180px;
}

.page-header .right-container {
  width: calc(100% - 180px);
  padding-left: 20px;
}

.page-header .logo-content .logo,
.page-header .logo-flexitem,
.page-header .logo-flexitem a {
  display: inline-block;
  max-width: 160px;
  line-height: 0;
}

.page-header .logo-flexitem img,
.page-header .logo img,
.page-header .logo-content .logo img {
  display: block;
  max-height: 56px !important;
  max-width: 160px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

.page-header .logo-content strong {
  display: none; /* text mark is inside the logo image */
}

.header-bottom.ontop-element {
  background-color: #2f3337 !important;
}