lulandia.pl/themes/leo_lulandia/assets/css/dr_materac.scss

// out: dr_materac.css, compress: true, sourceMap: true
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

//* Colors
$cWhite: #fff;
$cCloud: #f7f7f7;
$cBlack: #000;
$cDarkViolet: #010c4a;
$cLavender: #a340ff;

$cTxtWhite: #fff;
$cTxtLavender: #a340ff;
$cTxtViolet: #3e2780;
$cTxtDarkViolet: #010c4a;
$cTxtBlack: #010101;

//* Global
body {
  font-family: 'Poppins', sans-serif !important;
}

.iview-timer {
  width: 100% !important;
  left: 50% !important;
  transform: translateX(-50%);
}

.left_header {
  display: flex;
  align-items: center;
}

.left_header p img {
  margin: 0 7px 0 24px;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(22deg) brightness(106%) contrast(105%);
}

.left_header p a {
  color: $cTxtWhite;
}

.leo-megamenu .navbar-nav>li {
  margin: 0;

  &:first-child {
    margin-left: -15px;
  }

  >a {
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: unset;
    padding: 10px 15px;
  }
}

.block-category #category-description p {
  color: #696868;
  font-weight: 400;
}

.block-category #category-description p strong {
  font-weight: 700;
}

.leo-megamenu {
  padding: 0;
}

.popup-over a.popup-title {
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 20px;
}

.chevron {
  margin-right: 5px;
  transition: transform 0.2s ease-in;
}

.popup-over:hover .chevron {
  transform: rotate(180deg);
}

.popup-over {
  float: unset;
  margin: 0;
}

.user_container {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  #language-selector-label {
    .popup-title {
      >picture {
        img {
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(22deg) brightness(106%) contrast(105%);
        }
      }
    }
  }
}

.user_info_dr_materac {
  display: flex;
  flex-wrap: wrap;

  a {
    margin-left: 15px;
  }
}

.popup-over .popup-content {
  right: -30px;
}

.bottomnav .inner {
  border-bottom: none !important;
}

.bottomnav .ApHtml {
  line-height: unset !important;
  height: auto !important;
  background: none !important;
}

.bottomnav {
  .ApRow {
    .ApColumn {
      &:first-child {
        width: calc(100% - 300px) !important;

        @media (max-width: 991px) {
          text-align: center;
          width: 100% !important;

          .left_header {
            justify-content: center;
            gap: 20px;
          }
        }
      }

      &:last-child {
        width: 300px !important;

        @media (max-width: 991px) {
          text-align: center;
          width: 100% !important;
          justify-content: center !important;
          padding-top: 0 !important;
        }
      }
    }
  }
}

.box-slider {
  >.ApColumn {
    width: 100% !important;
  }
}

.header-top {
  padding: 45px 0 35px;
  transition: margin 0.3s ease-in;

  @media (max-width: 756px) {
    padding: 10px 0;
  }
}

.header-nav {
  font-size: 14px;
  padding: 10px;
  background: #010c4a;
  color: #fff;

  a {
    color: #fff;

    &.signin {
      margin-right: 10px;
    }
  }
}

.header-nav.hide-bar {
  transform: translateY(-30px);
}

.header-nav a,
.header-nav {
  transition: all 0.3s ease-in;
}

.header-nav a:hover {
  color: $cLavender !important;
}

.list-cate-wrapper {
  display: none;
}

#leo_search_block_top .block_content {
  border: none;
  border-bottom: 2px solid $cLavender;
  border-radius: 0;
}

#leo_search_block_top .block_content .leoproductsearch-result input[type='text'] {
  padding: 0 5px;
  text-align: left;
  height: 30px;
  font-size: 14px;
  line-height: 21px;
  color: $cTxtBlack;
}

#leo_search_block_top .block_content .leoproductsearch-result input[type='text']::-webkit-input-placeholder {
  color: $cTxtBlack;
  font-size: 14px;
  line-height: 21px;
}

#leo_search_block_top .block_content .leoproductsearch-result input[type='text']:-ms-input-placeholder {
  color: $cTxtBlack;
  font-size: 14px;
  line-height: 21px;
}

#leo_search_block_top .block_content .leoproductsearch-result input[type='text']::placeholder {
  color: $cTxtBlack;
  font-size: 14px;
  line-height: 21px;
}

#logo_row_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;

  @media (max-width: 765px) {
    margin-bottom: 0;
  }

  #cart-block {
    color: $cTxtBlack;
    font-size: 16px;
    cursor: pointer;
  }
}

.header-top .ApColumn .block {
  margin: 0;
  padding: 0;
}

#leo_search_block_top .block_content {
  padding: 0;
}

#leo_search_block_top .block_content button[type='submit'] {
  display: none;
}

#leosearchtopbox {
  width: 100%;
}

#leo_search_block_top .block_content .leoproductsearch-result {
  position: relative;
  display: flex;
  align-items: center;
}

#leo_search_block_top .block_content .leoproductsearch-result i {
  background-image: url(../img/layout/magnifier.svg);
  width: 17px;
  height: 17px;
  display: block;
  cursor: pointer;
  background-size: cover;

  &:hover {
    background-image: url(../img/layout/magnifier-hover.svg);
  }
}

.cart-preview .header {
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;

  picture {
    background: #a340ff;
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    border-radius: 50%;

    img {
      filter: invert(100%) sepia(100%) saturate(0) hue-rotate(22deg) brightness(106%) contrast(105%);
    }
  }
}

.nav.megamenu.horizontal {
  list-style: none;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0px;
}

.nav.megamenu.horizontal li {
  margin-right: 19px;
}

.nav.megamenu.horizontal li.last_element {
  margin-right: 0;
  margin-left: auto;
}

.nav.megamenu.horizontal li.fat_menu a {
  font-weight: 700;
}

@keyframes flashMenu {
  0% {
    color: $cTxtBlack;
  }

  50% {
    color: #fe6700;
  }

  100% {
    color: $cTxtBlack;
  }
}

.nav.megamenu.horizontal li.last_element a {
  background-color: #fe6700;
  padding-bottom: 0 !important;
  padding: 0px 15px 0;
  border-radius: 20px;
  color: #fff;
  font-weight: 500;
  transition: background-color 0.3s ease-in;
  margin-bottom: 24px;
}

.nav.megamenu.horizontal li.last_element a:hover {
  background-color: #3e2780;
  color: #fff !important;
}

#prices-drop .nav.megamenu.horizontal li.last_element a {
  animation: none;
  color: #fff !important;
}

#prices-drop .nav.megamenu.horizontal li.last_element a:active {
  animation: none;
  color: #fff !important;
}

.leo-megamenu .navbar-nav>li.active>a,
.leo-megamenu .navbar-nav>li:hover>a,
.leo-megamenu .navbar-nav>li:focus>a {
  color: $cTxtLavender;
}

.header-menu {
  border: none;
}

.header-menu:before {
  display: none;
}

.iview-controlNav div.iview-items ul li a.iview-control {
  width: 8px;
  height: 8px;
  background-color: $cTxtBlack;
  opacity: 1;
  margin: 0 4px;
}

.iview-controlNav div.iview-items ul li a.iview-control.active,
.iview-controlNav div.iview-items ul li a.iview-control:hover {
  transform: scale(1);
  background-color: $cTxtLavender;
}

.ApColumn .block {
  margin-bottom: 0;
}

.my_box_container {
  box-shadow: 0px 12px 17px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 34px 24px 34px 30px;
  margin-bottom: 64px;
}

.my_box_small {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.my_image_container {
  margin-right: 25px;
}

.my_content_container {}

.my_box_container p {
  color: $cTxtBlack;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  margin: 0;
  text-align: left;
}

.box-slider {
  padding-bottom: 0 !important;
  margin-bottom: 38px !important;
}

.leo-cart-dropdown-action a.btn.cart-dropdow-checkout {
  background-color: #3e2780;
}

.content.tab_links_container {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  text-align: center;
  grid-gap: 30px 5px;
}

.tab_links_container a {
  display: block;
}

.tab_links_container img {
  margin-bottom: 11px;
  transition: transform 0.2s ease-in;
  max-width: 100%;
}

.tab_links_container p {
  font-size: 13px;
  line-height: 14px;
  color: $cTxtBlack;
  font-weight: 400;
  transition: color 0.2s ease-in, font-weight 0.2s ease-in;
}

.tab_links_container a:hover p {
  color: #3e2780;
  font-weight: 700;
}

.tab_links_container a:hover img {
  transform: scale(0.9);
}

.ApColumn {
  .title_block {
    color: $cTxtDarkViolet !important;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 1.5 !important;
    text-align: center;
    padding-left: 0 !important;
    padding-bottom: 15px !important;
    width: fit-content;
    margin-left: auto !important;
    margin-right: auto !important;
    text-transform: uppercase !important;

    &:before {
      top: auto !important;
      bottom: 0 !important;
      height: 2px !important;
      background: $cLavender !important;
      width: 90% !important;
      left: 5%;
      content: '';
      display: block;
      position: absolute;
    }
  }
}

#findTab .nav-item a.nav-link {
  color: #696868;
  font-size: 15px;
  line-height: 52px;
  display: block;
  padding: 0 35px;
  background-color: #f1f1f1;
  font-weight: 400;
  text-transform: unset;
  border-radius: 0;
  border: none !important;
  transition: background-color 0.3s ease-in;
}

#findTab .nav-item {
  margin: 0;
}

#findTab .nav-item a.nav-link.active {
  background-color: #fff;
  font-weight: 700;
  color: #000;
  border: none;
}

#findTab .nav-tabs .nav-link:focus,
#findTab .nav-tabs .nav-link:hover {
  border: none;
}

#findTab .nav-tabs .nav-link {
  border: none;
}

#findTab {
  padding-bottom: 40px;
}

.find_for_you {
  padding-bottom: 41px;
  border-bottom: 1px solid #d8d8d8;
}

.ApColumn .block.find_for_you {
  margin-bottom: 60px;
}

.tab-pane[aria-labelledby='size-tab'] .img_container {
  padding: 0 10px;
}

.tab-pane[aria-labelledby='producent-tab'] .img_container {
  padding: 0 0px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin-bottom: 11px;
  min-height: 82px;
}

.tab-pane[aria-labelledby='producent-tab'] .tab_links_container img {
  margin: 0;
}

.thumbnail-container .product-title a {
  display: block;
  text-align: center;
  color: $cBlack;
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 25px;
  font-weight: 500;
  height: 68px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* number of lines to show */
  line-clamp: 3;
  -webkit-box-orient: vertical;
}

.product-flags {
  display: flex;
  flex-direction: column;
  padding: 0;
  text-align: center;
  top: 21px;
  left: 0;
}

.product-flags .product-flag {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 13px;
  line-height: 25px;
  padding: 0 18px;
  border-radius: 5px;
}

.product-flags .product-flag.new {
  background-color: #9a40eb;
}

.product-flags .product-flag.discount {
  background-color: #fe6700;
}

.thumbnail-container .product-price-and-shipping {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 25px;
  font-size: 20px;
}

.box-ptabs .nav-tabs .nav-item a:hover,
.box-cate .widget-category_image a:hover,
.thumbnail-container .product-title a:hover,
.leo-megamenu .navbar-nav>li>a:hover,
.leo-megamenu .navbar-nav>li>a:focus,
.leo-megamenu .navbar-nav>li>a:active {
  color: $cTxtLavender !important;
}

#leo_search_block_top .ac_results {
  min-width: 320px;
}

.thumbnail-container .product-price-and-shipping .price {
  color: $cLavender;
  font-size: 16px;
  line-height: 1.5px;
  font-weight: 600;
}

