@import url("https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap");
:root {
  --primary: #a61818 !important;
  --secondary: #f1f1f1 !important;
  --dark: #999999 !important;
  --link: #e9e9e9 !important;
  --background: #fff !important;
}
* {
  font-family: "Inter" !important;
  font-weight: normal !important;
}
strong {
  font-weight: 700 !important;
}
.text-primary {
  color: var(--primary) !important;
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.col-xl,
.col-xl-auto,
.col-xl-12,
.col-xl-11,
.col-xl-10,
.col-xl-9,
.col-xl-8,
.col-xl-7,
.col-xl-6,
.col-xl-5,
.col-xl-4,
.col-xl-3,
.col-xl-2,
.col-xl-1,
.col-lg,
.col-lg-auto,
.col-lg-12,
.col-lg-11,
.col-lg-10,
.col-lg-9,
.col-lg-8,
.col-lg-7,
.col-lg-6,
.col-lg-5,
.col-lg-4,
.col-lg-3,
.col-lg-2,
.col-lg-1,
.col-md,
.col-md-auto,
.col-md-12,
.col-md-11,
.col-md-10,
.col-md-9,
.col-md-8,
.col-md-7,
.col-md-6,
.col-md-5,
.col-md-4,
.col-md-3,
.col-md-2,
.col-md-1,
.col-sm,
.col-sm-auto,
.col-sm-12,
.col-sm-11,
.col-sm-10,
.col-sm-9,
.col-sm-8,
.col-sm-7,
.col-sm-6,
.col-sm-5,
.col-sm-4,
.col-sm-3,
.col-sm-2,
.col-sm-1,
.col,
.col-auto,
.col-12,
.col-11,
.col-10,
.col-9,
.col-8,
.col-7,
.col-6,
.col-5,
.col-4,
.col-3,
.col-2,
.col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  img {
    max-width: 100% !important;
    height: auto !important;
  }
}
@media (min-width: 768px) {
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
}
.p-5 {
  padding: 3rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.d-flex {
  display: flex;
  flex-wrap: wrap;
}
.br-none {
  display: none;
  @media only screen and (max-width: 970px) {
    display: block !important;
  }
}
.fa-star::before {
  content: "★" !important;
}
.fa-star-o::before {
  content: "☆" !important;
  color: #474747 !important;
  font-size: 30px !important;
}
#productGallery .nav-container .nav-next i::before {
  content: "❯";
}
#productGallery .nav-container .nav-prev i::before {
  content: "❮";
}
.fa-chevron-up::before,
.fa-sliders::before {
  font-family: "FontAwesome";
}
.fa-exclamation::before {
  content: "!";
  font-weight: bold;
}
#incenterpage {
  padding: 1rem;
  #centerpage_params_filter_area {
    #centerpage_params_filter.ui-tabs.ui-tabs-vertical {
      .ui-tabs-nav {
        li {
          a {
            border-radius: 0px !important;
            padding: 0.2rem 0.5rem !important;
            font-size: 0.8rem !important;
          }
        }
      }
    }
  }
}
/*Top bar*/
#topBar {
  padding: 1.3rem 0 !important;
  &.top-bar {
    background: #fff !important;
    .topBar-wrapper {
      width: 100% !important;
      max-width: 100% !important;
      padding-left: 20px !important;
      padding-right: 20px !important;
      .top-bar-content {
        display: block !important;
        width: 100% !important;
        @media only screen and (max-width: 767px) {
          display: block !important;
        }
        p {
          color: #000 !important;
        }
        a {
          color: #000 !important;
          text-decoration: none;
          margin-left: 20px;
          @media only screen and (max-width: 767px) {
            margin-left: 10px;
          }
          &:hover {
            text-decoration: underline;
          }
          &.text-primary {
            color: var(--primary) !important;
          }
        }
        .text-norow {
          margin-right: 15px;
          color: #000 !important;
        }
        .social {
          display: inline-block;
          @media only screen and (max-width: 767px) {
            display: block;
            padding-bottom: 10px;
          }
          .facebook {
            position: relative;
            font-size: 1.5rem;
            width: 20px;
            height: 20px;
            display: inline-block;
            line-height: normal;
            &::after {
              font-family: "FontAwesome" !important;
              content: "\f082";
              position: absolute;
              left: 0;
              top: -3px;
              transition: all 0.3s;
            }
            &:hover {
              &::after {
                transition: all 0.3s;
                transform: scale(1.2);
              }
            }
          }
          .instagram {
            position: relative;
            font-size: 1.5rem;
            width: 20px;
            height: 20px;
            display: inline-block;
            line-height: normal;
            &::after {
              font-family: "FontAwesome" !important;
              content: "\f16d";
              position: absolute;
              left: 0;
              top: -3px;
              transition: all 0.3s;
            }
            &:hover {
              &::after {
                transition: all 0.3s;
                transform: scale(1.2);
              }
            }
          }
        }
      }
      .top-bar-login {
        span {
          a {
            color: var(--primary) !important;
          }
        }
      }
    }
  }
}
/*Header*/
.myheader {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  display: flex;
  .navigate_bar {
    order: 1;
    display: grid !important;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    padding-right: 15px !important;
    padding-left: 0 !important;
    max-width: 90% !important;
    .logo-wrapper {
      grid-row: 3;
      min-width: 100%;
      display: block;
      text-align: center;
      grid-column: 1/3;
      position: relative;
      padding-bottom: 40px !important;
      @media only screen and (max-width: 767px) {
        min-width: auto;
        text-align: left !important;
      }
      #search {
        order: 2;
        border: none !important;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
        border-radius: 0px !important;
        max-width: 400px !important;
        justify-self: end;
        position: absolute !important;
        .wrapper_search_submit::before {
          content: "\f002" !important;
        }
      }
    }
  }
  #dropMenu {
    order: 0;
    background: #fff !important;
    max-width: 100%;
    max-width: 100%;
    grid-row: 1 / span 2;
    align-self: start;
  }
  #dropMenu {
    #dropMenuWrapper {
      #menuWrapper {
        max-width: 100%;
        padding: 0;
        padding-left: 15px;
        padding-top: 30px;

        #menuContent {
          width: 100%;
          text-align: left;
          > li > a {
            font-size: 1rem !important;
            text-transform: uppercase;
            &:after {
              display: none;
            }
          }
          li {
            line-height: 13px !important;
            margin-bottom: 10px;
            &:hover {
              .menu-level-2 {
                display: flex !important;
              }
            }
            &.has-submenu {
              > a {
                padding: 10px 8px;
                @media only screen and (max-width: 1600px) {
                  padding: 10px 3px;
                }
              }
            }
            .menu-item-cat {
              a {
                text-transform: uppercase;
                word-break: normal;
                margin-bottom: 10px;
                &:hover {
                  text-decoration: none;
                  color: #626780;
                }
              }
            }
            .eshop-submenu-root {
              border: none;
              border-radius: 0;
              text-align: left;
              padding-left: 15px;
              &.menu-level-2 {
                min-height: 150px !important;
                height: auto !important;
                width: auto;
              }
              .menu-level-3 {
                text-align: left;
                padding-left: 0;
              }
            }
          }
        }
      }
    }
  }
  #ebar {
    justify-content: end;
    padding-top: 15px !important;
    padding-bottom: 0 !important;
    #basket_icon {
      order: 2;
      border: none !important;
      box-shadow: none !important;
      #basket_detail {
        position: relative !important;
        #basket_content_tag > a::after {
          font-size: 0.8rem !important;
          display: none !important;
        }
        .basket_empty {
          display: none !important;
        }
        #quantity_tag {
          padding-top: 40px !important;
          &:before {
            font-family: "FontAwesome" !important;
            content: "\f290" !important;
            position: absolute;
            font-size: 1.8rem !important;
            top: 0px;
            left: 50%;
            margin-left: -20px;
            color: transparent !important;
            -webkit-text-stroke: 1px #a3a2a2;
            @media only screen and (max-width: 767px) {
              margin-left: 30px;
              top: 8px;
            }
          }
          .quantity_count {
            background: var(--primary) !important;
            left: 0px !important;
            top: 15px !important;
            @media only screen and (max-width: 767px) {
              left: 50px !important;
              top: 25px !important;
            }
          }
        }
      }
    }
    .top-bar-login {
      order: 2;
      margin-left: 30px;
      @media only screen and (max-width: 767px) {
        width: 100% !important;
      }
      .user-login {
        display: inline-block;
        position: relative;
        padding-top: 40px;
        a {
          color: #000 !important;
          font-size: 0.8rem !important;
        }
        &::before {
          font-family: "FontAwesome";
          position: absolute;
          content: "\f007" !important;
          font-size: 1.8rem !important;
          top: 0;
          left: 50%;
          margin-left: -10px;
          color: transparent !important;
          -webkit-text-stroke: 1px #a3a2a2;
        }
      }
      .user-register {
        display: inline-block;
        position: relative;
        padding-top: 40px;
        a {
          color: #000 !important;
          font-size: 0.8rem !important;
        }
        &::before {
          font-family: "FontAwesome";
          position: absolute;
          content: "\f234" !important;
          font-size: 1.8rem !important;
          top: 0;
          left: 50%;
          margin-left: -10px;
          color: transparent !important;
          -webkit-text-stroke: 1px #a3a2a2;
        }
      }
    }
  }
}

