:root{
    --BON-BORDER: rgba(10, 41, 121, 0.35);
    --BON-BORDER-LIGHT: rgba(10, 41, 121, 0.25);
}

html {
  scroll-behavior: smooth;
}

.visually-hidden {  
    position: absolute;  
    width: 1px;  
    height: 1px;  
    margin: -1px;  
    border: 0;  
    padding: 0;    
    white-space: nowrap;  
    clip-path: inset(100%);  
    clip: rect(0 0 0 0);  
    overflow: hidden;
}

.theme .btn-primary, .theme .btn-primary{
    border: .0833rem solid #0a2979 !important;
}
.theme .btn-primary:focus, .theme .btn-primary:hover {
    background-color: rgba(255, 255, 255, 0) !important;
    border: .0833rem solid #0a2979 !important;
    color: #0a2979 !important;
}

.bon-align-content-right{
   margin-right: 0 !important;
   margin-left: auto !important;
}

.bon-banner-title-light h2{
   color: #ffffff !important;
}

.bon-main-banner-padding{
   background-color: #ffffff;
   /* padding-top: 200px !important; */
}

.bon-video-poster,
.bon-video-poster  .h-100{
   height: auto !important;
   min-height: auto !important;
}

.bon-main-promotion-product .slider-container>li,
.bon-dynamic-related-products .slider-container>li {
    padding: 0 !important;
}

@media (max-width: 799px) {
    .bon-main-promotion-product .slider-container li > a > div > div:nth-child(1) > div {
        aspect-ratio: 1.25 !important;
    }
}
@media (min-width: 1200px) {
    .bon-main-promotion-product .slider-container li > a > div > div:nth-child(1) > div {
        aspect-ratio: 1.25 !important;
    }
}

.bon-main-promotion-product .slider-container .item_swift_productdefaultimage>div {
    padding: 0 !important;
}
.bon-main-promotion-product .slider-container > li >div  {
    padding: 0 !important;
    margin: 0 !important;
}

.bon-main-promotion-product .slider-container li,
.bon-dynamic-related-products .slider-container>li{
    border-right: 1px solid var(--BON-BORDER);
}

.bon-main-promotion-product .slider-container li > a > div > div:nth-child(1),
.bon-main-promotion-product .slider-container li > a > div > div:nth-child(1) > div{
    height: 100%;
}

.bon-main-promotion-product .slider-container li > a > div > div:nth-child(2) {
    position: absolute;
    z-index: 2;
    width: 100% !important;
    height: 100% !important;
}
.bon-main-promotion-product .slider-container li > a > div > div:nth-child(2) > h3{
    width: 85%;
    font-size: 0.85rem !important;
}

.bon-main-promotion-product .slider-container li>a>div>div:nth-child(2) > div > p,
.bon-main-promotion-product .slider-container li>a>div>div:nth-child(2) > div > small{
    display: none !important;
}
.bon-main-promotion-product .slider-container li>a>div>div:nth-child(2) > div{
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background:url(/Files/Images/MouldshopUK/pages/shadow-product-mask-small.png) no-repeat 0 0;
    background-size: 100% 100% !important;
}

.bon-dynamic-related-products .slider-container>li::before{
    pointer-events: none !important;
    z-index: 1 !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background:url(/Files/Images/MouldshopUK/pages/shadow-product-mask-small.png) no-repeat 0 0;
    background-size: 100% 100% !important;
}

.bon-dynamic-related-products .slider-container>li::before,
.bon-main-promotion-product .slider-container li>a>div>div:nth-child(2) > div{
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
}

.bon-dynamic-related-products .slider-container>li:hover::before,
.bon-main-promotion-product .slider-container li>a>div>div:nth-child(2) > div:hover{
    opacity: 1;
}

.bon-main-promotion-product .slider-container li>a>div>div:nth-child(1){
    overflow: hidden !important;
}

.bon-main-promotion-product .slider-container h3 {
    padding: 20px 20px !important;
    font-size: 1.1rem;
}

@media (min-width: 576px) {
    .bon-main-promotion-product .slider-container h3 {
        padding: 10px 20px !important;
    }
}

.bon-main-promotion-product .slider-container,
.bon-dynamic-related-products .slider-container {
    border-left: 1px solid var(--BON-BORDER);
}

/*BUG*/
/* .bon-main-promotion-product .slider-container,
.bon-dynamic-related-products .slider-container{
    gap: 0 !important;
    margin: 0 !important;
    --swiffy-slider-item-gap-totalwidth: 0;
    --swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-reveal)) / var(--swiffy-slider-item-count));
}

.bon-main-promotion-product .swiffy-slider,
.bon-dynamic-related-products .swiffy-slider {
    --swiffy-slider-item-gap: 0 !important;
} */

.bon-main-promotion-product .slider-container li img{
    /* object-fit: cover !important; */
    -webkit-transition: scale 0.25s ease-out;
    -moz-transition: scale 0.25s ease-out;
    -o-transition: scale 0.25s ease-out;
    transition: scale 0.25s ease-out;
}
.bon-main-promotion-product .slider-container li > a img{
    scale: 0.7;
}
.bon-main-promotion-product .slider-container li > a:hover img{
    scale: 0.75;
}


.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div,
.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}
.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span{
    position: absolute !important;
    display:flex;
    left: 0 !important;
    top: 0 !important;
}


@media (min-width: 576px) {
    .bon-main-promotion-product .slider-container h3 {
        font-size: .8rem;
    }
}
@media (min-width: 700px) {
    .bon-main-promotion-product .slider-container h3 {
        font-size: 1.1rem;
    }
}
@media (min-width: 992px) {
    .bon-main-promotion-product .slider-container h3 {
        font-size: .9rem;
    }
}
@media (min-width: 1200px) {
    .bon-main-promotion-product .slider-container h3 {
        font-size: 1rem;
    }
}
@media (min-width: 1400px) {
    .bon-main-promotion-product .slider-container h3 {
        font-size: 1.2rem;
    }
}



.bon-svg a,
.bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > div > div > a{
   transition: transform ease 0.35s, box-shadow ease 0.35s;
}
.bon-svg a > div{
    background-color: rgba(108, 178, 222, 0);
   -webkit-transition: background-color 0.35s ease;
   -moz-transition: background-color 0.35s ease;
   -o-transition: background-color 0.35s ease;
   transition: background-color 0.35s ease;
}

.bon-svg a:hover > div{
   background-color: rgba(108, 178, 222, 1);
}
.bon-svg a:hover{
    color: #ffffff;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.bon-svg a:hover .bon-svg-lightblue{
    opacity: 0;
}
.bon-svg a:hover .bon-svg-darkblue{
    fill: #ffffff;
}

.bon-ecom-grid-header .bon-svg-lightblue,
.bon-ecom-grid-header .bon-svg-darkblue{
    -webkit-transition: fill 0.25s ease;
    -moz-transition: fill 0.25s ease;
    -o-transition: fill 0.25s ease;
    transition: fill 0.25s ease;
}

.bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > div > div > a:hover .bon-svg-lightblue{
    fill: #c4e0f2;
}
.bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > div > div > a:hover .bon-svg-darkblue{
    fill: #0a2979;
}

.bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > div > div > a > svg{
    -webkit-transition: filter 0.25s ease;
    -moz-transition: filter 0.25s ease;
    -o-transition: filter 0.25s ease;
    transition: filter 0.25s ease;
}

.bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > div > div > a:hover svg{
    filter: drop-shadow(4px 4px 6px rgba(0,0,0,0.25));
}


.tippy-box{
    /* background: rgb(196,224,242);
    background: linear-gradient(90deg, rgba(196,224,242,1) 0%, rgba(108,178,222,1) 35%, rgba(10,40,120,1) 100%); */
    background-color: #c4e0f2;
    color: #0a2979;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.tippy-box{
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 50px;
}
.tippy-arrow{
    display: none;
}


.bon-svg a > div > div > div{
   width: 100% !important;
   height: 100% !important;
}

.bon-svg a > div > div{
    position: relative;
    height: 100% !important;
}

.bon-svg a  > div{
    height: 100% !important;
    gap: 0 !important;
}

.bon-svg a h5{
   font-size: 1rem !important;
   padding: 0 15px 25px 15px !important;
   -webkit-transition: color 0.25s ease-in-out;
   -moz-transition: color 0.25s ease-in-out;
   -o-transition: color 0.25s ease-in-out;
   transition: color 0.25s ease-in-out;
}

.bon-header-megamenu figure.item_swift_logo > a > picture > img,
.bon-header-megamenu figure.item_swift_logo > a > div > svg{
    max-height: 40px !important;
    width: auto !important;
}

.bon-header-megamenu input[type="search"]{
    max-height: 40px !important;
}


.bon-svg .bon-svg-lightblue,
.bon-header-megamenu .bon-svg-lightblue{
   fill: #c4e0f2;
}

.bon-svg .bon-svg-darkblue,
.bon-header-megamenu .bon-svg-darkblue{
   fill: #0a2979;
}

.bon-svg .bon-svg-darkblue,
.bon-svg .bon-svg-lightblue{
   -webkit-transition: fill 0.35s ease;
   -moz-transition: fill 0.35s ease;
   -o-transition: fill 0.35s ease;
   transition: fill 0.35s ease;
}


.bon-icon-grid{
   padding: 0 !important;
}

.bon-icon-grid .grid-lg-4 {
   --bs-columns: 2 !important;
}

@media  (min-width: 576px) and (max-width: 991px) {
    .bon-icon-grid .grid-lg-4 {
        --bs-columns: 3 !important;
    }
}

@media (min-width: 992px) {
    .bon-icon-grid .grid-lg-4 {
        --bs-columns: 6 !important;
    }
}

.bon-icon-grid > div > div > div > .bon-svg  a > div > div::before,
.bon-icon-grid > div > div > div > .bon-svg  a > div > div::after,
.bon-svg > a > div > div::before,
.bon-svg > a > div > div::after{
    position:absolute;
    content: "";
    width: 15px;
    height: 15px;
}




.bon-svg-icons-top > div > div > div > .bon-svg  a > div > div::before,
.bon-svg-icons-top > div > div > div > .bon-svg  a > div > div::after,
.bon-svg-icons-bottom > div > div > div > .bon-svg  a > div > div::before,
.bon-svg-icons-bottom > div > div > div > .bon-svg  a > div > div::after{
    position:absolute;
    content: "";
    width: 15px;
    height: 15px;
}

.bon-svg-icons-top > div > div > div:nth-child(1) > .bon-svg a > div > div:nth-child(2)::before,
.bon-svg-icons-top > div > div > div:nth-child(5) > .bon-svg a > div > div:nth-child(2)::before{
    right: 6px;
    bottom: -1px;
    border-bottom: 1px solid #444444;
}
.bon-svg-icons-top > div > div > div:nth-child(1) > .bon-svg a > div > div:nth-child(2)::after{
    right: -1px;
    bottom: 6px;
    border-right: 1px solid #444444;
}
.bon-svg-icons-bottom > div > div > div:nth-child(2) > .bon-svg a > div > div:nth-child(1)::before,
.bon-svg-icons-bottom > div > div > div:nth-child(6) > .bon-svg a > div > div:nth-child(1)::before{
    left: 6px;
    top: -1px;
    border-top: 1px solid #444444;
}
.bon-svg-icons-bottom > div > div > div:nth-child(2) > .bon-svg a > div > div:nth-child(1)::after,
.bon-svg-icons-bottom > div > div > div:nth-child(6) > .bon-svg a > div > div:nth-child(1)::after{
    left: -1px;
    top: 6px;
    border-left: 1px solid #444444;
}