.thumbnail-container .product-price-and-shipping .regular-price {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.thumbnail-container .product-meta {
  padding: 0 21px 21px;
}

.box-product .owl-carousel .owl-item.active:before,
.box-ptabs .owl-carousel .owl-item.active:before,
.box-tdeals .owl-carousel .owl-item.active:before {
  display: none !important;
}

.button_container a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: $cTxtViolet;
  border-radius: 5px;
  height: 40px;
  padding: 0 17px;
  font-size: 14px;
  line-height: 26px;
  font-weight: 600;
  margin-top: 12px;
  transition: color 0.3s ease-in, background-color 0.3s ease-in;
  color: #fff;
}

.button_container a:hover {
  color: #fff;
  background-color: $cLavender;
}

.button_container a img {
  transition: filter 0.3s ease-in;
}

.button_container a:hover img {
  filter: brightness(0) invert(1);
}

.thumbnail-container {
  margin-bottom: 0;
}

article.product-miniature {
  background-color: #fff;
  border-radius: 5px;
  transition: box-shadow 0.2s ease-in;

  .product-card-widget-stars {
    #ekomi-product-widget-identifier {
      display: none;
    }

    #widget-container {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
  }
}

.list article.product-miniature {
  float: left;
}

.product_list .ajax_block_product {
  border: none;
}

.list .col-xl-4,
.page-prices-drop .grid .col-xl-4 {
  margin-bottom: 30px;
}

.product_list.list .thumbnail-container .product-title a {
  text-align: left;
}

#category .product_list .ajax_block_product {
  margin-bottom: 30px;
}

.product_list {
  border: none;
  box-shadow: none;

  &.list {
    .product-title {
      a {
        margin-bottom: 0 !important;
      }
    }

    .product-price-and-shipping {
      justify-content: flex-start;
    }

    .button_container {
      a {
        max-width: 175px;
      }
    }
  }
}

.product_list li {
  margin-bottom: 33px;
}

.light_gray_bg {
  position: relative;
  padding-top: 94px;
  margin-bottom: 0px !important;
  z-index: 1;
}

.light_gray_bg::before {
  height: 100%;
  width: 100vw;
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  background-color: rgba(216, 216, 216, 0.3);
}

.dark_gray_bg.light_gray_bg::before {
  background-color: #eaeaea;
}

.owl-theme .owl-controls .owl-pagination {
  margin: 66px 0 0 !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.owl-theme .owl-controls span {
  margin: 0 4px !important;
  background-color: #babcbc !important;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #3e2780 !important;
}

.ApColumn .block.products_block {
  margin-bottom: 58px;
}

.blog-viewall {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 70px 0 88px;
}

.blog-viewall .btn-primary {
  background-color: #3e2780;
  border-radius: 5px;
  color: #fff;
  display: flex;
  padding: 16px 32px;
  font-weight: 600;
  text-transform: unset;
  transition: color 0.3s ease-in, background-color 0.3s ease-in;
}

.blog-viewall .btn-primary:hover {
  color: #fff;
  background-color: #24b28c;
}

.blog_carousel .owl-carousel .owl-item {
  padding: 0 10px 0 0;

  .blog-container {
    min-height: 440px !important;
  }
}

.blog_carousel .block_content {
  padding: 0 15px;
}

.blog_carousel .item {
  background-color: #fff;
  border-radius: 8px;
  overflow: hidden;
}

.owl-carousel.owl-loading::before,
#back-top a {
  background-color: $cLavender !important;
}

#back-top a:hover {
  color: #fff !important;
  background-color: $cDarkViolet !important;
}

.latest-blogs .blog-desc {
  max-height: 147px !important;
  color: #010101 !important;
  font-weight: 400 !important;
  margin: 0 0 18px !important;
  line-height: 21px !important;
  overflow: hidden !important;
}

.latest-blogs .blog-image-container {
  margin: 0 !important;
  overflow: hidden;
}

.latest-blogs {
  padding-bottom: 0;

  .blog-image-container {
    img {
      max-height: 200px;
      object-fit: cover;
    }
  }

  .right-block {
    .author {
      display: none;
    }

    .nbcomment {
      display: none;
    }
  }
}

.right-block {
  padding: 20px;
}

.latest-blogs .blog-meta>span {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  width: 100%;
  color: #696868;
  font-style: initial;
  font-size: 12px;
  line-height: 21px;
  margin-bottom: 4px;
  text-transform: lowercase;
}

.latest-blogs .blog-title {
  font-size: 18px;
  text-transform: inherit;
  line-height: 24px;
  margin: 0 0 4px;
  font-weight: 600;
  height: 23px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-style: initial;
  color: $cTxtBlack;
}

.see_more_blog img {
  margin-left: 12px;
}

// .bestsellers_row {
//   padding-top: 100px;
//   padding-bottom: 160px;
// }

.manufacturers_block img {
  opacity: 1 !important;
  border-radius: 5px;
}

.manufacturer-image-container {
  text-align: center;
  border: 1px solid transparent;
  border-radius: 5px;
  transition: border-color 0.3s ease-in;
}

.manufacturer-image-container a {
  display: block;
}

.manufacturer-image-container:hover {
  border-color: #3e2780;
}

.footer_seo {
  text-align: justify;
}

.footer_seo h3,
.my_footer_row h3 {
  color: $cTxtBlack;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 15px;
}

.footer_seo p {
  color: $cTxtBlack;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 14px;
}

.my_footer_row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px 0;
}

.my_footer_row.top_row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;

  .my_footer_col {
    width: calc(100% / 4);
    margin: 0 !important;

    @media (max-width: 767px) {
      width: calc(100% / 2);
    }
  }
}

.row.footer_inside_row {
  margin: 0;
}

.row.footer_inside_row>div {
  padding: 0;
}

.adres_container p {
  color: $cTxtBlack;
  font-size: 12px;
  line-height: 20px;
  margin: 0;
}

.adres_container p a {
  color: $cTxtBlack;
  display: block;
}

.my_footer_row li a {
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 8px;
}

#footer a:hover {
  color: $cTxtLavender;
}

.my_footer_row ul {
  margin-bottom: 16px;
}

.img_footer_container img {
  width: auto;
  max-width: 100%;
}

.img_footer_container {
  display: grid;
  grid-gap: 24px 0;
  margin-top: 9px;
}

.footer {
  background: #f5fafe;
}

.my_footer_content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.my_footer_row h4 {
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

.my_footer_col.informacje,
.my_footer_col.bezpieczne_platnosci {
  margin-right: 60px;
}

.my_footer_col.moje_konto {
  margin-right: 66px;
}

.footer_social_media_container {
  margin-top: 20px;
}

.footer_social_media_container img {
  margin-right: 24px;
  transition: transform 0.2s ease-in;
}

.footer_social_media_container a:hover img {
  transform: scale(0.9);
}

.my_footer_content>a {
  display: block;
  margin-bottom: 3px;
  line-height: 20px;
}

.single_element h3 {
  margin-bottom: 0;
}

.single_element {
  margin-top: 5px;
  margin-bottom: 14px;
}

.leo-fly-cart-total {
  background-color: $cLavender;
}

.footer-bottom .inner,
.footer-center .inner {
  border: none;
}

.footer-top {
  background-color: #3e2780;
  padding: 0;
  margin: 0;
}

.footer-top .container {
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: 100%;
}

.footer-top .ApColumn .block {
  margin: 0;
}

#cta_row {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;

  .ApColumn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
  }
}

#cta_row .col-xl-6 {
  float: unset;
  width: unset;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  align-items: center;
  padding: 0;
}

#cta_row .col-xl-6.left_cta {
  justify-content: flex-end;
  padding-right: 158px;
}

#cta_row .content_cta {}

#cta_row h3 {
  color: #ffffff;
  font-size: 28px;
  line-height: 42px;
  margin-bottom: 55px;
  text-align: center;
  font-weight: 700;
}

@-webkit-keyframes bounceIn {

  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {

  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

#cta_row p {
  color: #000;
  font-size: 31px;
  line-height: 34px;
  text-align: center;
  background-color: #fff;
  border-radius: 5px;
  padding: 16px;
  font-weight: 700;
  margin-bottom: 0;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  animation-iteration-count: infinite;
}

#cta_row p a,
#cta_row p a:hover {
  color: #000;
}

#cta_row .links_cta {
  display: flex;
  align-items: center;
}

#cta_row .links_cta a {}

#cta_row .links_cta p {
  animation: none;
  color: #fff;
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 14px;
  margin: 0 40px 0 0;
  font-weight: 500;
}

#cta_row .footer_social_media_container {
  margin: 0;
}

.links_cta {
  margin-top: 72px;
}

#cta_row .footer_social_media_container img {
  width: 44px;
}

.footer-center .inner {
  padding-top: 75px;
}

.footer-bottom,
.footer-bottom .inner {
  padding: 0;
}

.footer-bottom .ApColumn .block {
  margin-bottom: 0;
}

.bottom_row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 100px;
}

.bottom_row p {
  margin: 17px 0 27px;
  color: $cTxtBlack;
  font-size: 13px;
  line-height: 18px;
  width: 100%;
  text-align: center;
}

.salony_row {
  padding-bottom: 34px;
}

.salony_row .title {
  background-color: #fff;
  text-align: center;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  padding: 20px 110px;
  color: #696868;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}

.salony_row a:hover .title {
  color: #fff;
  background-color: #3e2780;
}

.salony_row .item {
  border-radius: 5px;
  overflow: hidden;
}

#main .page-footer {
  display: none;
}

.manufacturers_block {
  padding-top: 104px;
  margin-bottom: 70px !important;
}

//* Breadcrumbs
#wrapper .breadcrumb {
  margin-bottom: 0;
  padding-bottom: 24px;
  border-bottom: 2px solid #f6f6f6;
  margin-bottom: 33px;
}

#product #wrapper .breadcrumb {
  margin-bottom: 18px;
}

#wrapper .breadcrumb li::after {
  margin: 0 10px 0 5px;
}

#wrapper .breadcrumb li a {
  color: #696868;
  font-size: 11px;
  line-height: 23px;
  text-transform: lowercase;
}

#wrapper .breadcrumb li:last-child a {
  color: $cTxtLavender;
  text-decoration: none;
}

//* End breadcrumbs

.block-category #category-description {
  margin-top: 0;
}

.block-category #category-description p:first-child {
  color: $cTxtBlack;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 24px;
}

.products-selection {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 24px;
  border-bottom: none;
}

#js-product-list-top .row {
  display: flex;
  justify-content: space-between;
}

#js-product-list-top .total-products {
  order: 2;
  display: flex;
  justify-content: flex-end;
}

#js-product-list-top .total-products p {
  display: none;
}

.products-selection .display>div a {
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.products-selection .display>div a[title='Grid'] {
  width: 36px;
}

.products-selection .display>div a[title='List'] {
  width: 43px;
}

.products-selection .display>div {
  margin-right: 13px;
}

.products-selection .display>div#list {
  margin-right: 0;
}

.products-selection .display>div a img {
  transition: filter 0.2s ease-in;
}

.products-selection .display>div a:hover img {
  filter: grayscale(1);
}

.sort_border {
  margin-left: 15px;
  padding: 7px 16px;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: background-color 0.2s ease-in;
}

.products-selection .sort-by {
  padding-left: 0;
  padding-right: 0;
  color: #3e2780;
  font-weight: 600;
  font-size: 13px;
  line-height: 39px;
  display: block;
  margin: 0 5px 0 0;
}

