/*!***************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/styles/product-page.scss ***!
  \***************************************************************************************************************************************************/
body {
  background: var(--color-background-layout-main-nqw91u, #ffffff);
  position: relative;
}

.custom-main-header {
  display: block;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  margin: 0;
  background-color: #0f1b2a;
  font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
  border-bottom: solid 1px #414d5c;
}

ul.menu-list {
  display: flex;
  align-items: center;
  height: 39px;
  margin: 0;
  padding: 0 40px;
  list-style: none;
  font-size: 14px;
}
ul.menu-list > li {
  padding: 0;
  margin: 0;
  margin-right: 8px;
}
ul.menu-list > li > a {
  padding: 0 6px;
}
ul.menu-list > li a,
ul.menu-list > li div,
ul.menu-list > li button,
ul.menu-list > li input,
ul.menu-list > li label {
  float: left;
  color: var(--color-text-interactive-default-tkx8fe, #424650);
  line-height: 16px;
}
ul.menu-list > li #visual-refresh-toggle {
  margin-right: 5px;
  margin-top: 1px;
}
ul.menu-list > li a,
ul.menu-list > li a:hover {
  cursor: pointer;
  text-decoration: none;
}
ul.menu-list > li.title {
  font-weight: bold;
}
@media only screen and (max-width: 493px) {
  ul.menu-list {
    padding: 4px 20px;
    flex-wrap: wrap;
    height: fit-content;
  }
  ul.menu-list .title {
    flex: 1 1 100%;
    margin-bottom: 8px;
  }
  ul.menu-list li {
    width: min-content;
  }
  ul.menu-list li button,
  ul.menu-list li a {
    text-align: left;
  }
  ul.menu-list li a {
    padding: 0;
  }
}

body {
  background: var(--color-background-layout-main-nqw91u, #ffffff);
}

.product-page-content-grid {
  display: grid;
  grid-template-columns: 3fr 1fr;
  grid-template-rows: 0 auto 0;
  margin-block-start: var(--space-static-xxl-02zgl2, 32px);
}

.on-this-page--mobile {
  grid-row: 1;
  grid-column: 1/3;
  display: none;
  margin-block-end: var(--space-static-xxl-02zgl2, 32px);
}

.product-page-aside {
  grid-row: 2;
  grid-column: 2/3;
  padding-inline-start: calc(var(--space-scaled-xxxl-fdg8ai, 40px) /2);
}

.product-page-content {
  grid-row: 2;
  grid-column: 1/2;
  padding-inline-end: calc(var(--space-scaled-xxxl-fdg8ai, 40px) /2);
}

.product-page-mobile {
  grid-row: 3;
  grid-column: 1/3;
  display: none;
}

.product-page-aside-sticky {
  position: sticky;
  inset-block-start: 40px;
}

@media only screen and (max-width: 912px) {
  .product-page-content-grid {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto;
  }
  .on-this-page--mobile {
    display: block;
  }
  .product-page-mobile {
    display: block;
  }
  .product-page-aside {
    display: none;
  }
}
/* Simple separator */
hr {
  inline-size: 100%;
  block-size: 0;
  border: none;
  border-block-start: 1px solid var(--color-border-divider-default-cx07f2, #c6c6cd);
}

/* High-level sections of the main content area */
.page-section {
  padding-block-end: var(--space-static-xxxl-qj5g91, 40px);
  margin-block-end: var(--space-static-xxl-02zgl2, 32px);
  border-bottom: 1px solid var(--color-border-divider-default-cx07f2, #c6c6cd);
}
.page-section:last-child {
  border: none;
  margin-block-end: 0;
}

/* Product details list containing keys and values */
.product-details {
  display: grid;
  grid-template-columns: 60% 40%;
  margin: 0;
  padding: 0;
}
.product-details dt {
  color: var(--color-text-body-secondary-cwla8d, #424650);
}
.product-details dt,
.product-details dd {
  margin: 0;
  padding: 0;
  padding-block: var(--space-scaled-xs-26e2du, 8px);
  border-block-end: 1px solid var(--color-border-divider-default-cx07f2, #c6c6cd);
}

/* List of product cards */
.product-cards-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--space-scaled-l-0hpmd7, 20px);
  row-gap: var(--space-scaled-l-0hpmd7, 20px);
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.product-cards-list-item {
  flex: 1;
  flex-basis: 250px;
  max-inline-size: 312px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

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