@media (max-width: 767px) {
  #navigation .languagesMenu {
    display: none;
  }
  #navigation .navigation-contact {
    margin-top: auto;
  }
  ul.menu-level-1 > li > a {
    height: 3rem;
  }
  ul.menu-level-2 .fv-megamenu > li {
    margin-bottom: 0;
  }
  ul.menu-level-2
    .fv-megamenu
    > li
    > .fv-main-menu-item
    > a[data-testid="headerMenuItem"]
    span,
  ul.menu-level-2 .fv-megamenu .fv-main-menu-top-navigation-in > li > a {
    font-weight: 400 !important;
  }
  #navigation .menu-level-1 > li > a {
    line-height: 1;
  }
  ul.menu-level-2 .fv-megamenu .fv-main-menu-top-navigation-in {
    gap: 5px;
  }
  .type-index div.content-wrapper .wide-carousel #carousel .carousel-inner {
    max-height: 450px !important;
  }
  .type-index
    div.content-wrapper
    .wide-carousel
    #carousel
    .carousel-inner
    .item
    > a {
    height: 450px;
  }
  .type-index
    div.content-wrapper
    .wide-carousel
    #carousel
    .carousel-inner
    .item
    img {
    position: absolute;
    bottom: -50px;
  }
}
.type-index
  div.content-wrapper
  .wide-carousel
  #carousel
  .carousel-inner
  .item
  > a
  .extended-banner-texts {
  top: 0;
  justify-content: flex-end;
  bottom: 0px;
  background: #00000060;
  padding-bottom: 60px;
  width: 100%;
  left: 0;
  right: 0;
  transform: none !important;
  max-width: unset !important;
  transition: all 0.3s ease;
}
.type-index
  div.content-wrapper
  .wide-carousel
  #carousel
  .carousel-inner
  .item
  > a:hover
  .extended-banner-texts {
  background: #00000048;
  transition: all 0.3s ease;
}
.type-detail .breadcrumbs-wrapper {
  display: block;
  padding: 12px 20px;
}
.breadcrumbs {
  font-size: 14px;
  gap: 10px;
}
.type-detail .breadcrumbs > span:last-child,
.type-detail .breadcrumbs > span:nth-last-child(2) .navigation-bullet {
  display: none;
}
.navigation-home-icon:before {
  content: url(/user/documents/upload/kn_res/icons/home_alt.svg);
  margin-right: 10px;
}
.breadcrumbs,
#navigation-first,
#navigation-first a {
  display: inline-flex;
  align-items: center;
}
.advancedOrder__buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 1.25rem;
}
.advancedOrder__buttons .btn.next-step-back {
  padding: 0.625rem 1.875rem 0.625rem 0;
}
@media (max-width: 767.98px) {
  #content .p-detail-inner-header,
  #content .p-detail-inner-header h1 {
    margin-top: 0;
  }
  .advancedOrder__buttons {
    justify-content: center;
    flex-direction: column;
  }
}
#colorbox
  #cboxWrapper
  #cboxContent
  #cboxLoadedContent
  .colorbox-html-content
  .advanced-order
  .extras-wrap {
  margin-bottom: 0;
}

#colorbox
  #cboxWrapper
  #cboxContent
  #cboxLoadedContent
  .colorbox-html-content
  .advanced-order
  .extras-wrap {
  padding: 0;
}
.listingControls {
  display: flex;
  flex-wrap: wrap;
}
.goToTop,
.itemsTotal {
  width: 100%;
  text-align: center;
  padding-bottom: 30px;
}
.loadMore {
  text-align: center;
}
.pagination__list {
  display: flex;
  align-items: center;
  gap: 20px;
}
.pagination__link.pagination__link--next:before,
.pagination__link.pagination__link--prev:before {
  background-repeat: no-repeat;
  background-size: contain;
  color: #fff;
  content: "";
  display: inline-flex;
  height: 1rem;
  -webkit-mask: url(/user/documents/upload/kn_res/icons/arrow_alt.svg) no-repeat
    50% 50%;
  mask: url(/user/documents/upload/kn_res/icons/arrow_alt.svg) no-repeat 50% 50%;
  width: 4.4375rem;
  background-color: #000;
  transform: scale(-1);
}
.pagination__link.pagination__link--prev:before {
  transform: scale(1);
}
.pagination__link.btn-secondary {
  background-color: transparent;
  border: none;
  color: #152339;
}
.pagination__link.btn-secondary:hover {
  background-color: #152339;
  border: none;
  color: #fff;
}
.pagination__link.pagination__link--next:hover:before,
.pagination__link.pagination__link--prev:hover:before {
  background-color: #fff;
}
.pagination {
  margin: auto;
}
@media (min-width: 768px) {
  .loadMore {
    width: 33.334%;
    margin-left: 33.334%;
  }
  .loadMore + .pagination {
    width: 33.334%;
    align-self: flex-end;
    margin-left: auto;
    justify-content: flex-end;
    display: flex;
  }
}
@media (max-width: 479px) {
  .listingControls {
    flex-direction: column;
  }
  .loadMore {
    padding-bottom: 30px;
  }
}

