/* Catalog pages: what shop-legacy.css (the old shop's styles, generated) needs on this site.
   - site.css rules that reach into .legacy-shop are reset to what the old shop had,
   - the old theme's url() assets (marker, icons, form controls) point to /assets/legacy-icons/,
   - small additions for markup the old shop did not have (details accordion, energy class).
   Listing and filter bar adjustments are in shop-catalog.css. */

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
}

.legacy-shop [hidden] {
  display: none !important;
}

.section-catalog {
  padding: 0;
}

.section-catalog.bg-grey {
  background: var(--primitive-deep-gray-300);
}

/* The old shop's page width: up to 1920px (--max-website-width); the old sections and breadcrumb
   bring their own side padding (24px, 40px from 992px), not this site's 1440px container. */
.section-catalog > .container {
  max-width: 1920px;
  padding-left: 0;
  padding-right: 0;
  margin-left: auto;
  margin-right: auto;
}

/* ---------------------------------------------------- site.css resets */

/* site.css styles .btn, .card and .card-body for the new design; zero specificity, so every old
   rule (scoped, at least two classes) still wins. */
.legacy-shop :where(.btn) {
  display: inline-block;
  min-height: 0;
  letter-spacing: normal;
  transition: none;
}

.legacy-shop :where(.card) {
  display: flex;
  width: auto;
  overflow: visible;
  text-decoration: none;
}

.legacy-shop :where(.card-body) {
  display: block;
  gap: normal;
}

.legacy-shop ul {
  list-style-image: none;
}

.legacy-shop :where(h1, h2, h3) {
  font-weight: inherit;
}

/* ------------------------------------------------- old theme url() assets */

.legacy-shop .enthus-marker-effect {
  background-image: url('/assets/legacy-icons/marker.svg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.legacy-shop .form-check-input:checked[type='checkbox'] {
  background-image: url('/assets/legacy-icons/check.svg');
  background-size: 100% 100%;
}

.legacy-shop .form-select {
  background-image: url('/assets/legacy-icons/chevron-down.svg');
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
}

.legacy-shop .enthus-icon img {
  display: block;
}

/* ------------------------------------------------------------ breadcrumb */

.legacy-shop .enthus-breadcrumb ul {
  list-style: none;
}

/* The old bar had a fixed 25px height, so on narrow screens the wrapped second line slid under the
   sidebar box; here the bar grows with the trail. */
.legacy-shop .enthus-breadcrumb-wrapper .enthus-breadcrumb {
  height: auto;
  min-height: 25px;
}

.legacy-shop .enthus-breadcrumb .enthus-icon {
  display: inline-flex;
  align-items: center;
  height: 23px;
}

.legacy-shop .enthus-breadcrumb li.is-active a {
  font-weight: 700;
}

/* -------------------------------------------------------- product page */

/* The detail page's action badge (theme rules the extracted CSS lacks: no reference page had one). */
.legacy-shop.is-ctl-product .product-detail-buy .badge {
  height: 35px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 2px;
  padding: 2px 15px 0;
  line-height: 32px;
  margin-left: calc(var(--distance-4xl) * -1);
  margin-bottom: calc(var(--distance-4xl) - 10px);
}

.legacy-shop.is-ctl-product .product-detail-buy .badge.bg-success {
  background-color: #61ffa0;
  color: #000f40;
}

/* The old gallery set min-height: 430px inline; the CSP allows no inline styles. */
.legacy-shop.is-ctl-product .gallery-slider-single-image {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 430px;
}

.legacy-shop .product-detail-buy .btn-buy .enthus-icon {
  margin: 0 0 0 8px;
}

.legacy-shop .buy-widget-container {
  align-items: stretch;
}

.legacy-shop .product-detail-quantity-input {
  height: 100%;
  min-height: 58px;
  padding: 0 12px;
  font-size: 16px;
  color: var(--color-text-primary);
  border: 2px solid #d9dbe2;
  border-radius: 0;
}

.legacy-shop .buy-widget-container .btn-buy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 58px;
}

.legacy-shop .product-detail-buy .shop-buy-status {
  margin: 8px 0 0;
  min-height: 1.5em;
  font-size: 14px;
}

/* Thumbnails as a strip (zoom view); the product page shows them in a column, see below. */
.legacy-shop .gallery-slider-thumbnails {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.legacy-shop .gallery-slider-thumbnails-item-inner {
  display: block;
  width: 80px;
  height: 80px;
  padding: 4px;
  background: #fff;
  border: 2px solid #f2f3f5;
  cursor: pointer;
}

.legacy-shop .gallery-slider-thumbnails-item.is-nav-active .gallery-slider-thumbnails-item-inner {
  border-color: var(--color-text-primary);
}

.legacy-shop .gallery-slider-thumbnails-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* The old accordion was Bootstrap collapse; <details> needs its marker hidden and the arrow turned. */
.legacy-shop .product-detail-description-title {
  display: block;
  list-style: none;
  cursor: pointer;
}

.legacy-shop .product-detail-description-title::-webkit-details-marker {
  display: none;
}

/* The old head was a link and took the theme's link colour. */
.legacy-shop.legacy-shop .product-detail-description .sw-cms-el-enthus-element-accordion__slide-head {
  color: var(--color-text-primary);
}

/* Old: .collapsed turned the arrow 90deg on both the icon span and its inline svg (180deg in
   total); the icon here is one element, so it turns 180deg itself. */
.legacy-shop.legacy-shop details:not([open]) .sw-cms-el-enthus-element-accordion__slide-head .enthus-icon-arrow-top {
  transform: rotate(180deg);
}

.legacy-shop .mcl-single-product-table th {
  font-weight: 400;
  text-align: left;
}

.legacy-shop .shop-spec-sector {
  margin: 24px 0 8px;
  font-size: 18px;
  font-weight: 700;
}

/* ------------------------------------------- EU energy class (legal requirement) */

/* The class as an arrow in the scale's colour, A dark green to G red. */
.shop-energy-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 8px;
  min-width: 0;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 20px;
}

.shop-energy {
  display: inline-block;
  min-width: 38px;
  padding: 2px 14px 2px 6px;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
  font-weight: 700;
  color: #fff;
}

/* Tiles: at the price box's top right, left of the compare button (42px wide, 46px from the right edge)
   and the heart. It is placed in .product-info, which the old heart is positioned in too (the price box
   starts 20px below its top). */
.legacy-shop .product-box .product-price-info .shop-energy-row {
  position: absolute;
  top: 29px;
  right: 94px;
  margin: 0;
}

.legacy-shop a.shop-energy {
  color: #fff;
  text-decoration: none;
}

.legacy-shop a.shop-energy-c,
.legacy-shop a.shop-energy-d,
.legacy-shop a.shop-energy-e {
  color: #000f40;
}