.sort_border .col-md-3,
.sort_border .col-md-9 {
  float: unset !important;
  width: auto !important;
  padding: 0;
}

.products-selection button.select-title {
  padding: 0;
  color: $cTxtBlack;
  font-size: 13px;
  line-height: 36px;
  border: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 0 3px;
}

.chevron_sort_container {
  display: flex;
  position: relative;
  background-color: #3e2780;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  width: 32px;
  height: 32px;
  margin-left: 46px;
  transition: transform 0.3s ease-in;
}

.chevron_sort_container img {
  filter: brightness(0) invert(1);
  transform: rotate(90deg) translateX(2px);
  transition: transform 0.1s ease-in;
}

button[aria-expanded='true'] .chevron_sort_container {
  transform: rotate(180deg);
}

button[aria-expanded='true'] .chevron_sort_container img {
  transform: rotate(90deg) translateX(0);
}

.products-sort-order .dropdown-menu {
  left: 0;
  width: calc(100% - 20px);
  border: 1px solid #d8d8d8;
  border-radius: 0 0 4px 4px;
  font-size: 12px;
  padding: 0;
  margin: 9px 0 0 0;
  border-top: none;
}

.products-sort-order .select-list:hover {
  background-color: #fff;
}

.products-selection .display {
  float: unset;
  display: flex;
  align-items: center;
}

#category .products-selection {
  margin-bottom: 62px;
}

.pagination {
  background-color: unset;
  border-radius: 0;
  padding: 0;
  margin-top: 50px;
  margin-bottom: 50px;
}

.pagination .page-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0;
  width: auto;
  float: left;
}

.pagination .page-list li {
  padding: 0;
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 24px;
  color: #696868;
  border-radius: 4px;
}

.pagination .page-list li:last-child a {
  border-right: none;
}

.pagination .page-list li:last-child a span {
  display: none;

  &.spacer {
    display: block;
  }
}

#category-description {
  padding: 50px;
  line-height: 1.5;

  h2 {
    font-size: 1.25rem;
  }
}

.pagination a {
  color: #696868;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease-in, color 0.3s ease-in;
  border-radius: 4px;
  margin-right: 1px;
}

.pagination a:hover,
.pagination .current a {
  background-color: #3e2780;
  color: #fff !important;
}

.pagination .page-list a.next img {
  transform: translateX(1px);
}

.pagination .page-list a.previous img {
  transform: rotate(-180deg) translate(1px, -1px);
}

.pagination .page-list a.next:hover img,
.pagination .page-list a.previous:hover img {
  filter: brightness(0) invert(1);
}

#left-column .card-header {
  display: none;
}

#left-column .card {
  border: none;
}

#left-column .card-block {
  padding: 0;
}

.PM_ASCriterionGroupCheckbox .PM_ASLabelCheckboxSelected .PM_ASLabelLink,
.PM_ASCriterionGroupCheckbox .PM_ASLabelCheckbox .PM_ASLabelLink:hover,
.PM_ASearchTitle,
.PM_ASBlockOutputHorizontal a,
.PM_ASBlockOutputVertical a {
  font-weight: 500;
}

.PM_ASForm li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}

.PM_ASForm label {
  margin-bottom: 0;
}

.PM_ASForm li div {
  width: 100%;
}

.PM_ASCriterionCheckbox {
  width: 14px;
  height: 14px;
  position: relative;
  z-index: 5;
  margin-right: 13px;
  opacity: 0;
}

.PM_ASForm label::after {
  width: 14px;
  height: 14px;
  left: 0;
  top: 5px;
  content: '';
  position: absolute;
  border: 1px solid #bcbcbc;
}

.PM_ASForm label::before {
  width: 10px;
  height: 10px;
  left: 2px;
  top: 7px;
  content: '';
  position: absolute;
  background-color: #3e2780;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}

.PM_ASForm input:checked+label::before {
  opacity: 1;
}

.PM_ASBlockOutputVertical a {
  color: #696868;
  display: block;
  width: 100%;
  line-height: 24px;
}

.PM_ASBlockOutput {
  padding-left: 26px;
}

.PM_ASBlockOutputVertical .PM_ASSubmitSearch {
  background-color: #3e2780;
  padding: 7px 31px;
  font-weight: 700;
  text-transform: initial;
  font-size: 14px;
  line-height: 21px;
  border-radius: 5px;
  transition: color 0.2s ease-in, background-color 0.2s ease-in;
}

.PM_ASBlockOutputVertical .PM_ASSubmitSearch:hover {
  color: #3e2780;
  background-color: transparent;
}

.PM_ASForm .text-center {
  text-align: left !important;
  padding: 0;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #3e2780;
  background-image: none;
  border: none;
  transition: transform 0.2s ease-in;
  cursor: pointer;
}

.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
  transform: scale(1.1);
}

.ui-slider .ui-slider-range {
  background: #3e2780;
}

.PM_ASCritRange {
  border-radius: 0;
  height: 2px;
  border: none;
}

.ui-slider-horizontal .ui-slider-range {
  top: 2px;
}

.PM_ASBlockOutputVertical .PM_ASCriterionsGroupTitle {
  border: none;
}

.PM_ASBlockOutputVertical .PM_ASResetSearch {
  border: 1px solid #d8d8d8;
  box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
}

.PM_ASCritRangeValue {
  margin-top: 10px;
}

.ApColumn .block.day_hit {
  border-radius: 0 4px 4px;
  border: 1px solid #fe6700;
  padding: 0;
  margin: 76px 0 0 0;
  position: relative;
}

.ApColumn .block.day_hit::after {
  position: absolute;
  top: 0;
  left: -1px;
  background-color: #fe6700;
  color: #ffffff;
  font-size: 24px;
  line-height: 21px;
  font-weight: 700;
  padding: 12px 24px;
  border-radius: 8px 8px 0 0;
  transform: translateY(-100%);
}

.ApColumn .block.day_hit::before {
  position: absolute;
  top: -76px;
  width: 100%;
  height: 2px;
  background-color: #d8d8d8;
  content: '';
}

html[lang='pl'] .ApColumn .block.day_hit::after {
  content: 'Hit Dnia!';
}

#category .ApColumn .block.day_hit .ajax_block_product {
  margin: 0 !important;
}

.block.day_hit .product_list .ajax_block_product .product-flags {
  display: none;
}

.block.day_hit .button_container a img {
  filter: brightness(0) invert(1);
}

.footer_seo {
  padding-right: 30px;
}

.zoomContainer,
.product-thumb-images .thumb {
  border-radius: 4px;
}

.product-thumb-images .thumb.selected,
.product-thumb-images .thumb:hover {
  border-color: $cLavender;
}

.product-detail.product-thumbs-bottom .product-thumb-images {
  padding-left: 0;
  padding-right: 0;
}

.product-detail.product-thumbs-bottom .product-thumb-images .slick-arrow.slick-prev {
  left: 0;
  border-radius: 5px 0 0 5px;
}

.product-detail.product-thumbs-bottom .product-thumb-images .slick-arrow.slick-next {
  right: 0;
  border-radius: 0 5px 5px 0;
}

#thumb-gallery .slick-arrows .slick-arrow {
  height: 100%;
}

.slick-list:hover+.slick-arrows .slick-next,
.slick-list:hover+.slick-arrows .slick-prev,
.slick-arrows .slick-next.slick-disabled:hover,
.slick-arrows .slick-prev.slick-disabled:hover {
  background-color: rgba(52, 214, 173, 0.5);
}

.slick-arrows .slick-next:hover,
.slick-arrows .slick-prev:hover {
  background-color: rgba(52, 214, 173, 1);
}

.product-add-to-cart {
  margin-bottom: 15px;
}

.product-actions {
  margin-bottom: 44px;
}

.product-detail>.row {
  margin: 0;
}

.product-detail>.row>div[class^='col-'] {
  padding-left: 15px;
  padding-right: 15px;
}

.product-detail>.row>div.col-form_id-form_9367402777406408 {
  width: calc(50% + 58px);
}

.product-detail-name {
  text-transform: initial;
  margin-top: 0;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 16px;
  font-weight: 600;
  color: #2e2925;
  width: 520px;
  max-width: 100%;
}

.product-detail {
  padding-top: 0;
}

#product .product-actions .add-to-cart {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #fff;
  background-color: $cDarkViolet;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  text-transform: initial;

  &:hover {
    background-color: $cLavender;
  }
}

#product .product-actions .add-to-cart[disabled] {
  filter: grayscale(1);
}

.my_availability_box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.my_availability_box .single_box {
  margin-right: 16px;
}

.my_availability_box .single_box.dostepnosc {
  display: none;
}

.my_availability_box {
  margin-bottom: 11px;
}

.my_availability_box .single_box p,
.my_manufacturer p,
#leo_product_reviews_block_extra .rating_label {
  font-size: 12px;
  margin: 0;
  line-height: 18px;
  font-weight: 400;
  color: $cTxtBlack;
}

.my_manufacturer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}

.my_manufacturer .product-manufacturer {
  display: flex;
}

.my_manufacturer .product-manufacturer .manufacturer-logo {
  max-height: 115px;
  padding: 0;
  border: none;
}

.my_box_container.product_container {
  padding: 0;
  box-shadow: none;
  margin: 0;
  grid-template-columns: repeat(3, 1fr);
}

#product .my_box_container.product_container {
  margin-bottom: 20px;
}

.my_box_container.product_container p {
  font-size: 10px;
  line-height: 12px;
}

.my_box_container.product_container .my_image_container {
  margin-right: 9px;
}

#leo_product_reviews_block_extra .reviews_note:before {
  display: none;
}

#leo_product_reviews_block_extra .reviews_note {
  float: unset;
  padding: 0;
  margin: 0;
}

#leo_product_reviews_block_extra {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0;
}

#leo_product_reviews_block_extra .rating_label {
  margin-right: 10px;
}

.my_rating_container {
  margin-bottom: 11px;
}

.star_content .star {
  width: 15px;
  height: 15px;
  position: relative;
  margin: 0 2px;
}

.star_content .star:before,
div.star.star_on:before,
div.star.star_hover:before {
  color: #ebebeb;
  font-size: 16px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

div.star.star_on:before,
div.star.star_hover:before {
  color: #3e2780;
}

.product-quantity #quantity_wanted {
  width: 100%;
  text-align: left;
}

.product-actions .control-label {
  color: $cTxtBlack;
  font-size: 14px;
  line-height: 18px;
  margin: 0 auto;
  text-align: left;
  font-weight: 400;
  text-transform: initial;
  width: 100px;
  margin-right: 5px;
  min-width: unset;
  max-width: unset;
  margin-left: 0;
}

.product-variants>.product-variants-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 8px;
}

.product-variants>.product-variants-item select {
  min-height: 34px;
  max-width: 419px;
}

select.form-control:not([size]):not([multiple]) {
  height: calc(2.5rem - 6px);
}

.product-detail>.row>div.col-form_id-form_15874367062488778 {
  padding-left: 15px;
  width: calc(50% - 58px);
}

.product-add-to-cart .product-quantity .qty {
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.product-quantity #quantity_wanted,
.product-variants>.product-variants-item select {
  background-color: #f0f0f0;
  width: 419px;
  height: 34px;
  color: #696868;
  font-size: 14px;
  line-height: 21px;
  border: none;
  padding-top: 5px 16px;
  border-radius: 5px;
  cursor: pointer;
  outline: none !important;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-image: url(../img/layout/chevron_violet.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 16px) center;
  background-size: auto;
}

.product-actions .product-variants {
  margin: 0;
}

#add-to-cart-or-refresh .clearfix::after {
  display: none;
}

.price_container {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-top: 47px;
  margin-bottom: 18px;
}