.detail_contact {
  order: 9;
  display: flex;
  background-color: #f1f3f7;
  padding: 10px 20px;
  margin-top: 40px;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.detail_contact img {
  width: 60px;
  align-self: center;
  border-radius: 100%;
}
.detail_contact h4 {
  font-size: 14px;
  margin: 0 !important;
  font-weight: 600 !important;
  font-family: DMSans, sans-serif !important;
}
.detail_contact a {
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  display: block;
}
.detail_contact span:after {
  display: block;
  font-size: 10px;
  font-weight: 400;
}
.detail_contact a {
  text-decoration: none;
}
.detail_contact a:hover {
  text-decoration: underline;
}
.detail_contact .contact_tel:after {
  content: var(--otviraci-doba);
}
.detail_contact .contact_mail:after {
  content: var(--email-info);
}
@media (max-width: 1199px) {
  .detail_contact h4 {
    display: none;
  }
}
@media (max-width: 479px) {
  .detail_contact {
    padding: 10px;
    gap: 7px;
    margin: 40px -20px 0;
  }
}
@media (max-width: 768px) {
  body.type-category .breadcrumbs > span:not(:nth-last-child(2)),
  body.type-category .breadcrumbs > span:nth-last-child(2) .navigation-bullet,
  body.type-product .breadcrumbs > span:not(:nth-last-child(2)),
  body.type-product .breadcrumbs > span:nth-last-child(2) .navigation-bullet {
    display: none !important;
  }
  body.type-category .breadcrumbs > span:nth-last-child(2):before,
  body.type-product .breadcrumbs > span:nth-last-child(2):before {
    content: "<";
  }
}

.type-category .navigation-home-icon:before {
  filter: brightness(1000);
}
.breadcrumbs a:hover,
.p-info-wrapper .shipping-options,
.detail_contact a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-info-wrapper .shipping-options:hover {
  text-decoration: none;
}
.navigation-buttons .languagesMenu {
  display: none;
}
@media (max-width: 767.98px) {
  ul.menu-level-2,
  ul.menu-level-2 .fv-megamenu {
    gap: 18px;
  }
  ul.menu-level-2 .fv-megamenu > li > .fv-main-menu-item .menu-level-3 {
    gap: 13px !important;
  }
  ul.menu-level-2
    .fv-megamenu
    > li
    > .fv-main-menu-item
    .menu-level-3
    > a[data-testid="headerMenuItem"] {
    color: #2a2a2a !important;
    font-size: 0.8rem !important;
  }
  #header .header-top #navigation {
    max-width: unset !important;
  }
}
.goToTop {
  display: none;
}
dialog {
  border: none;
  padding: 1.5rem 1.75rem;
  max-width: 400px;
  width: calc(100% - 2rem);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
  overflow: visible;
}
dialog::backdrop {
  background: rgba(0, 0, 0, 0.55);
}
dialog > * + * {
  margin-top: 1rem;
}
dialog form {
  position: relative;
}
dialog button.dialog_close {
  appearance: none;
  border: none;
  background: #152339;
  color: #fff;
  cursor: pointer;
  font-size: 0;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: absolute;
  right: -40px;
  top: -40px;
}
dialog button.dialog_close:before {
  content: "×";
  font-size: 32px;
}
dialog button.dialog_close:hover {
  background: #000;
}
.dialog-show-btn {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #0d089f;
}
.dialog-show-btn:hover {
  text-decoration: none;
  color: #0d089f;
}
dialog h3 {
  margin-bottom: 20px;
}
.category-top .category-perex {
  z-index: 2;
}
.category-top {
  position: relative;
  isolation: isolate;
}
.category-top:after {
  content: "";
  background: #00000060;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all 0.3s ease;
}
.subcategories .image:before {
  background: #00000060;
  transition: all 0.3s ease;
}
.category-top:hover:after,
.subcategories a:hover .image:before {
  opacity: 0.75;
  transition: all 0.3s ease;
}

