:root {
  --product-teaser-info-height: auto;
  --product-teaser-info-spacing: 0;
  --product-teaser-image-opacity: 1;
  --product-teaser-transition: 0.2s ease;
}

.product-image {
  margin-bottom: 2px;
}
.product-image img {
  width: 100%;
  transition: opacity var(--product-teaser-transition);
}
.product-hover {
  background: rgba(17, 17, 17, .28);
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--product-teaser-transition);
  z-index: 3;
}
.product-info {
  min-height: 4.25rem;
  height: auto;
  padding: .86rem 1rem .72rem;
  border-bottom: 1px solid var(--bootiq-rule-color, rgba(23, 23, 23, .16));
  transition: background-color var(--product-teaser-transition), color var(--product-teaser-transition), border-color var(--product-teaser-transition);
}
.product-title {
  line-height: 1.2;
  transition: all 0.2s ease;
  padding-right: 0;
}
.product-title a {
  color: var(--beo-body-color);
}
.product:hover .product-image img {
  opacity: var(--product-teaser-image-opacity);
}
.product:hover .product-info,
.product:focus-within .product-info {
  padding-inline: 1rem;
  background-color: rgba(17, 17, 17, .82);
  color: #fff;
  border-bottom-color: rgba(17, 17, 17, .82);
}
.product:hover .product-title,
.product:focus-within .product-title {
  padding-right: 0;
  color: #fff;
}
.product:hover .product-title a,
.product:focus-within .product-title a {
  color: #fff;
}
.product:hover .product-info .field--name-price,
.product:focus-within .product-info .field--name-price {
  color: #fff;
}
.product:hover .product-hover,
.product:focus-within .product-hover {
  opacity: 1;
}

.text-white .product {
  --beo-primary: #fff;
  --beo-white: var(--beo-dark);
  --beo-body-color: #fff;
}

/*# sourceMappingURL=bootiq.css.map */
/* Bootiq typography: product teasers share one storefront style everywhere. */
.product-title,
.product-title.fw-bold,
.product-title a,
.product-title .field--name-title,
.product-title .field--name-title a {
  font-family: var(--bootiq-font-main, Raleway, Helvetica, Arial, sans-serif) !important;
  font-size: clamp(1rem, 1.15vw, 1.18rem) !important;
  font-weight: var(--bootiq-title-weight, 500) !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
}

.product-info .field--name-price {
  font-family: var(--bootiq-font-main, Raleway, Helvetica, Arial, sans-serif) !important;
  font-size: clamp(.98rem, 1.05vw, 1.12rem) !important;
  font-weight: var(--bootiq-strong-weight, 700) !important;
}

/* Product teaser premium stacked meta. */
.product-info {
  align-items: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  gap: .26rem !important;
  justify-content: flex-start !important;
  min-height: 4.55rem !important;
  padding: .66rem .9rem .62rem !important;
}

.product-title {
  flex: 0 0 auto !important;
  min-width: 0 !important;
  padding-right: 0 !important;
  width: 100% !important;
}

.product-title a,
.product-title .field--name-title,
.product-title .field--name-title a {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 2.05em;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.product-info .field--name-price,
.product-info .product--variation-field--variation_price__33,
.product-info [class*="product--variation-field--variation_price"] {
  align-self: flex-start !important;
  flex: 0 0 auto !important;
  line-height: 1.1 !important;
  margin-left: 0 !important;
  white-space: nowrap !important;
}

.product:hover .product-info,
.product:focus-within .product-info {
  padding: .66rem .9rem .62rem !important;
}


/* Product teaser premium price-first meta. */
.product-info {
  gap: .26rem !important;
  justify-content: flex-start !important;
}

.product-info .field--name-price,
.product-info .product--variation-field--variation_price__33,
.product-info [class*="product--variation-field--variation_price"] {
  align-self: flex-start !important;
  order: 1 !important;
}

.product-title {
  order: 2 !important;
}

/* Bootiq product cards: refined compact title weight. */
.product-title,
.product-title.fw-bold,
.product-title a,
.product-title .field--name-title,
.product-title .field--name-title a {
  font-size: clamp(.94rem, .92vw, 1.04rem) !important;
  font-weight: 600 !important;
  line-height: 1.14 !important;
}

.product-info .field--name-price,
.product-info [class*="product--variation-field--variation_price"] {
  font-size: clamp(.92rem, .88vw, 1rem) !important;
  line-height: 1.08 !important;
}

/* Bootiq frontpage product grid: match catalog product card typography. */
.bp-layout-stage .bootiga-product-grid-block .product-title,
.bp-layout-stage .bootiga-product-grid-block .product-title.fw-bold,
.bp-layout-stage .bootiga-product-grid-block .product-title a,
.bp-layout-stage .bootiga-product-grid-block .field--name-title,
.bp-layout-stage .bootiga-product-grid-block .field--name-title a,
.node-type--cklb-landing-page .bootiga-product-grid-block .product-title,
.node-type--cklb-landing-page .bootiga-product-grid-block .product-title.fw-bold,
.node-type--cklb-landing-page .bootiga-product-grid-block .product-title a,
.node-type--cklb-landing-page .bootiga-product-grid-block .field--name-title,
.node-type--cklb-landing-page .bootiga-product-grid-block .field--name-title a {
  font-size: clamp(.94rem, .92vw, 1.04rem) !important;
  font-weight: 600 !important;
  line-height: 1.14 !important;
}

.bp-layout-stage .bootiga-product-grid-block .field--name-price,
.bp-layout-stage .bootiga-product-grid-block [class*="product--variation-field--variation_price"],
.node-type--cklb-landing-page .bootiga-product-grid-block .field--name-price,
.node-type--cklb-landing-page .bootiga-product-grid-block [class*="product--variation-field--variation_price"] {
  font-size: clamp(.92rem, .88vw, 1rem) !important;
  line-height: 1.08 !important;
}