:root {
    --pm-light: #f8f9fa;
    --pm-light-hs: 210, 17%;
    --pm-light-l: 98%;
    --pm-light-overlay: hsla(var(--pm-light-hs), var(--pm-light-l), 0.4);
    --pm-border-color: #ededed;
    --pm-dark: #343a40;
    --pm-dark-hs: 210, 10%;
    --pm-dark-l: 23%;
    --pm-dark-overlay: hsla(var(--pm-dark-hs), var(--pm-dark-l), 0.4);
    --pm-white: #fff;
    --pm-black: #1d1d1d;
}

.tx-pxa-product-manager .single-product-related-list {
    display: flex;
    flex-wrap: wrap;
}

.tx-pxa-product-manager .single-product-related-list .product-item-wrp {
    margin-right: 30px;
}

.tx-pxa-product-manager .item {
    height: auto;
    position: relative;
    margin-bottom: 25px;
    border: solid 1px var(--pm-border-color);
}

.tx-pxa-product-manager .product-item-wrp a {
    text-decoration: none;
}

.tx-pxa-product-manager .item-img {
    width: 100%;
    height: 260px;
    text-align: center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tx-pxa-product-manager .item-img img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

.tx-pxa-product-manager .item-body {
    width: 100%;
    text-align: left;
    padding: 15px;
}

.tx-pxa-product-manager .single-product-document__links ul {
    padding-left: 0;
    list-style: none;
}

.tx-pxa-product-manager .single-product-document__links span {
    word-break: break-all;
    padding-left: 5px;
}

.tx-pxa-product-manager .product-related-link,
.tx-pxa-product-manager .product-related-file {
    padding-bottom: 20px;
}

.tx-pxa-product-manager .product-related-file svg,
.tx-pxa-product-manager .product-related-link svg {
    height: 38px;
    fill: var(--pm-dark);
    text-decoration: none;
}

.tx-pxa-product-manager .product-related-file a,
.tx-pxa-product-manager .product-related-link a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.tx-pxa-product-manager .product-img-fluid {
    max-width: 100%;
    height: auto;
}

[v-cloak] {
    display: none !important;
}


.pm-collapse {
    display: block;
    max-height: 0px;
    overflow: hidden;
    transition: max-height .5s cubic-bezier(0, 1, 0, 1);;
}

.pm-collapse.show {
    max-height: 99em;
    transition: max-height .5s ease-in-out;
}

.product-list-menu-collapse-btn {
    border: 0;
    background: transparent;
}

.product-list-menu-collapse-btn:before,
.checkbox-filter-wrapper .toggle-icon:before,
.radiobutton-filter-wrapper .toggle-icon:before {
    content: '✕';
    transition: all .1s ease-in-out;
    display: inline-block;
    transform-origin: center center;
    width: 20px;
    height: 20px;
    transform:rotate(45deg);
    text-align: center;
}

.product-list-menu-collapse-btn.active:before,
.checkbox-filter-wrapper.is-open .toggle-icon:before,
.radiobutton-filter-wrapper.is-open .toggle-icon:before {
    transform:rotate(0deg);
    transform-origin: center;
    display: inline-block;
}

.product-single-view-collapse-btn {
    float: right;
    position: relative;
    border: 0;
    background: transparent;
    width: 30px;
    height: 30px;
    background-image: url(/typo3conf/ext/pxa_product_manager/Resources/Public/Icons/Svg/chevron-up.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    transition: all .3s ease-in-out;
    transform-origin: center center;
    transform:rotate(180deg);
    text-align: center;
}

.product-single-view-collapse-btn.active {
    transform:rotate(0deg);
    transform-origin: center;
    display: inline-block;
}

.product-gallery .product-header,
.product-attribute-listing .product-header,
.single-product-document__links .product-header {
    display: inline-block;
}

ul.product-list-menu-level-1,
ul.product-list-menu-level-2,
ul.product-list-menu-level-3 {
    padding-left: 0;
    list-style: none;
}

a.product-list-menu-level-1,
a.product-list-menu-level-2,
a.product-list-menu-level-3 {
    flex-grow: 1;
}

a.product-list-menu-level-1 {
    padding-left: 0;
}

a.product-list-menu-level-2 {
    padding-left: 1rem;

}

a.product-list-menu-level-3 {
    padding-left: 2rem;
}

ul.product-list-menu-level-1 .product-list-menu-wrp {
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;

}

ul.product-list-menu-level-2 .product-list-menu-wrp {
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;

}

ul.product-list-menu-level-3 .product-list-menu-wrp {
    padding-bottom: 0.2rem;
    padding-top: 0.2rem;

}

.product-list-menu-wrp,
.radiobutton-filter-header,
.checkbox-filter-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.radiobutton-filter-header,
.checkbox-filter-header {
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 10px;
}

.checkbox-filter-content,
.radiobutton-filter-content {
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
}

.product-list-menu-current-title {
    font-weight: bold;
}
.product-list-menu-submenu-item__current {
    font-weight: bold;
}

.product-list-menu-submenu-item.product-list-menu-submenu-item__active > .product-list-menu-wrp > a {
    font-weight: bold;
}

.product-list-menu-current-title-wrp{
    padding-bottom: 1rem;
}

.toggle-icon {
    height: 20px;
    width: 20px;
    margin-right: 6px;
}

.btn-clear-all {
    margin-top: 20px;
}

.btn-clear-all,
.btn-clear,
.btn-load-more {
    background: #ededed;
    border: 0;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn-load-more {
    padding: 5px 20px;
    width: auto;
}

.product-list-menu {
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}

.product-filter-menu {
    border-bottom: 1px solid #ededed;
    margin-bottom: 20px;
}

.checkbox-filter-check,
.radiobutton-filter-check {
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 15px;
}

.product-counter-sorting-wrp {
    padding-top: 30px;
    padding-bottom: 30px;
}

.product-item-sku {
    padding-bottom: 20px;
    position: relative;
    display: block;
}

.product-item-sku-number-label {
    font-weight: bold;
}

.attribute-listing-odd {
    background: #f5f5f5;
}

.attribute-listing-even {
    background: transparent;
}

.attribute-listing-label {
    border-right: 2px solid #fff;
}

.attribute-listing-label,
.attribute-listing-value {
    margin: 0;
    padding: 24px 20px 24px;
}

.product-attribute-listing-set {
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
}

.product-gallery:before,
.product-attribute-listing:before,
.single-product-document__links:before,
.single-product-related:before {
    height: 1px;
    position: relative;
    display: block;
    content: '';
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: 0.25;
    margin-top: 30px;
    margin-bottom: 30px;
}

.product-main-image {
    display: block;
    margin: 0 auto;
}

.product-main-image-item {
    border: 1px solid var(--pm-border-color);
}

.gallery-video-embed-responsive {
    padding-bottom: 100%;
    position: relative;
    display: block;
    height: auto;
    overflow: hidden;
    margin-bottom: 25px;
}

.gallery-video-embed-responsive iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0;
}

/*!
 * Include some used parts from Bootstrap Grid v5.0.0-beta1 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

.pm-bs-container,
.pm-bs-container-fluid {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

.pm-bs-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}

.pm-bs-row > * {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y);
}

@media (min-width: 576px) {
    .pm-bs-container {
        max-width: 540px;
    }

    .pm-bs-col-sm-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }

    .pm-bs-col-sm-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }

    .pm-bs-col-sm-3 {
      flex: 0 0 auto;
      width: 25%;
    }

    .pm-bs-col-sm-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }

    .pm-bs-col-sm-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }

    .pm-bs-col-sm-6 {
      flex: 0 0 auto;
      width: 50%;
    }

    .pm-bs-col-sm-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }

    .pm-bs-col-sm-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }

    .pm-bs-col-sm-9 {
      flex: 0 0 auto;
      width: 75%;
    }

    .pm-bs-col-sm-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }

    .pm-bs-col-sm-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }

    .pm-bs-col-sm-12 {
      flex: 0 0 auto;
      width: 100%;
    }
}
@media (min-width: 768px) {
   .pm-bs-container {
        max-width: 720px;
    }

    .pm-bs-col-md-1 {
        flex: 0 0 auto;
        width: 8.3333333333%;
    }

    .pm-bs-col-md-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }

    .pm-bs-col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .pm-bs-col-md-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }

    .pm-bs-col-md-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }

    .pm-bs-col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .pm-bs-col-md-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }

    .pm-bs-col-md-8 {
        flex: 0 0 auto;
        width: 66.6666666667%;
    }

    .pm-bs-col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .pm-bs-col-md-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }

    .pm-bs-col-md-11 {
        flex: 0 0 auto;
        width: 91.6666666667%;
    }

    .pm-bs-col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .pm-text-end {
        text-align: right;
    }
}

@media (min-width: 992px) {
    .pm-bs-container {
        max-width: 960px;
    }

    .pm-bs-col-lg-1 {
      flex: 0 0 auto;
      width: 8.33333333%;
    }

    .pm-bs-col-lg-2 {
      flex: 0 0 auto;
      width: 16.66666667%;
    }

    .pm-bs-col-lg-3 {
      flex: 0 0 auto;
      width: 25%;
    }

    .pm-bs-col-lg-4 {
      flex: 0 0 auto;
      width: 33.33333333%;
    }

    .pm-bs-col-lg-5 {
      flex: 0 0 auto;
      width: 41.66666667%;
    }

    .pm-bs-col-lg-6 {
      flex: 0 0 auto;
      width: 50%;
    }

    .pm-bs-col-lg-7 {
      flex: 0 0 auto;
      width: 58.33333333%;
    }

    .pm-bs-col-lg-8 {
      flex: 0 0 auto;
      width: 66.66666667%;
    }

    .pm-bs-col-lg-9 {
      flex: 0 0 auto;
      width: 75%;
    }

    .pm-bs-col-lg-10 {
      flex: 0 0 auto;
      width: 83.33333333%;
    }

    .pm-bs-col-lg-11 {
      flex: 0 0 auto;
      width: 91.66666667%;
    }

    .pm-bs-col-lg-12 {
      flex: 0 0 auto;
      width: 100%;
    }

    .product-counter-sorting-wrp {
        padding-top: 0;
        padding-bottom: 30px;
    }
}

@media (min-width: 1200px) {
    .pm-bs-container {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .pm-bs-container {
        max-width: 1320px;
    }
}

@media (max-width: 991px) {
    .product-list-menu-collapse-btn.active.invert-mobile:before {
        transform: rotate(45deg);
    }

    .product-single-view-collapse-btn.active.invert-mobile {
        transform: rotate(180deg);
    }

    .product-single-view-collapse-btn.invert-mobile {
        transform: rotate(0deg);
    }

    .product-list-menu-collapse-btn.invert-mobile:before {
        transform: rotate(0deg);
    }

    .pm-collapse.show.invert-mobile {
        max-height: 0px;
    }

    .pm-collapse.invert-mobile {
        max-height: 99rem;
    }
}