@charset "UTF-8";
/**
 * Layout of the server-rendered product page.
 *
 * Deliberately thin: the page reuses the shop's card, badge, price and button styling by keeping
 * the same class names, so the two shops' charters apply through their own scss/<shop>/shop.css.
 * Only what the page introduces — breadcrumb, gallery, specs table — lives here.
 */
.product-page {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 60px;
}
.product-page .breadcrumb-product a {
  color: inherit;
  text-decoration: none;
}
.product-page .breadcrumb-product a:hover {
  text-decoration: underline;
}
.product-page .breadcrumb-product .breadcrumb-trail {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.product-page .breadcrumb-product .breadcrumb-trail li + li::before {
  content: "\203A";
  margin: 0 0.5rem;
}
.product-page .breadcrumb-product .breadcrumb-current {
  margin: 0;
  font-weight: 600;
}
.product-page h1 {
  line-height: 1.2;
}
.product-page .product-gallery img {
  width: 100%;
  height: auto;
}
.product-page .product-gallery .product-gallery-thumbs .item {
  border: 1px solid transparent;
}
.product-page .product-gallery .product-gallery-thumbs .item.active, .product-page .product-gallery .product-gallery-thumbs .item:hover {
  border-color: rgba(0, 0, 0, 0.25);
}
.product-page .product-specs table {
  max-width: 640px;
}
.product-page .product-specs table th {
  font-weight: 600;
}
.product-page .product-description {
  max-width: 900px;
}
.product-page {
  /* The pre-order panel is opened by product-page.js, exactly as in the modal. */
}
.product-page .container-explications {
  display: none;
}
.product-page {
  /* The related products reuse the shop list markup, whose .result reserves 305 px for the
     filters sidebar. There is no sidebar here, so the grid takes the full width. */
}
.product-page .product-related .container-filters-result .result {
  width: 100%;
}

@media (max-width: 991.98px) {
  .product-page h1 {
    font-size: 1.4rem !important;
  }
  .product-page .product-gallery {
    padding: 0 !important;
  }
}

/*# sourceMappingURL=product-page.css.map */