#dropMenu ul.root-eshop-menu li > ul.menu-level-2 {
  width: 100vw;
}
#dropMenu #menuContent li .eshop-submenu-root.menu-level-2 > li .menu-item-box {
  align-items: start !important;
}
#dropMenu ul.root-eshop-menu li a.item-link.level-3 {
  font-size: 11px !important;
  line-height: 8px !important;
}

#page .logo-wrapper {
  padding: 10px;
  @media only screen and (max-width: 767px) {
    padding: 0px !important;
  }
}
#site_logo {
  height: 30px;
  margin-top: 0px !important;
  @media only screen and (max-width: 767px) {
    margin-top: 0px !important;
  }
}
#centerpage {
  max-width: 100%;
  padding: 0;
}
.page-category {
  #incenterpage {
    padding-left: 20px;
    padding-right: 20px;
    ul {
      padding-left: 30px;
      margin-bottom: 20px;
      padding-top: 10px;
      li {
        list-style: disc !important;
      }
    }
    h3 {
      margin-top: 15px !important;
    }
    h4 {
      padding-top: 20px !important;
      font-size: 1.2rem !important;
    }
  }
}
.action-box {
  padding-left: 20px !important;
  padding-right: 20px !important;
  .action-box-title {
    font-size: 1.2rem;
    border-left: 0 !important;
    text-align: center;
  }
  #incenterpage {
    padding: 0 20px;
    h2 {
      font-size: 1.5rem;
      font-weight: normal !important;
      margin-bottom: 8px !important;
      padding-top: 15px !important;
    }
    h3 {
      font-size: 1.3rem;
      font-weight: normal !important;
      margin-bottom: 8px !important;
    }
  }
  .title_page.def_color {
    margin: 0;
    font-size: 1.5rem;
  }
  p {
    padding-top: 0px !important;
    margin-bottom: 20px !important;
  }
}

/* color*/
.highlighted-cat-name a::after {
  background: var(--secondary) !important;
}
#registration_btn:hover,
#buy_btn:hover,
#send_btn:hover,
.basket_merge_buttons:hover,
#submit_save:hover,
#submit_btn:hover,
#page .productBody .buy_btn:hover,
.button_new_discussion:hover,
.wa-button:hover,
.productList .buy_btn:hover,
.fixed-parent-node.visible > a.active {
  background: #e6d8c3 !important;
  color: #000 !important;
}
.page-e-basket.basket-empty
  #incenterpage2
  #basket_form
  .cart:last-child
  > tbody
  > tr
  > td
  .buttons
  table
  tbody
  tr
  td
  .bookmark.continue_shopping
  #btn_continue_shopping:hover {
  background: #e6d8c3 !important;
  color: #000 !important;
}

#dropMenu ul.root-eshop-menu ul.menu-level-2 > li {
  /*max-width: 15% !important;*/
  margin-top: 0.5rem !important;
  width: auto;
  .menu-item-img {
    flex: 0 0 110px !important;
    img {
      border-radius: 0px !important;
      max-height: 180px;
      max-width: 180px;
    }
  }
}
#page {
  min-width: 100%;
  &:after {
    z-index: 2 !important;
  }
}

