@media (min-width: 992px) {
  .p-image + .row {
    margin-left: 0;
    margin-right: 0;
  }
  .p-thumbnails-wrapper {
    margin: 0;
    padding: 0;
  }
  .p-thumbnails {
    height: auto;
    margin-bottom: 0;
  }
  .p-thumbnails > div {
    height: auto;
    position: relative;
    width: 100%;
  }
  .p-thumbnails > div > div {
    display: grid;
    gap: 5px;
    grid-template-columns: 1fr 1fr;
  }
  .p-detail-inner {
    margin-bottom: 50px;
  }
  .p-thumbnails > div > div:before,
  .p-thumbnails > div > div:after {
    display: none;
  }
  .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a.p-thumbnail {
    margin-right: 0;
    width: 100%;
  }
  .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a img {
    max-width: 100%;
    width: 100%;
  }
  .p-thumbnails .thumbnail-next,
  .p-thumbnails .thumbnail-prev {
    display: none;
  }
  .p-detail-inner .p-data-wrapper {
    width: 33%;
  }
  .p-detail-inner .p-image-wrapper {
    width: 66%;
  }
  .xxxp-image {
    display: none !important;
  }
.p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a.p-thumbnail {
  aspect-ratio: 3 / 2;
  overflow: hidden;
}
.p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
}
.wide .image360 img,
.wide .p-image img {
  max-height: unset;
}
.image360,
.p-image {
  padding-bottom: 5px;
}
/*
.p-detail-inner .p-data-wrapper {
  align-self: flex-start;
  position: sticky;
  top: 10px;
}
*/
.p-thumbnails-horizontal .p-thumbnail:before,
.p-thumbnails-horizontal .show360image:before,
.wide .image360:after,
.wide .p-image:after {
  display: none;
}
.p-thumbnails a img {
  border: none;
}
.columns-3 .products-block > div,
.columns-4 .products-block > div {
  padding: 5px;
}
.products-block .p > a {
  mix-blend-mode: multiply;
}
.products-block .p {
  border-style: none;
  background: #fafafb;
  transition: all 0.3s ease;
}
.products-block > div .p:hover {
  background: #fff;
  transition: all 0.3s ease;
}
.products-block .p .p-bottom .p-tools .btn.btn-primary:before {
    content: "+";
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
}
.products-block .p .p-bottom .p-tools .btn.btn-primary {
    width: 50px;
    height: 50px;
    font-size: 0;
    border: solid 1px #000;
    background: transparent;
    min-width: unset;
    border-radius: 100%;
    color: #000;
    font-weight: 800;
    margin: 0 0 0 0;
}
.products-block .p .p-bottom .p-tools .btn.btn-primary:hover {
border: solid 2px var(--accent-color);
    background: var(--accent-color);
    color: #fff;
}
.products-block > div .p .p-bottom > div {
  display: flex;
  flex-direction: column;
}
.products-block > div .p .p-bottom > div .p-tools {
    order: 99;
    max-width: 350px;
    margin: -40px auto 0;
    padding: 0 0 20px;
    align-items: flex-end;
}
.products-block > div .p .p-bottom .p-desc {
    margin: 0 auto 30px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    order: -99;
    max-width: 350px;
    text-align: left;
    line-height: 1.5;
}
.products-block>div .p .name {
        height: 35px;
        max-width: 350px;
        margin: 0 auto;
        font-size: 20px;
        font-weight: 600;
        text-align: left;
        padding: 0;
    }
.products-block>div .p .availability {
    display: block;
    max-width: 350px;
    text-align: left;
    padding: 0;
    margin: 0 auto;
    width: 100%;
        padding-right: 80px;
}
    .products-block>div .p .p-bottom.single-button .prices {
        position: relative;
        max-width: 350px;
        text-align: left;
        padding: 0;
        margin: 0 auto;
        width: 100%;
        bottom: unset;
        left: unset;
            padding-right: 80px;
    }