@media (max-width: 575px) {
    .bon-svg-icons-top > div > div > div:nth-child(3) > .bon-svg a > div > div:nth-child(2)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(1) > .bon-svg a > div > div:nth-child(2)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(3) > .bon-svg a > div > div:nth-child(2)::before{
        right: 6px;
        bottom: -1px;
        border-bottom: 1px solid #444444;
    }
    .bon-svg-icons-top > div > div > div:nth-child(3) > .bon-svg a > div > div:nth-child(2)::after,
    .bon-svg-icons-top > div > div > div:nth-child(5) > .bon-svg a > div > div:nth-child(2)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(1) > .bon-svg a > div > div:nth-child(2)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(3) > .bon-svg a > div > div:nth-child(2)::after{
        right: -1px;
        bottom: 6px;
        border-right: 1px solid #444444;
    }
    .bon-svg-icons-top > div > div > div:nth-child(4) > .bon-svg a > div > div:nth-child(1)::before,
    .bon-svg-icons-top > div > div > div:nth-child(6) > .bon-svg a > div > div:nth-child(1)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(4) > .bon-svg a > div > div:nth-child(1)::before{
        left: 6px;
        top: -1px;
        border-top: 1px solid #444444;
    }
    .bon-svg-icons-top > div > div > div:nth-child(4) > .bon-svg a > div > div:nth-child(1)::after,
    .bon-svg-icons-top > div > div > div:nth-child(6) > .bon-svg a > div > div:nth-child(1)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(4) > .bon-svg a > div > div:nth-child(1)::after{
        left: -1px;
        top: 6px;
        border-left: 1px solid #444444;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .bon-svg-icons-top > div > div > div:nth-child(1) > .bon-svg a > div > div:nth-child(2)::before,
    .bon-svg-icons-top > div > div > div:nth-child(2) > .bon-svg a > div > div:nth-child(2)::before,
    .bon-svg-icons-top > div > div > div:nth-child(4) > .bon-svg a > div > div:nth-child(2)::before,
    .bon-svg-icons-top > div > div > div:nth-child(5) > .bon-svg a > div > div:nth-child(2)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(1) > .bon-svg a > div > div:nth-child(2)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(2) > .bon-svg a > div > div:nth-child(2)::before{
        right: 6px;
        bottom: -1px;
        border-bottom: 1px solid #444444;
    }
    .bon-svg-icons-top > div > div > div:nth-child(1) > .bon-svg a > div > div:nth-child(2)::after,
    .bon-svg-icons-top > div > div > div:nth-child(2) > .bon-svg a > div > div:nth-child(2)::after,
    .bon-svg-icons-top > div > div > div:nth-child(4) > .bon-svg a > div > div:nth-child(2)::after,
    .bon-svg-icons-top > div > div > div:nth-child(5) > .bon-svg a > div > div:nth-child(2)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(1) > .bon-svg a > div > div:nth-child(2)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(2) > .bon-svg a > div > div:nth-child(2)::after{
        right: -1px;
        bottom: 6px;
        border-right: 1px solid #444444;
    }
    .bon-svg-icons-top > div > div > div:nth-child(5) > .bon-svg a > div > div:nth-child(1)::before,
    .bon-svg-icons-top > div > div > div:nth-child(6) > .bon-svg a > div > div:nth-child(1)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(2) > .bon-svg a > div > div:nth-child(1)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(3) > .bon-svg a > div > div:nth-child(1)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(5) > .bon-svg a > div > div:nth-child(1)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(6) > .bon-svg a > div > div:nth-child(1)::before{
        left: 6px;
        top: -1px;
        border-top: 1px solid #444444;
    }
    .bon-svg-icons-top > div > div > div:nth-child(5) > .bon-svg a > div > div:nth-child(1)::after,
    .bon-svg-icons-top > div > div > div:nth-child(6) > .bon-svg a > div > div:nth-child(1)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(2) > .bon-svg a > div > div:nth-child(1)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(3) > .bon-svg a > div > div:nth-child(1)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(5) > .bon-svg a > div > div:nth-child(1)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(6) > .bon-svg a > div > div:nth-child(1)::after{
        left: -1px;
        top: 6px;
        border-left: 1px solid #444444;
    }
}

@media (min-width: 992px) {
    .bon-svg-icons-top > div > div > div:nth-child(1) > .bon-svg  a > div > div:nth-child(2)::before,
    .bon-svg-icons-top > div > div > div:nth-child(2) > .bon-svg  a > div > div:nth-child(2)::before,
    .bon-svg-icons-top > div > div > div:nth-child(3) > .bon-svg  a > div > div:nth-child(2)::before,
    .bon-svg-icons-top > div > div > div:nth-child(4) > .bon-svg  a > div > div:nth-child(2)::before,
    .bon-svg-icons-top > div > div > div:nth-child(5) > .bon-svg  a > div > div:nth-child(2)::before{
        right: 6px;
        bottom: -1px;
        border-bottom: 1px solid #444444;
    }
    .bon-svg-icons-top > div > div > div:nth-child(1) > .bon-svg  a > div > div:nth-child(2)::after,
    .bon-svg-icons-top > div > div > div:nth-child(2) > .bon-svg  a > div > div:nth-child(2)::after,
    .bon-svg-icons-top > div > div > div:nth-child(3) > .bon-svg  a > div > div:nth-child(2)::after,
    .bon-svg-icons-top > div > div > div:nth-child(4) > .bon-svg  a > div > div:nth-child(2)::after,
    .bon-svg-icons-top > div > div > div:nth-child(5) > .bon-svg  a > div > div:nth-child(2)::after{
        right: -1px;
        bottom: 6px;
        border-right: 1px solid #444444;
    }
    .bon-svg-icons-bottom > div > div > div:nth-child(2) > .bon-svg  a > div > div:nth-child(1)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(3) > .bon-svg  a > div > div:nth-child(1)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(4) > .bon-svg  a > div > div:nth-child(1)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(5) > .bon-svg  a > div > div:nth-child(1)::before,
    .bon-svg-icons-bottom > div > div > div:nth-child(6) > .bon-svg  a > div > div:nth-child(1)::before{
        left: 6px;
        top: -1px;
        border-top: 1px solid #444444;
    }
    .bon-svg-icons-bottom > div > div > div:nth-child(2) > .bon-svg  a > div > div:nth-child(1)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(3) > .bon-svg  a > div > div:nth-child(1)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(4) > .bon-svg  a > div > div:nth-child(1)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(5) > .bon-svg  a > div > div:nth-child(1)::after,
    .bon-svg-icons-bottom > div > div > div:nth-child(6) > .bon-svg  a > div > div:nth-child(1)::after{
        left: -1px;
        top: 6px;
        border-left: 1px solid #444444;
    }
}

.bon-svg .closeCross::before{
    left: 6px;
    top: -1px;
    border-top: 1px solid #444444;
}
.bon-svg .closeCross::after{
    left: -1px;
    top: 6px;
    border-left: 1px solid #444444;
}
.bon-svg .openCross::before{
    right: -1px;
    bottom: 6px;
    border-right: 1px solid #444444;
}
.bon-svg .openCross::after{
    right: 6px;
    bottom: -1px;
    border-bottom: 1px solid #444444;
}

.bon-svg-icons .grid{
   gap: 0 !important;
}

.bon-svg-icons .grid-lg-6 {
   --bs-columns: 2 !important;
}

@media (min-width: 576px) {
    .bon-svg-icons .grid-lg-6 {
        --bs-columns: 3 !important;
    }
}
@media (min-width: 992px) {
    .bon-svg-icons .grid-lg-6 {
        --bs-columns: 6 !important;
    }
}

.bon-main-promotion-title{
   padding: 30px;
}

.bon-svg-icons-top{
   padding: 0 !important;
}

.bon-svg-icons-bottom,
.bon-svg-icons{
    padding: 0 0 16px 0 !important;
}

.bon-sub-banners{
   background-color: #ffffff;
}

.bon-sub-banners > div{
    height: auto !important;
}

@media (min-width: 576px) {
    .bon-svg-icons-bottom,
    .bon-svg-icons{
        padding: 0 0 100px 0 !important;
    }
}

@media (min-width: 992px) {
   .bon-sub-banners{
      /* padding-bottom: 100px !important; */
   }
  .bon-sub-banners > div{
      height: calc((((100vw - 32px) * 0.5 ) / 1.78) ) !important;
   }
}

@media (min-width: 1200px) {
  .bon-sub-banners > div{
      height: calc((((1108px - 16px) * 0.5 ) / 1.78) ) !important;
   }
}

@media (min-width: 1400px) {
  .bon-sub-banners > div{
      height: calc((((1288px - 16px) * 0.5 ) / 1.78) ) !important;
   }
}

/* @media (min-width: 1600px) {
   .bon-sub-banners > div{
      height: calc((((1488px - 16px) * 0.5 ) / 1.78) ) !important;
   }
} */

.bon-sub-banners > div > div,
.bon-sub-banners > div > div > div, 
.bon-sub-banners > div > div > div .swiffy-slider{
   height: 100% !important;
}

.bon-header-1{
   padding: 100px 0 0 0 !important;
}

.bon-banner-title-light h2{
   color: #ffffff !important;
}

.bon-text-title span{
   font-size: 1.2rem;
   font-weight: 700;
}

.bon-text-align-center h1{
   text-align: center;
}

.bon-home-flosense > div > div > div > div{
   padding: 25px !important;
}

.bon-video-poster-full{
   height: calc(((100vw) / 1.78) - 5px) !important;
}
.bon-video-poster-full > div > div{
   min-height: 100% !important;
}

@media (min-width: 992px) {
    .bon-video-poster-full{
        height: calc(((100vw * 0.5 ) / 1.78) - 5px) !important;
    }
}

.bon-video-poster-block{
    aspect-ratio: 1.78 !important;
    /* height: calc((((100vw - 16px) ) / 1.78) ) !important; */
}

.bon-video-poster-block > div > div{
   min-height: 100% !important;
}

/* @media (min-width: 992px) {
  .bon-video-poster-block{
      height: calc((((100vw - 32px) * 0.5 ) / 1.78) ) !important;
   }
}

@media (min-width: 1200px) {
  .bon-video-poster-block{
      height: calc((((1108px - 16px) * 0.5 ) / 1.78) ) !important;
   }
}

@media (min-width: 1400px) {
  .bon-video-poster-block{
      height: calc((((1288px - 16px) * 0.5 ) / 1.78) ) !important;
   }
} */

/* @media (min-width: 1600px) {
   .bon-video-poster-block{
      height: calc((((1488px - 16px) * 0.5 ) / 1.78) ) !important;
   }
} */

.bon-home-icons > div > div > div{
   position: relative !important;
   padding-top: 100% !important;
}

.bon-home-icons > div > div > div > div{
   height: 100% !important;
   width: 100%  !important;
   position: absolute !important;
   top: 0;
   left: 0;
}

.bon-home-icons > div > div > div > div > div:nth-child(2){
   height: 100% !important;
   padding: 0 25px;
   gap: 0 !important;
}

.bon-home-icons > div > div > div > div > div:nth-child(2) > div{
   height: 100% !important;
   display: flex;
   flex-wrap: wrap;
   margin-left: auto;
   margin-right: auto;
}

.bon-home-icons > div > div > div > div > div:nth-child(2) > div:nth-child(1){
   align-content: flex-end;
}

.bon-home-icons > div > div > div > div > div:nth-child(2) > div:nth-child(1) > div{
   width: 150px !important;
   height: 150px !important;
}

.bon-home-icons > div > div > div > div > div:nth-child(2) > div:nth-child(2){
   align-content: flex-start;
}

.bon-home-icons .bon-svg-lightblue{
   fill: #6CB2DE;
   -webkit-transition: fill 0.5s ease-out;
   -moz-transition: fill 0.5s ease-out;
   -o-transition: fill 0.5s ease-out;
   transition: fill 0.5s ease-out;
}

.bon-home-icons .bon-svg-darkblue{
   fill: #0a2979;
}

.bon-home-icons .bon-svg-white{
   fill: #ffffff;
}

.bon-home-icons-image{
   background-image: url("/Files/Images/home-delivery.jpg");
   background-size: cover;
   color: #ffffff !important;
}

.bon-subscribe > div > div{
   border: 1px dotted rgba(var(--swift-foreground-color-rgb), .3);
}

.bon-subscribe input{
   border-radius: 0;
}

/* .bon-description-column > div > div > div > div > div > div, */
.bon-text-columns,
.bon-text-columns > div{
    width: 100% !important;
    max-width: 100% !important;
}

.bon-description-column{
    padding-bottom: 100px !important;
}

@media (min-width: 992px) {
    /* .bon-description-column > div > div > div > div > div > div, */
    .bon-text-columns > div{
        -webkit-columns: 60px 2;
        -moz-columns: 60px 2;
        columns: 60px 2;
        column-gap: 60px;
    }
}

/* .bon-top-space{
   padding-top: 156px !important;
} */

.bon-mbox-top-space-mobile{
   min-height: 147px !important;
   height: 147px !important;
}
.bon-mbox-top-space{
   min-height: 175px !important;
   height: 175px !important;
}

@media (min-width: 576px) {
    .bon-mbox-top-space{
        min-height: 200px !important;
        height: 200px !important;
    }
}

.bon-flosense-blocs > div > div > div > div{
   padding: 35px !important;
}

.bon-breadcrumbs-space{
   padding-top: 175px !important;
   padding-bottom: 20px !important;
}

.bon-breadcrumbs-blue{
   background-color: #c4e0f2 !important;
}

.bon-breadcrumbs-white{
   background-color: #ffffff !important;
}

.bon-breadcrumbs-grey{
   background-color: #f4f4f4 !important;
}

.bon-numbers > div > div > div{
   position: relative !important;
   padding-top: 100% !important;
}

.bon-numbers > p {
   pointer-events: none !important;
}

.bon-numbers > div > div > div > div{
   height: 100% !important;
   width: 100%  !important;
   position: absolute !important;
   top: 0;
   left: 0;
}

.bon-numbers > div > div > div > div > div:nth-child(2),
.bon-numbers > div > div > div > div > a > div{
   height: 100% !important;
   padding: 0 25px;
   gap: 0 !important;
}

.bon-numbers > div > div > div > div > div:nth-child(2) > div,
.bon-numbers > div > div > div > div > a > div > div{
   height: 100% !important;
   display: flex;
   flex-wrap: wrap;
   margin-left: auto;
   margin-right: auto;
}

.bon-numbers > div > div > div > div > div:nth-child(2) > div:nth-child(1),
.bon-numbers > div > div > div > div > a > div > div:nth-child(1){
   align-content: flex-end;
}

.bon-numbers > div > div > div > div > div:nth-child(2) > div:nth-child(1) > div,
.bon-numbers > div > div > div > div > a > div > div:nth-child(1) > div{
   width: 100px !important;
   height: 75px !important;
}

.bon-numbers > div > div > div > div > div:nth-child(2) > div:nth-child(2),
.bon-numbers > div > div > div > div > a > div > div:nth-child(2){
   align-content: flex-start;
   font-size: 1rem !important;
   line-height: 1 !important;
}

.bon-numbers .bon-svg-lightblue{
   fill: #6CB2DE;
   -webkit-transition: fill 0.5s ease-out;
   -moz-transition: fill 0.5s ease-out;
   -o-transition: fill 0.5s ease-out;
   transition: fill 0.5s ease-out;
}

.bon-numbers .bon-svg-darkblue{
   fill: #0a2979;
}

.bon-numbers .bon-svg-white{
   fill: #ffffff;
}

@media (min-width: 576px) {
    .bon-numbers > div > div > div > div > div:nth-child(2) > div:nth-child(2),
   .bon-numbers > div > div > div > div > a > div > div:nth-child(2){
      font-size: 1.5rem !important;
   }
   .bon-numbers > div > div > div > div > div:nth-child(2) > div:nth-child(1) > div,
   .bon-numbers > div > div > div > div > a > div > div:nth-child(1) > div{
      width: 150px !important;
      height: 100px !important;
   }
}

.bon-numbers-top{
   padding-bottom: 1rem !important;
   padding-top: 30px !important;
}

.bon-numbers-bottom{
   padding-bottom: 16px !important;
}

/*BUG*/
/* .bon-products-layout .swiffy-slider,
.bon-dynamic-related-products .swiffy-slider{
   --swiffy-slider-item-count: 1 !important;
}
.bon-ecom-grid-header .swiffy-slider .slider-container {
    --swiffy-slider-item-count: 6 !important;
} */

.bon-ecom-grid-header .slider-item-show6 .slider-container{
    grid-auto-columns: calc((100% - var(--swiffy-slider-item-reveal)) / var(--swiffy-slider-item-count)) !important;
}

@media (min-width: 576px) {
    .bon-numbers-bottom{
        padding-bottom: 100px !important;
    }

    /* .bon-products-layout .swiffy-slider,
    .bon-dynamic-related-products .swiffy-slider{
        --swiffy-slider-item-count: 2 !important;
    } */
}
    
@media (min-width: 800px) {
    /* .bon-products-layout .swiffy-slider,
    .bon-dynamic-related-products .swiffy-slider{
        --swiffy-slider-item-count: 3 !important;
    } */
}
@media (min-width: 992px) {
    /* .bon-products-layout .swiffy-slider,
    .bon-dynamic-related-products .swiffy-slider{
        --swiffy-slider-item-count: 4 !important;
    } */
}
@media (min-width: 1400px) {
    .bon-ecom-grid-header .swiffy-slider .slider-container {
        --swiffy-slider-item-count: 8 !important;
    }
    .bon-ecom-grid-header .slider-item-show6 .slider-container{
        grid-auto-columns: calc((100% - var(--swiffy-slider-item-reveal)) / var(--swiffy-slider-item-count)) !important;
    }
}
@media (max-width: 991px){
    .bon-ecom-grid-header{
        display: none !important;
    }
}

.bon-module-inactive{
   pointer-events: none !important;
}

.bon-intro-block-full h4{
    font-size: 2rem !important;
}


@media (min-width: 992px) {
    .bon-intro-block-full h4{
        font-size: 1.3rem !important;
    }
}

.bon-logotypes .slider-container > li > div:nth-child(1){
    height: 100%;
}

.bon-logotypes .bon-svg-logotype{
   fill: #a09a9b;
}

.bon-logotypes img{
    object-fit: contain !important;
}

.bon-logotypes .swiffy-slider {
    padding: 0 !important;
}

@media  (min-width: 360px) and (max-width: 575px) {
    .bon-logotypes .swiffy-slider {
        padding: 25px 0 !important;
        --swiffy-slider-item-gap: 50px !important; 
        --swiffy-slider-item-count: 2 !important;
    }
}

@media  (min-width: 576px) and (max-width: 991px) {
    .bon-logotypes .swiffy-slider {
        padding: 2rem !important;
        --swiffy-slider-item-gap: 75px !important; 
        --swiffy-slider-item-count: 3 !important;
    }
}

@media  (min-width: 992px) and (max-width: 1199px) {
    .bon-logotypes .swiffy-slider {
        padding: 2rem !important;
        --swiffy-slider-item-gap: 100px !important;
        --swiffy-slider-item-count: 4;
    }
}

@media  (min-width: 1200px) and (max-width: 1399px) {
    .bon-logotypes .swiffy-slider {
        padding: 2rem !important;
        --swiffy-slider-item-gap: 100px !important;
        --swiffy-slider-item-count: 5;
    }
}

@media  (min-width: 1400px) {
    .bon-logotypes .swiffy-slider {
        padding: 2rem !important;
        --swiffy-slider-item-gap: 100px !important;
        --swiffy-slider-item-count: 6;
    }
}

.bon-divider > div:last-child, 
.bon-divider > div > div > div:last-child{
    max-width: 100% !important;
    width: 100% !important;
}

.bon-image-center figure > div{
    width: 100% !important;
}
.bon-image-center svg{
    display: flex;
    object-fit: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: calc(100vw - 150px) !important;
}

@media(min-width: 992px) {
    .bon-image-center svg{
        width: 50% !important;
    }
}

@media (min-width: 1400px) {
    .bon-max-content{
        max-width: 75% !important;
    }
}

.bon-align-content-right{
   margin-right: 0 !important;
   margin-left: auto !important;
}

.bon-services-styling figure{
   padding-bottom: 50px !important;
}

.bon-footer-bottom > div > div > div:nth-child(2) > div > nav > ul > li > a > span{
    padding-right: 5px !important;
}

.bon-main-banner-mobile{
   background-color: #ffffff;
   /* padding-top: 185px !important; */
}

.bon-header > div > div > div > div > nav > ul > li > a > span{
    padding-right: 5px !important;
}

.bon-flosense-card > div > div:nth-child(4){
    margin-top: auto !important;
}

.bon-flosense-card > figure{
    margin-bottom: 25px !important;
}

.bon-grid .grid-lg-4 {
   --bs-columns: 1 !important;
}

@media  (min-width: 360px) and (max-width: 991px) {
    .bon-grid .grid-lg-4 {
        --bs-columns: 2 !important;
    }
}

@media (min-width: 992px) {
    .bon-grid .grid-lg-4 {
        --bs-columns: 4 !important;
    }
}


.bon-home-news > div:nth-child(2) {
    height: 100%;
}

.bon-home-news > div > ul > li  > div > div > div  > a {
    opacity: 0 !important;
}

.bon-viewer{
   height: calc(100vw);
   width: 100% !important;
   /* border-left: 1px dashed var(--BON-BORDER-LIGHT);
   border-right: 1px dashed var(--BON-BORDER-LIGHT); */
}

@media (min-width: 576px) and (max-width: 767px) {
    .bon-viewer{
        height: calc((100vw - 32px));
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .bon-viewer{
        height: calc((100vw - 48px));
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .bon-viewer{
        height: calc((100vw - 68px)/2);
    }
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .bon-viewer{
        height: calc((1108px - 16px)/2);
    }
}
@media (min-width: 1400px) {
    .bon-viewer{
        height: calc((1288px - 16px)/2);
    }
}

/* .bon-viewer div {
    height: 100%;
} */


.bon-viewer > div,
.bon-viewer > div > div{
    margin: 0 !important;
}

.bon-viewer > h2{
    display: none !important;
}

.bon-products-half-layout .swiffy-slider{
   --swiffy-slider-item-count: 1 !important;
}
.bon-products-half-layout .grid{
    --bs-columns: 1 !important;
}

@media (max-width: 575px) {
    .bon-products-half-layout{
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .bon-main-promotion-product > div,
    .bon-products-half-layout > div{
        padding: 0 !important;
    }
    .bon-mbox-twins-1-1 > div{
        padding-left: 0;
        padding-right: 0;
    }
    .bon-mbox-twins-1-1 > div > .grid,
    .bon-products-half-layout > div > .grid{
        gap: 0 !important;
    }
    .bon-mbox-twins-1-1 > div{
        padding-left: 0 !important;
    }
}

@media (min-width: 576px) {
    .bon-products-half-layout .swiffy-slider {
        --swiffy-slider-item-count: 2 !important;
    }
}

@media (min-width: 992px) {
    .bon-products-half-layout .grid{
        --bs-columns: 2 !important;
    }
}

@media (max-width: 991px) {
    
    /* .bon-responsive-desktop > div, */
    /* .bon-main-promotion-product > div, */
    /* .bon-mbox-twins-layout > div,
    .bon-svg-icons > div{
        padding: 0 !important;
    } */
    .bon-mbox-twins-layout > div > div{
        gap: 0 !important;
    }
}

/*-----ECOM-----*/

.bon-ecom-grid{
    padding-top: 16px !important;
}

.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(1){
    border-bottom: 1px solid var(--BON-BORDER);
    margin-bottom: 15px !important;
}

@media (max-width: 575px) {
    .bon-ecom-grid > div{
        padding: 0 !important;
    }
    .bon-ecom-grid > div > div{
        gap: 0 !important;
    }
    .bon-ecom-grid > div > div > div:nth-child(1) > div > div > div{
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

.bon-ecom-grid > div > div > div:nth-child(1) button{
    padding: 0.375rem 0.75rem !important;
}


.bon-ecom-grid > div > div > div:nth-child(2) {
    border-left: 0;
    padding-left: 0 !important;
}

@media (min-width: 992px) {
    .bon-ecom-grid > div > div > div:nth-child(2) {
        border-left: 1px solid var(--BON-BORDER);
        padding-left: 15px !important;
    }
}

/*----- ECOM HEADER ------*/
.bon-ecom-grid-header > div > div > div:last-child > div{
    padding:0 !important;
}
.bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div{
    padding-bottom: 0 !important;
}
.bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > div > div,
.bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > div > div > a{
    height: 100% !important;
}


/* .bon-svg a:hover .bon-svg-darkblue{ */
.bon-ecom-grid-header .bon-svg-darkblue{
    fill: #919191;
}
.bon-ecom-grid-header .bon-svg-lightblue{
    fill: #EFEFEF;
}

.bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > svg{
    pointer-events:all;
}
.bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > svg:hover .bon-svg-lightblue{
    fill: #E60005;
}

.bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > div > div > a{
    border: none !important;
    /* padding: 25px !important; */
    background:none !important;    
    /* background-color: #6CB2DE !important;
    opacity: 0;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    color: #efefef !important; */
    /* pointer-events: none; */
}
/* .bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > div > div > a:hover{
    opacity: 1;
} */

/* .bon-ecom-grid-header > div > div > div:last-child > div > div:last-child > div > ul > li > div > div > div > a:hover{
    opacity: 1;
} */

.bon-ecom-grid-header > div > div > div:last-child{
    position: relative;
}
.bon-ecom-grid-header > div > div > div:last-child::after{
    content: '';
    position: absolute;
    top: 5px;
    height: calc(100% - 10px);
    width: 1px;
    background-color: var(--BON-BORDER);
}

/* ----- ECOM MENU ----- */
.bon-ecom-grid-header .slider-container{
    gap: 0 !important;
    margin: 0 !important;
    --swiffy-slider-item-gap-totalwidth: 0;
    --swiffy-slider-item-width: calc((100% - var(--swiffy-slider-item-reveal)) / var(--swiffy-slider-item-count)) !important;
}

.bon-ecom-menu{
    padding-right: 20px !important;
}

@media (min-width: 700px) and (max-width: 1199px) {
    .bon-header-megamenu ul > li > div > div > div > div{
        width: 25% !important;
    }   
}
@media (min-width: 1200px) {
    .bon-header-megamenu ul > li > div > div > div > div{
        width: 16.66666667%;
    }   
}

.slider-nav{
    filter: none !important;
}

/* .bon-main-promotion-product .swiffy-slider,
.bon-dynamic-related-products .swiffy-slider {
    --swiffy-slider-item-gap: 0 !important;
} */



/* LAYOUT */

.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > :not(.grid){
    padding-top: 30px !important;
    margin-top: 15px !important;
    border-top: 1px solid var(--BON-BORDER);
}

.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid{
    gap: 0 !important;
    /* grid-column: auto / span 6 !important; */
    padding: 0 !important;
}

.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid .g-col-lg-3{
    grid-column: auto / span 6 !important;
}


/* DIVIDERS BASE */

.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article::after{
    content: '';
    position: absolute; 
    bottom: -5px;
    width: calc(100% - 30px);
    left: 15px;
    height: 1px;
    background-color: var(--BON-BORDER);
}
.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article::before{
    content: '';
    position: absolute;
    right: -5px;
    height: calc(100% - 30px);
    top: 15px;
    width: 1px;
    background-color: var(--BON-BORDER);
}

/* DIVIDERS DEV */

.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-last-child(-n + 2)::after{
    content: none;
}
.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-child(3n-1)::before,
.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-child(4n-1)::before{
    content: '';
    position: absolute;
    right: -5px;
    height: calc(100% - 30px);
    top: 15px;
    width: 1px;
    background-color: var(--BON-BORDER);
}
.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-child(2n-1)::before{
    content: none;
}


@media (min-width: 992px) {
    .bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid .g-col-lg-3 {
        grid-column: auto / span 4 !important;
    }
    .bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-last-child(-n + 3)::after{
        content: none;
    }
    .bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-child(2n-1)::before,
    .bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-child(4n-3)::before{
        content: '';
        position: absolute;
        right: -5px;
        height: calc(100% - 30px);
        top: 15px;
        width: 1px;
        background-color: var(--BON-BORDER);
    }
    .bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-child(3n-2)::before{
        content: none;
    }
}

@media (min-width: 1400px) {
    .bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid .g-col-lg-3 {
        grid-column: auto / span 3 !important;
    }
    .bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-last-child(-n + 4)::after{
        content: none;
    }
    .bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-child(2n-1)::before,
    .bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-child(3n-2)::before{
        content: '';
        position: absolute;
        right: -5px;
        height: calc(100% - 30px);
        top: 15px;
        width: 1px;
        background-color: var(--BON-BORDER);
    }
    .bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:nth-child(4n-3)::before{
        content: none;
    }
}

.bon-ecom-item-right::before{
    content: none !important;
}
.bon-ecom-item-left::before{
    content: '' !important;
    position: absolute !important;
    right: -5px !important;
    height: calc(100% - 30px);
    top: 15px;
    width: 1px !important;
    background-color: var(--BON-BORDER) !important;
}
.bon-ecom-item-bottom::after{
    content: none !important;
}
.bon-ecom-item-top::after{
    content: '' !important;
    position: absolute !important;
    bottom: -5px !important;
    width: calc(100% - 30px);
    left: 15px;
    height: 1px !important;
    background-color: var(--BON-BORDER) !important;
}




/* ARTICLE */

.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article{
    padding: 1px !important;
    margin: 5px !important;
    position: relative !important;
    box-shadow: rgba(50, 50, 93, 0) 0px 100px 100px -20px, rgba(0, 0, 0, 0) 0px 30px 60px -30px;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding-bottom: 15px !important;
}

.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:hover{
    z-index: 100 !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 100px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
/* .bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:hover ::after,
.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:hover ::before{
    opacity: 0;
} */

.bon-ecom-grid .bon-ecom-card-button a,
.bon-dynamic-related-products .bon-ecom-card-button a{
    display: none !important;
}

.bon-ecom-grid .bon-ecom-card-button form,
.bon-dynamic-related-products .bon-ecom-card-button form{
    width: 100%;
}
.bon-ecom-grid .bon-ecom-card-button form button,
.bon-dynamic-related-products .bon-ecom-card-button form button{
    width: 80%;
}
/* .bon-ecom-grid .bon-ecom-card-button form button{
    border: none !important;
} */

.bon-ecom-grid .bon-ecom-card-button form button:hover{
    background-color: #6cb2de;
}

.bon-ecom-grid .bon-ecom-card-title h2{
    font-size: 1.1rem !important;
    line-height: 1.1;
}

.bon-ecom-grid .bon-ecom-card-price .text-price,
.bon-ecom-product-related .bon-ecom-card-price .text-price{
    font-size: 1.15rem !important;
    color: #6cb2de;
    font-weight: 400;
}
.bon-ecom-grid .bon-ecom-card-price .text-decoration-line-through{
    color: #999999;
    font-size: 1rem !important;
    line-height: 1 !important;
}

.bon-ecom-grid .bon-ecom-card-price > div > div > div > span:nth-child(3){
    line-height: 1 !important;
}

.bon-ecom-grid .bon-ecom-card-title,
.bon-ecom-grid .bon-ecom-card-price{
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 992px) {
    .bon-ecom-grid .bon-ecom-card-title,
    .bon-ecom-grid .bon-ecom-card-price{
        padding-left: 25px;
        padding-right: 25px;
    }
}

.bon-ecom-grid .bon-ecom-card-image{
    overflow: hidden;
}
.bon-ecom-grid .bon-ecom-card-image img{
    /* object-fit: cover !important; */
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    scale: 0.8;
}

.bon-ecom-card-image > div > div > div:nth-child(2){
    padding: 0 !important;
    width: 100%;
    height: 100%;
}
.bon-ecom-card-image > div > div > div:nth-child(2) > span{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 15px;
    padding-top: 15px;
}

.bon-ecom-card-image > div > div > div:nth-child(2) > span > span:not(.new):not(.badge-limited){
    padding: 0 !important;
    transform: translate(-50%, 0) !important;
    font-weight: 300 !important;
    font-size: 2rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    line-height: 1 !important;
}
/* .bon-ecom-card-image > div > div > div:nth-child(2) > span > .uk-sale::before, */
.bon-ecom-card-image > div > div > div:nth-child(2) > span > .uk-sale::after{
    color: #E60005;
    font-size: 1.5rem !important;
}

.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:hover img{
    scale: 0.85;
}

.bon-ecom-grid > div > div > div:nth-child(2) > div > div:nth-child(2) > div > .product-list > .grid > article:hover .new::before{
    color: #ffffff !important;
}

.bon-ecom-product-details-price > div > div > div{
    gap: 0 !important;
}

.bon-ecom-card-favourites{
    position: absolute;
    right: 0;
}
/* .bon-ecom-card-favourites svg{
    stroke: #0a2979;
} */


.bon-ecom-grid article > div:not(.bon-ecom-card-badge):not(.bon-ecom-card-image):not(.bon-ecom-card-title):not(.bon-ecom-card-price):not(.bon-ecom-card-button){
    display: none !important;
}


/* PRODUCT DETAILS */


.bon-ecom-product-variants .table-striped > tbody > tr > *{
    --bs-table-accent-bg: #efefef;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.bon-ecom-product-variants .table-striped > tbody > tr:hover > *{
    --bs-table-accent-bg: #ffffff !important;
}

.bon-ecom-product-variants .table-striped > tbody > tr > td:first-child,
.bon-ecom-product-variants .table-striped > tbody > tr > td:last-child{
    /* padding-left: 15px !important; */
}

.bon-ecom-product-variants .table-striped > tbody > tr > td:last-child div button{
    width: 50% !important;
}

.bon-ecom-product-variants .table>:not(:first-child),
.bon-ecom-product-variants .table>:not(caption)>*>*{
    /* border: none !important; */
}

.bon-ecom-product-variants table{
    /* border-collapse:separate; */
	border-spacing: 0;
}

.bon-ecom-product-variants .grid .grid > div:first-child > button{
    margin-bottom: 0 !important;
    margin-left: auto !important;
    width: 50% !important;
    /* margin-right: 5px !important; */
    margin-left: 15px !important;
    background-color: #6CB2DE;
    color: #ffffff;
    border: 0 !important;
}

.bon-ecom-product-variants .grid .grid > div:first-child > button > span:first-child{
    text-align: center !important;
    padding-left: 25px;
}

@media (min-width: 992px) {
    .bon-ecom-product-variants .grid .grid > div:first-child > button{
        width: 155px !important;
    }
}

.bon-ecom-product-variants .grid .grid > div:first-child > button:hover{
    background-color:#0a2979 !important;
    color: #ffffff !important;
}

.bon-ecom-product-variants .grid .grid > div:first-child::before{
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--BON-BORDER);
    /* margin-left: 10px; */
    height: 22px !important;
}
.bon-ecom-product-variants .grid .grid > div:first-child{
    padding-bottom: 25px;
    display: flex;
}




/* PRODUCT DETAILS IMAGE */

.bon-ecom-product-details > div,
.bon-ecom-product-details-mobile > div{
    padding: 0 !important;
}

/* .bon-ecom-product-details > div  > div > div:nth-child(1) a{
    pointer-events: none !important;
} */

.bon-ecom-product-details > div  > div:not(:last-child),
.bon-ecom-product-details > div  > div:not(:last-child) > div:nth-child(1) > div{
    gap: 0 !important;
}

/* .bon-ecom-product-details > div  > div > div:nth-child(1) > div > div:nth-child(2){
    width: 200% !important;
    border-top: 1px solid var(--BON-BORDER);
} */

.bon-ecom-product-details > div  > div:not(:last-child) > div:nth-child(2){
    padding-top: 50px !important;
}

.bon-ecom-product-details > div  > div > div:nth-child(1) a > div{
    /* position: relative !important;
    padding-top: 100% !important; */
}

.bon-ecom-product-details > div  > div > div:nth-child(1) a > div > img,
.bon-ecom-product-details-mobile > div  > div > div:nth-child(1) a > div > img{
    object-fit: contain !important;
    /* position: absolute !important;
    top: 50% !important;
    transform: translate(0, -50%) !important; */
}


/* BADGE */
.bon-ecom-product-details-mobile > div  > div > div:first-child > div:first-child > div:first-child > div:last-child{
    width: 100%;
    height: 100%;
    pointer-events: none;
}



.bon-ecom-product-details > div  > div > div:nth-child(2) > div > div > div:nth-child(1) > div,
.bon-ecom-product-details-mobile > div  > div > div:last-child > div > div > div:nth-child(2) > div {
    padding: 0 !important;
    gap: 5px !important;
}

.bon-ecom-product-details > div  > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div:nth-child(1){
    flex-grow: unset !important;
    flex:none !important;
    
}
.bon-ecom-product-details > div  > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div:nth-child(1) button{
    padding-left: 0 !important;
}
.bon-ecom-product-details > div  > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div:nth-child(1) svg{
    scale: 1.25 !important;
}

/* .bon-ecom-product-details > div  > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div:nth-child(2){
    display: contents !important;
} */

/* .bon-ecom-product-details > div  > div > div:nth-child(2) > div > div > div:nth-child(1) > div > div:nth-child(2)::before{
    content: "Product number: ";
} */


/* PRODUCT DETAILS NUMBER PLUS */

.bon-ecom-product-details .bon-ecom-product-details-number{
    position: absolute;
    bottom: 0;
}
.bon-ecom-product-details .bon-ecom-product-details-number > div > div > div,
.bon-ecom-product-details .bon-ecom-product-details-number > div > div > div > p{
    font-size: 1rem !important;
    line-height: normal;
    font-weight: 300;
    color:#999999;
}
.bon-ecom-product-details .bon-ecom-product-details-number > div > div:nth-last-child(2){
    flex-grow: unset !important;
    flex: none !important;
}
.bon-ecom-product-details .bon-ecom-product-details-number > div > div:last-child > div{
    font-weight: 500;
}
.bon-ecom-product-details .bon-ecom-product-details-number{
    width: max-content;
    transform-origin: 0 0;
    transform: translate(5px, 15px) rotate(-90deg);
}

.bon-ecom-product-details .bon-ecom-product-details-favourite > div > div{
    position: absolute;
    transform: translate(-85px,-45px) !important;
}


.bon-ecom-product-details .bon-ecom-product-details-price > div  > div > div .text-price,
.bon-ecom-product-details-mobile .bon-ecom-product-details-price > div  > div > div .text-price{
    font-weight: 300;
    font-size: 2.5rem;
}

.bon-ecom-product-details-mobile .bon-ecom-product-details-price > div  > div > div .text-decoration-line-through{
    font-size: 1.75rem !important;
    line-height: 1 !important;
    color: #999999;
}

.bon-ecom-product-details-price > div > div > div > span > .text-decoration-line-through{
    font-size: 1.75rem !important;
    line-height: 1 !important;
    color: #999999;
}

.bon-ecom-product-details .bon-ecom-product-details-manufacturer span,
.bon-ecom-product-details-mobile .bon-ecom-product-details-manufacturer span{
    font-weight: 700;
    font-size: 1rem;
}

.bon-ecom-product-details-mobile .bon-ecom-product-details-manufacturer span::before,
.bon-ecom-product-details .bon-ecom-product-details-manufacturer span::before{
    font-weight: 300;
    content: "Manufacturer: ";
}

.bon-ecom-product-details-price > div > div > div > span{
    width: 100%;
}

.bon-ecom-product-details .bon-ecom-product-details-nav,
.bon-ecom-product-details-mobile .bon-ecom-product-details-nav{
    display:flex;
    gap: 10px !important;
}

.bon-ecom-product-details .bon-ecom-product-details-nav .bon-ecom-anchor-specification,
.bon-ecom-product-details .bon-ecom-product-details-nav .bon-ecom-anchor-variants{
    display: none;
}

.bon-ecom-product-details .bon-ecom-product-details-nav .bon-ecom-product-details-nav-specification,
.bon-ecom-product-details .bon-ecom-product-details-nav .bon-ecom-product-details-nav-variants,
.bon-ecom-product-details-mobile .bon-ecom-product-details-nav .bon-ecom-product-details-nav-specification,
.bon-ecom-product-details-mobile .bon-ecom-product-details-nav .bon-ecom-product-details-nav-variants{
    border-radius: var(--swift-button-secondary-shape);
    font-weight: var(--swift-button-secondary-font-weight);
    border-radius: var(--swift-button-secondary-shape);
    text-transform: var(--swift-button-secondary-casing);
}
.bon-ecom-product-details .bon-ecom-product-details-nav .bon-ecom-product-details-nav-specification,
.bon-ecom-product-details-mobile .bon-ecom-product-details-nav .bon-ecom-product-details-nav-specification{
    background-color: #6CB2DE;
    border: 1.5px solid #6CB2DE;
    color: #ffffff;
}
.bon-ecom-product-details .bon-ecom-product-details-nav .bon-ecom-product-details-nav-specification:hover,
.bon-ecom-product-details-mobile .bon-ecom-product-details-nav .bon-ecom-product-details-nav-specification:hover{
    background-color: #ffffff;
    color: #6CB2DE;
}
.bon-ecom-product-details .bon-ecom-product-details-nav .bon-ecom-product-details-nav-variants,
.bon-ecom-product-details-mobile .bon-ecom-product-details-nav .bon-ecom-product-details-nav-variants{
    background-color: #0a2979;
    border: 1.5px solid #0a2979;
    color: #ffffff;
}
.bon-ecom-product-details .bon-ecom-product-details-nav .bon-ecom-product-details-nav-variants:hover,
.bon-ecom-product-details-mobile .bon-ecom-product-details-nav .bon-ecom-product-details-nav-variants:hover{
    background-color: #ffffff;
    color: #0a2979;
}


.bon-ecom-product-details > div > div > div:last-child > div{
    padding-top: 50px !important;
    
}


.bon-ecom-product-details .bon-ecom-product-details-image  > div > div > div:nth-child(2) > span,
.bon-ecom-product-details > div > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > span,
.bon-ecom-product-details-mobile > div  > div > div:first-child > div:first-child > div:first-child > div:last-child > span{
    position: absolute;
}

.bon-ecom-product-details .bon-ecom-product-details-image  > div > div > div:nth-child(2) > span:last-child,
.bon-ecom-product-details > div > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > span:last-child{
    bottom: 0 !important;
    font-size: 5rem !important;
}
.bon-ecom-product-details-mobile > div  > div > div:first-child > div:first-child > div:first-child > div:last-child > span:nth-child(2){
    font-size: 3rem !important;
    bottom: 0 !important;
    right: 0 !important;
}

.bon-ecom-product-details .bon-ecom-product-details-image  > div > div > div:nth-child(2) > span:last-child > .uk-sale,
.bon-ecom-product-details > div > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > span:last-child > .uk-sale,
.bon-ecom-product-details-mobile > div  > div > div:first-child > div:first-child > div:first-child > div:last-child > span:last-child > .uk-sale{
    padding: 15px !important;
}

.bon-ecom-product-details .bon-ecom-product-details-navigation > div > div > div:last-child,
.bon-ecom-product-details-mobile .bon-ecom-product-details-navigation > div > div > div:last-child{
    width: 100%;
    max-width: 100% !important;
}
.bon-ecom-product-details .bon-ecom-product-details-navigation > div > div > div:last-child button,
.bon-ecom-product-details-mobile .bon-ecom-product-details-navigation > div > div > div:last-child button{
    width: 50%;
    display: block !important;
}

/* MOBILE DETAILS */

.bon-ecom-product-details-mobile > div  > div > div:nth-child(1) > div{
    gap: 0 !important;
}
.bon-ecom-product-details-mobile > div  > div > div:nth-child(1) > div > div:last-child{
    display: none !important;
}


/* PRODUCT THUMBS */
.bon-ecom-product-thumbs > div > div > div > div:first-child{
    display: block !important;
}
.bon-ecom-product-thumbs > div > div > div > div:not(:first-child){
    display: none !important;
}
.bon-ecom-product-thumbs > div > div > div > div:first-child > .grid{
    gap: 0 !important;
}

.bon-ecom-product-thumbs > div > div > div > div:nth-child(1) > .grid > .g-col-lg-6{
    gap: 0 !important;
    /* grid-column: auto / span 1 !important; */
    grid-column: auto / span 2 !important;
    padding: 0 !important;
}

.bon-ecom-product-details > div > div:last-child,
.bon-ecom-product-details-thumbnails > div > div > div > div:nth-child(1) > div{
    gap: 0 !important;
}

/* .bon-ecom-product-details > div  > div:last-child  > div, */
.bon-ecom-product-details-thumbnails > div > div > div > div:nth-child(1) > div > div{
    box-shadow: rgba(50, 50, 93, 0) 0px 13px 27px -5px, rgba(0, 0, 0, 0) 0px 8px 16px -8px;
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    scale: 0.9;
    border: 1px solid var(--BON-BORDER-LIGHT) !important;
    max-width: calc(1108px / 6) !important;
}

/* .bon-ecom-product-details > div  > div:last-child  > div:hover, */
.bon-ecom-product-details-thumbnails > div > div > div > div:nth-child(1) > div > div:hover{
    z-index: 10 !important;
    scale: 0.95;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

/* .bon-ecom-product-details-thumbnails > div > div > div > div:nth-child(1) > .grid > .g-col-lg-6 > div > a > div > img, */
.bon-ecom-product-details-thumbnails > div > div > div > div:nth-child(1) > div > div > img,
.bon-ecom-product-details > div  > div:last-child  > div > img{
    object-fit:contain !important;
    scale: 0.8;
}


.bon-ecom-product-files{
    /* padding-left: var(--bs-gutter-x, 1rem); */
    /* padding-right: var(--bs-gutter-x, 1rem); */
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.bon-ecom-product-files > div > div > div > table > thead,
.bon-ecom-product-files > div > div > div > table > tbody > tr > td:nth-child(2),
.bon-ecom-product-files > div > div > div > table > tbody > tr > td:last-child{
    display: none !important;
}
.bon-ecom-product-files > div > div > div > table > tbody > tr > td:nth-child(2){
    text-wrap: nowrap !important;
    overflow: hidden;
}

.bon-ecom-product-files > div > div > div > table > tbody > tr > td:nth-child(1){
    position: relative;
    padding-left: 40px !important;
}

.bon-ecom-product-files > div > div > div > table > tbody > tr > td:nth-child(1)::before{
    position: absolute;
    left: 3px;
    scale: 1.25;
    content: url('/Files/Images/Mouldshop/Icons_UK/bon-icon-pdf.svg');
}

.bon-ecom-product-files > div > div > div > table > tbody > tr > td{
    padding: 0.5rem !important;
    border: none !important;
}
.bon-ecom-product-files .table-hover>tbody>tr:hover>*{
    --bs-table-accent-bg: #ffffff !important;
    color: #E60005 !important;
}

/* TEXT DIVIDER */

.bon-text-divider > div{
    width: 100% !important;
}

.bon-text-divider .bon-text-divider-content,
.bon-ecom-product-details .bon-text-divider-content,
.bon-ecom-product-details-mobile .bon-text-divider-content{
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 700;
    color: #6CB2DE;
}

.bon-text-divider .bon-text-divider-content > button,
.bon-ecom-product-details .bon-text-divider-content > button{
    pointer-events: none !important;
}

.bon-text-divider .bon-text-divider-content::after,
.bon-ecom-product-details .bon-text-divider-content::after,
.bon-ecom-product-details-mobile .bon-text-divider-content::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--BON-BORDER);
}


.bon-text-divider .bon-text-divider-content::after,
.bon-ecom-product-details .bon-text-divider-content::after,
.bon-ecom-product-details-mobile .bon-text-divider-content::after{
    margin-left: 10px;
}


.bon-divider-header > div{
    width: 100%;
    max-width: none !important;
}
.bon-text-divider-header{
    display: flex;
    align-items: center;
    text-align: center;
    font-weight: 700;
}
.bon-text-divider-header::after,
.bon-text-divider-header::before{
    flex: 1;
    content: '';
    border-bottom: 1px solid var(--BON-BORDER);
}
.bon-text-divider-header::after{
    margin-left: 10px;
}
.bon-text-divider-header::before{
    margin-right: 10px;
}


/* ----------B A D G E S------------ */

.bon-ecom-card-badge,
.bon-ecom-card-badge > div,
.bon-ecom-card-badge > div > div{
    width: max-content;
}

.bon-ecom-card-badge{
    pointer-events: none;
    position: absolute;
    top: 5px;
    left:   5px;
    z-index: 1;
}

.bon-main-promotion-product .slider-container .item_swift_productdefaultimage > div .badge::before,
.bon-ecom-card-favourites .badge::before{
    padding: 0 !important;
}

.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span > .badge{
    position: absolute !important;
}
/* .bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span > .new, */
.bon-ecom-card-badge .new,
.bon-ecom-product-details .bon-ecom-product-details-image  > div > div > div:nth-child(2) span:nth-child(1) .badge{
    right: 5%;
    bottom: 5%;
    padding: 20px 13px !important;
    border-radius: 50px !important;
    filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.2));
}



.bon-ecom-product-details > div > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > span:nth-child(1) .badge{
    right: 5%;
    bottom: 5%;
    padding: 23px 10px !important;
    border-radius: 50px !important;
    filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.2));
}
.bon-ecom-product-details-mobile > div  > div > div:first-child > div:first-child > div:first-child > div:last-child > span:nth-child(1) .badge{
    padding: 23px 10px !important;
    border-radius: 50px !important;
    filter: drop-shadow(4px 4px 5px rgba(0,0,0,0.2));
}

.bon-ecom-card-badge .new::before,
.bon-ecom-product-details > div > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > span:nth-child(1) .badge::before{
    font-weight: 300 !important;
}
.bon-ecom-product-details .bon-ecom-product-details-image .new,
.bon-ecom-product-details > div > div > div:nth-child(1) .new{
    font-size: 2rem !important;
}
.bon-ecom-product-details .bon-ecom-product-details-image .new::before,
.bon-ecom-product-details > div > div > div:nth-child(1) .new::before{
    font-size: 1.4rem !important;
    line-height: 1 !important;
}


.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span > .uk-sale::after,
.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span > .uk-sale::before,
.bon-ecom-card-image > div > div > div:nth-child(2) > span > .uk-sale::after,
/* .bon-ecom-card-image > div > div > div:nth-child(2) > span > .uk-sale::before, */
.bon-ecom-product-details > div > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > span:nth-child(1) > .uk-sale::after,
.bon-ecom-product-details > div > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > span:nth-child(1) > .uk-sale::before{
    font-size: 30px !important;
    font-weight: 900;
}
.bon-ecom-card-image > div > div > div:nth-child(2) > span > .uk-sale::before{
    font-size: 30px !important;
    font-weight: 300;
}

.bon-ecom-product-details .bon-ecom-product-details-id  > div > div > div > div:nth-child(2) > div:nth-child(2) > span > .uk-sale::after,
.bon-ecom-product-details .bon-ecom-product-details-id  > div > div > div > div:nth-child(2) > div:nth-child(2) > span > .uk-sale::before{
    font-size: 3rem !important;
    font-weight: 700;
}

/* .bon-ecom-product-details .bon-ecom-product-details-id  > div > div > div > div:nth-child(2) > div:nth-child(2) > span, */
/* .bon-ecom-product-details .bon-ecom-product-details-id  > div > div > div:nth-child(2)  > span:first-child, */
.bon-ecom-product-details > div > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > span:first-child{
    left: 5%;
    top: 40px;
}

.bon-ecom-product-details .bon-ecom-product-details-id  > div > div > div:nth-child(3){
    right: 5% !important;
    top: 40px !important;
    scale: 1.5;
}

/* .bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span > .uk-sale::after, */
.bon-ecom-card-image > div > div > div:nth-child(2) > span > .uk-sale::after,
.bon-ecom-product-details .bon-ecom-product-details-id  > div > div > div > div:nth-child(2) > div:nth-child(2) > span > .uk-sale::after,
.bon-ecom-product-details .bon-ecom-product-details-id  > div > div > div:nth-child(2) > span:nth-child(2) > .uk-sale::after,
.bon-ecom-product-details > div > div > div:nth-child(1) > div:nth-child(1) > div > div:nth-child(2) > span:nth-child(2) > .uk-sale::after,
.bon-ecom-product-details-mobile > div  > div > div:first-child > div:first-child > div:first-child > div:last-child > span:last-child > .uk-sale::after{
    /* content: "OFF"; */
    font-weight: 100 !important;
}

.bon-ecom-product-details .bon-ecom-product-details-id  > div > div > div > div:nth-child(2)  > div:nth-child(2){
    pointer-events: none;
    width: 100%;
    height: 100%;
}
.bon-ecom-product-details .bon-ecom-product-details-id  > div > div > div > div:nth-child(2)  > div:nth-child(2) > span{
    position: absolute;
    bottom: 0 !important;
    right: 25px !important;
}

.bon-ecom-product-details .bon-ecom-product-details-id  > div > div > div > div:nth-child(2) > div:nth-child(2) > span > span.badge-campaign-20{
    background-color: rgba(255, 255, 255, 0) !important;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0) !important;
}


.bon-ecom-product-specification-module > div > div:nth-child(2) > div > table{
    border: 0 !important;
}

.bon-ecom-product-specification-module > div > div:nth-child(2) > div > table>:not(:first-child) {
    border-top: 2px solid #d9d9d9;
}

.bon-ecom-product-specification-module > div > div:nth-child(2) > div > table > tbody > tr > td:nth-child(1){
    padding-right: 10px !important;
}

.bon-ecom-product-specification-module > div > div:nth-child(2) > div > table tr{
    border-bottom: 1px solid #d9d9d9;
}


/* SPECIFICATION */

/* .bon-ecom-product-specification-module-specification{
    border-right: none !important;
} */

/* @media (min-width: 992px) { */
    /* .bon-ecom-product-specification-module-specification{
        border-right: 1px solid var(--BON-BORDER) !important;
        padding-right: 20px;
    }
    .bon-ecom-product-specification-module-data{
        padding-left: 20px;
    } */
/* } */

/* .bon-ecom-product-specification-module .bon-ecom-product-specification-module-specification > div{
    display: none !important;
} */

/* .bon-ecom-specification{
    opacity: 0.1;
} */


.bon-ecom-product-details-specification-module-description,
.bon-ecom-product-details-specification-module-data{
    padding: 15px 0;
}

@media (max-width: 991px) {
    .bon-ecom-product-details-specification-columns{
        display: block !important;
    }
}
@media (min-width: 992px) {
    .bon-ecom-product-details-specification-module-node-description > div > div > div{
        -webkit-columns: 60px 2;
        -moz-columns: 60px 2;
        columns: 60px 2;
        column-gap: 60px;
    }
    .bon-ecom-product-details-specification-module-description{
        padding: 15px 25px 15px 0;
        border-right: 1px solid var(--BON-BORDER);
    }
    .bon-ecom-product-details-specification-module-data{
        padding: 15px 0 15px 25px;
    }
}


/* LIGHTBOX */

.fslightbox-container img{
    background-color: #ffffff !important;
    padding: 25px !important;
}

.fslightbox-container {
    font-family: inherit !important;
    /* background: linear-gradient(rgba(0, 29, 82, .9), #FF0000 1810%) !important; */
    background: rgba(0,29,82,1);
    background: -moz-radial-gradient(circle, rgba(0,29,82,0.8) 0%, rgba(0,29,82,0.7469362745098039) 100%) !important;
    background: -webkit-radial-gradient(circle, rgba(0,29,82,0.8) 0%, rgba(0,29,82,0.7469362745098039) 100%) !important;
    background: radial-gradient(circle, rgba(0,29,82,0.8) 0%, rgba(0,29,82,0.7469362745098039) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#001d52",endColorstr="#001d52",GradientType=1) !important;
}

.fslightbox-slide-btn{
    background: #efefef !important;
}

.fslightbox-slide-btn .fslightbox-svg-path{
    fill: #0a2979 !important;
}
.fslightbox-slide-btn-container:hover .fslightbox-slide-btn .fslightbox-svg-path{
    fill: #6CB2DE !important;
}

/* NEWSLETTER */

.bon-home-newsletter > div:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
}

.bon-divider-16{
    height: 16px !important;
    min-height: 16px !important;
    padding-top:  0 !important;
    padding-bottom: 0 !important;
}

.bon-divider-80{
    height: 80px !important;
    min-height: 80px !important;
    padding-top:  0 !important;
    padding-bottom: 0 !important;
}



.bon-footer-socialmedia-icons,
.bon-footer-cards{
    display: flex !important;
}

.bon-footer-socialmedia-icons > div,
.bon-footer-cards > div{
    padding-left: 15px;
}

.bon-footer-socialmedia-icons a:hover svg > path,
.bon-footer-socialmedia-icons a:hover svg > polygon{
    fill: #6CB2DE;
}

.bon-divider hr{
    margin: 0 !important;
}

.bon-footer-data > div> div > div:first-child strong,
.bon-footer-mobile-data > div> div > div > div:last-child > div strong{
    color: #6CB2DE;
    padding-left: 5px;
}

.bon-footer-data > div> div > div:first-child a:link,
.bon-footer-data > div> div > div:first-child a:visited,
.bon-footer-data > div> div > div:first-child a:active{
    text-decoration: none;
}

.bon-footer-data > div> div > div:first-child a:hover strong{
    text-decoration: none;
    color: #ffffff;
}

.bon-footer-mobile-data > div> div > div > div:last-child > div strong{
    font-size: 1.5rem !important;
}

.bon-footer-data > div> div > div:not(:last-child){
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    height: 100%;
}
.bon-footer-data > div > div > div:nth-child(2) > div > div:last-child{
    width: 100%;
}
.bon-footer-data > div > div > div:nth-child(2)  ul {
    width: max-content;
    margin-right: auto;
    margin-left: auto;
}

.bon-footer-data > div > div > div:nth-child(2)  a,
.bon-footer-mobile-links ul  a,
.bon-footer-mobile-contact ul a{
    padding: 0 0.5rem !important;
}

.bon-footer-data > div > div > div:nth-child(2)  a svg,
.bon-footer-mobile-contact ul a > span:first-child svg{
    stroke: #6CB2DE;
}

.bon-footer-mobile-contact ul a > span:first-child svg{
    scale: 0.8;
}

.bon-footer-data > div > div > div:nth-child(2)  a > span:first-child,
.bon-footer-mobile-contact ul a > span:first-child{
    padding-right: 10px !important;
    padding-bottom: 2px !important;
}

.bon-footer-data > div > div > div:nth-child(2)  a > span:last-child{
    font-size: 1rem !important;
}

/* .bon-ecom-product-details-thumbnails > div > div > div > div > div:nth-last-child(2){ */
/* .bon-ecom-product-details-thumbnails > div > div > div > div > div:first-child{
    display: none !important;
} */

.bon-module-none{
    display: none !important;
}

.bon-module-hidden{
    opacity: 0;
}


/* PRODUCT ID */

.bon-ecom-product-details .bon-ecom-product-details-id,
.bon-ecom-product-details-thumbnails{
    -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.bon-ecom-product-details .bon-ecom-product-details-id > div > div > div{
    display: flex !important;
}


.bon-ecom-product-details .bon-ecom-product-details-id > div > div > div > div:first-child{
    /* width: max-content !important; */
    position: absolute;
    z-index: 1;
    padding-top: 25px !important;
    padding-left: 15px !important;
    height: 100%;
}

.bon-ecom-product-details .bon-ecom-product-details-id > div > div > div > div:first-child > div:last-child{
    position: absolute;
    bottom: 0;
    width: 1rem;
}

.bon-ecom-product-details .bon-ecom-product-details-id > div > div > div > div:first-child > div:last-child > div{
    width: max-content;
    transform: rotate(-90deg);
    transform-origin: 0 50%;
    padding-top: 20px !important;
}

@media (min-width: 992px) {
    .bon-ecom-product-details .bon-ecom-product-details-id > div > div > div > div:first-child{
        /* width: max-content !important; */
        width: 75px !important;
        position: relative;
        height: auto;
    }
    .bon-ecom-product-details .bon-ecom-product-details-id > div > div > div > div:first-child > div:last-child{
        right: 30px;
    }
    .bon-ecom-product-details .bon-ecom-product-details-id > div > div > div > div:first-child > div:last-child > div{
        padding-top: 0 !important;
    }
}


.bon-ecom-product-details .bon-ecom-product-details-id > div > div > div > div:last-child{
    width: 100% !important;
}

.bon-ecom-product-details > div > div > div:last-child > div{
    padding-top: 50px !important;
    padding-left: var(--bs-gutter-x, 1rem) !important;
    padding-right: var(--bs-gutter-x, 1rem) !important;
}

@media (min-width: 992px) {
    .bon-ecom-product-details > div > div > div:last-child > div{
        padding-left: 35px !important;
        /* padding-top: 50px !important; */
    }
}

.bon-ecom-product-details .bon-ecom-product-details-id > div > div > div > div:first-child > div:last-child  >div > div{
    font-size: 1rem !important;
    font-weight: 700;
    text-wrap: nowrap !important;
    width: max-content;
}
.bon-ecom-product-details .bon-ecom-product-details-id > div > div > div > div:first-child > div:last-child  >div > div::before,
.bon-ecom-product-details-mobile > div  > div > div:last-child > div > div > div:nth-child(1) > div > div::before{
    content: "Product number: ";
    text-wrap: nowrap;
    font-size: 1rem !important;
    font-weight: 300;
}

.bon-ecom-product-details .bon-ecom-product-details-id > div > div > div > div > div > div > div > button{
    width: 45px !important;
    height: 45px !important;
    padding-block:unset !important;
    padding-inline:unset !important;
}

.bon-ecom-product-details .bon-ecom-product-details-id .bon-ecom-product-details-icons-new > div > div {
    width: 45px !important;
    height: 45px !important;
}

.bon-ecom-product-details .bon-ecom-product-details-id .new{
    font-size: 0.5rem !important;
    line-height: 1 !important;
    background-color: #ffffff !important;
    padding: 0 !important;
}
.bon-ecom-product-details .bon-ecom-product-details-id .new::before{
    font-size: 0.5rem !important;
    line-height: 1 !important;
    content: url('/Files/Images/MouldshopUK/vectors/system/uk-icons-new.svg');
}

.bon-ecom-product-details > div > div > div:first-child > div > div:last-child{
    pointer-events: none;
    width: 100%;
    height: 100%;
}
.bon-ecom-product-details > div > div > div:first-child > div > div:last-child > span > span:not(.badge-campaign-20){
    position: absolute;
    font-weight: 500;
}

.bon-ecom-product-details > div > div > div:first-child > div > div:last-child > span > span.badge-campaign-20{
    position: absolute;
    font-weight: 300;
}

.bon-ecom-product-details > div > div > div:first-child > div > div:last-child > span > span:not(.new):not(.badge-limited){
    right: 0;
    bottom: 0;
    font-size: 4.5rem !important;
    line-height: normal;
    padding: 0 25px 5px 0 !important;
}
.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span > .badge-campaign-20{
    bottom: 5px !important;
    right: 0 !important;
    padding: 0 15px !important;
    background: none;
    border: none;
    -webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 0 rgba(0,0,0,0);
}
.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span > .badge-campaign-20::before{
    font-weight: 300;
    font-size: 2.5rem !important;
    font-family: 'Montserrat', sans-serif !important;
}

.bon-ecom-product-details > div > div > div:first-child > div > div:last-child > span > span.new{
    border-radius: 50px !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    font-family: 'Roboto', sans-serif !important;
    padding: 4px 18px 4px 18px !important;
    color: #ffffff;
    background: rgb(196,224,242);
    background: -moz-linear-gradient(145deg, rgba(196,224,242,1) 0%, rgba(108,178,222,1) 35%, rgba(10,40,120,1) 100%);
    background: -webkit-linear-gradient(145deg, rgba(196,224,242,1) 0%, rgba(108,178,222,1) 35%, rgba(10,40,120,1) 100%);
    background: linear-gradient(145deg, rgba(196,224,242,1) 0%, rgba(108,178,222,1) 35%, rgba(10,40,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c4e0f2",endColorstr="#0a2878",GradientType=1);
}
.bon-ecom-product-details > div > div > div:first-child > div > div:last-child > span > span.badge-limited{
    border-radius: 50px !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    font-family: 'Roboto', sans-serif !important;
    padding: 4px 18px 4px 18px !important;
    color: #ffffff;
    background: rgb(247,186,196);
    background: -moz-linear-gradient(145deg, rgba(247,186,196,1) 0%, rgba(251,139,157,1) 35%, rgba(169,1,25,1) 100%);
    background: -webkit-linear-gradient(145deg, rgba(247,186,196,1) 0%, rgba(251,139,157,1) 35%, rgba(169,1,25,1) 100%);
    background: linear-gradient(145deg, rgba(247,186,196,1) 0%, rgba(251,139,157,1) 35%, rgba(169,1,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7bac4",endColorstr="#a90119",GradientType=1);
}
.bon-ecom-product-details > div > div > div:first-child > div > div:last-child > span > span.new::before{
    font-size: 1rem !important;
    line-height: 1 !important;
}

.bon-ecom-card-image > div > div > div:nth-child(2) > span > span.new,
.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span > .new{
    font-weight: 300;
    bottom: 10px;
    left: 20px;
    border-radius: 50px !important;
    font-size: 0.75rem !important;
    line-height: 0.75 !important;
    font-family: 'Roboto', sans-serif !important;
    padding: 4px 12px 4px 12px !important;
    color: #ffffff;
    background: rgb(196,224,242);
    background: -moz-linear-gradient(145deg, rgba(196,224,242,1) 0%, rgba(108,178,222,1) 35%, rgba(10,40,120,1) 100%);
    background: -webkit-linear-gradient(145deg, rgba(196,224,242,1) 0%, rgba(108,178,222,1) 35%, rgba(10,40,120,1) 100%);
    background: linear-gradient(145deg, rgba(196,224,242,1) 0%, rgba(108,178,222,1) 35%, rgba(10,40,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c4e0f2",endColorstr="#0a2878",GradientType=1);
}

.bon-ecom-card-image > div > div > div:nth-child(2) > span > span.badge-limited,
.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span > .badge-limited{
    bottom: 10px;
    left: 20px;
    border-radius: 50px !important;
    font-size: 0.75rem !important;
    line-height: 0.75 !important;
    font-family: 'Roboto', sans-serif !important;
    padding: 4px 12px 4px 12px !important;
    color: #ffffff;
    background: rgb(247,186,196);
    background: -moz-linear-gradient(145deg, rgba(247,186,196,1) 0%, rgba(251,139,157,1) 35%, rgba(169,1,25,1) 100%);
    background: -webkit-linear-gradient(145deg, rgba(247,186,196,1) 0%, rgba(251,139,157,1) 35%, rgba(169,1,25,1) 100%);
    background: linear-gradient(145deg, rgba(247,186,196,1) 0%, rgba(251,139,157,1) 35%, rgba(169,1,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f7bac4",endColorstr="#a90119",GradientType=1);
}

.bon-ecom-card-image > div > div > div:nth-child(2) > span > span.new::before,
.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span > .new::before,
.bon-main-promotion-product .slider-container > li > a > div > div:nth-child(1) > div  > div > span > .badge-limited::before{
    font-weight: 500;
    font-size: 0.75rem !important;
    line-height: 0.75 !important;
}


@media (max-width: 991px) {
    .bon-row-product-header-images,
    .bon-ecom-product-details-thumbnails{
        display: none;
    }
}

/* .bon-ecom-product-details > div > div > div:last-child{
    position: relative !important;
} */
.bon-ecom-product-details > div > div > div:first-child,
.bon-ecom-product-details-mobile > div  > div > div:first-child{
    position: relative !important;
}

/* .bon-ecom-product-details > div > div > div:first-child > div{
    padding-left: var(--bs-gutter-x, 1rem) !important;
    padding-right: var(--bs-gutter-x, 1rem) !important;
} */

@media (max-width: 991px) {
    .bon-ecom-product-details > div > div > div:first-child::after{
        position: absolute;
        content: "";
        width: 96%;
        bottom: 0;
        left: 2%;
        border-bottom: 1px solid var(--BON-BORDER);
    }
}

@media only screen and (min-width: 992px) {
    /* .bon-ecom-product-details > div > div > div:first-child > div{
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    } */
    .bon-ecom-product-details > div > div > div:first-child::after{
        position: absolute;
        content: "";
        height: 94%;
        right: 0;
        top: 3%;
        border-left: 1px solid var(--BON-BORDER);
    }
}

.bon-ecom-product-details-mobile > div  > div > div:first-child::after{
    position: absolute;
    content: "";
    width: 96%;
    bottom: 0;
    left: 2%;
    border-bottom: 1px solid var(--BON-BORDER);
}
.bon-ecom-product-details-mobile > div  > div > div:last-child{
    padding-top: 25px !important; 
}
.bon-ecom-product-details-mobile > div  > div > div:last-child > div{
    padding: 0 16px 20px 16px !important;
}


.bon-ecom-product-details-icons-onlycopy > div > div > div:last-child{
    cursor: pointer;
}


.bon-ecom-product-details-thumbnails > div > div > div > div:nth-child(1) > div > div{
    max-width: calc( (100vw - 32px) / 4) !important;
} 
@media (min-width: 992px) and (max-width: 1199px) {
     .bon-ecom-product-details-thumbnails > div > div > div > div:nth-child(1) > div > div{
        max-width: calc( (100vw - 32px) / 6) !important;
    } 
}
@media (min-width: 1200px) and (max-width: 1399px) {
    .bon-ecom-product-details-thumbnails > div > div > div > div:nth-child(1) > div > div{
        max-width: calc(1108px / 6) !important;
    }
}
@media (min-width: 1400px) {
    .bon-ecom-product-details-thumbnails > div > div > div > div:nth-child(1) > div > div{
        max-width: calc(1288px / 6) !important;
    }
}


.bon-ecom-product-details-manufacturer{
    padding-top: 15px !important;
}



.bon-viewer-box > div > div > div:first-child > div > div:last-child > div:nth-last-child(2),
.bon-viewer-box > div > div > div:first-child > div > div:last-child > div:nth-last-child(2) > div{
    height: 100%;
}
.bon-viewer-box > div > div > div:first-child > div > div:last-child > div:last-child{
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.bon-viewer-box > div > div > div:first-child > div > div:last-child > div:last-child > a{
    pointer-events: all;
    position: absolute;
    bottom: 20px;
    right: 20px;
}

.bon-svg-icons-top{
    padding: 0 !important;
}


/* PROMO INFO */
.bon-promo-info-container .bon-promo-info-module{
    pointer-events: none;
    width: calc(100vw - 32px);
    min-height: 60px;
    height: 60px;
    overflow :hidden;
    display:inline-block;
    white-space: nowrap;
    background: rgb(196,224,242);
    background: -moz-linear-gradient(145deg, rgba(196,224,242,1) 0%, rgba(108,178,222,1) 35%, rgba(10,40,120,1) 100%);
    background: -webkit-linear-gradient(145deg, rgba(196,224,242,1) 0%, rgba(108,178,222,1) 35%, rgba(10,40,120,1) 100%);
    background: linear-gradient(145deg, rgba(196,224,242,1) 0%, rgba(108,178,222,1) 35%, rgba(10,40,120,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c4e0f2",endColorstr="#0a2878",GradientType=1);
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .bon-promo-info-container .bon-promo-info-module{
        width: 1108px;
    }
}

@media (min-width: 1400px) {
    .bon-promo-info-container .bon-promo-info-module{
        width: 1288px;
    }
}

.bon-promo-info-container .bon-promo-info-module > div:last-child{
    position: absolute;
    width: max-content !important;
    /* max-width: none !important; */
    display: flex;
    flex-wrap: nowrap;
    /* animation: move 25s infinite linear; set the time to what you want of course */
}
@media (min-width: 992px) {
    .bon-promo-info-container .bon-promo-info-module > div:last-child{
        /* animation: move 15s infinite linear; set the time to what you want of course */
    }
}
.bon-promo-info-container .bon-promo-info-module > div:last-child > p{
    width: max-content;
    font-size: 1.25rem;
    padding-top: 15px;
}

/* .bon-promo-info-container .bon-promo-info-module > div:last-child > p:first-child{
    color: green;
} */
/* .bon-promo-info-container .bon-promo-info-module > div:last-child > p:nth-child(2){
    color: green;
}
.bon-promo-info-container .bon-promo-info-module > div:last-child > p:nth-child(3){
    color: blue;
}
.bon-promo-info-container .bon-promo-info-module > div:last-child > p:nth-child(4){
    color: orange;
} */


/* @keyframes move {
  to {
    transform: translateX(-50%);
  }
} */

.bon-mbox-twins-1-1{

}

.bon-mbox-twins-1-1 .bon-mbox-video-1-1{
    aspect-ratio: 1 !important;
}




/* SIDE MENU */
.bon-ecom-grid .bon-ecom-menu li[class*="bon-level-"] svg{
    width: 140%;
    height: 140%;
}
.bon-ecom-grid .bon-ecom-menu li[class*="bon-level-"] .bon-svg-lightblue{
    opacity: 0;
}
.bon-ecom-grid .bon-ecom-menu li[class*="bon-level-"] .bon-svg-darkblue{
    fill: #0a2979;
}

.bon-ecom-grid .bon-ecom-menu li[class*="bon-level-"] > div > a{
    display: contents;
}
.bon-ecom-grid .bon-ecom-menu li[class*="bon-level-"] > div > a > span:last-child{
    display: inline-grid;
    width: 100%;
    line-height: 1;
    height: 100%;
    align-items: center;
}
.bon-ecom-grid .bon-ecom-menu li[class*="bon-level-"] > div > a > span:first-child{
    min-width: 40px;
}
.bon-ecom-grid .bon-ecom-menu li[class*="bon-level-"] > div:first-child{
    height: 50px;
}

.bon-ecom-grid .bon-ecom-menu li.bon-level-0 > div:first-child,
.bon-ecom-grid .bon-ecom-menu li.bon-level-1 > div:first-child,
.bon-ecom-grid .bon-ecom-menu li.bon-level-2 > div:first-child,
.bon-ecom-grid .bon-ecom-menu li.bon-level-3 > div:first-child{
    padding-right: 15px;
    padding-left: 10px;
    -webkit-transition: background-color 0.35s ease;
    -moz-transition: background-color 0.35s ease;
    -o-transition: background-color 0.35s ease;
    transition: background-color 0.35s ease;
}

.bon-ecom-grid .bon-ecom-menu li.bon-level-1 > div:first-child{
    padding-left: 20px;
}
.bon-ecom-grid .bon-ecom-menu li.bon-level-2 > div:first-child{
    padding-left: 40px;
}
.bon-ecom-grid .bon-ecom-menu li.bon-level-3 > div:first-child{
    padding-left: 60px;
}

.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath > div:first-child,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.bon-show > div:first-child,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0:hover > div:first-child{
    background-color: #0a2979;
    color: #ffffff;
}
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath > div:first-child > div,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath li.bon-level-1.bon-show > div:first-child > div,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.bon-show > div:first-child > div,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath li.bon-level-1:hover > div:first-child > div,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0:hover > div:first-child > div{
    background-color: #ffffff;
}
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath > div > a > span > svg > .bon-svg-darkblue,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath li.bon-level-1.bon-show > div > a > span > svg > .bon-svg-darkblue,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.bon-show > div > a > span > svg > .bon-svg-darkblue,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath li.bon-level-1:hover > div > a > span > svg > .bon-svg-darkblue,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0:hover > div > a > span > svg > .bon-svg-darkblue{
    fill: #ffffff;
}

.bon-ecom-grid .bon-ecom-menu li > div:last-child{
    margin-left: 0 !important;
}
.bon-ecom-grid .bon-ecom-menu li.bon-level-0 > div:last-child.show{
    border-bottom: 1px solid var(--BON-BORDER);
}

.bon-ecom-grid .bon-ecom-menu .bon-level-2 a > img{
    display: none;
}

.bon-ecom-grid .bon-ecom-menu li.bon-level-1.bon-show > div:first-child,
.bon-ecom-grid .bon-ecom-menu li.bon-level-1:not(.active):hover > div:first-child{
    background-color:#dfdede;
}
.bon-ecom-grid .bon-ecom-menu li.bon-level-2.bon-show > div:first-child,
.bon-ecom-grid .bon-ecom-menu li.bon-level-2:not(.active):hover > div:first-child{
    background-color:#ebebeb;
}

.bon-ecom-grid .bon-ecom-menu li.bon-level-2.bon-show ul,
.bon-ecom-grid .bon-ecom-menu li.bon-level-3.bon-show > div:first-child{
    background-color: #f9f9f9;
}
.bon-ecom-grid .bon-ecom-menu li.bon-level-3:not(.active):hover > div:first-child{
    color: #6bb3de;
}

.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath li.bon-level-1.bon-show > div:first-child,
.bon-ecom-grid .bon-ecom-menu li.bon-level-1.active:hover > div:first-child{
    background-color:#6bb3de;
    color: #ffffff;
}

.bon-ecom-grid .bon-ecom-menu li.bon-level-2.bon-show ul{
    position: relative;
}
.bon-ecom-grid .bon-ecom-menu li.bon-level-2.bon-show ul::before{
    content: "";
    position: absolute;
    top: 20px;
    left: 40px;
    width: 1px;
    height: calc(100% - 40px);
    background-color: var(--BON-BORDER-LIGHT);
}


.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath > div:first-child{
    background-color: #0a2979;
    color: white;
}

.bon-ecom-grid .bon-ecom-menu li.bon-level-1.inPath > div:first-child,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath li.bon-level-1:hover > div:first-child{
    background-color:#6bb3de;
    color: white !important;
}

.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath li.bon-level-2.bon-show > div:first-child,
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath li.bon-level-2:hover > div:first-child{
    background-color:#c5e0f3;
}
/* .bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath li.bon-level-3:hover > div:first-child{
    background-color: #f4f9fd;
} */
.bon-ecom-grid .bon-ecom-menu li.bon-level-0.inPath li.bon-level-2.bon-show ul{
    background-color: #f4f9fd;
}