.home .cat-highlights-container .cat-highlights-wrapper .cat-highlights-box {
  border: 0 !important;
  border-radius: 0px !important;
}
.home
  .cat-highlights-container
  .cat-highlights-wrapper
  .cat-highlights-box
  img {
  max-width: 100%;
  border-radius: 0px;
  min-width: 100%;
  height: 100%;
  object-fit: cover;
}
.home
  #incenterpage
  .cat-highlights-container
  .cat-highlights-wrapper
  .cat-highlights-box
  > p {
  top: 30px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  max-width: 100%;
}
.home
  #incenterpage
  .cat-highlights-container
  .cat-highlights-wrapper
  .cat-highlights-box
  > a {
  padding: 0;
  width: 100%;
  height: 350px;
  display: block;
  overflow: hidden;
}
.home
  .cat-highlights-container
  .cat-highlights-wrapper
  .cat-highlights-box
  .highlighted-cat-name
  a {
  font-size: 3rem;
  color: #fff !important;
  text-transform: uppercase;
  font-weight: normal;
}
.home .cat-highlights-container .cat-highlights-wrapper {
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}
.home .cat-highlights-container .cat-highlights-wrapper {
  grid-gap: 0px;
}
.home
  .cat-highlights-container
  .cat-highlights-wrapper
  .cat-highlights-box
  .highlighted-cat-name
  a::after {
  display: none;
}
.owl-carousel {
  margin-bottom: 10px !important;
  .owl-stage-outer {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.product {
  max-width: 20% !important;
  .productFooter {
    //top: 43% !important;
    flex-direction: column !important;
    .icons_width_hack {
      flex-direction: row;
      align-items: stretch !important;
      border-radius: 0 !important;
      justify-content: left !important;
      .ico_act {
        border-radius: 0 !important;
        font-size: 0.8rem !important;
        padding: 5px 15px !important;
        background-color: rgba(0, 0, 0, 0.3) !important;
        color: #fff !important;
        align-content: center;
        text-align: center;
        line-height: normal;
      }
      .ico_new {
        background-color: rgba(230, 216, 195, 0.5) !important;
        color: #000 !important;
        font-size: 0.8rem !important;
        padding: 5px 15px !important;
        border-radius: 0px !important;
        align-content: center;
        text-align: center;
        line-height: normal;
      }
      .ico_shiping {
        background-color: rgba(217, 217, 217, 0.5) !important;
        font-size: 0.8rem !important;
        padding: 5px 15px !important;
        border-radius: 0 !important;
        color: #000 !important;
        align-content: center;
        text-align: center;
        line-height: normal;
      }
      .ico_top {
        background-color: rgba(232, 199, 200, 0.5) !important;
        font-size: 0.8rem !important;
        padding: 5px 15px !important;
        border-radius: 0 !important;
        color: #666 !important;
        align-content: center;
        text-align: center;
        line-height: normal;
      }
    }
  }
  .productBody {
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow:
      0 2px 20px rgba(50, 50, 93, 0.1),
      0 5px 15px rgba(0, 0, 0, 0.07);
    padding: 10px !important;
    .img_box {
      max-height: 300px !important;
      min-height: 300px !important;
      margin-bottom: 0px;
      overflow: hidden;
      transition: all 0.3s;
      .product-box-link {
        img {
          transition: all 0.3s;
          &:hover {
            transform: scale(2) !important;
            transition: all 0.3s;
          }
        }
      }
    }
    .productTitle {
      text-align: left !important;
      padding: 0 10px;
      min-height: 0px;
      .productTitleContent {
        text-align: left !important;
      }
      .productSubtitle {
        display: none;
      }
    }
    .productPriceBox {
      padding: 0 10px;
      display: block;
      .productPrice {
        //width: 100%;
        //max-width: 100%;
        text-align: left;
        .product_price_text {
          font-size: 1rem !important;
          font-weight: bold !important;
        }
      }
      .star_system {
        display: contents !important;
      }
    }
    &:hover {
      box-shadow:
        0 25px 55px rgba(50, 50, 93, 0.14),
        0 15px 45px rgba(0, 0, 0, 0.2);
    }
  }
}
#page {
  .product3 {
    //max-width: 20% !important;
    border-radius: 0 !important;
    border: none !important;
    &:hover {
      border: none !important;
      box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    }
    @media only screen and (max-width: 767px) {
      max-width: 100% !important;
      min-width: 100% !important;
    }
    .productFooter {
      display: none !important;
      .icons_width_hack {
        border-radius: 0 !important;
        .ico_act {
          border-radius: 0 !important;
          font-size: 0.8rem !important;
          padding: 5px 15px !important;
          background-color: rgba(0, 0, 0, 0.3) !important;
          color: #fff !important;
          align-content: center;
          text-align: center;
          line-height: normal;
        }
        .ico_new {
          background-color: rgba(230, 216, 195, 0.5) !important;
          color: #000 !important;
          font-size: 0.8rem !important;
          padding: 5px 15px !important;
          border-radius: 0px !important;
          align-content: center;
          text-align: center;
          line-height: normal;
        }
        .ico_shiping {
          background-color: rgba(217, 217, 217, 0.5) !important;
          font-size: 0.8rem !important;
          padding: 5px 15px !important;
          border-radius: 0 !important;
          color: #000 !important;
          align-content: center;
          text-align: center;
          line-height: normal;
        }
        .ico_top {
          background-color: rgba(232, 199, 200, 0.5) !important;
          font-size: 0.8rem !important;
          padding: 5px 15px !important;
          border-radius: 0 !important;
          color: #666 !important;
          align-content: center;
          text-align: center;
          line-height: normal;
        }
      }
    }
    .product3Subtitle {
      display: none;
    }
    .product3Title {
      min-height: auto !important;
    }
    .product3PriceBox {
      .product3Price {
        max-width: 100% !important;
        flex: 0 0 50%;
        text-align: left !important;
        margin: 0 0 0 auto !important;
        padding: 0 !important;
        .product_price_text {
          font-size: 1rem !important;
          font-weight: bold !important;
        }
      }
    }
  }
}

#incenterpage .stock_no,
#incenterpage .stock_yes {
  //margin: 0 auto !important;
  background: none !important;
  //width: 100% !important;
  padding: 0 !important;
  color: #adadb0 !important;
  justify-content: flex-end;
  display: flex;
  &:before {
    font-size: 15px !important;
  }
}
#incenterpage .stock_no:before,
#incenterpage .stock_yes:before {
  //display: none !important;
  font-size: 15px !important;
}
.page-banner a.page-banner-link img.page-banner-image {
  border-radius: 0;
  min-width: 100%;
}
.products-title-homepage {
  text-align: center;
  font-weight: normal !important;
  border: 0 !important;
  font-size: 2rem !important;
}

