.product-cover {
  position: relative;
  padding: 1px 0;
  margin-bottom: var(--section-margin);
}
@media (min-width: 1000px) {
  .product-cover {
    padding: var(--container-padding) 0 1px;
  }
}
.product-cover::before, .product-cover::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: var(--primary-hex);
  margin-bottom: 180px;
}
@media (min-width: 1000px) {
  .product-cover::before, .product-cover::after {
    margin-bottom: 100px;
  }
}
.product-cover::after {
  background-image: url("../../Images/tile.svg");
  background-size: 600px;
  opacity: 0.05;
}
.product-cover .container {
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  margin: 0 auto;
  padding: 0 var(--container-padding);
  width: var(--container-width);
  padding-bottom: 1px;
}
@media (min-width: 1000px) {
  .product-cover .container {
    display: flex;
    align-items: center;
  }
}
.product-cover .container .image-box {
  position: relative;
  order: -1;
  flex: 1 1 100%;
  max-width: calc(600px + 4em);
  display: flex;
  flex-wrap: wrap;
  gap: 2em;
  z-index: 1;
  padding: 2em;
  background-color: var(--white-hex);
  box-shadow: var(--shadow);
  border-radius: var(--border-radius);
}
@media (max-width: 999px) {
  .product-cover .container .image-box {
    margin: 40px 0 80px;
  }
}
@media (max-width: 567px) {
  .product-cover .container .image-box {
    padding: 1em;
    gap: 1em;
  }
}
.product-cover .container .text-box {
  flex: 1 1 100%;
  color: var(--white-hex);
}
@media (min-width: 1000px) {
  .product-cover .container .text-box {
    padding: 2em 0 calc(100px + 2em) var(--container-padding);
  }
  .product-cover .container .text-box h1 {
    margin-top: 0;
  }
}
.product-cover .container .text-box .subline {
  font-size: var(--font-size-xl);
  display: block;
  margin-top: 0.2em;
  font-weight: 600;
}
.product-cover .container img {
  max-width: 100%;
  height: auto;
  display: block;
  border-radius: var(--border-radius-medium);
  overflow: hidden;
}
.product-cover .categories {
  --badge-size: 3em;
  position: absolute;
  align-items: center;
  bottom: 0;
  color: var(--text-hex);
  z-index: 1;
}
@media (max-width: 767px) {
  .product-cover .categories {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    justify-content: center;
    left: 0;
  }
}

.product-detail-view h2 {
  font-size: var(--font-size-lg);
}
.product-detail-view .sidebar {
  position: relative;
  top: 0;
}

.product-variants .type-option {
  border-top: 2px solid var(--lightgrey-hex);
  padding: 1.5em 0;
}
.product-variants form {
  width: 100%;
}
@media (min-width: 768px) {
  .product-variants form {
    display: flex;
  }
  .product-variants form .item-text, .product-variants form .item-options {
    max-width: 50%;
    flex: 1 1 100%;
  }
}
.product-variants .row {
  flex-wrap: nowrap;
}
@media (max-width: 767px) {
  .product-variants .row {
    margin-top: 1.5em;
  }
}
.product-variants .to-cart {
  flex: unset;
}
@media (max-width: 367px) {
  .product-variants .to-cart {
    margin-left: -15px;
  }
}
.product-variants .to-cart-button {
  background-color: var(--primary-hex);
  color: var(--white-hex);
  white-space: nowrap;
  margin: 0;
  height: var(--input-height);
}
.product-variants .to-cart-button::after {
  --icon: var(--icon-cart);
  --icon-size: 22px;
  position: relative;
  top: -1px;
}
@media (max-width: 567px) {
  .product-variants .to-cart-button {
    font-size: 0;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (hover: hover) {
  .product-variants .to-cart-button:hover {
    background-color: var(--secondary-hex);
  }
}
.product-variants h3 {
  font-size: var(--font-size-copy);
  margin-bottom: 0.4em;
  margin-top: 0.15em;
}
.product-variants .item-text {
  font-size: var(--font-size-xs);
}
.product-variants .item-text p {
  margin: 0.5em 0;
}
.product-variants .price-wrapper {
  flex: 1 1 100%;
  margin-right: auto;
}
.product-variants .price {
  font-size: var(--font-size-sm);
  display: block;
  white-space: nowrap;
}
.product-variants .price-note {
  font-size: var(--font-size-xs);
  display: block;
  line-height: 1.5;
}
.product-variants .amount {
  flex: 1 1 100%;
  max-width: 170px;
  min-width: 170px;
}
@media (max-width: 350px) {
  .product-variants .amount {
    min-width: 150px;
  }
}

.product-detail-view .documents h3, .product-detail-view .documents .list-toggle {
  font-size: var(--font-size-copy);
  margin-bottom: 0;
  margin-top: 1.2em;
  background-color: transparent;
  padding: 0;
  width: 100%;
  font-weight: 700;
  text-align: start;
  display: block;
}
.product-detail-view .documents .list-toggle {
  position: relative;
}
.product-detail-view .documents .list-toggle::after {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  background-color: var(--icon-color, var(--dark-teal));
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask: var(--icon) no-repeat center;
  mask: var(--icon) no-repeat center;
  --icon: var(--icon-chevron-down);
  --icon-size: 18px;
  position: absolute;
  right: 0.65em;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.product-detail-view .documents .form-label {
  position: absolute;
  left: -1000vw;
}
.product-detail-view .documents .form-group {
  position: relative;
  padding: 0.5em 0;
}
.product-detail-view .documents .form-group::after {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  background-color: var(--icon-color, var(--dark-teal));
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask: var(--icon) no-repeat center;
  mask: var(--icon) no-repeat center;
  --icon: var(--icon-search);
  --icon-size: 18px;
  position: absolute;
  right: 0.65em;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.7;
  pointer-events: none;
}
.product-detail-view .documents .form-control {
  font-size: var(--font-size-xs);
  height: 44px;
  font-weight: 500;
}
.product-detail-view .documents ul {
  list-style: none;
  padding: 0 2px;
  margin: 0.4em -2px;
  font-size: var(--font-size-xs);
  font-weight: 500;
  border-bottom: 2px solid var(--lightgrey-hex);
  overflow: hidden;
}
.product-detail-view .documents li {
  padding: 0.2em 0;
  margin: 0;
  border-top: 2px solid var(--lightgrey-hex);
  display: flex;
}
.product-detail-view .documents li::before {
  display: none;
}
.product-detail-view .documents a {
  display: flex;
  align-items: center;
  padding: 0.2em;
  margin: 0 -0.2em;
}
.product-detail-view .documents [data-type=pdf]::before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  background-color: var(--icon-color, var(--dark-teal));
  width: var(--icon-size, 1em);
  height: var(--icon-size, 1em);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask: var(--icon) no-repeat center;
  mask: var(--icon) no-repeat center;
  --icon: var(--icon-pdf);
  --icon-size: 18px;
  margin-right: 0.4em;
}
.product-detail-view .documents .searchable li {
  display: none;
}
.product-detail-view .documents .expandable ul {
  max-height: var(--height, 0);
  transition: 0.2s ease;
  overflow: hidden;
}

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