.price_container .product-prices,
.price_container .product-prices .product-price {
  margin: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.price_container .current-price {
  color: $cTxtBlack;
  font-size: 28px;
  line-height: 18px;
  font-weight: 600;
  display: block !important;
  margin-right: 20px !important;

  @media (max-width: 767px) {
    width: 100%;
  }
}

.price_container .product-discount {
  color: #696868;
  font-size: 20px;
  line-height: 18px;

  @media (max-width: 767px) {
    width: 100%;
  }
}

.price_container .product-discount .regular-price {
  margin-right: 0;
}

.phone_single {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.phone_single p {
  color: #1a1a1a;
  font-size: 14px;
  line-height: 18px;
  margin-right: 8px;
  font-weight: 400;
  margin-bottom: 0;
}

.phone_single p strong {
  font-weight: 700;
}

.phone_single p a {
  transition: color 0.2s ease-in;
}

.raty_boxes_container {
  display: flex;
  align-items: center;
  margin-top: 15px;
  gap: 6px;
  padding-bottom: 21px;
  border-bottom: 1px solid #f6f6f6;
  margin-bottom: 16px;
  flex-wrap: wrap;
  justify-content: center;

  br {
    display: none;
  }
}

.raty_boxes_container {
  p {
    margin-bottom: 0;
  }
}

.raty_boxes_container>div {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;

  @media (max-width: 500px) {
    width: 100%;
  }

  picture {
    max-width: 150px;
    display: block;

    img {
      width: 100%;
      max-width: 150px;
    }
  }
}

.raty_boxes_container>div.santander {
  border: none;
  align-items: center;
  justify-content: center;
  display: flex;
}

.botton_product_container {
  display: flex;
  justify-content: center;
  gap: 20px;
  align-items: center;

  a {
    display: block;
    background: $cLavender;
    padding: 10px;
    border-radius: 4px;

    img {
      margin-right: 0 !important;
    }
  }
}

a:focus,
a:hover,
.blog-title a:focus,
.blog-title a:hover,
.blog-container a:focus,
.blog-container a:hover {
  color: $cTxtLavender;
}

.more-info-product {
  border-radius: 4px;
  padding: 35px 50px 50px;
}

.product_base_info {
  background: #fff;
  padding: 25px;
  border-radius: 4px;
}

.category-products .products-section-title,
.more-info-product .title-info-product {
  position: relative;
  color: $cTxtDarkViolet;
  font-family: 'Roboto';
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  text-align: center;
  padding-left: 0;
  padding-bottom: 10px;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  text-transform: uppercase;

  &:before {
    content: '';
    position: absolute;
    top: auto;
    bottom: 0;
    height: 2px;
    background: $cLavender;
    width: 90%;
    left: 5%;
    display: block;
  }
}

.product-features h3 {
  display: none;
}

.product-features {
  margin: 0 0 40px;
}

.product-features {
  >dl {
    &.data-sheet {
      margin-bottom: 0;
    }
  }
}

.product-features>dl.data-sheet dd.value,
.product-features>dl.data-sheet dt.name {
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: $cTxtBlack;
  min-height: 31px;
  padding: 8px;
  background-color: $cWhite;
  text-transform: initial;
  display: flex;
  align-items: center;

  @media (max-width: 765px) {
    font-size: 13px;
  }
}

.product-features>dl.data-sheet dt.name {}

.product-features>dl.data-sheet dd.value {
  color: $cTxtViolet;
}

// .product-features>dl.data-sheet dd.value,
// .product-features>dl.data-sheet dd.value:nth-of-type(even) {
//   background-color: #f5fafe;
// }

// .product-features>dl.data-sheet dt.name:nth-of-type(even) {
//   background-color: #fff;
// }

#description iframe {
  width: 100%;
  min-height: 412px;
}

#description h2 {
  color: $cTxtBlack;
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 13px;
  font-weight: 400;
}

#description {
  font-size: 13px;
  line-height: 18px;
  color: #010101;
}

#description p {
  font-size: 13px;
  line-height: 18px;
}

#product_reviews_block_tab .review {
  border-bottom: 1px solid #33d5ad;
}

.product-name a:hover,
.leo-fly-cart-icon-wrapper a:hover,
#checkout-addresses-step a:hover {
  color: #3e2780 !important;
}

.leo-cart-dropdown-action a.btn:hover,
.leo-cart-dropdown-action a.btn:focus,
.leo-cart-dropdown-action a.btn:active:focus,
.leo-cart-dropdown-action a.btn.cart-dropdow-checkout:hover,
.leo-cart-dropdown-action a.btn.cart-dropdow-checkout:focus,
.leo-cart-dropdown-action a.btn.cart-dropdow-checkout:active:focus,
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.active {
  color: #ffffff !important;
  background: $cLavender !important;
}

.leo-cart-dropdown-action a.btn,
.leo-cart-dropdown-action a.btn.cart-dropdow-checkout {
  transition: all 0.3s ease-in;
}

#product .product-actions .add-to-cart {
  transition: all 0.3s ease-in;
}

.btn-outline {
  transition: all 0.3s ease-in;
  background-color: #ccc;
  border-color: #ccc;
  border-radius: 5px;
}

.btn-outline:hover {
  color: #fff !important;
  background-color: #3e2780;
}

.custom-radio input[type='radio']:checked+span {
  background-color: #3e2780;
}

.btn-primary {
  color: $cTxtWhite;
  font-weight: 600;
  font-size: 14px;
  background-color: $cDarkViolet;
  transition: all 0.3s ease-in;
  border-radius: 5px;
  padding: 10px 40px;
  text-transform: inherit;

  &:hover {
    background: $cLavender;
  }
}

.form-control {
  background-color: #fff;
  border: 1px solid #e6e5e5;
  border-radius: 5px;
}

.form-control:focus {
  color: $cTxtBlack;
  border-color: #3e2780;
}

#customer-form .form-control-valign label {
  margin-right: 15px;
}

.input-group {
  outline: none !important;
}

.cart-summary-products .btn-outline {
  text-transform: uppercase;
}

body#checkout [data-action='show-password'],
#authentication [data-action='show-password'] {
  background: #ccc;
  transition: all 0.3s ease-in;
  height: 35px;
}

body#checkout [data-action='show-password']:hover,
.btn-primary:active,
.btn-primary.active,
.open>.btn-primary.dropdown-toggle,
.btn-primary:focus,
.btn-primary.focus,
#authentication [data-action='show-password']:hover {
  background: #3e2780;
}

#cta_row {
  overflow: hidden;
}

#checkout .my_box_container.product_container .my_image_container {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  text-align: center;
}

#checkout .my_box_small {
  flex-wrap: wrap;
}

#checkout .my_content_container {
  text-align: center;
  display: flex;
  width: 100%;
  justify-content: center;
  padding: 0 10px;
  min-height: 36px;
}

#checkout .my_box_container.product_container p {
  text-align: center;
}

body#checkout section.checkout-step .address-item.selected {
  border-radius: 5px;
  border-color: #3e2780;
}

body#checkout #order-summary-content .summary-selected-carrier,
body#checkout #order-summary-content .order-confirmation-table {
  border-radius: 5px;
}

.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
  background-color: #a94442;
}

.summary-selected-carrier .row {
  display: flex;
  align-items: center;
}

.form-control-valign {
  display: flex;
  align-items: center;
}

.form-group.row {
  display: flex;
  align-items: center;
}

.product-actions .control-label {
  text-transform: uppercase;
}

#customer-form .form-control-valign label {
  margin-bottom: 0 !important;
  display: flex;
  align-items: center;
}

#identity .radio-inline .custom-radio,
#authentication .radio-inline .custom-radio {
  margin-right: 5px;
}

.page-my-account #content .links a:hover i {
  color: #3e2780;
}

.category-depth-level-3 #PM_ASCriterionsGroup_1_4 {
  display: none;
}

#configure .img_container {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  min-height: 117px;
}

.page-prices-drop #js-product-list-header {
  text-align: center;
  margin: 20px auto 30px;
  font-size: 30px;
  text-transform: capitalize;
}

.movies_page .half_w_movies {
  margin-top: 30px;
}

.movies_page iframe {
  width: 100%;
}

.movies_page .half_w_movies iframe {
  min-height: 290px;
}

.movies_page .full_w_movies iframe {
  min-height: 470px;
}

#cms .content-wrapper h2 {}

#cms #content-wrapper p,
#cms #content-wrapper li {
  color: #000;
  font-size: 13px;
  line-height: 1.3;
  margin-bottom: 10px;
  font-weight: 400;
}

.leo-megamenu .dropdown-menu {
  min-width: 256px;
  padding: 28px;
  border-radius: 7px;
  box-shadow: 0px 12px 29px rgba(0, 0, 0, 0.25);
  top: calc(100% - 5px);
  background: #fff;
}

.leo-megamenu .dropdown-menu li {
  margin-bottom: 25px;
  margin-right: 0 !important;
}

.leo-megamenu .dropdown-menu li a {
  padding: 0;
  color: $cDarkViolet;
  font-size: 16px;
  transition: all 0.3s ease-in;

  &:hover {
    span {
      color: $cLavender !important;
    }
  }

  span {
    color: $cDarkViolet !important;
    transition: all 0.3s ease-in;
  }
}

.leo-megamenu .dropdown-menu li a:hover,
.leo-megamenu .dropdown-menu li a:hover .menu-title {
  color: $cTxtLavender;
}

.dropdown-toggle::after {
  display: none;
}

.nav.megamenu.horizontal li:last-child {
  margin-bottom: 0;
}

.leo-megamenu .dropdown-menu::after {
  content: '';
  position: absolute;
}

.bottomnav {
  padding-top: 10px;
  padding-bottom: 10px;
}

#order-confirmation #order-details {
  padding-left: 15px;
  margin-top: 30px;
}

#order-confirmation #registration-form {
  margin-top: 50px;
}

#order-confirmation #order-items {
  border-right: none;
}

.bestsller .item {
  padding-bottom: 15px;
  padding-top: 15px;
}

#header {
  // position: sticky;
  // top: 0;
  background-color: #fff;
  // z-index: 999;

  .header-nav {
    z-index: 999;

    &.fixed {
      top: 0;
      position: fixed;
      width: 100%;
    }
  }

  .header-top {
    z-index: 999;

    &.fixed {
      position: fixed;
      width: 100%;
    }
  }
}

.header-logo img {
  transition: transform 0.3s ease-in;
  transform-origin: left;

  @media (max-width: 767px) {
    max-width: 150px;
  }
}

.mini-navbar .header-logo img {
  transform: scale(0.7);
}

.mini-navbar .header-top {
  margin-top: 0px;
  transition: transform 0.3s ease-in;
}

.mini-navbar #logo_row_header {
  margin-bottom: 0;
}

.mini-navbar .nav.megamenu.horizontal>li>a {
  padding-bottom: 10px;
}

.navbar-fixed-top {
  transition: all 0.3s ease-in;
}

.navbar-fixed-top.mini-navbar {
  box-shadow: 5px 5px 10px -8px #ccc;
  transform: translateY(-30px);
}

.cms-id-23 #main .page-header,
.cms-id-23 #cta_row {
  display: none;
}

.newsletter {
  width: 700px;
  margin: 90px auto 300px;
  max-width: 100%;
}

.newsletter h2 {
  font-size: 28px;
  line-height: 39px;
  font-weight: 700;
  text-align: center;
}

.newsletter h2 span {
  color: #3e2780;
}

#cart .cart-detailed-actions .btn.btn-outline {
  background-color: #3e2780;
  border: none;
}