.page-category {
  text-align: center !important;
  font-weight: normal !important;
  max-width: 100%;
  display: flex;
  justify-content: center;
  #incenterpage > p {
    padding: 0 20px;
  }
  .title_page.def_color {
    text-align: center !important;
    font-weight: normal !important;
  }
  .main_category {
    max-width: 100% !important;
    /*display: flex !important;*/
    display: none !important;
    justify-content: center;
    padding: 0 20px;
    .odkaz_banner {
      display: block !important;
      border: 0 !important;
      transition: all 0.3s;
      &:hover {
        h3 {
          text-decoration: none;
          background: #e5e5e5;
          transition: all 0.3s;
        }
      }
      h3 {
        width: 100% !important;
        border: solid 1px #e5e5e5;
        font-size: 0.9rem !important;
        font-weight: normal !important;
        border-radius: 5px;
        position: relative;
        &:after {
          content: "❯";
          position: absolute;
          top: 25%;
          right: 8px;
        }
        &.title_ds {
          padding-top: 8px !important;
          padding-bottom: 8px !important;
        }
      }
      img {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
        margin-bottom: 10px !important;
        border-radius: 5px !important;
        transition: all 0.3s !important;
        &:hover {
          transition: all 0.3s !important;
        }
      }
    }
  }
}
.products_wrap {
  &.full {
    .product {
      max-width: 25% !important;
      padding: 0 !important;
      @media only screen and (max-width: 767px) {
        max-width: 100% !important;
        min-width: 100% !important;
      }
    }
  }
}
.product-detail-container {
  .product-status {
    .ico_act {
      border-radius: 0 !important;
      font-size: 0.8rem !important;
      padding: 5px 15px !important;
      background-color: rgba(0, 0, 0, 0.3) !important;
      color: #fff !important;
      align-content: center;
      text-align: center;
      line-height: normal;
    }
    .ico_new {
      background-color: rgba(230, 216, 195, 0.5) !important;
      color: #000 !important;
      font-size: 0.8rem !important;
      padding: 5px 15px !important;
      border-radius: 0px !important;
      align-content: center;
      text-align: center;
      line-height: normal;
    }
    .ico_shiping {
      background-color: rgba(217, 217, 217, 0.5) !important;
      font-size: 0.8rem !important;
      padding: 5px 15px !important;
      border-radius: 0 !important;
      color: #000 !important;
      align-content: center;
      text-align: center;
      line-height: normal;
    }
    .ico_top {
      background-color: rgba(232, 199, 200, 0.5) !important;
      font-size: 0.8rem !important;
      padding: 5px 15px !important;
      border-radius: 0 !important;
      color: #666 !important;
      align-content: center;
      text-align: center;
      line-height: normal;
    }
    .stock_yes {
      font-size: 1rem !important;
      border-radius: 0 !important;
      padding: 5px 15px !important;
      &:before {
        display: none !important;
      }
    }
    .stock_no {
      font-size: 1rem !important;
      padding: 5px 15px !important;
      border-radius: 0 !important;
      &:before {
        display: none !important;
      }
    }
  }
}

.page-product-detail {
  .detail-info {
    #buy_btn {
      font-size: 0.8rem !important;
      background: #000 !important;
      border-radius: 0;
      padding: 5px 8px !important;
      text-transform: uppercase;
      &:hover {
        background: var(--dark) !important;
      }
    }
  }
  .input-spinner-group {
    input {
      border-radius: 0 !important;
      border: none !important;
    }
  }
  .aroundbookmark {
    ul.bookmark {
      border-radius: 0px !important;
      li {
        background: var(--link) !important;
        border-right: 0;
        &.selected {
          background: var(--dark) !important;
        }
        a {
          padding: 5px 8px !important;
          font-size: 0.8rem !important;
          .bookmark-content-count {
            font-size: 0.6rem !important;
          }
        }
      }
    }
  }
  table {
    &.cart {
      border: none !important;
      tr {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
        &.total {
          margin-top: 20px;
          border-bottom: none !important;
        }
        &.product-cart-info {
          margin-top: 20px;
          border-bottom: none !important;
        }
        td:first-letter {
          text-transform: uppercase;
        }
      }
      td {
        &.prices {
          .price-vat {
            position: relative;
            &:before {
              content: "Naše cena s DPH:";
              display: inline-block;
              vertical-align: center;
              margin-right: 10px;
            }
          }
        }
      }
    }
  }
  .description-wrapper {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    padding: 2rem !important;
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .InformationBox__IconList {
    margin-top: 20px;
    img {
      width: 40px;
      height: auto;
    }
  }
  #incenterpage2 {
    h3 {
      border-left: 0;
      padding: 0 0.95rem !important;
      font-weight: normal !important;
      padding-left: 0 !important;
    }
  }
  #page {
    .spc {
      padding: 0 !important;
    }
  }
}