ul.menu-level-1 > li > a b {
  font-weight: 500;
  transition: text-shadow 0.15s ease;
}
ul.menu-level-1 > li > a:hover b {
  font-weight: 500;
  transition: text-shadow 0.15s ease;
  text-shadow:
    0.03em 0 #152339,
    -0.03em 0 #152339;
}
.p-final-price-wrapper {
  margin-bottom: 1.2rem;
}
.showroom_link {
  order: 8;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  color: #1f9455;
}
.showroom_link img {
  margin-right: 10px;
}
.showroom_link a {
  color: #1f9455;
  text-underline-offset: 3px;
  margin: 0 5px;
}
.showroom_link a:hover {
  color: #1f9455;
}

.p-info-wrapper .delivery-time-label,
.p-info-wrapper .delivery-time {
  display: block;
}
.p-info-wrapper .detail-parameters {
  order: 6;
}
.p-info-wrapper .availability-value {
  margin-bottom: 0;
}
.p-info-wrapper .detail-parameters th:has(.delivery-time-label) {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  margin: 5px 0 20px;
  color: #1f9455;
  font-weight: 500;
}
.flag.flag-showroom {
  display: none !important;
}
@media (max-width: 767.98px) {
  .category-top {
    left: 0;
  }
}
#colorbox
  #cboxWrapper
  #cboxContent
  #cboxLoadedContent
  .colorbox-html-content
  .advanced-order
  .extras-wrap {
  padding: 1.25rem;
}
.advanced-order {
  display: flex;
  flex-direction: column;
}
#colorbox
  #cboxWrapper
  #cboxContent
  #cboxLoadedContent
  .colorbox-html-content
  .advanced-order
  .products-block {
  margin-bottom: 0;
  order: 9;
}
#colorbox
  #cboxWrapper
  #cboxContent
  #cboxLoadedContent
  .colorbox-html-content
  .advanced-order
  .advanced-order-suggestion {
  margin-top: 2rem;
  order: 8;
}
.cart-widget-inner .cart-free-shipping strong {
  color: #54bf00;
}
.sidebar-in-cart .extra.delivery {
  background-color: #f1f3f7;
}

@media (min-width: 768px) and (max-width: 1439px) {
  .loadMore + .pagination {
    justify-content: center;
    padding-top: 10px;
    width: 100%;
  }
}
@media (min-width: 992px) {
  #colorbox
    #cboxWrapper
    #cboxContent
    #cboxLoadedContent
    .colorbox-html-content
    .advanced-order
    .extras-wrap {
    padding: 20px;
    margin-left: 210px;
    max-width: 520px;
    margin-bottom: -80px;
    z-index: 2;
  }
  .advancedOrder__buttons {
    background: #f1f3f7;
    padding: 20px;
    width: calc(100% + 2.5rem);
    margin: 0 -1.25rem;
  }
}
.in-kosik #cart-wrapper .cart-content.summary-wrapper {
  padding-top: 0;
}
.in-kosik #cart-wrapper .cart-content.summary-wrapper .discount-coupon {
  padding-bottom: 20px;
}
.in-kosik #cart-wrapper .cart-content.summary-wrapper .discount-coupon form {
  display: none;
}
.in-kosik
  #cart-wrapper
  .cart-content.summary-wrapper
  .discount-coupon
  form.visible {
  display: flex;
}
.coupon-toggle {
  cursor: pointer;
  text-decoration: underline;
  font-size: 14px;
  text-underline-offset: 3px;
  color: #152339b0;
}
.coupon-toggle:hover {
  text-decoration: none;
}

.p-info-wrapper:has(.parameter-id-205) #dkLabNoteMainWrapper {
  order: 6;
}
.detail-parameters tbody:has(.surcharge-list) {
  display: flex;
  flex-direction: column;
}
.detail-parameters tbody .surcharge-list {
  order: 9;
}
.p-info-wrapper:has(.parameter-id-205) #dkLabNoteMainWrapper {
  display: none;
}
.p-info-wrapper:has(.parameter-id-205)
  #dkLabNoteMainWrapper:has(#embroidery-configurator) {
  display: block;
}

