@import 'checkout.css';

.text-white #contact-link a{
    color: #fff;
}

.dropdown .dropdown-menu.show
{
    display: block;
}

.dropdown-menu{
    background-clip: padding-box;
  background-color: #fff;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: .4rem;
  color: #212529;
  float: left;
  font-size: 1rem;
  left: 0;
  list-style: none;
  margin: .125rem 0 0;
  min-width: 10rem;
  padding: .5rem 0;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}

.dropdown-item {
  background-color: transparent;
  border: 0;
  clear: both;
  color: #212529;
  display: block;
  font-weight: 400;
  padding: .25rem 1.5rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}

.dropdown-menu.dropdown-menu-right{
    left: auto;
    right: 0;
}

.featured-products__navigation .swiper-button-custom svg{
  width: 20px;
  height: 14px;
}

.featured-products__navigation .swiper-button-prev svg{
  transform: rotate(180deg);
}

.header-top__block--logo .log0{
  max-width: 360px;
}

/* Cart Modal */

#blockcart-modal .modal-dialog{
    margin: 1.75rem auto;
    max-width: 500px;
}

#blockcart-modal .modal-dialog{
    margin: 1.75rem auto;
    max-width: 500px;
}

#blockcart-modal .cart-products__thumb{
    flex: 0 0 9rem;
    max-width: 9rem;
}

/* Menu */

.main-menu:is(.js-menu-desktop) .main-menu__dropdown>li .submenu
 {
    background-color:#fff;
    border-top: .0625rem solid rgba(0,0,0,.15);
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 1060;
}

.main-menu:is(.js-menu-desktop) .submenu__left {
    border-right: .0625rem solid rgba(0,0,0,.15);
    display: flex;
    flex-direction: column;
    gap: .25rem;
    padding-block: 1.5rem;
}

.main-menu:is(.js-menu-desktop) .submenu__left-item {
    align-items: center;
    background-color: transparent;
    border-radius: 15px;
    color: #2d2d2d;
    display: flex;
    padding: .75rem 1rem;
    text-decoration: none;
}

.main-menu:is(.js-menu-desktop) .submenu__left-item.active {
    background-color: rgba(0,0,0,.05);
    color: #581010;
}

.container-home{
  width: 100%;
  padding: 0 1rem;
  max-width: 1600px;
  margin: 0 auto;
}

.imageslider-item {
    padding: 8px;
}

.imageslider-item > a {
    text-decoration: none;
    border-radius: 10px;
    overflow: hidden;
}

.ps-imageslider, #block-reassurance{
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
}

.ps-imageslider__figure {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border-radius: 10px;
    background: #222;
}

/* Image */
.ps-imageslider__figure > img {
    display: block;
    transition: transform 0.4s ease;
}

/* Subtle hover */
.imageslider-item > a:hover .ps-imageslider__figure > img {
    transform: scale(1.025);
}

.ps-imageslider__bg_caption {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    transition: all 0,15s ease-in;

    background:
        linear-gradient(
            150deg,
            rgba(255, 255, 255, 0.92) 0%,
            rgba(255, 255, 255, 0.78) 20%,
            rgba(255, 255, 255, 0.45) 33%,
            rgba(255, 255, 255, 0.12) 47%,
            rgba(255, 255, 255, 0) 60%
        );
}

.ps-imageslider__figcaption {
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 15px;
    width: 100%;
    height: auto;
    padding: clamp(25px, 1vw, 55px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    color: #fff;
    text-align: left;
    background: none;
    max-width: 480px;
    backdrop-filter: none;
}


/* Main title */

.ps-imageslider__figcaption h2 {
    margin: 0 0 6px;
    color: #3e3e3e;
    font-size: clamp(42px, 2.1vw, 50px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.02em;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.ps-imageslider__figcaption h3 {
    margin: 0 0 28px;

    color: #3e3e3e;

    font-size: clamp(20px, 1.25vw, 32px);
    font-weight: 700;
    line-height: 1.15;
}

.ps-imageslider__figcaption h3::after {
    content: "";
    display: block;
    width: 100%;
    max-width: 290px;
    height: 2px;
    margin-top: 20px;
    background: #a71919;
}

.ps-imageslider__figcaption p {
    max-width: 360px;
    margin: 0;
    color: #3e3e3e;
    font-size: clamp(18px, 1vw, 20px);
    font-weight: 500;
    line-height: 1.25;
}

.imageslider-item > a:hover .ps-imageslider__bg_caption {
    background:linear-gradient(
            150deg,
            rgba(255, 255, 255, 0.92) 0%,
            rgba(255, 255, 255, 0.78) 20%,
            rgba(255, 255, 255, 0.45) 33%,
            rgba(255, 255, 255, 0.12) 47%,
            rgba(255, 255, 255, 0) 60%
        );
    transition: all 0,15s ease-in;
}

.ps-categorytree .card-header .h5 a{
    color: #212529;
    font-weight: 700;
    line-height: 1.2;
    font-size: 1.125rem;
}

.ps-categorytree a.category-tree__item-link{
    color: #495057;
}

@layer ps-pages {

    #product.page-product .product__thumbnails-list {
        display: flex;
        flex-wrap: nowrap;
        gap: 1rem;
        margin: 0;
        overflow-x: scroll;
        padding-bottom: 20px;
        scroll-behavior: smooth;
    }

    #product.page-product .product__thumbnails-list > .product__thumbnail {
        flex: 0 0 calc((100% - 3rem) / 4);
        min-width: 0;
        filter: opacity(0.3);
        transition: filter 0.15s ease-in;
    }

    #product.page-product .product__thumbnails-list > .product__thumbnail.active{
        filter: opacity(1);
        transition: filter 0.15s ease-in;
    }

    #product.page-product .product__thumbnails-list > .product__thumbnail.active .product__thumbnail-image{
        outline: .125rem solid #991b1b;;
    }
}

