﻿.slider-wrapper .slider-header span > span {
  border: 1px solid #cfddd4;
  background-color: #fff;
  padding: 10px;
  display: inline-block;
}
#filters {
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  #filters {
    display: flex !important;
    flex-wrap: wrap;
  }
}
#filters label {
  font-size: 15px !important;
}
#filters .filter-sections {
  background-color: #fff;
  border-radius: 10px 10px 0 0;
  padding: 0;
  width: 100%;
}
@media (max-width: 767px) {
  #filters .filter-sections {
    padding: 10px 0 0 10px;
  }
}
#filters
  .filter-sections
  .filter-section.filter-section-boolean:not(.open-filter)
  .param-filter-top {
  display: none;
}
#filters .filter-sections .filter-section.filter-section-boolean .nadpis {
  display: none;
}
#filters
  .filter-sections
  .filter-section.filter-section-boolean.open-filter
  h4 {
  border-bottom: 0;
  position: relative;
}
#filters
  .filter-sections
  .filter-section.filter-section-boolean.open-filter
  h4::before {
  position: absolute;
  bottom: -11px;
  height: 12px;
  background-color: #f7f7f7;
  content: "";
  width: calc(100% + 2px);
  border: 1px solid #343433;
  border-top: 0;
  border-bottom: 0;
  left: -1px;
  z-index: 1;
  z-index: 99;
}
#filters
  .filter-sections
  .filter-section.filter-section-boolean.open-filter
  .param-filter-top {
  background-color: #f7f7f7;
  margin-top: 9px;
  display: block;
  position: absolute;
  max-height: unset;
  width: 250px;
  z-index: 3;
  border: 1px solid #343433;
  padding: 10px;
}
@media (max-width: 767px) {
  #filters
    .filter-sections
    .filter-section.filter-section-boolean.open-filter
    .param-filter-top {
    width: calc(100% - 10px);
    position: relative;
  }
}
#filters
  .filter-sections
  .filter-section.filter-section-boolean.open-filter
  .param-filter-top
  form {
  max-height: unset;
  width: 100%;
}
#filters
  .filter-sections
  .filter-section.filter-section-boolean.open-filter
  .param-filter-top
  form
  fieldset {
  display: flex;
  flex-direction: column;
}
#filters
  .filter-sections
  .filter-section.filter-section-boolean.open-filter
  .param-filter-top
  form
  fieldset
  div {
  width: 100%;
  clear: none;
  margin-bottom: 5px;
}
#filters
  .filter-sections
  .filter-section.filter-section-boolean.open-filter
  .param-filter-top
  form
  fieldset
  div:not([data-disabled="disabled"]) {
  order: -20;
}
#filters
  .filter-sections
  .filter-section.filter-section-boolean.open-filter
  .param-filter-top
  form
  fieldset
  div
  label {
  margin-right: 0;
}
#filters
  .filter-sections
  .filter-section:not(.filter-section-boolean):not(.open-filter)
  form {
  display: none;
}
#filters .filter-sections .filter-section:not(.filter-section-boolean) .nadpis {
  display: none;
}
#filters
  .filter-sections
  .filter-section:not(.filter-section-boolean).open-filter
  h4 {
  border-bottom: 0;
  position: relative;
}
#filters
  .filter-sections
  .filter-section:not(.filter-section-boolean).open-filter
  h4::before {
  position: absolute;
  bottom: -11px;
  height: 12px;
  background-color: #f7f7f7;
  content: "";
  width: calc(100% + 2px);
  border: 1px solid #343433;
  border-top: 0;
  border-bottom: 0;
  left: -1px;
  z-index: 1;
  z-index: 99;
}
#filters
  .filter-sections
  .filter-section:not(.filter-section-boolean).open-filter
  form {
  background-color: #f7f7f7;
  margin-top: 9px;
  display: block;
  position: absolute;
  max-height: unset;
  width: 250px;
  z-index: 2;
  border: 1px solid #343433;
  padding: 10px;
  max-height: 260px;
}
@media (max-width: 767px) {
  #filters
    .filter-sections
    .filter-section:not(.filter-section-boolean).open-filter
    form {
    width: calc(100% - 10px);
    position: relative;
            overflow: auto;
  }
}
#filters
  .filter-sections
  .filter-section:not(.filter-section-boolean).open-filter
  form
  fieldset {
  display: flex;
  flex-direction: column;
}
#filters
  .filter-sections
  .filter-section:not(.filter-section-boolean).open-filter
  form
  div {
  width: 100%;
  margin-bottom: 5px;
}
#filters
  .filter-sections
  .filter-section:not(.filter-section-boolean).open-filter
  form
  div:not([data-disabled="disabled"]) {
  order: -20;
}
#filters
  .filter-sections
  .filter-section:not(.filter-section-boolean).open-filter
  form
  div
  label {
  margin-right: 0;
}
#filters .filter-sections #category-filter-hover {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  position: relative;
}
#filters .filter-sections #category-filter-hover .slider-wrapper {
  order: -20;
  margin: 0 0 10px 0;
}
#filters
  .filter-sections
  #category-filter-hover
  .slider-wrapper:not(.open-filter)
  .pricefilter {
  display: none;
}
#filters
  .filter-sections
  #category-filter-hover
  .slider-wrapper.open-filter
  h4 {
  border-bottom: 0;
  position: relative;
}
#filters
  .filter-sections
  #category-filter-hover
  .slider-wrapper.open-filter
  h4::before {
  position: absolute;
  bottom: -10px;
  height: 12px;
  background-color: #f7f7f7;
  content: "";
  width: calc(100% + 2px);
  border: 1px solid #343433;
  border-top: 0;
  border-bottom: 0;
  left: -1px;
  z-index: 1;
  z-index: 99;
}
#filters
  .filter-sections
  #category-filter-hover
  .slider-wrapper.open-filter
  .pricefilter {
  margin-top: 9px;
  background-color: #f7f7f7;
  display: block;
  position: absolute;
  border: 1px solid #343433;
  max-height: unset;
  width: 250px;
  left: 0;
  padding: 10px 10px 15px 0px !important;
  z-index: 1;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  #filters
    .filter-sections
    #category-filter-hover
    .slider-wrapper.open-filter
    .pricefilter {
    width: calc(100% - 10px);
    position: relative;
  }
}
#filters
  .filter-sections
  #category-filter-hover
  .slider-wrapper.open-filter
  .pricefilter
  .slider-header {
  margin-bottom: 15px;
  padding-right: 0;
  max-width: 300px;
}
#filters
  .filter-sections
  #category-filter-hover
  .slider-wrapper.open-filter
  .pricefilter
  .slider-content {
  max-width: 286px;
}
#filters .filter-sections #category-filter-hover .slider-wrapper h4 {
  margin: 0;
  margin-right: 10px;
  padding: 15px 20px;
  cursor: pointer;
}
@media (max-width: 767px) {
  #filters .filter-sections #category-filter-hover .slider-wrapper h4 {
    margin: 0 10px 0 0;
  }
}
#filters .filter-sections #category-filter-hover > div {
  width: auto;
  padding: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #filters .filter-sections #category-filter-hover > div {
    width: 33.333333%;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #filters .filter-sections #category-filter-hover > div {
    width: 50%;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  #filters .filter-sections #category-filter-hover > div {
    width: 100%;
    max-width: 100%;
    margin-bottom: 10px;
  }
}
#filters .filter-sections #category-filter-hover > div h4 {
  margin: 0;
  padding: 15px 20px;
  background-color: #f7f7f7;
  border: 1px solid #343433;
  border-radius: 0;
  margin-right: 10px;
  cursor: pointer;
  color: #343433;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