html body.page-category .main_category .odkaz_banner {
  width: 250px !important;
}
.article-content {
  width: 70% !important;
  margin: 0 auto !important;
  display: block;
  @media only screen and (max-width: 767px) {
    padding: 0 !important;
    width: 100% !important;
  }
  h2 {
    font-weight: normal !important;
  }
  a {
    height: 100% !important;
    display: inline-block;
  }
  img {
    transition: all 0.3s;
    &:hover {
      transition: all 0.3s;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
  }
  .title_page.def_color {
    text-align: center !important;
    padding-left: 30px;
    position: relative;
    margin-bottom: 40px;
    font-weight: bold !important;
    &::before {
      content: "❯";
      color: var(--primary) !important;
      position: absolute;
      top: 0;
      margin-left: -20px;
    }
  }
}
.podminky {
  td {
    text-align: left !important;
    &:nth-last {
      min-width: 200px;
    }
  }
}
#ajax-basket .product_picture img {
  max-height: 250px;
}
.myfooter {
  background: #e9e9e9 !important;
  ul {
    list-style: none !important;
    li {
      list-style: none !important;
      &:before {
        display: none;
      }
    }
  }
  .h4 {
    font-size: 1rem;
    font-weight: bold !important;
  }
  .footer-box {
    padding: 3rem 1rem;
    &:nth-child(1) {
      width: 20%;
      @media only screen and (max-width: 767px) {
        width: 100%;
      }
    }
    &:nth-child(2) {
      width: 20%;
      @media only screen and (max-width: 767px) {
        width: 100%;
      }
    }
    &:nth-child(3) {
      width: 20%;
      @media only screen and (max-width: 767px) {
        width: 100%;
      }
    }
    &:nth-child(4) {
      width: 40%;
      @media only screen and (max-width: 767px) {
        width: 100%;
      }
    }
    .item-content {
      max-width: 100% !important;
    }
  }
  .social {
    display: block;
    margin-bottom: 30px;
    & .facebook {
      position: relative;
      font-size: 1rem !important;
      width: 20px;
      height: 20px;
      display: block;
      line-height: normal;
      padding-left: 30px;
      &:hover {
        text-decoration: none !important;
        color: var(--primary) !important;
      }
      &::after {
        font-size: 1.5rem !important;
        font-family: "FontAwesome" !important;
        content: "\f082";
        position: absolute;
        left: 0;
        top: -6px;
        transition: all 0.3s;
      }
    }
     & .webs {
      position: relative;
      font-size: 1rem !important;
      min-width: 20px;
      height: 20px;
      display: block;
      line-height: normal;
      padding-left: 30px;
      &:hover {
        text-decoration: none !important;
        color: var(--primary) !important;
      }
      &::after {
        font-size: 1.5rem !important;
        font-family: "FontAwesome" !important;
        content: "\f0ac";
        position: absolute;
        left: 0;
        top: -6px;
        transition: all 0.3s;
      }
    }
    & .instagram {
      position: relative;
      font-size: 1rem !important;
      width: 20px;
      height: 20px;
      display: block;
      line-height: normal;
      padding-left: 30px;
      &:hover {
        text-decoration: none !important;
        color: var(--primary) !important;
      }
      &::after {
        font-size: 1.5rem !important;
        font-family: "FontAwesome" !important;
        content: "\f16d";
        position: absolute;
        left: 0;
        top: -6px;
        transition: all 0.3s;
      }
    }
  }
}
.variant-type__color .product-detail__icon_variant:hover,
.variant-type__text .product-detail__icon_variant:hover,
.variant-type__icon .product-detail__icon_variant:hover,
.page-product-detail .product-detail__icon_variant_selected,
.variant-old-type__icon .product-detail__icon_variant_old:hover,
.variant-old-type__text .product-detail__icon_variant_old:hover,
.variant-old-type__color .product-detail__icon_variant_old:hover {
  outline: 1px solid var(--primary);
  outline-offset: 2px;
  border: none;
  background: none;
  &:before {
    color: var(--primary) !important;
    display: none !important;
  }
}
.variant-type__color
  .product-detail__icon_variant.product-detail__icon_variant_selected::before,
.variant-old-type__color
  .product-detail__icon_variant_old.product-detail__icon_variant_selected::before {
  color: var(--primary);
}

#basket_form {
  #submit_save {
    font-size: 1rem !important;
    background: #000 !important;
    border-radius: 0;
    padding: 10px !important;
    text-transform: uppercase;
    width: 100% !important;
    &:hover {
      background: var(--dark) !important;
    }
  }
  .bookmark {
    &.continue_shopping {
      li {
        width: 100% !important;
      }
      width: 100% !important;
      #btn_continue_shopping {
        padding: 10px !important;
        font-size: 1rem !important;
        border-radius: 0 !important;
        width: 100% !important;
        &:after {
          display: none !important;
        }
      }
    }
  }
  .cart {
    grid-column: 7/11 !important;
    @media only screen and (max-width: 767px) {
      grid-column: 1/13 !important;
    }
  }
  #basket_shipping_list,
  #basket_payments_list {
    tr {
      border-radius: 0 !important;
      label {
        padding: 0 5px;
      }
    }
  }
  .shipping-and-payment {
    grid-column: 3/7 !important;
    @media only screen and (max-width: 767px) {
      grid-column: 1/13 !important;
    }
  }
  .contact-box {
    grid-column: 7/11 !important;
    @media only screen and (max-width: 767px) {
      grid-column: 1/13 !important;
    }
    .in-contact-box {
      border-radius: 0 !important;
    }
  }
  .free_shipping_info_full {
    grid-column: 7/11 !important;
    border-radius: 0px !important;
    @media only screen and (max-width: 767px) {
      grid-column: 1/13 !important;
    }
  }
}
.page-e-finish #incenterpage2 > .form-delivery-details {
  grid-column: 3/7 !important;
  @media only screen and (max-width: 767px) {
    grid-column: 1/13 !important;
  }
}
.page-e-finish #incenterpage2 > .contact-box {
  grid-column: 7/11;
  @media only screen and (max-width: 767px) {
    grid-column: 1/13 !important;
  }
}
.page-e-finish #incenterpage2 > table.cart:not(.discount-cart-table) {
  grid-column: 7/11;
  @media only screen and (max-width: 767px) {
    grid-column: 1/13 !important;
  }
}
.ajax-basket-easy .icon-remove {
  font-family: "fontawesome" !important;
}

.ui-tooltip {
  &.ajax-basket-easy {
    .bottom {
      .go {
        .left {
          a {
            font-size: 0.8rem !important;
            background: #000 !important;
            border-radius: 0;
            padding: 8px 25px !important;
            text-transform: uppercase;
            &:hover {
              background: var(--dark) !important;
            }
          }
        }
      }
    }
  }
}
#incenterpage2 {
  .cart tr.total {
    border-radius: 0 !important;
  }
  .cart.cart-items tbody {
    border-radius: 0px !important;
  }
  .header-slider {
    width: 67% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    border-radius: 0 !important;
    @media only screen and (max-width: 767px) {
      width: 100% !important;
    }
    .steps-order {
      &.header-slider1 {
        border-radius: 0 !important;
      }
    }
  }
  .form-delivery-details {
    form._login-form {
      border-radius: 0px !important;
    }
  }
  .in-contact-box {
    border-radius: 0px !important;
  }
  table.cart tbody {
    border-radius: 0px !important;
  }
  #boxNorm {
    border-radius: 0px !important;
  }
}
.myfooter {
  .contenttwo {
    display: none !important;
  }
}
.icon-filter__type-color .icon-filter__box:hover .icon-filter__box-color,
.icon-filter__type-color .param-filter__box:hover .icon-filter__box-color,
.icon-filter__type-color
  .icon-filter__box-selected-visual
  .icon-filter__box-color,