.cart-grid-body a.label:hover {
  color: #3e2780;
}

.aeuc_from_label {
  display: none;
}

.product-prices .current-price span[itemprop='price'] {
  font-size: 28px;
  line-height: 18px;
}

.my_salon_container h2 {
  font-size: 23px;
  text-align: left;
  margin-bottom: 15px;
}

#cms #content-wrapper .my_salon_container p {
  font-size: 20px;
}

#cms #content-wrapper .my_salon_container p a:hover {
  color: #3e2780;
}

.my_salons iframe {
  width: 100%;
  min-height: 370px;
  box-shadow: 0px 0px 20px rgba(204, 204, 204, 0.5);
}

.full_w_walk {
  margin-top: 80px;
}

.full_w_walk h2 {
  font-size: 2em;
  margin-left: -15px;
  margin-bottom: 30px;
}

.full_w_walk .bottom_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img_salon_container {
  margin-bottom: 15px;
  text-align: center;
}

.img_salon_container img {
  max-width: 100%;
}

.list article.product-miniature {
  width: 100%;
}

.flex-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex-col48 {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.box-cover .flex-col48 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-items: flex-start;
  -ms-flex: unset;
  flex: unset;
  max-width: unset;
  width: 48%;
}

.box-cover .flex-col48 p span {
  padding-left: 30px;
  display: block;
}

.flex-row.box-cover .flex-col48.cover-item:last-of-type p span {
  padding-left: 0;
}

.flex-row.box-cover .flex-col48.cover-item:last-of-type {
  display: block;
}

.box-cover .flex-col48 img {
  max-width: 100%;
  min-width: 140px;
  height: auto;
  margin-right: 30px;
}

.desc-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 15px;
}

.desc-item img {
  width: auto;
  margin-right: 20px;
}

.desc-item p {
  padding-right: 15px;
  margin: 0;
}

.hardness h3 {
  text-align: center;
}

.hardness img {
  margin: 0 auto 15px;
}

.hardness {
  text-align: center;
  width: 100%;
}

.flex-col100 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.flex-col100 img {
  margin-right: 20px;
}

.walk_container iframe {
  max-width: 100%;
  border: none;
}

#blog-category .panel.panel-default,
.latest-blogs .blog-meta>span.icon-calendar,
#module-leoblog-blog .social-share,
.blog-description h1,
#module-leoblog-category .panel.panel-defaul,
#module-leoblog-category .blog-item .blog-meta,
#module-leoblog-category h3.section-title,
#module-leoblog-list .blog-meta {
  display: none;
}

.blog-description {
  color: #000;
}

.blog-item .blog-shortinfo {
  color: #000;
}

#blogpage h1.blog-title {
  font-size: 34px;
}

#blogpage .extra-blogs {
  margin-top: 30px;
}

#blogpage .blog-detail .blog-meta {
  width: 100%;
  border-bottom: 2px solid #f7f7f7;
  padding-bottom: 25px;
  margin-bottom: 15px;
}

.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.open>.btn-primary.dropdown-toggle:hover,
.open>.btn-primary.dropdown-toggle:focus,
.open>.btn-primary.dropdown-toggle.focus {
  background-color: #24b28c;
}

#manufacturer #main h1 {
  margin-bottom: 30px;
}

html[lang='en'] .nav.megamenu.horizontal li.fat_menu:not(.last_element),
html[lang='sk'] .nav.megamenu.horizontal li.fat_menu:not(.last_element) {
  display: none;
}

#cms #main .page-content li {
  list-style: initial;
}

#cms #main .page-content ul,
#main .page-content ol {
  padding-left: 30px;
}

#cms #main .page-content ul,
#main .page-content ul li {
  list-style: disc !important;
}

#cms #main .page-content ol,
#main .page-content ol li {
  list-style: decimal !important;
}

#main .page-content ol li ul,
#main .page-content ol li ul li {
  list-style: disc !important;
}

#description ul,
#description li,
#description ol {
  list-style: inherit;
}

#description ul {
  padding-left: 30px;
}

.products-sort-order .select-list:hover {
  color: #3e2780;
}

.delivery-options-list .h6 {
  margin-bottom: 0;
}

body#checkout section.checkout-step .delivery-option label {
  margin-bottom: 0;
}

body#checkout section.checkout-step .delivery-option {
  display: flex;
  align-items: center;
}

#raty_baner {
  cursor: pointer;
}

#newsletter_container {
  display: none;
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}

.cms-id-23 #newsletter_container {
  display: block;
}

.cms-id-23 .footer-top {
  background-color: transparent;
}

.block_newsletter form {
  margin: 0;
  width: 700px;
  border: none;
  height: auto;
  max-width: calc(100% - 30px);
  padding: 0;
  background: transparent;
}

.newsletter-box {
  .ApHtml {
    h4 {
      color: $cTxtWhite;
      font-family: 'Roboto', sans-serif;
      font-style: normal;
      font-weight: 700;
      font-size: 28px;
      line-height: 1.1;
      margin-bottom: 10px;
    }

    h5 {
      color: $cTxtWhite;
      margin-bottom: 15px;
      font-weight: 300;
    }
  }

  .block_newsletter {
    label {
      a {
        color: $cTxtWhite;
        font-weight: 400;
        font-size: 14px;
      }
    }
  }
}

.newsletter_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.newsletter_container .input-wrapper input {
  background: $cWhite;
  color: $cTxtBlack;
  font-size: 14px;
  line-height: 34px;
  padding: 7px 21px;
  width: 100%;
  height: 48px;
}

.newsletter_container .input-wrapper {
  width: calc(100% - 150px);
}

.block_newsletter form button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 15px;
  line-height: 24px;
  width: 150px;
  // margin-left: 16px;
  background-color: $cLavender !important;
  color: #fff;
  right: 0;
  position: relative;
  letter-spacing: 0.125em;
  border-radius: 0;
  text-transform: uppercase;
  height: 48px;
}

.block_newsletter form button span {
  display: block;
}

.block_newsletter .col-12 {
  width: 100%;
  position: relative;
  padding: 0 15px;
}

.block_newsletter .col-12 input {
  width: 20px;
  height: 20px;
  float: unset;
  margin-right: 9px;
  opacity: 0;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.block_newsletter .col-12 label {
  margin: 0;
}

.block_newsletter .col-12 a {
  color: #696868;
  font-size: 13px;
  line-height: 19px;
}

.block_newsletter .col-12 label::before,
.block_newsletter .col-12 label::after {
  position: absolute;
  content: '';
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border-radius: 0px;
  background: $cWhite;
  border: 2px solid $cWhite;
}

.block_newsletter .col-12 label::after {
  border: none;
  opacity: 0;
  width: 8px;
  height: 8px;
  background-color: $cLavender;
  left: 18px;
  top: 10px;
  border-radius: 0;
  transition: all 250ms ease;
}

.block_newsletter .col-12 input:checked+label::after {
  opacity: 1;
}

.block_newsletter .title_block {
  display: none !important;
}

.block_newsletter {
  color: #fff;

  a {
    color: #fff !important;
    text-decoration: underline;
    margin: 0 3px;
  }

  h3 {
    margin-bottom: 10px;
  }

  h5 {
    margin-bottom: 15px;
    color: #fff;
    font-weight: 300;
    font-size: 0.9rem;
    line-height: 1.5;
  }

  input {
    background: #fff;
    opacity: 1 !important;
  }
}

.PM_ASCriterionsGroup.PM_ASCriterionsGroupStock {
  display: none !important;
}

.pagination .page-list li:nth-child(4) span {
  width: 37px;
  height: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body#checkout section.checkout-step .carrier-delay {
  display: none;
}

#order-confirmation #order-details ul {
  padding-left: 15px;
}

#order-confirmation #order-details ul li:last-child {
  display: none;
}

body#checkout .condition-label label a {
  font-weight: 700;
}

#checkout .modal-content ol,
#checkout .modal-content ol li {
  list-style: decimal;
}

#checkout .modal-content ul,
#checkout .modal-content ul li {
  list-style: square;
}

#checkout .modal-content ol,
#checkout .modal-content ul {
  padding-left: 30px;
}

#checkout .modal-content ol+p {
  margin-top: 20px;
}

#checkout .modal-content .btn {
  margin-top: 20px;
}

body#checkout .modal-content {
  background-color: #fff;
}

body#checkout .modal-content p,
body#checkout .modal-content a,
body#checkout .modal-content li {
  color: #000000;
}

.page-cart #oblicz-rate {
  display: none;
}

.PM_ASCriterionsGroupPrices_drop .PM_ASLabelLink {
  text-transform: capitalize;
}

.content_row.content_header_row {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 0 43px;
}

.content_row.content_header_row img {
  display: block;
  margin: 0 auto 20px;
}

.content_row.content_header_row h1 {
  columns: #2f2e2a;
  font-weight: 700;
  line-height: 28px;
  font-size: 32px;
  letter-spacing: 0.1px;
  margin: 0 0 18px;
}

.content_row.content_header_row p {
  color: #5b5957;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.1px;
  font-weight: 400;
  margin: 0;
}

#our_salon_wrapper {
  position: relative;
  padding: 120px 0 159px;
}

#our_salon_wrapper::before {
  position: absolute;
  content: '';
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #f7f8fa;
}

.sinlge_row_salon {
  position: relative;
  z-index: 1;
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 10px;
  margin-bottom: 120px;
  padding: 30px;
  box-shadow: 0px 4px 36px rgba(42, 88, 102, 0.25);
}

.sinlge_row_salon:last-child {
  margin-bottom: 0;
}

.sinlge_row_salon .map_wrapper,
.sinlge_row_salon .contett_wrapper {
  flex: 0 0 auto;
  width: 50%;
}

.sinlge_row_salon .map_wrapper {
  padding-right: 15px;
}

.sinlge_row_salon .map_wrapper iframe {
  width: 540px;
  height: 330px;
  border-radius: 10px;
  max-width: 100%;
}

.sinlge_row_salon .contett_wrapper {
  padding-left: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

#cms #content-wrapper .sinlge_row_salon .contett_wrapper .top_lable {
  color: #5b5957;
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 10px;
  font-weight: 400;
}

.sinlge_row_salon .contett_wrapper h3 {
  color: #2f2e2a;
  font-weight: 700;
  font-size: 30px;
  line-height: 24px;
  margin: 0 0 40px;
}

.sinlge_row_salon .contett_wrapper .adres_wrapper {
  margin-bottom: 30px;
}

.sinlge_row_salon .contett_wrapper .adress_row {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 0 19px;
}

.sinlge_row_salon .contett_wrapper .adress_row:last-child {
  margin-bottom: 0;
}

.sinlge_row_salon .contett_wrapper .ico_wparrer {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 40px;
  padding-right: 10px;
}

.sinlge_row_salon .contett_wrapper .ico_wparrer img {
  display: block;
  margin: 0;
  flex: 0 0 auto;
}

#cms #content-wrapper .sinlge_row_salon .contett_wrapper .adress_row p {
  flex: 0 0 auto;
  color: #2f2e2a;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.sinlge_row_salon .bottom_wrapper {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

#cms #content-wrapper .sinlge_row_salon .contett_wrapper .bottom_wrapper p {
  margin: 0 0 4px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

#cms #content-wrapper .sinlge_row_salon .contett_wrapper .bottom_wrapper p:last-child {
  margin-bottom: 0;
}

#cms #content-wrapper .sinlge_row_salon .contett_wrapper .bottom_wrapper p.label {
  color: #b8b3ae;
  text-align: left;
  font-weight: 400;
}