@layer ps-components {
    .category-tree__item, .category-tree__item.accordion-item{
        padding: .75rem 1.25rem;
        border-block-end: 1px solid var(--bs-border-color);
    }

    .category-tree__list{
        row-gap: 0;
    }

     .noUi-connect {
        background: #dd3d3d;
        height: 100%;
        width: 100%;
    }

    .noUi-handle {
        backface-visibility: hidden;
        background: #991b1b;
        border: 1px solid #991b1b;
        border-radius: 50%;
        cursor: default;
        outline: none;
        position: absolute;
    }

    .noUi-horizontal .noUi-handle {
        height: 16px;
        right: -8px;
        top: -4px;
        width: 16px;
    }

     .noUi-active, .noUi-active:hover, .noUi-handle:hover {
        background: #495057;
    }

    .carousel-control-next, .carousel-control-prev{
        opacity: 1;
    }

    .products__sort-dropdown {
        max-width: 220px;
    }

}

.products__sort-dropdown .products__sort-dropdown-button{
    overflow: hidden;
    max-height: 26px;
}

@layer bs-components {
  .form-check-input:checked {
    background-color: #991b1b;
    border-color: #991b1b;
  }
}

@layer ps-custom-components {
    .carousel-control-next-icon, .carousel-control-prev-icon{
        border-radius: 50%;
        background-color: #991b1b;
    }

    .carousel-control-next-icon:before, .carousel-control-prev-icon:before{
        color: #fff;
    }

    .btn .material-icons{
        height: 1em;
        width: 1em;
    }
}

.display-toggle--views .display-toggle__link{
    border-radius: 50%;
    padding: 4px;
}

.display-toggle--views .display-toggle__link.active{
    background: #991b1b;
    color: #fff;
}

#product .quantity-button button{
    border: 1px solid rgb(206, 212, 218);
    height: 42px;
}

#product .quantity-button button.decrement{
    border-radius: .4rem 0 0 .4rem;
}

#product .quantity-button button.increment{
    border-radius: 0 .4rem .4rem 0;
}

#product.page-product #main{
    max-width: 1140px;
    margin: 0 auto;
}

#product .product__add-to-cart-button{
    max-width: 240px;
}

.comments-pagination span, .page-link {
    border-radius: 0;
}

.page-item:first-child  .page-link {
    border-radius: .4rem 0 0 .4rem;
}

.page-item:last-child  .page-link {
    border-radius: 0 .4rem .4rem 0;
}

#search-filters .accordion-button:not(.collapsed){
    color: var(--bs-accordion-btn-color);
}

#search-filters .accordion-item a{
   color: #495057;
   margin-left: 10px;
}

#search-filters .accordion-body{
    max-height: 450px;
    overflow-y: scroll;
}

#search-filters .accordion-item{
    padding: .75rem 1.25rem;
}

.search-filters__input-group{
    position: relative;
}

#search-filters .search-filters__input-unit{
    position: absolute;
    top: 4px;
    right: 16px;
    font-size: 14px;
    color: #495057;
}

.display-list .products-list__block--grid .product-miniature.card{
    grid-gap: 10px;
  display: grid;
  grid-template-columns: 40% calc(60% - 10px);
  margin: 0 auto 0;
}

.layout-left-column .display-list .products-list__block--grid .product-miniature.card{
    grid-template-columns: 25% calc(75% - 10px);
}

.display-list .products-list__block--grid .product-miniature__right-block{
    display: flex;
    flex-direction: column;
    padding: 10px 0px;
    justify-content: space-between;
}

