/**
 * ADTENTION STYLING 2022.01.24
 */

@media (min-width: 768px) {
    .navigation .level0 .submenu {
        background: #313131;
    }

    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0>li {
        width: 18% !important;
        padding: 0 1% !important;
    }

    .navigation .level0 .submenu a {
        color: #ffffff !important;
    }

    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0>li>a{
        font-weight: 700;
    }

    .page-wrapper .nav-sections .nav-sections-item-content>.navigation li.level0.parent:hover a.level-top::before {
        border-color: #313131;
    }

    /*.page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 li {
        width: 100%;
    }*/

    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 li a:hover,
    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 .submenu.level1>li a:hover {
        text-decoration: underline;
    }

    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 .submenu.level1[style],
    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 .submenu.level2[style],
    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 .submenu.level3[style],
    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 .submenu.level4[style],
    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 .submenu.level5[style] {
        margin-bottom: 0 !important;
    }

    .navigation ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: center;
        max-width: 100vw;
        margin: 0 auto;
        padding: 0;
    }

    body .page-wrapper .nav-sections {
        width: calc(100vw - 1.7rem);
    }

    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        /* border-radius: 10px; */
        background-color: #f5f5f500;
    }

    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0::-webkit-scrollbar {
        width: 12px;
        background-color: #f5f5f500;
    }

    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #6e6e6e;
    }


/**
 * ADTENTION STYLING 2022.01.25
 */
    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0>li>a {
        width: 250px;
        margin-top: 1rem;
    }

/*li.level1.category-item.first.parent.ui-menu-item {
    background: #3c3c3c;
}

body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0>li:hover + body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0>li {
    background: transparent !important;
}*/

    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0>li.active {
        background: #3c3c3c;
    }

    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0>li.active > a {
        text-decoration: underline;
    }

    .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 .submenu.level1[style],
    .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 .submenu.level2[style],
    .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 .submenu.level3[style],
    .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 .submenu.level4[style],
    .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0 .submenu.level5[style] {
        top: 3rem !important;
        left: 300px !important;
        min-width: calc(100% - 335px) !important;
        height: calc(100% - 10rem);
        display: none !important;
        position: absolute !important;
        background: #3c3c3c;
        padding: 2rem 3rem !important;
    }

    /*body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0>li:first-of-type > .submenu.level1[style],*/
    body .page-wrapper .nav-sections .nav-sections-item-content>.navigation .level0 .submenu.level0>li.active > ul.level1.submenu {
        display: flex !important;
        flex-flow: column wrap;
        align-content: flex-start;
        justify-content: flex-start;
    }

    li.level1.category-item.ui-menu-item {
        display: flex !important;
        min-width: 100% !important;
        position: unset;
    }

    ul.level1.submenu {
        height: 0;
        position: absolute;
        top: 0;
    }

    ul.level1.submenu.columns-inline-1.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
        position: absolute;
        top: 0;
    }

    ul.level0.submenu.columns-inline-1.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
        position: absolute;
    }

    ul.level1.submenu.columns-inline-1.ui-menu.ui-widget.ui-widget-content.ui-corner-all {
        position: absolute !important;
        top: 0 !important;
    }
}

@media (max-width: 767px) {
    .page-wrapper .nav-sections .nav-sections-item-content>.navigation {
        width: 100%;
        padding-right: 2em;
    }

    li.parent:not(.level0) > a {
        width: calc(100% - 2em);
    }

    li.parent:not(.level0):before {
        content: '\e608';
        position: absolute;
        right: 0;
        font-family: 'luma-icons';
        font-size: 1.6rem;
        font-weight: normal !important;
        /*color: inherit;*/
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: inherit;
        /* content: '\e622'; */
        vertical-align: middle;
        display: inline-block;
        overflow: hidden;
        speak: none;
        text-align: center;
        pointer-events: none !important;
        cursor: pointer;
    }

    li.parent.submenu-active:before,
    li.parent.submenu-active > a::after {
        transform: rotate(90deg);
    }

    .mbdialog.popupid3 {
        z-index: 999;
    }

    .nav-sections-items {
        z-index: 9999;
    }
}

@media (min-width: 768px) {
    body #ea_search_autocomplete {
        top: 172px !important;
    }
}

.amlabel-text {
    z-index: 10;
}