.p-detail-inner .p-data-wrapper {
  padding: 20px;
  background: #fafafa;
}
.wide-carousel {
  max-width: 1920px;
  margin: 0 auto;
}
.navigation-in ul li a b,
.menu-helper {
  font-weight: 400;
}
details {
  transition: all 0.5s ease;
  position: relative;
  box-sizing: border-box;
  transition: all 0.3s;
}
details[open] {
  transition: all 0.3s;
}

summary {
  padding: 20px 50px 20px 20px;
  font-weight: 500;
  font-size: 16px;
  cursor: pointer;
}

summary:focus {
  outline: none;
}

summary::-webkit-details-marker,
::-webkit-details-marker {
  display: none !important;
}

summary::after {
  padding: 20px;
  position: absolute;
  top: 50%;
  right: 0;
  color: #000;
  font-size: 15px;
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  font-weight: 900;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  content: "\276F";
  transform: translateY(-50%) rotate(90deg);
  transition: 0.3s ease;
}
details[open] summary {
  margin-bottom: 20px;
}
details[open] summary::after {
  content: "\e912";
  font-family: shoptet;
  font-size: 11px;
  top: 7px;
  transform: translateY(0);
  transition: 0.3s ease;
}
details[open] summary:hover::after {
  animation: pulse 1s ease;
}