#embroidery-configurator input[name="embroidery-color"] + span,
#embroidery-configurator input[name="embroidery-font"] + img {
  border: 2px solid #f1f3f7;
}
#embroidery-configurator input[name="embroidery-font"]:checked + img,
#embroidery-configurator input[name="embroidery-color"]:checked + span {
  border: 2px solid #1f9455;
}

.embroidery-color-swatch {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-block;
}

.embroidery-color-swatch[data-color] {
  background: attr(data-color);
}
.embroidery-title {
  display: none;
}
.embroidery-color-option {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-block;
}
.embroidery-fonts {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
select,
textarea {
  border: 1px solid #152339;
}
.p-info-wrapper .detail-parameters .surcharge-list th,
.p-info-wrapper .detail-parameters .variant-list th,
.dkLabNoteHeader,
.embroidery-field > label {
  font-size: 12px;
  padding-top: 8px;
  font-family: DMSans, sans-serif;
  line-height: 1.5;
  font-weight: 700;
  display: block;
}
#dkLabNoteDetailWrapper:has(+ #embroidery-configurator) .dkLabNoteHeader {
  margin: 0 0 5px 0;
}
.embroidery-warning {
  color: red;
  padding: 10px 10px 20px;
  font-weight: 600;
}
@media (min-width: 1200px) {
  .description-inner .basic-description {
    flex: 1 1 65%;
  }
  .description-inner .extended-description {
    flex: 1 1 35%;
  }
}
@media (min-width: 768px) {
  .extended-description table {
    width: calc(100% + 60px);
    margin-left: -30px;
  }
}
.extended-description table th,
.extended-description table td {
  padding: 12px 20px;
}
@media (max-width: 767.98px) {
  .description-inner .extended-description {
    width: calc(100% + 40px);
    min-width: calc(100% + 40px);
    margin-left: -20px;
    max-width: unset;
  }
}

.slick-dots {
  display: flex;
  padding: 0;
  margin: 20px 0 0;
  justify-content: center;
  align-items: center;
  gap: 5px;
  list-style-type: none;
}

.slick-dots li {
  padding: 0;
}

.slick-dots li button {
  background: #f1f3f7;
  border: none;
  font-size: 0;
  width: 30px;
  height: 2px;
  transition: all 0.5s ease;
}

.slick-dots li button:hover,
.slick-dots li.slick-active button:hover,
.slick-dots li.slick-active button {
  background: #152339;
  height: 4px;
  transition: all 0.5s ease;
}
#footer .container .custom-footer > div dialog a {
  padding: 0;
  text-decoration: underline;
  text-underline-offset: 3px;
}
th:has(.dialog-show-btn) {
  display: flex !important;
  justify-content: space-between;
  flex-wrap: wrap;
}
.dialog-show-btn {
  font-size: 12px;
}
.surcharge-list:has(select[data-parameter-id="205"]) {
  order: 10;
}
.p-info-wrapper .shipping-options,
p[data-testid="productCardDescr"] a {
  text-underline-offset: 3px;
  color: #0d089f;
  font-size: 12px;
}
.p-info-wrapper .shipping-options:hover,
p[data-testid="productCardDescr"] a:hover {
  text-decoration: none;
  color: #0d089f;
}
.embroidery-custom {
  font-size: 13px;
  padding-top: 8px;
  font-family: DMSans, sans-serif;
  line-height: 1.5;
  font-weight: 700;
  display: block;
  margin-top: 0;
}
.embroidery-color-swatch[data-code="00 - Barva specifikována v poznámce"] {
  position: relative;
}
.embroidery-color-swatch[data-code="00 - Barva specifikována v poznámce"]:before {
  content: "?";
  position: absolute;
  width: 100%;
  text-align: center;
}
@media (min-width: 992px) {
  .product-top:has(#embroidery-configurator) .p-image-wrapper {
    align-self: flex-start;
    xxxposition: sticky;
    top: 120px;
  }
}
.dkLabCartNoteDetailHeader .dkLabNoteTextDetail {
  pointer-events: none;
}
.dkLabNoteTextDetailEditable .dkLabNoteTextDetailNote {
  text-decoration: none;
}