.icon-filter__type-icon .icon-filter__box:hover .icon-filter__box-color,
.icon-filter__type-icon .param-filter__box:hover .icon-filter__box-color,
.icon-filter__type-icon
  .icon-filter__box.icon-filter__box-selected-visual
  .icon-filter__box-color,
.icon-filter__type-icon
  .param-filter__box.icon-filter__box-selected-visual
  .icon-filter__box-color,
.icon-filter__type-text .icon-filter__box:hover .icon-filter__box-color,
.icon-filter__type-text .param-filter__box:hover .icon-filter__box-color,
.icon-filter__type-text
  .icon-filter__box.icon-filter__box-selected-visual
  .icon-filter__box-color,
.icon-filter__type-text
  .param-filter__box.icon-filter__box-selected-visual
  .icon-filter__box-color {
  outline: 2px solid var(--primary) !important;
}
.icon-filter__type-icon
  .icon-filter__box-selected-visual
  .icon-filter__box-color::before {
  display: none;
}

@media only screen and (max-width: 767px) {
  html body .myheader .navigate_bar {
    align-items: start !important;
    display: flex !important;
    flex-wrap: wrap !important;
  }
  html body .myheader .navigate_bar .basket-wrapper {
    display: block;
    width: 100%;
  }
  html body #page .myheader .navigate_bar #ebar {
    display: flex;
    width: 100% !important;
  }
}
html body.fixedBasket #page .myheader #ebar {
  display: inline-block;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
  width: 100% !important;
}
html body.fixedBasket #page .myheader {
  @media only screen and (max-width: 767px) {
    .user-login {
      display: none !important;
    }
    .top-bar-login {
      display: none !important;
    }
    #basket_icon {
      float: left !important;
    }
    #ebar {
      padding: 0 !important;
    }
  }
}
@media only screen and (max-width: 767px) {
  .header-slider1.active::after,
  .header-slider2.active::after,
  .header-slider3.active::after,
  .header-slider4.active::after {
    border-radius: 0 !important;
  }
  .header-slider2::before {
    border-radius: 0 !important;
  }
  html body #page .header-slider .steps-order.active {
    border-radius: 0;
  }
}
.page-e-basket
  .shipping-and-payment
  .td-delivery-area
  table
  tbody
  tr
  td
  .delivery_description:hover
  + .description_content,
.page-e-basket
  .shipping-and-payment
  .td-payments-area
  table
  tbody
  tr
  td
  .payment_description:hover
  + .description_content {
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) !important;
  p {
    color: var(--element-color) !important;
  }
}
#basket_payments_list label,
.td-delivery-area label {
  font-size: 0.8rem !important;
}
.page-e-finish
  #incenterpage2
  > .form-delivery-details
  #boxNorm
  .form-box
  input:not([type="checkbox"]) {
  border-radius: 0 !important;
}
textarea {
  border-radius: 0 !important;
}
.page-category {
  #centerpage_params_filter_header {
    border-radius: 0 !important;
    #centerpage_label_min_price {
      width: 50% !important;
      text-align: left;
    }
    #centerpage_label_max_price {
      width: 50% !important;
      text-align: right;
    }
  }
  #centerpage-left-filter {
    .icon-filter {
      border-radius: 0 !important;
    }
  }
  #centerpage_extract_details_btn {
    border-radius: 0 !important;
    padding: 0.2rem 0.5rem !important;
    font-size: 0.8rem !important;
  }
}

/* start accordion */
ul.accordion li .accordion-overlay {
  background-color: #000;
  opacity: 0.7;
}
ul.accordion li.out .accordion-overlay {
  background-color: #000;
  opacity: 0;
}

div.accordion-outer:before,
div.accordion-outer:after {
  clear: both;
  display: table;
  content: "";
  box-sizing: border-box;
}
ul.accordion {
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 100%;
  height: 700px;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  transition: all 300ms ease;
}

ul.accordion li {
  cursor: pointer;
  position: relative;
  display: inherit;
  overflow: hidden;
  float: left;
  margin: 0;
  list-style: none;
  height: inherit;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  box-sizing: border-box;
  padding: 1.6rem;
  @media (max-width: 767px) {
    padding: 0.3rem;
    padding-left: 1.8rem;
    padding-right: 1.8rem;
  }
}

ul.accordion li h3 {
  position: relative;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  padding: 0;
  font-weight: 300;
  margin: 2.5rem 0 0;
  text-align: left;
  line-height: 1.1;
  font-weight: normal !important;
  font-size: 1.1rem;
  transform: rotate(90deg);
  transform-origin: left bottom;
  padding-right: 35px !important;
}

ul.accordion li .accordion-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}

ul.accordion li section {
  display: table;
  width: 75%;
  height: auto;
  margin: 0 auto;
  min-height: 100%;
  @media only screen and (max-width: 1500px) {
    width: 100%;
  }
}

ul.accordion li section.big-section {
  width: 100%;
}

ul.accordion li section article {
  display: table-cell;
  vertical-align: bottom;
  padding: 4rem;
  padding-bottom: 10rem;
  position: relative;
  right: -200%;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  @media only screen and (max-width: 1500px) {
    padding: 1rem;
    padding-bottom: 10rem;
  }
  p {
    color: white;
    font-size: 1.2rem;
    @media only screen and (max-width: 1500px) {
      font-size: 1rem;
    }
  }
}

ul.accordion li section article > div {
  padding: 1.6rem;
  font-size: 1.6rem;
  letter-spacing: 0.15rem;
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(0, 0, 0, 0.7);
}

ul.accordion li section article > div:before,
ul.accordion li section article > div:after {
  content: "";
  display: block;
  height: 1px;
}
ul.accordion li.out section article {
  right: 0;
}

ul.accordion li .goto-category {
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translate(-50%);
  font-size: 16px;
  opacity: 0;
  transition: all 0.35s;
}

ul.accordion li.out .goto-category,
ul.accordion li:hover .goto-category {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid white;
  padding: 6px;
  text-align: center;
}

ul.accordion li .goto-category span {
  color: #fff;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  ul.accordion {
    height: 360px;
    float: left;
  }
  ul.accordion li h3 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    transform-origin: left center;
    text-align: center !important;
    font-size: 0.8rem;
  }

  ul.accordion li .goto-category {
    display: none !important;
    font-size: 14px;
  }
  ul.accordion li section {
    display: none;
  }
}
/* konec accordionu WA */