.sinlge_row_salon .see_salon_button {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #fe6700;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.1px;
  box-shadow: 0px 4px 16px rgba(255, 160, 49, 0.25);
  border: 1px solid #fe6700;
  border-radius: 5px;
  width: 226px;
  height: 54px;
  transition: background-color 0.4s ease, color 0.4s ease;
}

.sinlge_row_salon .see_salon_button img {
  transition: filter 0.4s ease;
  filter: brightness(0) invert(1);
  margin-left: 18px;
}

.sinlge_row_salon .see_salon_button:hover img {
  filter: invert(0) brightness(1);
}

.sinlge_row_salon .see_salon_button:hover {
  background-color: #fff;
  color: #fe6700;
}

.cms-id-10 #main .page-header {
  display: none;
}

@media (max-width: 1199px) {
  #cms #content-wrapper .sinlge_row_salon .contett_wrapper .top_lable {
    font-size: 15px;
    line-height: 20px;
  }

  .sinlge_row_salon .contett_wrapper h3 {
    font-weight: 700;
    font-size: 27px;
    line-height: 20px;
    margin: 0 0 30px;
  }

  .sinlge_row_salon .contett_wrapper .adress_row {
    margin: 0 0 12px;
  }

  .sinlge_row_salon .see_salon_button {
    font-size: 14px;
    width: 206px;
    height: 50px;
  }

  #cms #content-wrapper .sinlge_row_salon .contett_wrapper .bottom_wrapper p {
    font-size: 14px;
    line-height: 21px;
  }

  .product-description img {
    max-width: 100%;
    height: auto;
  }

  .product-quantity #quantity_wanted,
  .product-variants>.product-variants-item select {
    width: 272px;
  }

  .nav.megamenu.horizontal li {
    margin-right: 13px;
  }

  .nav.megamenu.horizontal {
    margin-bottom: 10px;
  }

  .my_box_container p {
    font-size: 11px;
    line-height: 15px;
  }

  .content.tab_links_container {
    grid-template-columns: repeat(6, 1fr);
  }

  #recomended_container .col-lg-3 {
    width: 33.3333%;
  }

  .latest-blogs .blog-image-container img {
    width: 100%;
  }

  #cta_row .col-xl-6.left_cta {
    justify-content: center;
    padding-right: 15px;
  }

  .footer_social_media_container img {
    margin-right: 14px;
  }

  .my_footer_row li a {
    line-height: 16px;
    margin-bottom: 13px;
  }

  .product-detail-name {
    line-height: 25px;
    margin-bottom: 21px;
  }

  .my_availability_box .single_box p,
  .my_manufacturer p,
  #leo_product_reviews_block_extra .rating_label {
    font-size: 13px;
  }

  .my_availability_box .single_box p strong {
    display: block;
  }

  .my_availability_box .single_box {
    margin-right: 45px;
  }

  #product .my_box_container.product_container .my_image_container,
  #product .my_content_container {
    margin-right: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #product .my_box_small {
    flex-wrap: wrap;
  }

  #product .my_box_container.product_container p {
    width: 100%;
    text-align: center;
    margin-top: 5px;
  }

  .phone_single p {
    font-size: 13px;
    line-height: 15px;
  }

  .PM_ASForm li div {
    display: flex;
  }

  .PM_ASForm label {
    margin-bottom: 0;
    display: initial;
    text-align: left;
  }

  .PM_ASBlockOutputVertical a {
    color: #696868;
    display: block;
    width: 100%;
    line-height: 15px;
    margin-bottom: 10px;
  }

  .PM_ASForm label::after {
    top: 0;
  }

  .PM_ASForm label::before {
    top: 2px;
  }

  .PM_ASBlockOutputVertical .PM_ASResetSearch {
    margin-bottom: 30px;
  }

  .thumbnail-container .product-title a {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 15px;
    height: 60px;
  }

  #category .button_container a,
  #module-pm_advancedsearch4-searchresults .button_container a {
    font-size: 10px;
  }

  .ApColumn .block.day_hit::after {
    font-size: 17px;
    line-height: 14px;
  }

  .block.day_hit .ajax_block_product {
    margin-bottom: 0;
  }

  .adres_container p {
    font-size: 10px;
    line-height: 20px;
  }
}

@media (max-width: 991px) {
  .sinlge_row_salon {
    flex-direction: column;
  }

  .sinlge_row_salon .map_wrapper,
  .sinlge_row_salon .contett_wrapper {
    width: 100%;
    padding: 0;
  }

  .sinlge_row_salon .map_wrapper iframe {
    width: 100%;
  }

  .sinlge_row_salon .contett_wrapper {
    padding-top: 30px;
  }

  .nav.megamenu.horizontal li:last-child {
    align-items: center;
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .nav.megamenu.horizontal .dropdown-menu-inner li:last-child {
    justify-content: flex-start;
  }

  .nav.megamenu.horizontal li.last_element a {
    margin-bottom: 12px;
    margin-top: 12px;
  }

  .product-variants>.product-variants-item,
  .product-add-to-cart .product-quantity .qty {
    justify-content: flex-start;
  }

  .adres_container p {
    font-size: 12px;
  }

  .user_info_dr_materac a {
    margin-left: auto;
    margin-bottom: 5px;
  }

  .user_container {
    align-items: flex-start;
  }

  .col-cart #cart-block {
    position: relative !important;
    bottom: unset !important;
    right: 0 !important;
    margin: 0;
  }

  .nav.megamenu.horizontal {
    flex-direction: column;
  }

  .nav.megamenu.horizontal li {
    margin-right: 0;
    width: 100%;
  }

  .my_box_container {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 0;
  }

  .my_box_container p {
    font-size: 16px;
    line-height: 19px;
  }

  #findTab .nav-item {
    width: 100%;
    text-align: center;
  }

  #findTab {
    border: 1px solid #ccc;
    margin-bottom: 40px;
    padding-bottom: 0;
    border-radius: 5px;
  }

  #findTab li:first-child,
  #findTab li:first-child a {
    border-radius: 5px 5px 0 0 !important;
  }

  #findTab li:last-child,
  #findTab li:last-child a {
    border-radius: 0px 0px 5px 5px !important;
  }

  #recomended_container .col-lg-3 {
    width: 50%;
  }

  .thumbnail-container .product-title a {
    font-size: 15px;
    line-height: 20px;
  }

  .salony_row .title {
    font-size: 15px;
    padding: 20px 15px;
  }

  #cta_row .col-xl-6:not(.left_cta) {
    display: none;
  }

  #cta_row .col-xl-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  #cta_row .col-xl-6.left_cta {
    padding: 30px 15px;
  }

  .my_footer_row {
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px 0;
  }

  .bottom_row {
    margin-top: 50px;
  }

  .bottom_row img {
    max-width: 90%;
    margin: 0 auto;
  }

  .block-category #category-description p:first-child {
    font-size: 12px;
    line-height: 19px;
  }

  #category .ApColumn .block.day_hit .ajax_block_product {
    width: 100%;
    max-width: unset;
  }

  .pagination {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .product-detail>.row>div.col-form_id-form_9367402777406408,
  .product-detail>.row>div.col-form_id-form_15874367062488778 {
    width: 100%;
    margin-bottom: 20px;
  }

  .product-detail-name {
    line-height: 30px;
    margin-bottom: 16px;
  }

  #product .my_box_small {
    flex-wrap: unset;
  }

  #product .my_box_container.product_container .my_image_container,
  #product .my_content_container {
    margin-right: 0;
    -ms-flex: unset;
    flex: unset;
    max-width: unset;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }

  #product .my_box_container.product_container p {
    font-size: 10px;
    line-height: 12px;
    text-align: left;
    margin-left: 15px;
  }

  .my_availability_box .single_box p strong {
    display: initial;
  }

  .raty_boxes_container>div img {
    width: 100%;
  }

  .phone_single p {
    font-size: 14px;
    line-height: 18px;
  }

  .cart-preview .header span.hidden-sm-down {
    display: inline-block !important;
  }

  .flex-col48 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .hardness img {
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 767px) {
  .my_salon_container h2 {
    margin-top: 20px;
  }

  .my_box_container p {
    font-size: 13px;
    line-height: 19px;
  }

  .my_image_container {
    margin-right: 15px;
  }

  .content.tab_links_container {
    grid-template-columns: repeat(4, 1fr);
  }

  .left_header {
    justify-content: center;
  }

  .user_container {
    align-items: center;
    justify-content: center;
    margin: 0;
  }

  .user_info_dr_materac a {
    margin: 0px 0 0 15px;
  }

  .col-search {
    display: none;
  }

  .owl-theme .owl-controls .owl-pagination {
    margin: 36px 0 0 !important;
  }

  .my_footer_col.informacje,
  .my_footer_col.bezpieczne_platnosci {
    margin-right: 30px;
  }

  .my_footer_col.moje_konto {
    margin-right: 30px;
  }

  .hidden-md-up.text-xs-right.up {
    display: none;
  }

  .products-sort-order .dropdown-menu {
    margin: 7px 0 0 0;
  }

  .block.day_hit .ajax_block_product {
    margin-bottom: 0;
    width: 100%;
  }

  .block.day_hit .thumbnail-container {
    display: flex;
    align-items: center;
  }

  .block.day_hit .thumbnail-container h3 {
    max-width: 300px;
    text-align: left;
  }

  .block.day_hit .thumbnail-container h3 a {
    text-align: left;
  }

  .thumbnail-container .product-meta {
    width: 100%;
    padding: 21px;
  }

  #category .thumbnail-container .product-meta a,
  #module-pm_advancedsearch4-searchresults .thumbnail-container .product-meta a {
    font-size: 14px;
    line-height: 26px;
  }

  #search_filter_toggler {
    display: none;
  }

  #left-column #PM_ASBlock_1 .card-header {
    display: block;
    background-color: #3e2780;
    color: #fff;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 15px;
    font-weight: 600;
  }

  .PM_ASBlockOutput {
    padding-left: 0px;
  }

  .PM_ASBlockOutput.PM_ASMobileMode .PM_ASBlockTitle:after,
  .PM_ASBlockOutput.PM_ASMobileMode .PM_ASearchTitle:after {
    top: 13px;
    right: 10px;
  }

  .sort_border .col-md-3,
  .sort_border .col-md-9 {
    width: 100% !important;
  }

  .sort_border .col-sm-4 {
    display: none;
  }

  .products-sort-order .dropdown-menu {
    left: -10px;
  }

  #logo_row_header {
    flex-wrap: wrap;
  }

  .col-logo {
    width: 45%;
    order: 0;
  }

  .col-cart {
    width: 54%;
    order: 1;
  }

  .col-search {
    width: 100%;
    order: 2;
    display: block;
  }

  #leosearchtopbox {
    width: 100%;
  }

  .header-menu .col-menu {
    position: absolute !important;
    top: -37px;
    right: 0;
  }

  #leo_search_block_top .block_content .leoproductsearch-result input[type='text'] {
    text-align: left;
    height: 50px;
  }

  #leo_search_block_top .block_content .leoproductsearch-result::after {
    top: 18px;
  }

  body .header-menu {
    margin-bottom: 0 !important;
  }

  .newsletter h2 {
    font-size: 18px;
    line-height: 28px;
  }
}