body.catalog-product-view .product-info-main .price-box {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

@media (min-width: 768px) {
    body.catalog-product-view .product-info-main .price-box {
    	align-items: end !important;
    }
}

.product-info-main .special-price-container {
    margin-bottom: 14px;
}

.product-info-main .savings-price-container {
    color: #5a5a5a;
    font-size: 13px;
}

.swatch-attribute {
    width: 100%;
}

.swatch-attribute-options {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.catalog-product-view .swatch-attribute-options {
    justify-content: flex-start;
}

.swatch-option {
    float: none;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #dedfe0;
    min-width: 0;
    padding: 0;
}

.catalog-product-view .swatch-option {
    width: 25px;
    height: 25px;
}

@media screen and (min-width: 768px) {
    .navigation .level0.grid-view .grid-view__container {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}

@media screen and (min-width: 968px) {
    .navigation .level0.grid-view .grid-view__container {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 1280px) {
    .navigation .level0.grid-view .grid-view__container {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}

.adt-free-shipping-label {
    background: #2bbf40;
    border-radius: 3px;
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 4px 16px;
    margin: 0 auto;
    margin-bottom: 4px;
    font-size: 12px;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
}

.adt-free-shipping-label svg {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.catalog-product-view .adt-free-shipping-label {
    margin: 0;
    margin-top: 12px;
    font-size: 12px;
}

.catalog-product-view .adt-free-shipping-label svg {
    width: 18px;
    height: 18px;
}

body.catalog-product-view .product-info-main .stock.available {
    background: #0e2a62 !important;
    background-color: #0e2a62 !important;
}

.toolbar-products {
    display: block !important;
}


/*  28.03.2023  */

.catalog-category-view .page-title-wrapper .limiter, .catalogsearch-result-index .page-title-wrapper .limiter {
    display: none !important;
}

.category-description {
    clear: both !important;
}


.price-brief{
    display: flex;
    justify-content: center;
    gap: 10px;
}

#mtImageContainer .amlabel-position-bottom-left-145325-prod.amlabel-position-wrapper {
    top: 0px !important;
    right: 0px !important;
    left: unset !important;
    width: 104px !important;
    height: 104px !important;
}

#mtImageContainer .amlabel-position-top-left-145325-prod.amlabel-position-wrapper{
    width: 84px;
    height: 84px;
    margin-top: 10px;
    margin-left: 10px;
}


/* Fixes padding problem on image selector on product view */
#MagicToolboxSelectorsContainer a[data-zoom-id] img, .mz-thumb img {
    border-bottom: 0px !important;
    padding-bottom: 0px !important;
}



/* Fixes bug from gardinbus */

.form.gardinbus button.action.submit.primary.adt-book-btn {
    display: block !important;
}

.adt-usp-section {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.usp {
    width: 27%;
    background-color: #dee4e6;
    padding: 2%;
}

.usp svg {
    width: 40%;
    margin: auto;
    /* text-align: center; */
    /* justify-content: center; */
    display: flex;
    fill: #0e2a62; /* Set your desired fill color */
}

.usp h3 {
    margin-top: 5px;
}

.checkout-index-index .checkout-container.shipping .opc-sidebar .opc-block-summary #next-button-summary-block .primary{
   margin:0px !important;
   padding:0px !important;
}

.checkout-index-index .checkout-container.shipping .opc-sidebar .opc-block-summary #next-button-summary-block .primary button{
   margin:0px !important;
   padding:0px !important;
   padding-top: 22px !important;
   padding-bottom: 22px !important;
}

.place-order-wrapper .primary{
   margin:0px !important;
   padding:0px !important;
}


.place-order-wrapper .primary button{
   margin:0px !important;
   padding:0px !important;
   padding-top: 22px !important;
   padding-bottom: 22px !important;
}

.field.newsletter-subscription-wrapper{
    display: none;
}

#co-shipping-form .choice.field label{
    display: flex;
    align-items: center;
    height: 27px;
    min-height: 27px;
    gap: 10px;
    margin-bottom: 0px;
}

.choice.field{
    display: flex;
}

.choice.field label{
    display: flex;
}

.choice.field input{
    margin-top: 0px !important;
}


.choice.field label span{
    display: inline-block !important;
}

.checkout-index-index .checkout-container .opc-wrapper .opc > li.checkout-shipping-address .fieldset .field, .checkout-index-index .checkout-container .opc-block-summary .opc > li.checkout-shipping-address .fieldset .field, .checkout-index-index .checkout-container .opc-wrapper .opc > li .step-content .billing-address-form .fieldset .field, .checkout-index-index .checkout-container .opc-block-summary .opc > li .step-content .billing-address-form .fieldset .field {
    float: none !important;
    width: 100% !important;
}

.form-shipping-address .field.additional {
    display: none;
}

.newsletter-subscription-wrapper{
    display: none !important;
}

li.checkout-cards-progress-bar {
    display: none !important;
}

#customer-email-fieldset .field-tooltip.toggle {
    display: none !important;
}

@media (min-width: 769px) {
   label.label[for="adyen_mobilepay"] {
      display: none !important;
   }

   #adyen_mobilepay {
      display: none !important;
   }

   #hpp_actionModalWrapper{
      display: none !important;
   }
}