@keyframes pulse {
  25% {
    transform: scale(1.1);
  }
  50% {
    transform: scale(1);
  }
  75% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
#header .site-name a,
#header .site-name a span {
  font-weight: 600;
}
@media (min-width: 992px) {
  #header {
    padding: 20px;
  }
  .fitted .navigation-in ul {
    justify-content: center;
  }
}
.navigation-buttons a {
  width: 50px;

  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.navigation-buttons a:before {
  content: "" !important;
  width: 30px;
  height: 30px;
  display: block;
  background: red;
}

.navigation-buttons a[data-target="cart"]::before,
.navigation-buttons a[data-target="login"]::before,
.navigation-buttons a[data-target="search"]::before,
.navigation-buttons a[data-target="navigation"]::before,
.navigation-close::before,
.navigation-window-visible
  .navigation-buttons
  a[data-target="navigation"]:before {
  content: "";
  width: 24px;
  height: 24px;
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-image: url("/user/documents/upload/res/icons/icons_cart.svg");
  mask-image: url("/user/documents/upload/res/icons/icons_cart.svg");
}
.navigation-buttons a[data-target="search"]::before {
  -webkit-mask-image: url("/user/documents/upload/res/icons/icons_search.svg");
  mask-image: url("/user/documents/upload/res/icons/icons_search.svg");
}
.navigation-buttons a[data-target="login"]::before {
  -webkit-mask-image: url("/user/documents/upload/res/icons/icons_login.svg");
  mask-image: url("/user/documents/upload/res/icons/icons_login.svg");
}
.navigation-buttons a[data-target="navigation"]::before {
  -webkit-mask-image: url("/user/documents/upload/res/icons/icons_menu.svg");
  mask-image: url("/user/documents/upload/res/icons/icons_menu.svg");
}
.navigation-close::before,
.navigation-window-visible
  .navigation-buttons
  a[data-target="navigation"]:before {
  -webkit-mask-image: url("/user/documents/upload/res/icons/icons_menu_close.svg");
  mask-image: url("/user/documents/upload/res/icons/icons_menu_close.svg");
}
.navigation-buttons a::before,
.navigation-close::before {
  background: #000;
}
.navigation-buttons a:hover::before,
.navigation-close:hover::before {
  background: var(--accent-color);
}

.navigation-buttons a[data-target="cart"]::after,
.navigation-buttons a[data-target="login"]::after,
.navigation-buttons a[data-target="search"]::after,
.navigation-buttons a[data-target="navigation"]::after,
.navigation-close::after,
.navigation-window-visible
  .navigation-buttons
  a[data-target="navigation"]:after {
  content: "Košík";
  font-size: 10px;
  line-height: 1;
  padding-top: 10px;
}
.navigation-buttons a[data-target="login"]::after {
  content: "Účet";
}
.navigation-buttons a[data-target="search"]::after {
  content: "Hledat";
}
.navigation-buttons a[data-target="navigation"]::after {
  content: "Menu";
}
.navigation-close::after,
.navigation-window-visible
  .navigation-buttons
  a[data-target="navigation"]:after {
  content: "Zavřít";
}

.navigation-buttons > a[data-target="cart"] i {
  top: 26px;
}

.item_grid {grid-template-columns: 1fr;display:grid;}
.item_texts {
    padding: 50px 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
        justify-content: center;
}
  @media (min-width:992px) {
  .item_grid {grid-template-columns: 1fr 1fr;}
  .item_texts {
    padding: 100px 50px;
}
.item_texts > span {max-width:550px;}
  }
  .item_image {
    min-height: 600px;
    background-position: top center;
    background-size: cover;
}
  .item_summary {
    text-transform: uppercase;
    display: block;
    letter-spacing: 2px;
    font-size: 16px;
    margin-bottom: 10px;
}
.item_heading {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 30px;
    display: block;
}
.item_text {
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
}
.item_texts .btn.btn-primary {
    background: #000;
    border: none;
    color: #fff;
    font-size: 0;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    padding: 0;
    display: grid;
    place-content: center;
    line-height: 1;
}
.item_texts .btn.btn-primary:after {    content: "+";
    font-size: 30px;
    font-weight: 500;
    line-height: 55px;
}
.item_texts .btn.btn-primary:hover {background: var(--color-secondary);color:#fff;}
@media (max-width:991px) {
.item_image {
    min-height: unset;
    aspect-ratio: 1 / 1;
}
}
.homepage-group-title {
    display: block;
    padding-bottom: 10px;
    border-bottom: solid 1px;
    margin-bottom: 20px;
    font-weight: 500;
}
  .products-block .p,
 .p-detail-inner .p-data-wrapper {
    background: #f0f0f0;
}
.flags {
    left: 10px;
    top: 10px;
}
.products-block>div .p .name {
    margin: 0 auto 10px;
}
#footer {
    background-color: #f0f0f0;
    border-top-color: #f0f0f0;
}
#footer a {
    text-decoration: none;
    color: #000;
}
#footer ul li:before {display:none;}
#footer a:hover {
    color: var(--color-primary);
    text-underline-offset: 4px;
}
@media (max-width:991px) {
.navigation-buttons a {
    height: 60px;
}
#header {
        height: 60px;
    }
.overall-wrapper {
        padding-top: 60px;
}
.container.navigation-wrapper .site-name {
    flex: 0 1 250px;
}
#header .site-name a.text-logo {
    font-size: 28px;
    padding: 16px 0;
}
}
.carousel-control:before {
    border-style: none;
}
@media (min-width: 992px) {
    .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a.p-thumbnail:first-child {
        grid-column: span 2;
    }
.wide .image360, .wide .p-image {display:none !important;}
}
    .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a.p-thumbnail:first-child {
        aspect-ratio: 1 / 1;
    }
#cboxNext:hover, #cboxPrevious:hover, #cboxClose:hover {
    color: var(--accent-color);
}
details.more-info {
width: calc(100% + 40px);
    margin: 0 -20px;
    background: #f0f0f0;
    border-top: solid 10px #fff;
}
details.more-info summary {
    border-bottom: none;
}
details.more-info[open] summary {
    border-bottom: solid 1px #d0d0d0;
}
details.more-info > *:not(summary) {padding: 0 20px;}
details.more-info > *:last-child {margin-bottom:20px;}
.p-detail-inner .p-data-wrapper {
    padding-bottom: 0;
}
.p-to-cart-block {
    padding-bottom: 30px;
}