@media (max-width: 650px) {
  .box-cover .flex-col48 {
    width: 100%;
    flex-wrap: wrap;
  }

  .box-cover .flex-col48 p span {
    padding-left: 0;
  }

  #description p {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .bottomnav p:first-child {
    text-align: left;
    max-width: 150px;
  }

  .left_header {
    justify-content: space-between;
  }

  .my_image_container {
    margin-right: 10px;
  }

  .my_box_container p {
    font-size: 12px;
    line-height: 17px;
  }

  .my_footer_row h4 {
    font-size: 13px;
    line-height: 15px;
  }

  .thumbnail-container .product-meta {
    padding: 21px 5px;
  }

  .my_availability_box .single_box p strong {
    display: block;
  }

  #product .my_box_small {
    flex-wrap: wrap;
  }

  #product .my_box_container.product_container .my_image_container,
  #product .my_content_container {
    margin-right: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #product .my_box_container.product_container p {
    width: 100%;
    text-align: center;
    margin: 5px;
  }

  .flex-col100 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }

  .flex-col100 img {
    margin-bottom: 15px;
  }

  .desc-item {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  .desc-item p {
    margin-bottom: 20px;
    margin-top: 5px;
  }

  .newsletter h2 br {
    display: none;
  }

  .newsletter h2 span {
    margin-left: 5px;
  }

  .block_newsletter form button span {
    display: block;
    font-size: 12px;
  }

  .sinlge_row_salon .bottom_wrapper {
    width: 100%;
    justify-content: unset;
    flex-direction: column;
    align-items: flex-start;
  }

  .sinlge_row_salon .see_salon_button {
    margin-top: 30px;
  }

  .sinlge_row_salon {
    padding: 20px 15px;
    margin-bottom: 70px;
  }

  #main .page-content.page-cms-10 {
    padding: 0;
  }

  .sinlge_row_salon .contett_wrapper h3 {
    text-align: left;
  }

  #cms #content-wrapper .sinlge_row_salon .contett_wrapper .top_lable {
    font-size: 12px;
    line-height: 17px;
  }

  .sinlge_row_salon .contett_wrapper h3 {
    font-size: 22px;
    text-align: left;
    line-height: 16px;
    margin: 0 0 30px;
  }

  #cms #content-wrapper .sinlge_row_salon .contett_wrapper .adress_row p {
    font-size: 14px;
  }

  .sinlge_row_salon .contett_wrapper .adress_row {
    margin: 0 0 8px;
  }
}

@media (max-width: 480px) {
  .my_box_container.product_container {
    grid-template-columns: repeat(1, 1fr);
  }

  .my_salons {
    margin: 0 -30px;
  }

  .full_w_walk h2 {
    margin-left: 0;
  }

  #cms #content-wrapper .my_salon_container p {
    font-size: 16px;
  }

  .full_w_walk .bottom_link img {
    max-width: 100%;
  }

  .my_salon_container h2 {
    font-size: 19px;
    line-height: 1.3;
  }

  .bottomnav p:first-child {
    display: none;
  }

  .left_header p img {
    margin: 0 10px 0px 0;
  }

  .header-logo {
    margin-bottom: 0px !important;
  }

  .my_box_container {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 20px 0;
  }

  .my_image_container {
    min-width: 67px;
  }

  .my_content_container {
    min-width: 150px;
  }

  .my_box_small {
    justify-content: center;
  }

  .content.tab_links_container {
    grid-template-columns: repeat(3, 1fr);
  }

  .thumbnail-container .product-price-and-shipping .price {
    font-size: 15px;
    line-height: 25px;
  }

  .thumbnail-container .product-price-and-shipping .regular-price {
    font-size: 12px;
    line-height: 25px;
  }

  .product-flags .product-flag {
    font-size: 11px;
  }

  #promo .thumbnail-container .product-title a {
    font-size: 14px;
    line-height: 20px;
  }

  #promo .thumbnail-container .product-price-and-shipping .price {
    font-size: 19px;
    line-height: 25px;
  }

  #promo .thumbnail-container .product-price-and-shipping .regular-price {
    font-size: 14px;
    line-height: 25px;
  }

  #promo .thumbnail-container .product-meta {
    padding-right: 15px;
    padding-left: 15px;
  }

  #promo .button_container a {
    font-size: 14px;
    height: 40px;
  }

  .footer_seo h3,
  .my_footer_row h3 {
    font-size: 16px;
    line-height: 20px;
  }

  .footer_seo p {
    font-size: 10px;
    line-height: 15px;
  }

  .my_footer_row.top_row {
    display: grid;
    grid-gap: 30px 15px;
  }

  .single_element {
    margin-top: 25px;
    margin-bottom: 20px;
    text-align: center;
  }

  #cta_row p {
    font-size: 26px;
  }

  #cta_row h3 {
    font-size: 28px;
    line-height: 32px;
  }

  #producent .content.tab_links_container .label_container {
    display: none;
  }

  #producent .content.tab_links_container {
    grid-template-columns: repeat(2, 1fr);
  }

  .product-detail-name {
    line-height: 24px;
    font-size: 18px;
  }

  .my_availability_box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }

  .my_availability_box .single_box {
    margin-right: 0;
  }

  #description h2 {
    font-size: 17px;
    line-height: 24px;
  }

  .cart_label {
    display: none;
  }

  .product-quantity #quantity_wanted,
  .product-variants>.product-variants-item select {
    max-width: 190px;
  }
}

@media (max-width: 320px) {
  .block_newsletter .col-12 a {
    font-size: 11px;
  }
}

.selectize-control {
  position: relative;

  &::after {
    content: '<';
    position: absolute;
    top: 6px;
    right: 7px;
    transform: rotate(-90deg);
    z-index: 10;
    font-weight: 900;
    font-size: 17px;
    background: #3e2780;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 3px;
    z-index: 0;
    cursor: pointer;
  }

  .selectize-input {
    border: 1px solid #d8d8d8 !important;
    background: transparent !important;
    cursor: pointer !important;
  }
}

.subpage-ekomi {
  max-width: 1200px;
  margin: auto;
  float: none;
  padding: 50px 0;
}

.search-title {
  margin-bottom: 25px;
  font-weight: 600;
  font-size: 18px;
  color: #1a1a1a;
  padding-bottom: 5px;
  border-bottom: 2px solid $cLavender;
}

//* ~~~~ New styles ~~~~ *//
//* Nav menu
#header {
  .header-nav {
    .bottomnav {
      background-color: $cDarkViolet;

      @media (max-width: 767px) {
        padding-top: 0;
        padding-bottom: 0;
      }
    }
  }
}

//* Home slider
.home-slider {
  .slide_config {
    // min-height: 398px;
  }
}

//* Usługi
.services-row {
  margin: 50px 0;

  img {
    margin-bottom: 20px;
  }

  p {
    color: $cTxtViolet;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
  }
}

//* Footer
#footer {
  font-family: 'Roboto', sans-serif;
  background: $cDarkViolet;

  .footer_center__wrapper {
    padding: 0 70px;
  }

  .footer-center {
    margin-bottom: 50px;

    .footer_center__wrapper {
      .ApColumn {
        .title_block {
          color: $cTxtWhite !important;
          font-style: normal !important;
          font-weight: 400 !important;
          font-size: 16px !important;
          margin-bottom: 30px !important;
          line-height: 1.1 !important;
          width: 100% !important;
          text-align: start !important;
        }

        ul {
          li {
            a {
              color: $cTxtWhite;
              font-weight: 400;
              font-size: 14px;
              line-height: 1.1;
              padding-top: 5px;
              padding-bottom: 5px;
            }
          }
        }
      }
    }
  }

  .footer-bottom {
    .footer_center__wrapper {
      >.inner {
        padding: 20px 0;
        border-top: 1px solid rgba($cWhite, 0.3);
      }

      .footer-bottom-meta {
        .block_content {
          p {
            color: $cTxtWhite;
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            line-height: 1.1;
            text-align: end;
          }
        }
      }
    }
  }
}

//* Slick slider
.slick-prev {
  &:before {
    display: none;
  }
}

.slick-next {
  &:before {
    display: none;
  }
}

//* Carousel
.owl-theme {
  .owl-wrapper-outer {
    .owl-wrapper {
      .owl-item {
        padding: 15px;
        transition: all 250ms ease-in-out;
      }
    }
  }

  .owl-controls {
    margin-top: 15px;
    height: 50px;

    .owl-buttons {
      top: auto;
      right: auto;
      left: 50%;
      transform: translateX(-50%);
      width: auto;
      display: flex;
      gap: 20px;

      div {
        height: 30px;
        width: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: $cDarkViolet;
        font-size: 30px;
        line-height: 1;
        border-radius: 50%;
        background: transparent;

        &:before {
          display: none;
        }

        &:hover {
          background: $cLavender;
          color: #fff;

          &:before {
            color: #fff !important;
          }
        }
      }
    }
  }
}

//* Najlepsze produkty - box
.best-products-box {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;

  .best-products-text {
    .block_content {
      margin-bottom: 30px;
      line-height: 1.5;
    }

    h2 {
      font-family: 'Roboto', sans-serif;
      color: $cDarkViolet;
      font-weight: 600;
      font-size: 24px;
      margin-bottom: 30px;
      text-transform: uppercase;
      line-height: 1.5;
      position: relative;

      &:before {
        top: auto !important;
        bottom: 0 !important;
        height: 2px !important;
        background: #a340ff !important;
        width: 90% !important;
        left: 0;
        content: '';
        display: block;
        position: absolute;
        max-width: 200px;
      }
    }

    p {
      font-family: 'Roboto', sans-serif;
      color: $cTxtBlack;
      font-weight: 300;
      font-size: 16px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  picture {
    display: block;
    position: relative;

    &::before {
      content: '';
      position: absolute;
      inset: 0;
      background: #ebf1ff;
      z-index: -1;
      width: 50vw;
    }
  }
}

.ApSlideShow {
  picture {
    display: block !important;
  }
}

#index {
  #wrapper {
    padding-top: 0;

    .ApColumn {
      .block {
        padding-top: 75px;

        @media (max-width: 767px) {
          padding-top: 25px;
        }
      }
    }
  }
}

#cookieNotice {
  background: $cTxtDarkViolet !important;
  color: #fff;
  padding: 5px;
  font-size: 12px;
  box-shadow: none !important;

  p {
    font-size: 12px !important;

    @media (max-width: 767px) {
      font-size: 10px !important;
      line-height: 1.25;
    }
  }
}

.latest-blogs {
  .created {
    margin-bottom: 15px !important;
  }

  .blog-image-container {
    border-radius: 5px;
  }

  .blog-title {
    text-transform: none !important;
  }

  .see_more_blog {
    img {
      display: none !important;
    }
  }
}

#left-column,
#right-column {
  .block {
    box-shadow: none !important;
    padding: 20px !important;
  }
}

body {
  overflow-x: hidden;

  &#product,
  &#module-leoblog-blog {
    #wrapper {
      background: #f8f9fa;
      padding-top: 50px;
      padding-bottom: 50px;

      #blogpage {
        article {
          background: #fff;
          padding: 50px;
        }

        .extra-blogs {
          border: 1px solid #eee;
          padding: 25px;
        }
      }
    }
  }
}

.leoproductsearch-content {
  margin-right: 10px;
}

#promo-code {
  form {
    display: flex;

    input {
      border-radius: 4px 0 0 4px;
    }

    .btn {
      margin: 0;
      border-radius: 0 4px 4px 0;
    }
  }
}

.cart-line-product-actions {
  .remove-from-cart {
    background: $cDarkViolet;
    display: flex !important;
    height: 30px;
    width: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;

    &:hover {
      background: $cTxtLavender;
    }

    i {
      color: #fff;
    }
  }
}

.product-description {
  table {
    width: auto !important;

    tr {
      td {
        width: calc(100% / 9);
      }
    }

    picture {
      img {
        height: auto !important;
        max-width: 100px !important;
      }
    }
  }
}