.layout-left-column .display-list .products-list__block--grid {
    flex: 0 0 100%;
    max-width: 100%;
}

.layout-full-width .display-list .products-list__block--grid {
    flex: 0 0 50%;
    max-width: 50%;
}

#checkout .step.show:not(.step--current) .checkout-step__content{
    display: none;
    opacity: 0;
    visibility: hidden;
}

#checkout .step{
    border-bottom: 1px solid var(--bs-border-color);
}

#checkout #delivery-addresses .address-item.selected .card{
    border-color: #991b1b;
}

#checkout #js-delivery .js-delivery-option input.custom-control-input:checked + label.delivery-option__label_input{
    border-color: #991b1b;
}

.product-line-grid__block--qty .quantity-button__group button{
  border: 1px solid #ced4da;
  height: 42px;
  padding: 0.5rem 0.25rem;
}

.product-line-grid__block--qty .quantity-button__group button.decrement {
  border-radius: .4rem 0 0 .4rem;
}

.product-line-grid__block--qty .quantity-button__group button.increment {
  border-radius: 0 .4rem .4rem 0;
}

.password-field .btn-primary{
    border-radius: 0 0.25rem 0.25rem 0;
}

@media (min-width: 1440px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1280px;
    }

    .layout-full-width .display-grid .products-list__block--grid {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .layout-left-column .display-grid .products-list__block--grid {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (max-width: 991.98px) {

    .ps-imageslider__figcaption {
        width: 55%;
        padding: 30px;
        top: 5px;
        left: 5px;
    }

    .ps-imageslider__figcaption h2 {
        font-size: 32px;
    }

    .ps-imageslider__figcaption h3 {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .ps-imageslider__figcaption p {
        font-size: 15px;
        line-height: 1.45;
    }

    .ps-imageslider__bg_caption {
        background:
            linear-gradient(
            150deg,
            rgba(255, 255, 255, 0.92) 0%,
            rgba(255, 255, 255, 0.78) 20%,
            rgba(255, 255, 255, 0.45) 33%,
            rgba(255, 255, 255, 0.12) 47%,
            rgba(255, 255, 255, 0) 60%
        );
    }

    .layout-full-width .display-list .products-list__block--grid {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width:768px ) and (max-width:992px)
{
    .container, .container-md, .container-sm {
        max-width: 100%;
    }

    .js-search-result {
        background: #fff;
        border: 1px solid #dee2e6;
        border-radius: 0 0 .4rem .4rem;
        left: 0;
        margin-top: -1.4375rem;
        padding: 1.4375rem+10px 20px;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 99;

    }

    .search-result__products .products-list__block {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .search-form, .search-form__form-group{
        z-index: 100;
    }

    .search-result__products{
        max-height: 556px;
        overflow-y: scroll;
    }
}

@media (min-width:768px)
{
    .header-top__block--menu{
        margin-top: 25px;
    }

    .search-widgets.offcanvas {
        position: static;
        visibility: visible;
        background: transparent;
    }

}

@media (max-width:767px)
{
  .header-top__row > div{
    order:2;
  }

  .header-top__row .header-top__block--menu{
    order: 1;
  }
  .search-widgets.offcanvas.show{
    top: 0;
    left: 0;
    width: 100%;
  }

  .header-top__block--search .searchbar-autocomplete{
    z-index: 999999;
    top: 100px !important;
    position: fixed;
    left: 1% !important;
    width: 98% !important;
    padding: 0;
    border: none;
    gap: 0;
  }

  .header-top__block--search .searchbar-autocomplete .ui-menu-item{
    width: 50%;
    border: 1px solid rgba(0, 0, 0, 0.175);
    border-radius: 6px;
  }

  .ps-mainmenu__mobile{
    position: relative;
  }

  .ps-mainmenu--mobile .menu--current{
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
  }

  .ps-mainmenu--mobile .menu__list > li{
    border-top: 1px solid rgb(33, 37, 41, 0.3);
        padding-left: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
  }

  .ps-mainmenu--mobile .menu__list > li a{
    color: #2d2d2d;
    font-weight: 700;
    font-size: calc(.95625rem + .27218vw);
  }

  .ps-mainmenu--mobile .dropdown select{
    display: none;
    opacity: 0;
    visibility: hidden;
  }

  .ps-mainmenu__back-button .btn-close{
    position: absolute;
    right: 5px;
    top: 20px;
  }

   .imageslider-item .ps-imageslider__figure {
      height: 320px;
    }
}

@media (max-width: 600px) {
  .ps-imageslider__figcaption {
    width: 100%;
    padding: 30px;
  }
}

@media (max-width:567px) {
      .products-list__block--grid{
        flex: 0 0 100%;
        max-width: 100%;
    }
}