#filters .filter-sections #category-filter-hover > div h4::after {
  content: "";
  font-family: "shoptet";
  transform: rotate(180deg);
  display: inline-block;
  margin-left: 10px;
  font-size: 10px;
  position: relative;
  top: -2px;
}
#filters .filter-sections #category-filter-hover .filter-section-count {
  order: 20;
  display: none;
}
.filters-wrapper {
  background-color: #fff;
}
@media (min-width: 768px) {
  .filters-wrapper .filters-unveil-button-wrapper {
    display: none;
  }
}
.filters-wrapper .filters-unveil-button-wrapper a {
  margin-bottom: 25px;
  display: inline-block;
  border: 1px solid #c42e36;
  color: #fff;
  background-color: #c42e36;
  padding: 10px 25px;
}
.category-content-wrapper {
  display: flex;
  flex-direction: column;
}
.category-content-wrapper #filters,
.category-content-wrapper #filters-wrapper {
  order: -20;
}
.vybrane-filtry {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  order: -18;
}
.vybrane-filtry.aktivni-filtr {
  margin: 0px 0 31px 0;
}
.vybrane-filtry .filter-count {
  display: none;
}
.vybrane-filtry #clear-filters {
  margin: 4px 0 4px 8px;
  text-align: left;
}
.vybrane-filtry #clear-filters a {
  color: #c01f24;
  font-size: 14px;
  font-weight: 300;
  text-decoration: underline;
  text-transform: none;
}
.vybrane-filtry #clear-filters a:hover {
  text-decoration: none;
}
.vybrane-filtry #clear-filters a.close-after::after {
  display: none;
}
.vybrane-filtry .slider-wrapper {
  padding: 5px 10px 5px 16px;
  color: #000;
  font-size: 14px;
  background-color: #f4f4f4;
  border-radius: 4px;
  margin: 4px;
  max-width: unset;
}
.vybrane-filtry .slider-wrapper:hover {
  cursor: pointer;
}
.vybrane-filtry .slider-wrapper h4,
.vybrane-filtry .slider-wrapper .slider-content {
  display: none;
}
.vybrane-filtry .slider-wrapper .slider-header {
  width: auto;
  padding: 0;
  margin: 0;
}
.vybrane-filtry .slider-wrapper .pricefilter {
  display: flex;
  align-items: center;
}
.vybrane-filtry .slider-wrapper .pricefilter::before {
  content: "Cena:";
  margin-right: 3px;
}
.vybrane-filtry .slider-wrapper .pricefilter::after {
  content: "";
  font-family: "Shoptet";
  color: #383838;
  font-size: 8px;
  display: block;
  margin-left: 10px;
  order: 20;
}
.vybrane-filtry .slider-wrapper .pricefilter .from,
.vybrane-filtry .slider-wrapper .pricefilter .to {
  width: auto;
  float: none;
  font-size: 0;
}
.vybrane-filtry .slider-wrapper .pricefilter .from > span,
.vybrane-filtry .slider-wrapper .pricefilter .to > span {
  font-size: 14px;
}
.vybrane-filtry .slider-wrapper .pricefilter .from::after {
  content: " - ";
  font-size: 14px;
}
.vybrane-filtry .filter-label {
  padding: 5px 10px 5px 16px;
  color: #000;
  font-size: 14px;
  background-color: #f4f4f4;
  border-radius: 4px;
  margin: 4px;
}
.vybrane-filtry .filter-label.no-display {
  display: flex !important;
}
.vybrane-filtry .filter-label::after {
  content: "";
  font-family: "Shoptet";
  color: #383838;
  font-size: 8px;
  display: block;
  margin-left: 10px;
  order: 20;
}
.vybrane-filtry .filter-label.cena {
  order: -20;
}
.vybrane-filtry .filter-label .nadpis {
  margin-right: 3px;
}
#p-detail-tabs .shp-tab[data-testid="tabVariants"] {
  display: none;
}
.p-info-wrapper {
  display: flex;
  flex-direction: column;
}
.p-info-wrapper .p-short-description {
  order: -21;
}
.p-info-wrapper .doprava {
  order: 35;
}
.p-info-wrapper p[data-testid="productCardDescr"] {
  order: 20;
}
.p-info-wrapper p[data-testid="productCardDescr"] {
  order: -20;
}
.p-info-wrapper p a#choose-variant {
  display: none;
}
.p-info-wrapper #variants {
  margin-bottom: 20px;
}
.p-info-wrapper #variants::before {
  content: "Varianty produktu:";
  display: block;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.p-info-wrapper #variants .variant-table {
  margin: 0 -5px;
}
.p-info-wrapper #variants .variant-table .table-row {
  border: 1px solid #d9d9d9;
  background-color: #ededed;
  padding: 10px 0;
  margin-bottom: 5px;
}
.p-info-wrapper #variants .variant-table .table-row:last-of-type {
  border-bottom: 1px solid #d9d9d9;
}
.p-info-wrapper #variants .variant-table .table-row .variant-name-wrapper {
  width: 100%;
  margin-bottom: 5px;
}
.p-info-wrapper
  #variants
  .variant-table
  .table-row
  .variant-name-wrapper
  .variant-name {
  font-weight: 600;
  color: #000;
}
.p-info-wrapper #variants .variant-table .table-row .standard-price-wrap {
  display: none;
}
.p-info-wrapper #variants .variant-table .table-row .price {
  width: 30%;
  text-align: left;
}
.p-info-wrapper #variants .variant-table .table-row .price .variant-price-wrap {
  text-align: left;
}
.p-info-wrapper
  #variants
  .variant-table
  .table-row
  .price
  .variant-price-wrap
  .price-final {
  font-size: 17px !important;
}
.p-info-wrapper #variants .variant-table .table-row .cart {
  width: 70%;
}
.p-info-wrapper #variants .variant-table .table-row .cart .quantity {
  background-color: #fff;
}
.p-info-wrapper
  #variants
  .variant-table
  .table-row
  .cart
  button[type="submit"] {
  border-color: #247813;
  color: #fff;
  background-color: #247813;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  padding: 11px 15px;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
}
.p-info-wrapper
  #variants
  .variant-table
  .table-row
  .cart
  button[type="submit"]:hover {
  border-color: #247813;
  color: #fff;
  background-color: #247813;
}
.p-info-wrapper
  #variants
  .variant-table
  .table-row
  .cart
  button[type="submit"]::before {
  font-size: 18px;
}
@media (min-width: 330px) {
  .p-info-wrapper
    #variants
    .variant-table
    .table-row
    .cart
    button[type="submit"]::before {
    display: none;
  }
}
.p-info-wrapper
  #variants
  .variant-table
  .table-row
  .cart
  button[type="submit"]::after {
  font-family: "Roboto", sans-serif;
  content: "Přidat do košíku";
  text-transform: initial;
}
@media (max-width: 450px) {
  .p-info-wrapper
    #variants
    .variant-table
    .table-row
    .cart
    button[type="submit"]::after {
    content: "Do košíku";
  }
}
@media (max-width: 329px) {
  .p-info-wrapper
    #variants
    .variant-table
    .table-row
    .cart
    button[type="submit"]::after {
    display: none;
  }
}
@media (max-width: 479px) {
  .subcategories.with-image li {
    padding: 5px;
  }
}
.subcategories.with-image li a .text {
  line-height: 1.2;
}