.bestsellers_row {
  .ApProductCarousel {
    padding-top: 0 !important;
  }
}

#carousel-3330681750 {
  .row {
    >div {
      width: 33% !important;
    }
  }
}

#footer {
  .inner {
    .row {
      &.footer-first-for {
        .ApColumn {
          @media (min-width: 676px) {
            width: 25% !important;
          }
        }
      }

      .ApColumn {
        @media (max-width: 675px) {
          width: 100% !important;
          text-align: center;

          h4 {
            text-align: center !important;

            &.title_block {
              text-align: center !important;
            }
          }
        }
      }

      .ApColumn:first-child {
        @media (max-width: 675px) {
          margin-bottom: 25px !important;
        }
      }

      .ApColumn:last-child {
        @media (max-width: 1199px) {
          width: 100%;
          padding-top: 50px;
        }
      }
    }
  }
}

.cart-preview {
  @media (max-width: 767px) {
    position: relative;
    top: 10px;
  }
}

@media (max-width: 767px) {
  #product #content-wrapper {
    padding: 0 !important;
  }

  .product-detail>.row>div[class^='col-'] {
    padding: 0 !important;
  }

  .more-info-product {
    padding: 10px;
  }

  .footer_center__wrapper {
    padding: 10px !important;
  }

  .block_newsletter form {
    width: 100%;
    max-width: 100%;
  }

  .block_newsletter {
    text-align: center;

    .col-xs-12 {
      float: none !important;
    }
  }

  .block_content {
    h4 {
      text-align: center;
      float: none;
      font-size: 20px !important;
    }
  }

  .newsletter_container {
    flex-wrap: wrap;

    .input-wrapper {
      width: 100%;
    }

    button {
      width: 100% !important;
    }
  }
}

.page-cms-23 {
  form {
    margin-top: 50px;
  }

  input[name='email'] {
    background: #d8d8d8;
    color: #696868;
    opacity: 0.8;
    font-size: 14px;
    line-height: 34px;
    padding: 7px 21px;
    width: 100%;
    border-radius: 5px;
    border: 0;
  }

  button {
    background: $cLavender;
    color: #fff;
    padding: 14px 25px;
    border: 0;
  }
}

footer {
  .block_newsletter {
    display: none;
  }
}

.widget-stars {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
  color: #000;
  cursor: pointer;

  span {
    font-weight: 600;
  }
}

#product {
  .featured-products {
    .products {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      background: white;

      .product-miniature {
        .product-image {
          .functional-buttons {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;

            .button-container {
              width: 100%;
            }
          }
        }

        .product-meta {
          .product-title {
            a {
              height: auto;
            }
          }
        }
      }
    }
  }
}

.block-promo {
  .promo-discounts {
    .cart-summary-line {
      .label {
        color: #010c4a;

        .code {
          color: #f5a76a;
          cursor: grab;
          text-decoration: none;
        }
      }
    }
  }
}

.hero-slider {
  overflow: hidden;
}

#smartsupp-widget-container {
  >div {
    z-index: 9999 !important;
  }
}

.raty_boxes_container {
  img {
    width: 100%;
    max-width: 178px;
    height: 35px;
  }
}

#oblicz-rate {
  a {
    cursor: pointer;
  }
}

#manufacturer {
  #main {
    #manufacturer-description {
      ul {
        margin-bottom: 25px;
        list-style-type: square;
        margin-left: 20px;

        li {
          list-style-type: square;
        }
      }
    }
  }
}

body {
  #content-wrapper {
    #content {
      #single-city-page {
        .featured-products {
          .products {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));

            article.product-miniature {
              .functional-buttons {
                display: none;
              }

              .leo-list-product-reviews {
                display: none;
              }
            }
          }
        }

        h2 {
          font-size: 26px;
          font-weight: 600;
          margin-bottom: 25px;
        }

        p {
          font-size: 13px;
          line-height: 24px;
          font-weight: 300;
        }
      }
    }
  }
}

body {
  #main {
    ul#cities-links {
      margin: 0 !important;
      padding: 0 15px !important;
      list-style: none !important;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 10px;

      li {
        list-style: none !important;
        text-align: center;
        background: #3e2780;

        a {
          display: block;
          color: #fff;
          font-size: 14px;
          line-height: 26px;
          font-weight: 600;
          padding: 10px;
          transition: all 0.3s ease-in-out;

          &:hover {
            background: #a340ff;
          }
        }
      }
    }
  }
}

#footer {
  .footer-city-list {
    >ul {
      display: flex;
      flex-direction: row;
      column-gap: 50px;
      row-gap: 20px;
      flex-wrap: wrap;

      li {
        a {
          &:hover {
            padding-left: 0;
          }
        }
      }
    }
  }
}

#category {
  .product_list.grid {
    >.row {
      @media (max-width: 765px) {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }

      @media (max-width: 320px) {
        grid-template-columns: 1fr;
      }
    }
  }
}

#logo_row_header {
  .ApColumn:nth-child(3) {
    @media (max-width: 765px) {
      display: flex;
    }
  }
}

.buy_by_phone {
  margin-top: 10px;
}

#buy-by-phone-popup {
  position: fixed;
  inset: 0;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;

  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 250ms ease, visibility 250ms ease;
  overflow: auto;

  &.active {
    opacity: 1;
    visibility: visible;
  }

  &::before {
    content: '';
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(2px);
  }

  .buy-by-phone-popup--wrapper {
    position: relative;
    width: 100%;
    max-width: 700px;
    padding: 30px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    z-index: 1;

    .popup-header {
      position: relative;

      &--close {
        position: absolute;
        top: -23px;
        right: -20px;

        .close-popup {
          font-size: 16px;
        }
      }
    }

    .popup-body {
      display: grid;
      grid-template-columns: 1fr 1fr;
      max-height: calc(100vh - 130px);
      overflow-y: auto;
      padding: 10px 10px 10px 0;

      .popup-body--left {
        display: flex;
        align-items: center;

        .popup-img {
          .product-cover {
            width: 100%;
            max-width: fit-content;
            margin-left: auto;
            margin-right: auto;
          }
        }
      }

      .popup-body--right {
        display: flex;
        justify-content: center;
        flex-direction: column;

        p {
          color: #000;
          font-size: 14px;
          font-weight: 600;
        }

        .form-group {
          margin-bottom: 5px;

          .form-control {
            border-radius: 3px;

            &.form-control-name,
            &.form-control-phone {
              &::placeholder {
                color: #000;
              }
            }
          }

          &.form-group-radio {
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 15px;

            .radio-inline {
              display: flex;
              align-items: center;
              gap: 5px;

              input[type='radio'] {
                width: 20px;
                height: 20px;
              }
            }
          }

          &.form-group-polityka {
            display: flex;
            flex-direction: row;
            gap: 10px;
            align-items: baseline;

            input#polityka {
              width: fit-content;
            }

            label {
              text-align: left;
              font-size: 10px;
              margin-bottom: 0;
            }
          }
        }

        .form-cols {
          display: grid;
          grid-template-columns: 1fr 1fr;
          column-gap: 5px;
          font-size: 16px;
        }

        .popup-body-top {
          >p {
            color: #a340ff;

            >a {
              color: #a340ff;
              text-decoration: underline;
            }
          }
        }

        .popup-input-alert {
          color: #ff0000;
        }
      }

      @media (max-width: 700px) {
        grid-template-columns: 1fr;

        .popup-body--left {
          display: none;
        }
      }
    }

    .popup-alert {
      display: none;
      position: absolute;
      inset: 0;

      &.active {
        display: block;
      }

      &::after {
        content: '';
        position: absolute;
        inset: -1px;
        background: rgba(0, 0, 0, 0.3);
        border-radius: 5px;
        backdrop-filter: blur(2px);
      }

      .popup-alert-wrapper {
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 30px;
        background: #fff;
        border: 1px solid #e5e5e5;
        border-radius: 5px;
        z-index: 1;
        width: 100%;
        max-width: 300px;

        .popup-alert-close {
          position: absolute;
          top: 5px;
          right: 10px;
          font-size: 16px;
        }

        .popup-alert-data {
          p {
            margin: 10px 0 0 0;
          }
        }
      }
    }
  }
}

.cky-box-bottom-left,
.cky-revisit-bottom-left {
  bottom: 70px !important;
  left: 10px !important;
}

#category-description {
  p {
    color: #000;
  }
}

#cookiesplus-modal {
  .cookiesplus-close-and-save {
    display: none !important;
  }
}

//* Single product - accesories module
#box-product-accessories {
  margin-bottom: 20px;

  .buy-protector-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    background-color: #a340ff !important;
    border-radius: 5px;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-transform: initial;
    min-height: 50px;
    transition: all 0.3s ease-in;

    &:hover {
      background-color: #010c4a !important;
    }
  }

  .product-accessories-title {
    margin: 10px 0;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    text-transform: uppercase;
  }

  #box-accessories-slider {
    display: none;

    .slick-track {
      padding-top: 15px;
      padding-bottom: 15px;
    }

    .slick-arrow {
      width: 30px;
      height: 30px;
      line-height: 28px;
      text-align: center;
      background: #fff;
      border: 1px solid #eee;
      transition: all 0.5s ease;
      border-radius: 15px;
      color: transparent;

      top: 20px;
      transform: translate(-50%, -50%);

      &.slick-next {
        left: calc(50% + 20px);

        &::before {
          content: '\f0da';
        }
      }

      &.slick-prev {
        left: calc(50% - 20px);

        &::before {
          content: '\f0d9';
        }
      }

      &::before {
        font-family: 'FontAwesome';
        color: #999;
        font-size: 14px;
        display: block;
        transition: all 0.5s ease;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
      }
    }
  }

  .ajax_block_product {
    .product-price-and-shipping {
      display: none !important;
    }
  }
}

#featured-products-box {
  position: relative;

  .featured-products-box-slider {
    position: initial;

    @media (max-width: 600px) {
      padding-top: 30px;
      position: relative;
    }

    .slick-arrow {
      top: 0;
      transform: none;

      width: 30px;
      height: 30px;
      line-height: 28px;
      text-align: center;
      background: #010c4a;
      border: 1px solid #010c4a;
      transition: all 0.5s ease;
      border-radius: 15px;
      color: #fff;

      &.slick-prev {
        left: auto;
        right: 40px;

        @media (max-width: 600px) {
          left: calc(50% - 40px);
          transform: translateX(-50%);
        }
      }

      &.slick-next {
        right: 0;

        @media (max-width: 600px) {
          right: calc(50% - 40px);
          transform: translateX(-50%);
        }
      }

      &:hover {
        border-color: #a340ff;
        background-color: #a340ff;
      }
    }
  }
}

body {
  >div[class^="htmlboxpro"] {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #a441fc;

    * {
      color: #fff;
    }

    p {
      color: #fff;
      font-size: 15px;
      font-weight: 500;
      text-align: center;
      margin-bottom: 0;

      a {
        color: #FFF !important;
      }
    }
  }
}

.tabs-product {
  display: flex;
  flex-direction: column;

  .tabs-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;

    @media (max-width: 525px) {
      display: block;
    }
  }

  .tabs-nav li {
    margin: 0;
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: none;
    font-weight: 600;
    font-size: 16px;

    @media (max-width: 768px) {
      font-size: 14px;
    }

    @media (max-width: 525px) {
      text-align: center;
      border: 1px solid #eee;
    }
  }

  .tabs-nav li.active {
    font-weight: bold;
    color: #a340ff;
  }

  .tabs-content {
    padding: 25px 0;
  }

  .tabs-content>div {
    display: none;
  }

  .tabs-content>div.active {
    display: block;
  }
}