/*ul.accordion {
  display: flex;
  	li {
  		
      width:100%;
      	&.out {
        	width: 300%;
      	}
	}
}*/
.accordion-outer {
  background: #f1f1f1;
  @media only screen and (max-width: 767px) {
    /*display: none !important;*/
  }
}
ul.accordion {
  display: flex;
  height: auto;
  flex-wrap: wrap;
  justify-content: center;
  & li {
    height: 350px;
    flex: 1 1 20%;
    max-width: 20%;
    @media only screen and (max-width: 767px) {
      height: 24vh !important;
    }
  }
}
ul.accordion > li > a {
  text-decoration: none;
}
ul.accordion:has(li.out) li:not(.out) {
  flex: 1 1 20%;
}
body {
  &.home {
    ul.accordion {
      @media only screen and (max-width: 767px) {
        /*display: none !important;*/
      }
      &:has(li.out) li:not(.out) {
        flex: 1 1 8%;
      }
      li {
        height: 70vh;
        @media only screen and (max-width: 767px) {
          height: 40vh;
          flex: 1 1 20%;
        }
        &.out {
          flex: 1 1 40%;
          max-width: 40%;
        }
      }
    }
  }
  &:not(.home) {
    ul.accordion {
      .accordion-background {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 0;
        transition: 0.3s all;
        background-size: cover;
        scale: 100%;
        transform-origin: top center;
        &:after {
          content: "";
          width: 100%;
          height: 100%;
          background: #000 !important;
          opacity: 0.7;
          position: absolute;
          left: 0;
          top: 0;
          transition: all 0.3s;
        }
        &:hover {
          &:after {
            opacity: 0;
            transition: all 0.3s;
          }
        }
      }
      li.out,
      li:hover {
        .accordion-background {
          transition: 0.3s all;
          scale: 130%;
          transform-origin: top center;
          &:after {
            opacity: 0;
            transition: all 0.3s;
          }
        }
      }
    }
  }
}
/* konec akordionu */

#productGallery img:hover,
.cboxElement img:hover {
  scale: 2;
  transition: scale 0.3s;
}
.descpfaff {
  margin-top: 40px;
  margin-bottom: 20px;
  //padding: 10px;
  border-top: solid 1px var(--dark);
  border-bottom: solid 1px var(--dark);
  padding-top: 20px;
  padding-bottom: 20px;
  p {
    margin-bottom: 5px !important;
    strong {
      font-size: 0.9rem !important;
    }
    a {
      padding-left: 22px;
      position: relative;
      text-decoration: none;
      padding-top: 1px;
      margin-left: 10px;
      &:before {
        position: absolute;
        left: 0;
        top: 0;
        font-family: "FontAwesome" !important;
        content: "\f095";
        width: 30px;
        height: 30px;
      }
      &:nth-child(5),
      &:nth-child(6) {
        &:before {
          content: "\f003";
        }
      }
    }
  }
}
.spc {
  .owl-stage {
    .product {
      max-width: 100% !important;
    }
  }
}
.page-product-detail #related .spc .product .productBody .stock_yes,
.page-product-detail #incenterpage2 .stock_yes {
  //background: none !important;
}
.catalogs-products {
  text-align: left;
  a {
    margin-right: 5px;
    img {
      border-radius: 10px;
      box-shadow: 2px 2px 5px #aaa;
      transition: 0.3s box-shadow;
    }
    &:hover {
      img {
        transition: 0.3s box-shadow;
        box-shadow: 2px 2px 5px #666;
      }
    }
  }
}
.product-detail__icon_variant_disabled {
  position: relative;
  &:after {
    content: "X";
    position: absolute;
    top: 0;
    left: 3px;
    color: #fff !important;
    opacity: 1 !important;
    font-weight: normal;
    font-size: 15px;
  }
}
#left-box {
  .fixed-parent-node {
    a {
      &.active {
        @media only screen and (max-width: 767px) {
          background: none !important;
          border-radius: 0;
          border: solid 2px var(--primary) !important;
          padding: 0.2rem 0.5rem !important;
        }
      }
    }
  }
}
body.fixedBasket {
  .navigate_bar #left-box {
    position: fixed;
    right: 10px;
    top: 20px;
    z-index: 100;
  }
}
.ui-tooltip {
  max-width: calc(100% - 22px);
}
.products_sorting_lines {
  @media only screen and (max-width: 767px) {
    max-width: 100%;
    overflow: scroll !important;
  }
}
.page-product-detail .detail-box-product .product-status-box .star_system i {
  color: #000 !important;
  font-size: 30px !important;
}
body #incenterpage .stock_yes::before,
body #incenterpage .stock_no::before {
  font-size: 15px !important;
}