@media (max-width: 767px) {
  #header .header-top .search {
    background-color: #fff;
    padding: 0 0.625rem 0.625rem 0.625rem;
    display: block;
    order: -9;
    position: absolute;
    top: 70px;
    left: 0;
    width: 100%;
    border-bottom: 0.0625rem solid #e4e7ed;
  }
  #header {
    margin-bottom: 52px;
  }
  .fv-search-wrapper > div:not(.fv-search-content-full),
  .fv-search-mobile-close,
  .toggle-window[data-target="search"] {
    display: none;
  }
  .search .btn:not(.cart-count) {
    font-size: 0;
    padding: 0.625rem;
    background-color: #152339;
    border: 0.0625rem solid #152339;
    color: #fff;
  }
  .search .btn:not(.cart-count):after {
    content: url("https://cdn.myshoptet.com/usr/www.marieli.cz/user/documents/fv-studio/assets/icons/search.svg");
    filter: invert(1);
    display: block;
    height: 1.5rem;
    line-height: 0;
    width: 1.5rem;
  }
  .search .btn:not(.cart-count):hover {
    background-color: #fff;
    color: #152339;
  }
  .search .btn:not(.cart-count):hover:after {
    filter: invert(0);
  }
}

.category-top:after {
  left: 0;
}
@media (min-width: 768px) {
  ul.menu-level-2 {
    padding: 30px;
  }
}
.header_contacts {
  order: -9;
  font-size: 14px;
  padding: 5px 0 5px 60px;
  background-image: url("/user/documents/upload/kn_res/icons/header_contact.png");
  background-size: 42px;
  background-position: 5px 5px;
  background-repeat: no-repeat;
}
#header .header_contacts a {
  white-space: nowrap;
}
#header .header_contacts a:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navigation-buttons {
    gap: 0;
  }
  .header_contacts {
    font-size: 12px;
    padding: 5px 10px 5px 56px;
    background-size: 36px;
  }
  #header .header-top #navigation {
    margin: 0;
    flex: 1;
  }
}
@media (max-width: 767px) {
  .header_contacts {
    padding: 5px 0 5px 100px;
    background-size: 59px;
    background-position: 15px 5px;
    background-color: #f1f3f7;
    margin: 10px -10px;
  }
  #header .header_contacts a {
    font-size: 16px;
    font-weight: 600;
  }
}
#footer .custom-footer .contact-box ul:before {
  content: "";
  background-image: url("/user/documents/upload/kn_res/icons/header_contact.png");
  display: block;
  width: 75px;
  height: 75px;
  background-size: cover;
  margin-bottom: 10px;
  margin-top: -30px;
}
/* filtry */
  .desktop #category-filter-hover,
  .mobile #filters-wrapper #category-filter-hover {
    flex-direction: column;
    width: 100%;
  }
  .desktop #filters .filter-section form,
  .mobile #filters-wrapper .filter-section form {
    display: block;
    position: unset;
    margin-bottom: 10px;
    box-shadow: none;
    width: 100%;
  }
  .desktop #filters h4:after,
  .mobile #filters-wrapper h4:after {
    display: none;
  }
  .desktop #filters .filter-section:hover form,
  #filters .filter-section:hover h4,
  .mobile #filters-wrapper .filter-section:hover form,
  .mobile #filters-wrapper .filter-section:hover h4 {
    box-shadow: none;
  }
  .desktop #filters .filter-section:hover h4,
  .mobile #filters-wrapper .filter-section:hover h4 {
    background-color: #f1f3f7;
  }
  .desktop #filters .filter-section form fieldset > div,
  .mobile #filters-wrapper .filter-section form fieldset > div {
    padding: 5px 20px;
    margin: 0 -20px !important;
  }
#filters
  .filter-section
  form
  fieldset
  > div:not(.advanced-filters-wrapper):hover {
  background-color: #f1f3f7;
}
#filters .filter-section form input[checked="checked"] + .filter-label {
  font-weight: 600;
}
.has-background .category-top {
  margin-bottom: 1.25rem;
}

.filter-toggle {
  margin-bottom: 20px;
}
.aside-close {
  position: absolute;
  top: 10px;
  right: 20px;
  font-weight: 600;
}