.shop-energy-a { background: #00963f; }
.shop-energy-b { background: #50b848; }
.shop-energy-c { background: #bfd730; color: #000f40; }
.shop-energy-d { background: #fff200; color: #000f40; }
.shop-energy-e { background: #fdb913; color: #000f40; }
.shop-energy-f { background: #f37021; }
.shop-energy-g { background: #ed1c24; }

/* ------------------------------------------------- no-script search form */

.shop-search {
  display: flex;
  gap: 8px;
  max-width: 720px;
  margin: 0 0 24px;
}

.shop-search input {
  flex: 1;
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid var(--semantic-hairline);
  font: inherit;
}

/* ------------------------------------------------ product page: buy box */

.legacy-shop.is-ctl-product .product-detail-buy .shop-energy-row {
  margin: 0 0 8px;
}

.legacy-shop.is-ctl-product .product-detail-marketing {
  font-size: 20px;
  line-height: 28px;
  display: flex;
  flex-wrap: wrap;
}

.legacy-shop.is-ctl-product .product-detail-marketing p {
  margin: 0;
}

.legacy-shop.is-ctl-product .product-detail-marketing .product-detail-marketing-usp ul {
  margin: 0;
  padding-left: 0;
  list-style: none;
}

.legacy-shop.is-ctl-product .product-detail-marketing .product-detail-marketing-usp-padding {
  padding-top: 20px;
}

.legacy-shop.is-ctl-product .product-detail-marketing li::before {
  content: '>';
  padding-right: 10px;
}

.legacy-shop .enthus-product-wishlist {
  border: 0;
  background: none;
  padding: 0;
  text-align: left;
  cursor: pointer;
  color: #000f40;
}

.legacy-shop .enthus-product-wishlist .product-wishlist-btn-content {
  display: inline-flex;
  align-items: center;
  font-size: 18px;
}

.legacy-shop .enthus-product-wishlist .product-wishlist-btn-content[hidden],
.legacy-shop .product-comparison-button [hidden] {
  display: none;
}

.legacy-shop .enthus-product-wishlist svg {
  min-width: 30px;
  width: 30px;
  height: 24px;
}

.legacy-shop .enthus-product-wishlist .product-wishlist-btn-content-text {
  margin-left: 10px;
}

.legacy-shop .product-detail-buy .d-grid {
  margin: 8px 0 16px;
}

/* The old buy row (ENTHUSTheme _product-detail.scss): the quantity select at its 100px minimum, 8px,
   then the button at its own width. */
.legacy-shop .product-detail-buy .buy-widget-container {
  display: flex;
}

.legacy-shop .product-detail-buy .product-detail-quantity-select {
  flex: none;
  width: auto;
  min-width: 100px;
  margin-right: 8px;
  padding: 0 20px;
  font-size: 17px;
  font-weight: 700;
  color: var(--color-text-primary);
  background: white url('/assets/legacy-icons/arrow-down.svg') no-repeat right 15px center / 24px;
  border: 2px solid var(--color-border-secondary);
  border-radius: 0;
  outline: none;
  appearance: none;
}

/* button.btn-buy outranks the old ".buy-widget button { width: 100% }" in shop-legacy.css. */
.legacy-shop .product-detail-buy .buy-widget-container button.btn-buy {
  flex: none;
  width: auto;
  padding: 0 var(--distance-xl);
}

/* Above the manufacturer logo block, which the old CSS pulls 80px up over the buy box. */
.legacy-shop .shop-cross-selling-link {
  position: relative;
  z-index: 1;
  display: inline-block;
  margin-top: 16px;
}

/* ---------------------------------------------- product page: cross-selling */

/* The old tab row: tabs flush against each other, each 5px 32px 5px 0 with a 2px navy underline
   (yellow when active), regular weight, the arrow icon hidden. */
.legacy-shop .product-cross-selling-tab-navigation .nav-tabs {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.legacy-shop .product-cross-selling-tab-navigation .nav-link {
  display: inline-flex;
  align-items: center;
  padding: 5px 32px 5px 0;
  color: #000f40;
  text-decoration: none;
  border-bottom: 2px solid #000f40;
}

.legacy-shop .product-cross-selling-tab-navigation .nav-link.active {
  border-bottom-color: #dbff00;
}

.legacy-shop .product-cross-selling-tab-navigation .product-detail-tab-navigation-icon {
  display: none;
}

.legacy-shop .product-detail-cross-selling .card-body,
.legacy-shop .product-detail-cross-selling .tab-content,
.legacy-shop .product-detail-cross-selling .tab-pane {
  min-width: 0;
}

.legacy-shop .product-slider {
  position: relative;
  min-width: 0;
}

.legacy-shop .product-slider-container {
  display: flex;
  gap: 30px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  padding-bottom: 8px;
}

.legacy-shop .product-slider-item {
  flex: 0 0 min(320px, 85%);
  scroll-snap-align: start;
  display: flex;
}

.legacy-shop .product-slider-item .product-box {
  width: 100%;
}

.legacy-shop .product-slider-controls {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 8px;
}

.legacy-shop.legacy-shop .product-slider-controls button {
  position: static;
  transform: none;
  width: 40px;
  height: 40px;
  border: 1px solid #000f40;
  border-radius: 50%;
  background: #fff;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.legacy-shop .product-box .enthus-product-wishlist,
.legacy-shop .product-box .product-comparison-button {
  border: 0;
  background: none;
  padding: 4px;
  cursor: pointer;
}

.legacy-shop .product-box .enthus-product-wishlist svg {
  width: 24px;
  height: 24px;
}

/* The old compare icon is drawn at 30px. */
.legacy-shop .product-box .product-comparison-button img {
  width: 30px;
  height: 30px;
}

/* ------------------------------------------------ product page: gallery
   The old gallery's rules (Shopware gallery slider, ENTHUSExternalProductImages, theme), scoped.
   Below: what replaces tiny-slider (a scroll-snap track) and the zoom modal (a <dialog>). */

.legacy-shop .base-slider .base-slider-dots {position:absolute;bottom:0;left:50%;transform:translateX(-50%);margin:10px 0}
.legacy-shop .base-slider .tns-nav .base-slider-dot, .legacy-shop .base-slider .base-slider-dots .base-slider-dot, .legacy-shop .base-slider .base-slider-dots button {background-color:#bcc1c7;border:0;height:8px;width:8px;padding:8px;border-radius:50%;margin:0 8px}
.legacy-shop .base-slider .tns-nav .base-slider-dot:hover, .legacy-shop .base-slider .tns-nav .base-slider-dot.tns-nav-active, .legacy-shop .base-slider .base-slider-dots .base-slider-dot:hover, .legacy-shop .base-slider .base-slider-dots .base-slider-dot.tns-nav-active, .legacy-shop .base-slider .base-slider-dots button:hover, .legacy-shop .base-slider .base-slider-dots button.tns-nav-active {background-color:#000F40}
.legacy-shop .base-slider .tns-nav .base-slider-dot.tns-nav-active, .legacy-shop .base-slider .base-slider-dots .base-slider-dot.tns-nav-active, .legacy-shop .base-slider .base-slider-dots button.tns-nav-active {box-shadow:0 0 0 0.125rem #ffffff, 0 0 0 0.2rem rgba(0, 15, 64, 0.6)}
.legacy-shop .base-slider .tns-nav .base-slider-dot:focus, .legacy-shop .base-slider .base-slider-dots .base-slider-dot:focus, .legacy-shop .base-slider .base-slider-dots button:focus {outline:none}
.legacy-shop .base-slider.has-dots-outside .base-slider-dots {bottom:auto}
.legacy-shop .base-slider-controls {margin-bottom:0}
.legacy-shop .base-slider-controls-prev, .legacy-shop .base-slider-controls-next {display:block;width:30px;height:65px;text-align:center;position:absolute;top:50%;transform:translateY(-50%);line-height:68px;transition:opacity 0.15s ease;cursor:pointer;padding:0;color:#798490;background:rgba(255, 255, 255, 0.5);border:1px solid rgba(255, 255, 255, 0.5);opacity:0.5}
.legacy-shop .base-slider-controls-prev:hover, .legacy-shop .base-slider-controls-next:hover {border-color:rgba(0, 15, 64, 0.5);color:#000F40;opacity:1}
.legacy-shop .base-slider-controls-prev.is-nav-prev-outside, .legacy-shop .base-slider-controls-prev.is-nav-next-outside, .legacy-shop .base-slider-controls-next.is-nav-prev-outside, .legacy-shop .base-slider-controls-next.is-nav-next-outside {border:0;background-color:rgba(255, 255, 255, 0.8)}
.legacy-shop .base-slider-controls-prev[disabled], .legacy-shop .base-slider-controls-next[disabled] {opacity:0.2;cursor:default}
.legacy-shop .base-slider-controls-prev {border-radius:0 0 0 0}
.legacy-shop .base-slider-controls-prev.is-nav-prev-outside {border-radius:0 0 0 0}
.legacy-shop .base-slider-controls-next {border-radius:0 0 0 0}
.legacy-shop .base-slider-controls-next.is-nav-next-outside {border-radius:0 0 0 0}
@media (min-width:768px) { .legacy-shop .base-slider .tns-nav .base-slider-dot, .legacy-shop .base-slider .base-slider-dots .base-slider-dot, .legacy-shop .base-slider .base-slider-dots button {margin:0 5px} }
@media (min-width:768px) { .legacy-shop .base-slider .base-slider-dots.hide-dots {display:none} }
@media (max-width:767.98px) { .legacy-shop .base-slider .base-slider-dots {width:55%;text-align:center} }
@media (max-width:767.98px) { .legacy-shop .base-slider .base-slider-dots.hide-dots, .legacy-shop .base-slider .base-slider-dots.hide-dots-mobile {display:none} }
.legacy-shop .gallery-slider {width:99.9%}
.legacy-shop .gallery-slider.has-nav-outside .gallery-slider-item-container {padding:0 25px}
.legacy-shop .gallery-slider-row {margin-bottom:1rem}
.legacy-shop .gallery-slider-row.is-loading {height:auto;overflow:hidden}
.legacy-shop .gallery-slider-row.is-loading .gallery-slider-item-container:not(:first-child) {display:none}
.legacy-shop .gallery-slider-row.is-loading .gallery-slider-thumbnails-col.is-underneath {display:none}
.legacy-shop .gallery-slider-row.is-single-image {justify-content:center}
.legacy-shop .gallery-slider-single-image {display:flex;align-items:center;justify-content:center}
.legacy-shop .gallery-slider-container {position:relative;height:100%}
.legacy-shop .gallery-slider-container .gallery-slider-image {display:block}
.legacy-shop .gallery-slider-item, .legacy-shop .gallery-slider-single-image {position:relative;backface-visibility:hidden;cursor:default;display:block;height:100%;max-width:100%}
.legacy-shop .gallery-slider-item.is-cover, .legacy-shop .gallery-slider-item.is-contain, .legacy-shop .gallery-slider-single-image.is-cover, .legacy-shop .gallery-slider-single-image.is-contain {height:100%}
.legacy-shop .gallery-slider-item.is-cover .gallery-slider-image, .legacy-shop .gallery-slider-item.is-contain .gallery-slider-image, .legacy-shop .gallery-slider-single-image.is-cover .gallery-slider-image, .legacy-shop .gallery-slider-single-image.is-contain .gallery-slider-image {object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0;margin:0 auto}
.legacy-shop .gallery-slider-item.is-cover .gallery-slider-image, .legacy-shop .gallery-slider-single-image.is-cover .gallery-slider-image {object-fit:cover;width:100%;height:100%}
.legacy-shop .gallery-slider-item.is-contain .gallery-slider-image, .legacy-shop .gallery-slider-single-image.is-contain .gallery-slider-image {margin:auto;object-fit:contain}
.legacy-shop .gallery-slider-controls-prev {left:0}
.legacy-shop .gallery-slider-controls-prev.is-nav-prev-outside {left:0}
.legacy-shop .gallery-slider-controls-next {right:0}
.legacy-shop .gallery-slider-controls-next.is-nav-next-outside {right:0}
.legacy-shop .gallery-slider-thumbnails-container {position:relative}
.legacy-shop .gallery-slider-thumbnails-container .tns-inner {display:flex;justify-content:center}
.legacy-shop .gallery-slider-thumbnails-container.is-underneath .tns-inner {display:block}
.legacy-shop .gallery-slider-thumbnails-container.is-underneath .tns-outer {margin:0 30px}
.legacy-shop .gallery-slider-thumbnails-container.hide-thumbs {display:none}
.legacy-shop .gallery-slider-thumbnails-col .gallery-slider-thumbnails-controls-prev, .legacy-shop .gallery-slider-thumbnails-col .gallery-slider-thumbnails-controls-next {border:0;background:none;height:30px;width:65px;line-height:normal}
.legacy-shop .gallery-slider-thumbnails-col.is-left {padding-right:0}
.legacy-shop .gallery-slider-thumbnails-col.is-left .gallery-slider-thumbnails-controls-prev {top:-30px}
.legacy-shop .gallery-slider-thumbnails-col.is-left .gallery-slider-thumbnails-controls-next {bottom:-20px;top:auto}
.legacy-shop .gallery-slider-thumbnails-col.is-left .gallery-slider-thumbnails-controls-prev, .legacy-shop .gallery-slider-thumbnails-col.is-left .gallery-slider-thumbnails-controls-next {left:50%;transform:translateX(-50%)}
.legacy-shop .gallery-slider-thumbnails-col.is-underneath .gallery-slider-thumbnails-controls-prev {left:-25px}
.legacy-shop .gallery-slider-thumbnails-col.is-underneath .gallery-slider-thumbnails-controls-next {right:-25px}
.legacy-shop .gallery-slider-thumbnails-col.is-underneath .gallery-slider-thumbnails-controls-prev, .legacy-shop .gallery-slider-thumbnails-col.is-underneath .gallery-slider-thumbnails-controls-next {transform:translateY(-30%)}
.legacy-shop .gallery-slider-modal-controls {z-index:10}
.legacy-shop .gallery-slider-modal-controls .gallery-slider-thumbnails-controls-prev {left:0}
.legacy-shop .gallery-slider-modal-controls .gallery-slider-thumbnails-controls-next {right:0}
.legacy-shop .gallery-slider-thumbnails.is-underneath {display:flex;margin-top:1rem}
.legacy-shop .gallery-slider-thumbnails.is-underneath .gallery-slider-thumbnails-item {width:auto}
.legacy-shop .gallery-slider-thumbnails-item {cursor:pointer;height:75px;width:75px}
.legacy-shop .gallery-slider-thumbnails-item.tns-nav-active .gallery-slider-thumbnails-item-inner {border-color:#000F40}
.legacy-shop .gallery-slider-thumbnails-item-inner {border:1px solid #F2F3F5;border-radius:0;width:100%;height:100%;padding:0.25rem;display:flex;align-items:center;align-content:center;justify-content:center;position:relative}
.legacy-shop .gallery-slider-thumbnails-image, .legacy-shop .gallery-slider-image {flex:0 0 auto;max-height:100%;max-width:100%}
.legacy-shop .gallery-slider-thumbnails-controls {display:none;margin:0}
@media (max-width:575.98px) { .legacy-shop .gallery-slider-item.is-cover, .legacy-shop .gallery-slider-item.is-contain {min-height:225px !important} }
@media (max-width:767.98px) { .legacy-shop .gallery-slider-single-image.is-cover, .legacy-shop .gallery-slider-single-image.is-contain {min-height:225px !important} }
@media (min-width:768px) { .legacy-shop .gallery-slider-row {justify-content:center} }
@media (min-width:768px) { .legacy-shop .gallery-slider-thumbnails-controls {display:block} }
@media (min-width:768px) { .legacy-shop .gallery-slider-thumbnails-col.is-left .gallery-slider-thumbnails-item {margin-bottom:0 !important;padding-bottom:10px} }
.legacy-shop .zoom-modal-wrapper {position:absolute;width:0;height:0;overflow:hidden}
.legacy-shop .modal.zoom-modal {overflow:hidden}
.legacy-shop .modal.zoom-modal .zoom-modal-actions, .legacy-shop .modal.zoom-modal .btn-close {position:absolute;top:0;opacity:1;z-index:1051;margin:15px}
.legacy-shop .modal.zoom-modal .zoom-modal-actions {left:0}
.legacy-shop .modal.zoom-modal .btn-close {right:0}
.legacy-shop .modal.zoom-modal .modal-dialog .modal-content, .legacy-shop .modal.zoom-modal .modal-dialog .modal-body {padding:0;overflow:hidden}
.legacy-shop .modal.zoom-modal .modal-footer {display:none;position:absolute;bottom:0;left:0;right:0;padding:0 0 1rem;justify-content:center;background-color:#fff;margin:0 30px}
.legacy-shop .modal.zoom-modal .gallery-slider {top:0;bottom:0;position:absolute;height:auto;width:100%}
.legacy-shop .modal.zoom-modal .gallery-slider-thumbnails {margin:0 auto}
.legacy-shop .modal.zoom-modal .gallery-slider-controls-next {right:0}
.legacy-shop .modal.zoom-modal .gallery-slider-controls-prev {left:0}
.legacy-shop .modal.zoom-modal .gallery-slider-thumbnails-item {width:auto}
.legacy-shop .modal.zoom-modal .gallery-slider-thumbnails-controls-next {right:-30px}
.legacy-shop .modal.zoom-modal .gallery-slider-thumbnails-controls-prev {left:-30px}
.legacy-shop .modal.zoom-modal .image-zoom-container {height:100%;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;align-content:center;touch-action:auto !important;-webkit-user-select:auto !important;-webkit-touch-callout:default !important;-webkit-user-drag:auto !important}
.legacy-shop .modal.zoom-modal .image-zoom-container>* {position:relative}
.legacy-shop .modal.zoom-modal .image-zoom-btn.disabled {opacity:0.3}
@media (min-width:768px) { .legacy-shop .modal.zoom-modal .gallery-slider {bottom:100px} }
@media (min-width:768px) { .legacy-shop .modal.zoom-modal .modal-footer {display:flex} }
.legacy-shop .gallery-slider-single-image .image-zoom-container:hover {cursor:none, auto;cursor:zoom-in}
.legacy-shop .gallery-slider-thumbnails-item.tns-nav-active .gallery-slider-thumbnails-item-inner {border-color:#0088c1}
.legacy-shop .base-slider-controls-prev:hover, .legacy-shop .base-slider-controls-next:hover {color:#0088c1;border-color:#0088c1}
.legacy-shop .gallery-slider-thumbnails-col {margin-right:20px}
.legacy-shop.legacy-shop.is-ctl-product .gallery-slider-row.is-loading {height:auto}
.legacy-shop.legacy-shop.is-ctl-product .gallery-slider-image {margin:0 auto}
@media (min-width:992px) { .legacy-shop.legacy-shop.is-ctl-product .gallery-slider-thumbnails-image, .legacy-shop.legacy-shop.is-ctl-product .gallery-slider-thumbnails-item {width:82px;height:82px} }
.legacy-shop.legacy-shop.is-ctl-product .gallery-slider-thumbnails-item.tns-nav-active .gallery-slider-thumbnails-inner {border-color:var(--color-border-thumbails)}
.legacy-shop.legacy-shop.is-ctl-product .base-slider-dots .base-slider-dot {padding:6px}
.legacy-shop.legacy-shop.is-ctl-product .base-slider-dots .base-slider-dot.tns-nav-active {padding:7px}
.legacy-shop.legacy-shop.is-ctl-product .gallery-slider-single-image {text-align:center}
.legacy-shop.legacy-shop.is-ctl-product .gallery-slider-single-image .enthus-icon-placeholder {margin-top:var(--distance-l);width:100%;height:100%}
.legacy-shop.legacy-shop.is-ctl-product .gallery-slider-single-image .enthus-icon-placeholder svg {width:100%;height:auto}
@media (max-width:575.98px) { .legacy-shop.legacy-shop.is-ctl-product .gallery-slider-row .base-slider-controls-prev, .legacy-shop.legacy-shop.is-ctl-product .gallery-slider-row .base-slider-controls-next {display:none} }
.legacy-shop.legacy-shop.is-ctl-product .gallery-slider-row .gallery-slider-thumbnails-item.tns-nav-active .gallery-slider-thumbnails-item-inner {border:1px solid var(--color-text-muted)}
.legacy-shop.legacy-shop.is-ctl-product .gallery-slider-row .gallery-slider-thumbnails-item .gallery-slider-thumbnails-item-inner {border:1px solid var(--color-border-gray);border-radius:0}
@media (max-width:575.98px) { .legacy-shop.legacy-shop.is-ctl-product .base-slider .base-slider-dots {width:100%} }
.legacy-shop.legacy-shop.is-ctl-product .base-slider .base-slider-dots.hide-dots {display:unset}
.legacy-shop.legacy-shop.is-ctl-product .base-slider .base-slider-dots.hide-dots-mobile {display:unset}
.legacy-shop.legacy-shop.is-ctl-product .base-slider .base-slider-dots button {background-color:var(--color-background-gray)}
.legacy-shop.legacy-shop.is-ctl-product .base-slider .base-slider-dots button:hover {background-color:var(--color-background-gray)}
.legacy-shop.legacy-shop.is-ctl-product .base-slider .base-slider-dots button.tns-nav-active {background-color:transparent;border:var(--distance-4xs) solid var(--color-border-secondary)}
.legacy-shop.legacy-shop.is-ctl-product .has-dots-outside .base-slider-dots {bottom:0}
.legacy-shop.legacy-shop.is-ctl-product .has-dots-outside .gallery-slider-controls {margin-top:60px}
.legacy-shop .modal .modal-content .zoom-modal-actions {background-color:transparent}
.legacy-shop .modal .modal-content .zoom-modal-actions .image-zoom-btn {margin-top:20px;padding:10px}

.legacy-shop .gallery-slider-col {
  min-width: 0;
}

.legacy-shop .base-slider.has-nav-outside {
  padding: 0 25px;
}

.legacy-shop .gallery-slider-container {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.legacy-shop .gallery-slider-container::-webkit-scrollbar {
  display: none;
}

.legacy-shop .gallery-slider-item-container {
  flex: 0 0 100%;
  scroll-snap-align: start;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Below md the old slider kept a 430px tall stage around the narrower image. */
@media (max-width: 767.98px) {
  .legacy-shop .gallery-slider-item-container {
    min-height: 430px;
  }

  .legacy-shop .gallery-slider-item {
    display: flex;
    align-items: center;
  }
}

/* The old images were 512px renditions; larger originals are held to that size. */
.legacy-shop .gallery-slider-item .gallery-slider-image {
  max-height: 512px;
  width: auto;
}

.legacy-shop .gallery-slider-controls-prev,
.legacy-shop .gallery-slider-controls-next {
  border: 0;
  background: rgba(255, 255, 255, 0.8);
  line-height: 0;
}

.legacy-shop .gallery-slider-controls .enthus-icon img {
  width: 16px;
  height: 16px;
}

.legacy-shop .shop-gallery-open {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: none;
  cursor: zoom-in;
}

.legacy-shop .gallery-slider-thumbnails-col.is-left {
  display: none;
}

@media (min-width: 768px) {
  .legacy-shop .gallery-slider-thumbnails-col.is-left {
    display: block;
    flex: 0 0 auto;
    width: auto;
  }

  /* One column of every thumbnail, as the old page showed them before its slider script ran. */
  .legacy-shop .gallery-slider-thumbnails-col.is-left .gallery-slider-thumbnails {
    display: block;
    margin: 0;
  }
}

.legacy-shop .gallery-slider-thumbnails-item-inner {
  background: #fff;
  cursor: pointer;
}

.legacy-shop .gallery-slider-thumbnails-image {
  object-fit: contain;
}

.shop-zoom {
  width: 100vw;
  height: 100vh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: #fff;
}

.shop-zoom::backdrop {
  background: rgb(0 0 0 / 50%);
}

.legacy-shop .shop-zoom .modal-dialog,
.legacy-shop .shop-zoom .modal-content,
.legacy-shop .shop-zoom .modal-body {
  position: relative;
  height: 100%;
  margin: 0;
  max-width: none;
  border: 0;
}

.legacy-shop .shop-zoom .modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1051;
  margin: 15px;
  padding: 8px;
  border: 0;
  background: none;
  cursor: pointer;
}

.legacy-shop .shop-zoom .gallery-slider-item {
  height: 100%;
}

.legacy-shop .shop-zoom .js-image-zoom-element {
  max-height: calc(100vh - 150px);
  transition: transform 0.2s ease;
}

.legacy-shop .shop-zoom .modal-footer .gallery-slider-thumbnails {
  display: flex;
  gap: 10px;
}

.legacy-shop .shop-zoom .image-zoom-btn .enthus-icon img {
  width: 24px;
  height: 24px;
}

/* ------------------------------------------------- wishlist and compare pages
   The old pages' rules (ENTHUSWishlist, ENTHUSProductComparison, theme), scoped. */

.legacy-shop .cms-section-sidebar-main-content .enthus-wishlist-wrapper {gap:30px}
.legacy-shop .cms-section-sidebar-main-content .wishlist-product {flex:0 0 100%;min-width:0}
@media (min-width:992px) { .legacy-shop .cms-section-sidebar-main-content .wishlist-product {flex:0 0 calc((100% - 30px) / 2)} }
@media (min-width:1200px) { .legacy-shop .cms-section-sidebar-main-content .wishlist-product {flex:0 0 calc((100% - 2 * 30px) / 3)} }
.legacy-shop.legacy-shop.is-ctl-product .enthus-single-product-table {margin-bottom:var(--distance-4xl)}
.legacy-shop.legacy-shop.is-ctl-product .enthus-single-product-table tr {width:100%}
.legacy-shop.legacy-shop.is-ctl-product .enthus-single-product-table tr:nth-child(odd) {background:white}
.legacy-shop.legacy-shop.is-ctl-product .enthus-single-product-table tr td {word-break:break-all;padding:10px 20px;font-size:var(--font-size-l);line-height:var(--line-height-l)}
.legacy-shop.legacy-shop.is-ctl-product .enthus-single-product-table tr td:nth-child(1) {width:35%;font-weight:var(--font-weight-bold)}
.legacy-shop.legacy-shop.is-ctl-product .enthus-single-product-table tr td p {margin:0;word-break:break-word}
.legacy-shop .product-comparison-button {width:42px;height:42px;border:initial;background:initial;float:right;margin-top:-40px;margin-right:36px}
@media (max-width:991.98px) { .legacy-shop .product-comparison-button {margin-top:-44px} }
.legacy-shop .product-comparison-button img {display:block}
.legacy-shop .product-comparison-products {display:flex;overflow-x:auto;gap:30px}
.legacy-shop .product-comparison-products::-webkit-scrollbar {width:var(--distance-xs)}
.legacy-shop .product-comparison-products::-webkit-scrollbar-thumb {background-color:var(--color-background-gray);border-radius:var(--distance-xs);cursor:pointer}
.legacy-shop .product-comparison-products::-webkit-scrollbar-track {background-color:var(--color-background-light);border-radius:var(--distance-xs)}
.legacy-shop .product-comparison-products .product-comparison-rows {height:-moz-min-content;height:min-content;flex:1 1 0;min-width:0}
.legacy-shop .product-comparison-products .product-comparison-rows .product-box {border-bottom:none}
.legacy-shop .product-comparison-products .product-comparison-box {padding:15px;background:#ffffff;display:flex;flex-direction:column;border-left:2px solid var(--color-border-input);border-bottom:2px solid var(--color-border-input);border-right:2px solid var(--color-border-input)}
.legacy-shop .product-comparison-products .product-comparison-box .product-specifications-wrapper table, .legacy-shop .product-comparison-products .product-comparison-box .product-technical-details-wrapper table {width:100%;margin-top:15px}
.legacy-shop .product-comparison-products .product-comparison-box .product-specifications-wrapper table td, .legacy-shop .product-comparison-products .product-comparison-box .product-technical-details-wrapper table td {padding:var(--distance-xs);border:1px solid #dddddd}
@media (max-width:1399.98px) { .legacy-shop .product-comparison-products .product-comparison-box .product-specifications-wrapper table td, .legacy-shop .product-comparison-products .product-comparison-box .product-technical-details-wrapper table td {padding:var(--distance-4xs)} }
.legacy-shop .product-comparison-products .product-comparison-box .product-specifications-wrapper table td p, .legacy-shop .product-comparison-products .product-comparison-box .product-technical-details-wrapper table td p {font-size:var(--font-size-l) !important}
@media (max-width:1399.98px) { .legacy-shop .product-comparison-products .product-comparison-box .product-specifications-wrapper table td p, .legacy-shop .product-comparison-products .product-comparison-box .product-technical-details-wrapper table td p {font-size:var(--font-size-1s) !important} }
.legacy-shop .product-comparison-products .product-comparison-box .product-specifications-wrapper table tr:nth-child(even), .legacy-shop .product-comparison-products .product-comparison-box .product-technical-details-wrapper table tr:nth-child(even) {background:#f9f9f9}
.legacy-shop .product-comparison-products .product-comparison-box .product-description-wrapper span {font-size:var(--font-size-l) !important}
@media (max-width:1399.98px) { .legacy-shop .product-comparison-products .product-comparison-box .product-description-wrapper span {font-size:var(--font-size-1s) !important} }

/* The list pages' heading at the old shop's h1 size, not the site's display heading. */
.legacy-shop h1.shop-list-title {
  margin: 0 0 24px;
  font-size: 2.25rem;
  line-height: 1.2;
  font-weight: 400;
}

.legacy-shop .product-comparison-products .product-comparison-rows {
  flex: 1 1 0;
  max-width: none;
  padding: 0;
}

@media (max-width: 991.98px) {
  .legacy-shop .product-comparison-products .product-comparison-rows {
    flex: 0 0 80%;
  }
}

.legacy-shop .product-comparison-box .product-detail-description-title {
  margin-top: 15px;
  font-size: 20px;
}

/* --------------------------------------------- modals (cart, compare limit)
   The old CRC rules (enthus-common-resources: enthus-modal, modal, modal-cross-selling, modal-backdrop)
   and the comparison limit modal, scoped to the .shop-modals frame the scripts append to <body>. */

.shop-modals .modal-backdrop {--bs-backdrop-zindex: 1050;--bs-backdrop-bg: rgba(0, 0, 0, 0.5);--bs-backdrop-opacity: 0.5;position:fixed;top:0;left:0;z-index:1050;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:rgba(0, 0, 0, 0.5);background-color:var(--bs-backdrop-bg)}
.shop-modals .modal-backdrop.fade {opacity:0}
.shop-modals .modal-backdrop.show {opacity:var(--bs-backdrop-opacity)}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-to-cart, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn2 {padding:15px 40px;border-radius:2px;background-color:#000f40;color:#fff;font-size:16px;font-weight:bold;cursor:pointer;-webkit-transition:.2s;transition:.2s;text-decoration:none}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-to-cart:hover, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn2:hover {background-color:#6075b6;color:#fff;text-decoration:none}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-to-cart:focus, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn2:focus {border:2px solid #ff9fb6;background-color:#000f40;color:#fff}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-to-cart:active, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn2:active {background-color:#010a2a;color:#fff}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-to-cart:disabled, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn2:disabled {background-color:#f2f3f5;color:#d9dbe2}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-continue, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn1 {padding:13px 40px;background-color:#fff;color:#000f40;font-size:16px;font-weight:bold;cursor:pointer;-webkit-transition:.2s;transition:.2s;border:2px solid #000f40;border-radius:2px;text-decoration:none}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-continue:hover, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn1:hover {border-color:#1a2753;background-color:#d5deff;color:#000f40;text-decoration:none}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-continue:focus, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn1:focus {border-color:#ff9fb6;background-color:#fff;color:#000f40}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-continue:active, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn1:active {border-color:#010a2a;background-color:#fff;color:#010a2a}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-continue:disabled, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn1:disabled {border-color:#f2f3f5;background-color:#fff;color:#d9dbe2}
.shop-modals .crc-add-to-cart-modal {left:0;top:0}
@media(min-width: 1400px) { .shop-modals .crc-add-to-cart-modal.cross-selling-included .crc-add-to-cart-modal-container {width:1400px} }
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container {width:calc(100vw - 80px);background-color:#fff;left:50vw;top:50vh;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);position:absolute}
@media(min-width: 992px) { .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container {width:800px} }
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-header div {background-color:#cfffe2;font-size:16px;padding:23px 47px 15px 85px;min-height:66px;position:relative;color:#000f40}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-header div::before {content:"";display:block;position:absolute;width:70px;height:100%;background-color:#cfffe2;background-image:url('/assets/legacy-icons/add-to-cart-modal-success.svg');background-repeat:no-repeat;background-size:29px;background-position-x:24px;background-position-y:25px;left:0;top:0}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-content {display:-webkit-box;display:-ms-flexbox;display:flex;padding:40px 20px 10px;font-size:14px;color:#000}
@media(min-width: 768px) { .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-content {font-size:16px} }
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-content .crc-add-to-cart-modal-content-image {border:solid 1px #c5c7cc}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-content .crc-add-to-cart-modal-content-image img {width:77px;height:77px}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-content .crc-add-to-cart-modal-content-text {padding:0 15px;-webkit-box-flex:1;-ms-flex:1;flex:1}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-content .crc-add-to-cart-modal-content-text .crc-add-to-cart-modal-content-text-title {font-weight:700;font-size:17px}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-content .crc-add-to-cart-modal-content-text .crc-add-to-cart-modal-content-article-number {font-size:14px;margin-top:8px}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-content .crc-add-to-cart-modal-content-numbers .crc-add-to-cart-modal-content-numbers-price {font-weight:700;font-size:17px;text-align:right}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-content .crc-add-to-cart-modal-content-numbers .crc-add-to-cart-modal-content-numbers-quantity {white-space:nowrap;font-size:14px;margin-top:8px}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action {text-align:center;margin:13px 0}
@media(min-width: 576px) { .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action {margin:0} }
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action [class^=crc-add-to-cart-modal-action] {display:inline-block;width:70%;margin:4px 0}
@media(min-width: 576px) { .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action [class^=crc-add-to-cart-modal-action] {font-size:16px;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;margin:40px 8px} }
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-close {position:absolute;right:24px;top:18px;background-image:url('/assets/legacy-icons/x.svg');background-repeat:no-repeat;background-size:cover;cursor:pointer}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling h3.crc-add-to-cart-modal-cross-selling-title {margin-left:29px;font-size:20px}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling {overflow:hidden;padding:0 10px 10px;display:none}
@media(min-width: 576px) { .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling {display:block} }
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card {margin-top:0;margin-top:initial}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tab-navigation {padding-left:19px;padding-right:19px}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tab-navigation .nav-item {margin-right:0}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tab-navigation .nav-item .product-detail-tab-navigation-link {padding-right:32px;color:#000f40;border-color:#000f40;font-size:16px;line-height:24px}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tab-navigation .nav-item .product-detail-tab-navigation-link:hover {background:rgba(0,0,0,0)}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tab-navigation .nav-item .product-detail-tab-navigation-link.active {border-color:#dbff00}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content {padding-top:0}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-container {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-item {-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-item .product-badges .badge {color:#000f40;font-size:.875rem}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-item .product-image-wrapper {height:100px;margin-bottom:0}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-item .product-image-wrapper .product-image-link {display:block}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-item .product-image-wrapper .product-image-link .product-image-placeholder {width:100%;max-width:none;max-width:initial;text-align:center}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-item .product-image-wrapper .product-image-link .product-image-placeholder svg {width:auto;height:100%}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-item .product-name {font-size:13px;line-height:24px;margin-top:4px;height:70px;margin-bottom:10px;padding:0 10px}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-item .product-info {padding-top:0;height:auto}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-item .product-info .product-price-info .product-price {margin-bottom:0;font-size:17px}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-item .product-info .product-info-wrapper {border-top:0;border-top:initial;display:inline-block}
.shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-cross-selling .product-detail-cross-selling .card .product-detail-tabs-content .product-slider-item .product-info .product-info-wrapper .product-action {padding-right:11px}
.shop-modals .modal-backdrop {z-index:1040}
.shop-modals .modal-backdrop.modal-backdrop-open {backdrop-filter:blur(6px)}
.shop-modals .modal-backdrop.modal-backdrop-open>div {overflow-y:scroll;-ms-scroll-chaining:none;overscroll-behavior:contain;height:100vh}
.shop-modals .modal-backdrop.modal-backdrop-open>div::-webkit-scrollbar {display:none}
.shop-modals .modal-backdrop.modal-backdrop-open>div>div {content:"";display:block;width:100vw;height:calc(100vh + 100px)}
.shop-modals .enthus-modal {font-family:CircularXX,sans-serif;position:fixed;top:50%;left:50%;display:none;width:100%;max-width:800px;z-index:1041}
.shop-modals .enthus-modal[style*="display: block"], .shop-modals .enthus-modal.show {-webkit-animation:enthus-modal-fade-in .3s cubic-bezier(0, 0, 0, 0.98);animation:enthus-modal-fade-in .3s cubic-bezier(0, 0, 0, 0.98)}
.shop-modals .enthus-modal .enthus-modal-container {background-color:#fff;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1019607843);box-shadow:0 2px 10px rgba(0,0,0,.1019607843)}
.shop-modals .enthus-modal .enthus-modal-container .enthus-modal-header {background-color:#cfffe2;height:66px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.shop-modals .enthus-modal .enthus-modal-container .enthus-modal-header .enthus-modal-header-title {color:#000f40;padding-left:20px}
.shop-modals .enthus-modal .enthus-modal-container .enthus-modal-header .enthus-modal-header-title h3 {font-family:CircularXX,sans-serif;margin:0}
.shop-modals .enthus-modal .enthus-modal-container .enthus-modal-content {max-height:100%;max-height:calc(100vh - 200px);overflow-y:auto;padding:20px}
.shop-modals .enthus-modal .enthus-modal-container .enthus-modal-close {color:#000f40;width:25px;height:25px;position:absolute;right:24px;top:18px;background-image:url('/assets/legacy-icons/x.svg');background-repeat:no-repeat;background-size:cover;cursor:pointer}
.shop-modals .modal-backdrop-open {backdrop-filter:blur(6px)}
.shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-to-cart, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-to-cart, .shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn2, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-btn2 {padding:15px 40px;border-radius:2px;background-color:#000f40;color:#fff;font-size:16px;font-weight:bold;cursor:pointer;-webkit-transition:.2s;transition:.2s;text-decoration:none}
.shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-to-cart:hover, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-to-cart:hover, .shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn2:hover, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-btn2:hover {background-color:#6075b6;color:#fff;text-decoration:none}
.shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-to-cart:focus, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-to-cart:focus, .shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn2:focus, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-btn2:focus {border:2px solid #ff9fb6;background-color:#000f40;color:#fff}
.shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-to-cart:active, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-to-cart:active, .shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn2:active, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-btn2:active {background-color:#010a2a;color:#fff}
.shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-to-cart:disabled, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-to-cart:disabled, .shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn2:disabled, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-btn2:disabled {background-color:#f2f3f5;color:#d9dbe2}
.shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-continue, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-continue, .shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn1, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-btn1 {padding:13px 40px;background-color:#fff;color:#000f40;font-size:16px;font-weight:bold;cursor:pointer;-webkit-transition:.2s;transition:.2s;border:2px solid #000f40;border-radius:2px;text-decoration:none}
.shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-continue:hover, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-continue:hover, .shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn1:hover, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-btn1:hover {border-color:#1a2753;background-color:#d5deff;color:#000f40;text-decoration:none}
.shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-continue:focus, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-continue:focus, .shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn1:focus, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-btn1:focus {border-color:#ff9fb6;background-color:#fff;color:#000f40}
.shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-continue:active, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-continue:active, .shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn1:active, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-btn1:active {border-color:#010a2a;background-color:#fff;color:#010a2a}
.shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-continue:disabled, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-continue:disabled, .shop-modals .enthuscr-sidebar .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .crc-add-to-cart-modal-action-btn1:disabled, .shop-modals .crc-add-to-cart-modal .crc-add-to-cart-modal-container .crc-add-to-cart-modal-action .enthuscr-sidebar .crc-add-to-cart-modal-action-btn1:disabled {border-color:#f2f3f5;background-color:#fff;color:#d9dbe2}
.shop-modals .product-comparison-product-quantity-threshold-modal {position:fixed;left:0;top:0;z-index:1500}
.shop-modals .product-comparison-product-quantity-threshold-modal .product-comparison-product-quantity-threshold-modal-container {width:calc(100vw - 80px);max-height:calc(100vh - 100px);background-color:var(--bs-white);left:50vw;top:50vh;transform:translate(-50%, -50%);position:absolute;display:flex;flex-direction:column}
@media (min-width:992px) { .shop-modals .product-comparison-product-quantity-threshold-modal .product-comparison-product-quantity-threshold-modal-container {width:800px} }
.shop-modals .product-comparison-product-quantity-threshold-modal .product-comparison-product-quantity-threshold-modal-container .product-comparison-product-quantity-threshold-modal-header .product-comparison-product-quantity-threshold-modal-header-title {background:var(--color-background-secondary);font-size:1.75rem;font-weight:bolder;padding:23px 47px 15px 20px;min-height:66px;position:relative;color:var(--color-text-primary)}
@media (max-width:991.98px) { .shop-modals .product-comparison-product-quantity-threshold-modal .product-comparison-product-quantity-threshold-modal-container .product-comparison-product-quantity-threshold-modal-header .product-comparison-product-quantity-threshold-modal-header-title {font-size:16px} }
.shop-modals .product-comparison-product-quantity-threshold-modal .product-comparison-product-quantity-threshold-modal-container .product-comparison-product-quantity-threshold-modal-content {padding:20px;overflow-y:auto;font-size:18px;font-weight:bold}
@media (max-width:991.98px) { .shop-modals .product-comparison-product-quantity-threshold-modal .product-comparison-product-quantity-threshold-modal-container .product-comparison-product-quantity-threshold-modal-content {font-size:16px;font-weight:initial} }
.shop-modals .product-comparison-product-quantity-threshold-modal .product-comparison-product-quantity-threshold-modal-container .product-comparison-product-quantity-threshold-modal-content button {float:right;margin-top:30px;border:none}
.shop-modals .product-comparison-product-quantity-threshold-modal .product-comparison-product-quantity-threshold-modal-container .product-comparison-product-quantity-threshold-modal-close {width:30px;height:30px;position:absolute;right:24px;top:18px;background-image:url('/assets/legacy-icons/x.svg');background-repeat:no-repeat;background-size:cover;cursor:pointer}

.shop-modals .crc-add-to-cart-modal:not([hidden]),
.shop-modals .product-comparison-product-quantity-threshold-modal:not([hidden]) {
  display: block;
}

.shop-modals .modal-backdrop[hidden],
.shop-modals [hidden] {
  display: none !important;
}

.shop-modals .crc-add-to-cart-modal-close,
.shop-modals .product-comparison-product-quantity-threshold-modal-close {
  width: 25px;
  height: 25px;
  padding: 0;
  border: 0;
  background-color: transparent;
}

.shop-modals .crc-add-to-cart-modal-header-success {
  min-height: 66px;
}

/* Failed add: no tick, the site's error tone instead of the success green. */
.shop-modals .crc-add-to-cart-modal.is-failed .crc-add-to-cart-modal-container .crc-add-to-cart-modal-header div { background-color: #ffe5ea; padding-left: 47px }
.shop-modals .crc-add-to-cart-modal.is-failed .crc-add-to-cart-modal-container .crc-add-to-cart-modal-header div::before { display: none }

.shop-modals .crc-add-to-cart-modal-container {
  max-height: calc(100vh - 40px);
  overflow-y: auto;
}

.shop-modals .crc-add-to-cart-modal .product-slider-item {
  width: 200px;
}

.shop-modals .crc-add-to-cart-modal .product-slider-item .product-image-wrapper img {
  max-height: 100px;
  width: auto;
  margin: 0 auto;
  display: block;
}

.shop-modals .product-comparison-product-quantity-threshold-modal-content .btn {
  float: right;
  margin-top: 30px;
}

/* Bootstrap hides .modal until its script adds .show; the zoom <dialog> shows through [open]. */
.legacy-shop.legacy-shop dialog.shop-zoom[open] {
  display: block;
  position: fixed;
  inset: 0;
}

/* The old selectors carried the header container's classes, so the modal's own position won over
   .enthus-modal's centring; restore that order here. */
.shop-modals .enthus-modal.crc-add-to-cart-modal {
  top: 0;
  left: 0;
}

.shop-modals .crc-add-to-cart-modal-container:focus {
  outline: none;
}

/* Below md the old comparison (ENTHUSProductComparison base.scss) fixes the table layout and breaks
   words; above it the tables size to their words and the row scrolls sideways. */
@media (max-width: 767.98px) {
  .legacy-shop .product-comparison-products .product-comparison-rows .product-comparison-box { overflow-wrap: break-word }
  .legacy-shop .product-comparison-products .product-comparison-rows .product-comparison-box table { table-layout: fixed; width: 100% }
  .legacy-shop .product-comparison-products .product-comparison-rows .product-comparison-box td { word-break: break-word }
}

/* ---------------------------------------------------------- search page */

/* The old frame's .container gave the full-width search page its side padding (24px, 40px from 992px). */
.legacy-shop.is-ctl-search .container-main {
  padding: 0 24px;
}

@media (min-width: 992px) {
  .legacy-shop.is-ctl-search .container-main {
    padding: 0 40px;
  }
}