.detail-box-product {
  #productGallery {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    .nav-container {
      .nav-prev {
        display: none;
      }
      .nav-next {
        display: none;
      }
    }
  }
  .box-spc {
    padding: 2rem !important;
    @media only screen and (max-width: 767px) {
      padding: 0rem !important;
    }
  }
  .product-status {
    //justify-content: space-between;
    width: 100%;
  }
}
.blok-vysivka {
  img {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-right: 20px;
  }
  h3 {
    display: inline-block;
    margin-top: 10px !important;
    text-transform: uppercase !important;
  }
}
.video-vysivka {
  margin: auto;
  iframe {
    min-height: 530px !important;
    width: auto !important;
  }
}
.stitek-nasivka {
  //margin-bottom: 20px;
  //margin-left: 40px;
  a {
    text-decoration: none;
    &.vysivka {
      position: relative;
      //background: #f1f1f1;
      padding-left: 40px;
      border-radius: 5px;
      //border: solid 1px #a61818 !important;
      padding-right: 5px;
      padding-top: 6px;
      padding-bottom: 4px;
      transition: all 0.3s;
      color: var(--primary) !important;
      text-decoration: none !important;
      word-break: keep-all;
      text-transform: uppercase;
      font-size: 0.8rem;
      &:hover {
        //border: solid 2px #000;
        transition: all 0.3s;
        color: #000 !important; //box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);

        &:before {
          transform: scale(1.2);
          transition: all 0.3s;
        }
      }
      &:before {
        background-image: url("/fotky129575/icons/vysivka.png");
        background-size: contain;
        content: "" !important;
        position: absolute;
        top: 4px !important;
        left: 5px !important;
        width: 20px;
        height: 20px;
        background-repeat: no-repeat;
        transition: all 0.3s;
      }
    }
  }
}
.vyrobavysivky {
  .info {
    border: solid 1px #c5383f;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 30px;
    max-width: 550px;
    color: #d6a345 !important;
  }
  .title {
    padding-left: 30px;
    //margin-bottom: 50px;
    position: relative;
    &:after {
      border-left: 2px solid #000;
      z-index: 2;
      position: absolute;
      content: "";
      height: 30px;
      width: 20px;
      left: 76px;
      top: 105px;
    }
    h2 {
      font-weight: bold !important;
      font-size: 2rem;
      display: inline-block;
      width: auto;
      padding-top: 10px;
      span {
        font-weight: normal;
        font-size: 1.7rem;
        vertical-align: middle;
      }
    }
    img {
      margin-right: 15px;
      display: inline-block;
    }
  }
  .blok {
    display: block;
    min-width: 100%;
  }
  .krok {
    position: relative;
    margin-top: 20px;
    height: 220px;
    max-width: 550px;
    .box {
      width: 100% !important;
    }
    h3 {
      position: relative;
      padding-left: 40px !important;
      padding-top: 30px !important;
      .bg-seda {
        background: #efefef;
        z-index: 3;
        position: relative;
        padding-top: 15px;
        padding-bottom: 15px;
        vertical-align: bottom;
      }
      .big {
        font-size: 1.8rem;
        vertical-align: middle;
        color: #c5383f;
        line-height: 55px;
        margin: 0 10px;
      }
    }
    .box {
      position: absolute;
      text-align: left;
      left: 100px;
      min-width: auto;
    }
    &:before {
      position: absolute;
      content: "";
      background: #efefef;
      width: 250px;
      height: 200px;
    }
    &:after {
      border-left: 2px solid #000;
      z-index: 2;
      position: absolute;
      content: "";
      height: 220px;
      width: 20px;
      left: 60px;
      top: -10px;
    }
  }
  p {
    a {
      text-decoration: none;
      color: var(--primary) !important;
      margin: 0;
    }
  }
}
.page-16 {
  #form_user select {
    background: #faf5ec;
    border: solid 1px #e1dcd4;
    border-radius: 10px;
    padding: 8px 10px;
    font-size: 1rem;
    margin-top: 20px;
    margin-left: 10px;
    min-width: 100px;
    border: solid 2px #a61818;
    cursor: pointer;
    select {
      margin-top: 20px;
      margin-left: 10px;
      min-width: 100px;
      border: solid 2px #a61818;
    }
  }
  .comments:not(.detail_params_tables) tbody {
    border: none;
  }
  #centerpage {
    max-width: 80%;
    padding: 0;
  }
  #pole6 {
    max-width: 250px;
  }
  .article-content {
    width: 100% !important;
    padding-bottom: 0 !important;
  }
  textarea {
    border: 1px solid #a61818;
  }
}
.comments:not(.detail_params_tables) tbody tr:not(.ediscussion-detail-row) {
  border: 1px solid #dfdfdf;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  border-radius: 15px;
  margin-bottom: 15px;
  max-width: 850px;
}
form[name="theForm38"]
  .comments:not(.detail_params_tables)
  tbody
  tr:not(.ediscussion-detail-row)
  td:nth-child(2) {
  order: 1;
}
.comments:not(.detail_params_tables)
  tbody
  tr:not(.ediscussion-detail-row)
  td:nth-child(2) {
  display: block;
}
form[name="theForm38"] td {
  width: 100% !important;
}
input[type="text"],
input[type="password"] {
  border: 1px solid #a61818;
}
.photogall {
  a {
    max-width: 450px;
    max-height: 300px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
    &:hover {
      &::after {
        font-family: "FontAwesome";
        content: "\f06e";
        position: absolute;
        font-size: 2rem;
        top: 50%;
        left: 50%;
        z-index: 2;
        margin-left: -16px;
        margin-top: -24px;
        transition: all 0.3s;
        color: var(--primary) !important;
      }
    }
    img {
      border-radius: 0 !important;
      transition: all 0.3s;
      &:hover {
        transform: scale(1.2);
        transition: all 0.3s;
      }
    }
  }
}
.cookies-notify__button {
  #cookies-notify__disagree {
    border-radius: 0 !important;
    padding: 0.5rem !important;
  }
  #cookies-notify__close {
    border-radius: 0 !important;
    padding: 0.5rem !important;
  }
}
#centerpage_variant_filters .instant_visible_param_name {
  font-weight: bold !important;
}
.wishlist-button-container .wishlist-button {
  margin: 0 !important;
  margin-right: 10px !important;
}
body.search_act {
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  html body #page .myheader .navigate_bar .logo-wrapper {
    width: 100% !important;
  }
}
.variant-type__text
  .product-detail__icon_variant:hover
  .product-detail__icon_text_box,
.variant-type__text
  .product-detail__icon_variant.product-detail__icon_variant_selected
  .product-detail__icon_text_box,
.variant-old-type__text
  .product-detail__icon_variant_old:hover
  .product-detail__icon_text_box {
  color: var(--primary) !important;
}
input:focus-visible {
  box-shadow: none !important;
}
.cat-pr-chart-wrapper {
  width: 70%;
  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}
.detail-box-product .price-vat .price-value.def_color::after {
  content: "(cena za 1 ks s DPH)";
  font-size: 0.8rem;
  font-weight: normal;
  display: block;
}
/* pocet baleni uprava */
.errMess {
  position: fixed;
  top: 20px;
  left: 50%;
  width: 300px;
  height: auto;
  background-color: rgba(210, 50, 45, 0.9);
  transform: translate(-50%, 0);
  transform-origin: 0 0;
  z-index: 99999;
  font-size: 14px;
  padding: 10px;
  box-shadow: 0px 4px 18px 3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
}
.errMess p {
  line-height: 1.25em;
  color: #fff;
  margin-bottom: 5px;
}
.errMess p strong {
  font-size: 16px;
}
.fa {
  font: normal normal normal 14px/1 FontAwesome !important;
}
.page-e-basket .cart.cart-items .row_count .input-spinner-btn {
  display: none;
}
.page-e-basket .cart.cart-items .row_count .items_count {
  pointer-events: none;
}
/* pocet baleni uprava END */

.detail-box-product .name-price-novat.product-total-text::after {
  content: "/ 1 ks:";
  background: #fff;
  margin-left: -8px;
}