.breadcrumbs-custom {
    float: left;
    position: relative;
}
.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    display: block;
    float: left;
}
.breadcrumb li {
    display: inline-block;
    float: left;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
}
.breadcrumb li a,
.breadcrumb li span {
    display: inline-block;
    text-decoration: none;
    margin-right: 6px;
}

.breadcrumb li a:not(.last-item),
.breadcrumb li span:not(.last-item) {
  color: #C8C8C8 !important;
}

.breadcrumbs-custom li .arrow {
  font-size: 14px;
  font-weight: normal;
  line-height: 12px;
}


@media (hover: hover) {
  .color-selected:hover div {
      box-shadow: 0 0 0 3px #fff, 0 0 0 6px #e8e8e8;
  }
}

.color-selected.active div {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #b3b3b3;
}

.product-banner-module .swiper-wrapper {
    list-style: none;
    padding: 0;
}
.product-banner-module .swiper-wrapper .no-variant-filter {
    display: block !important;
    width: 100%
}

.product-banner-module .swiper-slide > a {
  display: block;
  text-align: center !important;
}

@media (max-width: 767px) and (orientation: portrait) {
  .product-banner-module .swiper li img {
    max-height: 50vh !important;
  }
  .product-banner-module .breadcrumbs-custom {
    margin-bottom: 1rem;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .product-banner-module .swiper li img {
    max-height: 100vh !important;
  }
}

.product-summary .product-subtitle {
  font-weight: normal;
}

.product-banner-module .product-description,
.product-banner-module .color-pickers {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .product-banner-module .product-description,
  .product-banner-module .color-pickers {
    margin-bottom: 30px;
  }
}

.product-description ul {
  list-style: none;
  padding: 0;
}
.product-description ul > li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 0.5em;
}
.product-description ul > li:before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7' viewBox='0 0 7 7'%3E%3Cg id='Group_1576' data-name='Group 1576' transform='translate(-965 -525)'%3E%3Ccircle id='Ellipse_207' data-name='Ellipse 207' cx='3.5' cy='3.5' r='3.5' transform='translate(965 525)' fill='%23fff'/%3E%3Cpath id='Ellipse_207_-_Outline' data-name='Ellipse 207 - Outline' d='M3.5,1A2.5,2.5,0,1,0,6,3.5,2.5,2.5,0,0,0,3.5,1m0-1A3.5,3.5,0,1,1,0,3.5,3.5,3.5,0,0,1,3.5,0Z' transform='translate(965 525)' fill='%23555'/%3E%3Ccircle id='Ellipse_208' data-name='Ellipse 208' cx='1' cy='1' r='1' transform='translate(967.5 527.5)' fill='%23555'/%3E%3C/g%3E%3C/svg%3E%0A");
  position: absolute;
  left: 0;
  top: -2px;
}


.swiper-slide--3d-model {
  height: auto;
  align-self: stretch;
}

.userInput:focus-visible {
  outline: none !important;
}


/* Product logos */

.product-image-logos {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 20;
	transform: translate(-50%, -50%);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s;
}

.swiper-slide:has(.product-image-logos) {
  position: relative;
}

body:not(.body--fullscreen-model-viewer) .swiper-slide-active .product-image-logos {
  opacity: 1;
}

body.body--fullscreen-model-viewer .swiper-slide-active .product-image-logos {
  transition: none;
}

/*.swiper-slide--3d-model .product-image-logos {
  opacity: 1;
  transition: opacity 0.5s ease;
}*/

/* Fade ud når swiper bliver hovered */
/*.swiper:hover .swiper-slide--3d-model .product-image-logos {
  opacity: 0;
  transition: opacity 0.5s ease;
}*/

/* Når musen fjernes, vent 2 sekunder og fade ind igen */
/*.swiper:not(:hover) .swiper-slide--3d-model .product-image-logos {
  opacity: 1;
  transition: opacity 0.5s ease 2s; /* delay på 2 sekunder */
}*/


/* Fullscreen 3D model*/

.body--fullscreen-model-viewer {
  overflow: hidden;
}

.body--fullscreen-model-viewer .col-swiper {
	position: fixed !important;
	left: 0;
	width: 100vw;
	top: 0;
	height: 100dvh;
	padding: 0 !important;
	z-index: 10000;
}

.body--fullscreen-model-viewer model-viewer {
	height: 100dvh;
  aspect-ratio: auto;
	background: #f9f9f9;
}

.body--fullscreen-model-viewer .swiper-pagination,
.body--fullscreen-model-viewer .swiper-button-prev,
.body--fullscreen-model-viewer .swiper-button-next {
  display: none;
}

.model-viewer-fullscreen-button {
  --button-indent-x: 20px;
  --button-indent-y: 20px;
  --button-size: 24px;
  --button-size-increase: 0px;
  
  width: calc(var(--button-size) + var(--button-size-increase));
  height: calc(var(--button-size) + var(--button-size-increase));
  position: absolute;
  right: calc(var(--button-indent-x) - (var(--button-size-increase) / 2));
  bottom: calc(var(--button-indent-y) - (var(--button-size-increase) / 2));
  z-index: 11;
  cursor: pointer;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzUyLjg5IDM1My4zOSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICMwMDAwMDA7CiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOwogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAxM3B4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0yNTIuMTcsNi40OWg5NC4yM3Y4OS44NU0zNDYuNCw2LjQ5bC0xMDAuOCw5OS4xIi8+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjUyLjE3LDM0Ni45aDk0LjIzdi04OS44NU0zNDYuNCwzNDYuOWwtMTAwLjgtOTkuMSIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwMC43Miw2LjQ5SDYuNDl2ODkuODVNNi40OSw2LjQ5bDEwMC44LDk5LjEiLz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xMDAuNzIsMzQ2LjlINi40OXYtODkuODVNNi40OSwzNDYuOWwxMDAuOC05OS4xIi8+Cjwvc3ZnPg==');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: all 0.2s;
}

@media (hover: hover) {
  .model-viewer-fullscreen-button:not(.body--fullscreen-model-viewer .model-viewer-fullscreen-button):hover {
    --button-size-increase: 4px;
  }
}

@media (max-width: 767px) {
  .model-viewer-fullscreen-button {
    --button-indent-x: 20px;
    --button-indent-y: 15px;
  }
}

.body--fullscreen-model-viewer .model-viewer-fullscreen-button {
  top: calc(var(--button-indent-y) - (var(--button-size-increase) / 2));
  bottom: auto;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzUyLjg5IDM1My4zOSI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogbm9uZTsKICAgICAgICBzdHJva2U6ICMwMDAwMDE7CiAgICAgICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kOwogICAgICAgIHN0cm9rZS1saW5lam9pbjogcm91bmQ7CiAgICAgICAgc3Ryb2tlLXdpZHRoOiAxMi45OXB4OwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0zMzkuODMsMTA1LjU5aC05NC4yM1YxNS43NU0yNDUuNiwxMDUuNTlMMzQ2LjQsNi40OSIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTMzOS44MywyNDcuOGgtOTQuMjN2ODkuODVNMjQ1LjYsMjQ3LjhsMTAwLjgsOTkuMSIvPgogIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEzLjA3LDEwNS41OWg5NC4yM1YxNS43NU0xMDcuMywxMDUuNTlMNi40OSw2LjQ5Ii8+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTMuMDcsMjQ3LjhoOTQuMjN2ODkuODVNMTA3LjMsMjQ3LjhMNi40OSwzNDYuOSIvPgo8L3N2Zz4=');
}