.product-details {margin: 0px 0 0 0; }

.product-details .product-info-and-images { overflow: hidden; margin-bottom: 100px; border-radius: 2px; display: flex; justify-content: space-between; gap: 3%; }
    .product-details .product-images-wrapper { overflow: hidden; width: 48.5%; }
    .product-details .product-images { display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: row-reverse; gap: 3%; }
        .product-details .product-images .product-images-main { width: 80%; }
        .product-details .product-images .large-image-ph { cursor: pointer; position: relative; }
        .product-details .product-images .large-image-ph img { width: 100%; }
        .product-details .product-images .product-image-thumbs { width: 18%; }
    .product-details .product-images .product-image-wrapper { margin: 0 0 15px 0; width:100%;}
    .product-details .product-images .product-image { display:block; border-radius:0px; width:100%; cursor:pointer;}
        .product-details .product-images .membersInfoDiv p { text-align: center; font-size: 19px; font-weight: 500; border:none; border-radius: 10px; margin: 0; }
            .product-details .product-images .membersInfoDiv p a { padding: 15px; display: block; border-radius: 0px 0px 10px 10px; background-color: #000; color: #fff; position: relative; }
        .product-details .product-images .membersInfoDiv p a:hover {text-decoration:none; background:var(--gray); color:#fff;}
        .product-details .product-images .membersInfoDiv img { filter: invert(1); }
        .product-details .product-general-info { width: 48.5%; }
        .product-details .product-images .banners {position:absolute; top: 2%; left: 0; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; }
        .product-details .product-images .banners span {display:inline-block; padding: 5px 10px;margin: 0 0 5px 0; font-weight:100;}

        .product-details .large-image-ph .arrows {display:none; position: absolute; top: 0; bottom:0; width: 100%; height:100%; z-index: 2; justify-content: space-between; align-items:center; flex-direction:row-reverse; padding: 0 10px; box-sizing:border-box;}
        .product-details .large-image-ph .arrows img {width:24px;}
    .product-details .large-image-ph .image-arrow.left img { transform: rotate(180deg); }

.product-general-info-inner .supplier { margin: 0 0 5px 0; }
    .product-general-info-inner .supplier a { color: #000; font-size: 0.875rem; font-weight: 300; font-family: 'Oswald', Arial, sans-serif; }
.product-details .product-general-info .product-title { font-size: 1.8125rem; font-weight: 500; line-height: 1em; text-transform: uppercase; }

.product-details .description-header { margin: 0;}
    .product-details .product-general-info-inner {}
    .product-details .product-general-info .short-description { margin: 10px 0 20px; }
    .product-details .product-general-info .short-description p { font-size: 16px; }

.product-details .attributeList,
.product-details .colorsList { list-style: none; padding:0; margin: 10px 0 25px 0; display: flex; justify-content: flex-start; gap: 8px; flex-wrap: wrap; }
.product-details .colorsList.hide {display:none;}
.product-details-attribute-selectors span,
.product-details .product-attribute-label { font-size: 0.875rem; font-weight: 300; text-transform:uppercase; width: 100%; display: block; padding: 0px; }
.product-details .product-attribute-label.hideBorder { border-top: none; padding: 0;}
    .product-details .attributeList li {min-width: 74px; }
.attributeList li:has(input:disabled),
.attributeList li:has(.disabled) { display: none; }
.product-details .attributeList select { display: block; width: 100%; padding: 5px 5px; font-size: 18px; }
.product-details .attributeList li label { padding: 5px 10px; display: block; box-sizing: border-box; border: 1px solid #000; font-size: 14px; text-align: center; position: relative; /* lägg till */ overflow: hidden; /* valfritt men brukar bli snyggare */ }.product-details .attributeList span br,
.product-details .attributeList input[type=radio],
.product-details .colorsList span br,
.product-details .colorsList input[type=radio] { display: none; }
.product-details .attributeList li:hover label,
.attributeList li:has(input[type="radio"]:checked) label { background-color: var(--black); color:#fff; cursor:pointer;}
.attributeList li:has(input[type="radio"]:disabled) label { background: none; color: #000; cursor: pointer; pointer-events: none; }
    .attributeList li:has(input[type="radio"]:disabled) label::after { content: ""; position: absolute; left: -43%; right: 0; top: 68%; border-top: 2px solid currentColor; rotate: -24deg; width: 150%; }
.product-details-attribute-selectors .hide {display:none;}

.product-details .colorsList li label { display: block; cursor: pointer; box-sizing: border-box; border: 3px solid transparent; }
.colorsList li label img {width: 115px; display:block; }
.colorsList li:has(input[type="radio"]) label { border: 1px solid #fff; }
.colorsList li:has(input[type="radio"]:checked) label { border: 1px solid var(--black); }

    .product-details .price { font-size: 28px; font-weight:400; margin: 0 0 30px 0; }
        .product-details .price .campaign { color: var(--red); }
        .product-details .price .members-price p {font-size: 14px; font-weight:400; margin: 0;}
        .product-details .price .old-price { font-size: 14px; color: #7f7f7f; font-weight: 400; }
.button.add-to-cart {margin: 10px 0; overflow: hidden; display: flex; justify-content:flex-start; gap: 15px;}
    .button.add-to-cart .add-to-cart-number { -moz-appearance: none; -webkit-appearance: none; font-size: 18px; display: block; border: none; text-align: center; width: 60px; border-radius: 100px; border: 2px solid var(--beige); }
    .button.add-to-cart .add-to-cart-button { display: block; padding: 10px 15px; background-color: var(--gray); color:#fff; border-radius:100px; font-size: 18px;  text-align:center; flex-grow: 1; white-space:nowrap; }
    .button.add-to-cart .favLink { background: var(--beige); width: 51px; height:51px; border-radius:100px; display:flex; justify-content:center; align-items:center;  }
        .button.add-to-cart .add-to-cart-button:hover,
        .button.add-to-cart .favLink:hover { opacity:0.9; text-decoration: none; }

        .price-history {margin: 0px 0 0 0;}
        .price-history p {font-size: 14px; margin:0;}


.specDiv { border-top: 1px solid #000; padding: 10px 0 10px; }
.specDiv:last-child {border-bottom: 1px solid #000;}
.specDiv.stock {margin: 30px 0 0 0;}
    .specDiv h4 {font-size: 0.875rem; margin: 10px 0 10px 0; font-weight:400; text-transform:uppercase; display:flex; justify-content:flex-start; align-items:center; gap: 10px;}
        .specDiv h4.warehouseDiv {gap: 5px;}
    .specDiv h4:not(.warehouseDiv) { cursor:pointer; }
        .specDiv.open h4 .expand {rotate: 180deg;}
    .specDiv p {font-size:0.875rem; display:none;}
    .specDiv.open p {display:block;}
        .specDiv p.webStorage { display: none; }
    .specDiv.open p.webStorage {display:flex;}

.stock p { display: flex; justify-content: space-between; font-size:0.75rem; }
    .stock p .warehouseName {display:block; width: 55%;}
    .stock p .warehouseStatus {display:block; width:45%; text-align:right;}
        .stock p .warehouseStatus .warehouseStatusColor { width: 10px; height: 10px; border-radius: 100px; display: inline-block; margin: 0 5px; }
    .stock p .warehouseStatus .warehouseStatusText { width: 55px; display: inline-block; white-space:nowrap;}

.warehouseListDiv { background: #ffffff60; margin: 20px 0; display:none;}
.specDiv.open .warehouseListDiv {display:block;}
    .warehouseListDiv h3 { margin: 0 0 15px 0; }
.stock .warehouseListDiv p { padding: 0; }

    .price-and-buy-button { overflow: hidden; }
    .price-and-buy-button .button.add-to-cart { float: right; }
    .price-and-buy-button .price { margin: 10px 0; float: left; }
.price-label.original-price { font-size: 18px; text-decoration: line-through; margin-left: 15px; }
.product-general-info-inner .variations select { padding: 8px 25px 8px 5px; border-radius: 4px; border: 1px solid #dedede; margin: 5px 0 10px; background-image: url(/gfx/arrow-down-16.png); background-repeat: no-repeat; background-position: center right 10px; background-size: 10px; -webkit-appearance: none; -moz-appearance: none; }
    .product-general-info-inner .supplier img { max-height: 70px; }
.product-document-link { padding: 10px 20px; background: #fff; display: inline-block; color: #292929; border: 1px solid #dadada; MARGIN: 20px 0; text-decoration: none; }
.product-document-link-icon { vertical-align: middle; height: 18px; opacity: 0.8; }
.product-details .product-specific-info { clear: both; margin-bottom: 40px; }
    .product-details .product-specific-info .heading { text-transform: uppercase; margin: 15px 0 25px; border-bottom: 2px #f7a600 solid; display: inline-block; font-size: 22px; }
.product-details .product-video { display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; height: 120px; width: 200px; cursor: pointer; position: relative; }
    .product-details .product-video:hover::after { position: absolute; content: " "; background-repeat: no-repeat; background-position: center; background-image: url('/gfx/webbedit/btn-play-alt.png'); height: 120px; width: 200px; cursor: pointer; }

.fileList { margin: 20px 0; }
    .fileList .file { margin: 0 0 10px 0; }
        .fileList .file a { border: 1px solid #D9D9D9; display: block; padding: 15px; color: #000; }
            .fileList .file a i { font-size: 20px; position: relative; top: 1px; margin: 0 6px 0 0; }

            .section-title {font-size: 1.75rem; font-weight:lighter; text-align:center; margin: 0 0 50px 0;}

.validation-error {color:var(--red); font-size:18px;}

@media only screen and (max-width: 1200px) { .product-details .product-specific-info { margin: 0 0 20px; }
}

@media only screen and (max-width: 1000px) {
    .product-details .product-images-wrapper {width: 50%;}
    .product-details .product-general-info {width: 47%;}
    .product-details .large-image-ph .arrows { display: flex; }

    .product-details .product-images .product-images-main{width:100%;}
    .product-details .product-images .product-image-thumbs { display: none; }
}

@media only screen and (max-width: 700px) {
    .product-breadcrumbs { position: absolute; top: 0; width: 130%; overflow-x:scroll; }
    .product-breadcrumbs .breadcrumbs {width: 130%;}
    .product-breadcrumbs a,
    .product-breadcrumbs span {white-space:nowrap;}
    .product-details .product-info-and-images {flex-direction:column; margin: 30px 0 30px 0;}
    .product-details .product-images-wrapper { width: 100%; margin: 0 0 25px 0; }
    .product-details .product-general-info { width: 100%; }
    .membersInfoDiv {display:none;}
    .product-details .price {margin: 0 0 20px 0;}
    .colorsList li label img {width: 68px;}
}

@media only screen and (max-width: 400px) {
}

@media only screen and (max-width: 340px) {
}