/* 15. Ikonky pred kategoriou */
/*
.categories .topic > a {
    display: flex;
    align-items: center;
  }

  .categories .topic > a:before {
    content: "";
    margin-right: 10px;
    background-size: 24px 24px;
    background-repeat: no-repeat;

    height: 24px;
    width: 24px;
    margin-top: -12px;
    margin-bottom: -8px;
  }

  .categories ul a {
    padding-left: 59px;
  }

  .categories ul ul a {
    padding-left: 70px;
  }

  #categories ul .expandable .cat-trigger {
    left: 24px;
  }

  .categories a[href="/baterie/"]::before {
    background-image: url(https://www.klavesnica.sk/user/documents/icons/baterie.svg);
  }

  .categories a[href="/klavesnica-na-notebook/"]::before {
    background-image: url(https://www.klavesnica.sk/user/documents/icons/klavesnice.svg);
  }

  .categories a[href="/mobily/"]::before {
    background-image: url(https://www.klavesnica.sk/user/documents/icons/mobily.svg);
  }

  .categories a[href="/prislusenstvo/"]::before {
    background-image: url(https://www.klavesnica.sk/user/documents/icons/prislusenstvo.svg);
  }

  .categories a[href="/ups/"]::before {
    background-image: url(https://www.klavesnica.sk/user/documents/icons/ups.svg);
  }

  .categories a[href="/nabijacky-2/"]::before {
    background-image: url(https://www.klavesnica.sk/user/documents/icons/nabijacky.svg);
  }

  .categories a[href="/menice-napatia/"]::before {
    background-image: url(https://www.klavesnica.sk/user/documents/icons/menice-napetia.svg);
  }

  .categories a[href="/displej-do-notebooku/"]::before {
    background-image: url(https://www.klavesnica.sk/user/documents/icons/displeje.svg);
  }

  .categories a[href="/fotovoltaika/"]::before {
    background-image: url(https://www.klavesnica.sk/user/documents/icons/fotovoltaika.svg);
  }

  .categories a[href="/elektromobilita/"]::before {
    background-image: url(https://www.klavesnica.sk/user/documents/icons/elektromobilita.svg);
  }
*/

/* .summary-wrapper,
.order-summary-bottom,
.order-summary-top,
.cart-widget-button.is-free-shipping,
.extras-wrap .extra-item.is-free-shipping .extra-content {
  background-color: #e1e9ec;
} */

.radio-wrapper input[type="radio"] + label:hover,
.radio-wrapper input[type="checkbox"]:checked + label,
.radio-wrapper input[type="radio"]:checked + label {
  background-color: #e1e9ec;
  border-color: #084c61;
}

.flags-extra {
  display: none;
}

@media (min-width: 992px) {
  .header-top {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .popup-widget.login-widget {
    top: 120px;
  }

  .popup-widget.cart-widget {
    top: 120px;
  }

  .admin-logged .popup-widget.login-widget {
    top: 145px;
  }

  .admin-logged .popup-widget.cart-widget {
    top: 145px;
  }
}

@media (min-width: 768px) {
  .top-navigation-bar .container > div.top-navigation-contacts {
    top: 0;
    height: 49px;
  }
  .products-block .p-in-in {
    min-height: auto;
  }
}

.widget-parameter-wrapper {
  position: relative;
  left: auto;
  width: 100%;
  bottom: auto;
  margin-bottom: 15px;
}

.products-block .widget-parameter-list {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}

.widget-parameter-wrapper {
  overflow: visible;
  justify-content: center;
}

.widget-parameter-wrapper .widget-parameter-more.visible {
  display: none;
}

.widget-parameter-wrapper .widget-parameter-list {
  padding: 0;
}

.widget-parameter-wrapper .widget-parameter-list {
  width: 100%;
  margin: 0 -25px;
}

.widget-parameter-wrapper .widget-parameter-value a {
  background-color: var(--color-primary);
  color: white;
}

#pobo-all-content .btn.btn-secondary,
#pobo-all-content a.btn.btn-secondary {
  background-color: #ffc857;
  border-color: #ffc857;
  color: black;
}

#pobo-all-content .btn.btn-secondary:hover,
#pobo-all-content a.btn.btn-secondary:hover {
  background-color: #db3a34;
  border-color: #db3a34;
  color: white;
}

#simple-variants {
  display: none;
}

.is-loaded #simple-variants {
  display: block;
}

.advanced-parameter {
  max-height: 55px;
}

#simple-variants .advanced-parameter-inner {
  max-height: 55px;
}

#simple-variants .advanced-parameter-inner img,
#simple-variants .advanced-parameter-inner .advanced-parameter__image-block {
  max-width: 50px;
}

.is-simple-variants {
  display: block;
  width: 100%;
}

.is-simple-variants tbody,
.is-simple-variants tr,
.is-simple-variants td,
.is-simple-variants td > div {
  display: block;
  width: 100%;
}

#simple-variants .advanced-parameter {
  width: 100%;
}

/* .detail-parameters th {
  display: none;
} */

#simple-variants .advanced-parameter-inner {
  display: flex;
  align-items: center;
  width: auto;
  border-radius: 10px;
  height: auto;
  pointer-events: none;
  background-color: var(--color-tertiary);
  border-color: var(--color-tertiary);
  border-width: 2px;
  transition: all 250ms ease-out;
}

#simple-variants
  .advanced-parameter.is-active
  .advanced-parameter-inner
  .advanced-parameter__text-block,
#simple-variants
  .advanced-parameter-inner.yes-before
  .advanced-parameter__text-block {
  padding-right: 40px;
}

#simple-variants .advanced-parameter.is-active .advanced-parameter-inner:after,
#simple-variants .advanced-parameter-inner.yes-before:after {
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 16px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(40deg);
  border-radius: 0;
  top: 50%;
  margin-top: -6px;
  right: 20px;
  border-color: var(--color-primary);
  transform: rotate(40deg) translateY(-50%);
}

#simple-variants .advanced-parameter:hover .advanced-parameter-inner {
  /* background: var(--color-tertiary); */
  border-color: var(--color-primary);
}

#simple-variants .advanced-parameter.is-active .advanced-parameter-inner,
#simple-variants .advanced-parameter .advanced-parameter-inner.yes-before {
  background-color: var(--color-tertiary);
  border-color: var(--color-primary);
}

#simple-variants
  .advanced-parameter:hover:not(.is-active)
  .advanced-parameter-inner,
#simple-variants
  .advanced-parameter:hover
  .advanced-parameter-inner:not(.yes-before) {
  border-color: var(--color-primary);
}

#simple-variants .advanced-parameter-inner img {
  display: block;
  object-fit: contain;
  height: 100%;
}

#simple-variants .advanced-parameter-inner:before {
  display: none;
}

#simple-variants .advanced-parameter-inner .advanced-parameter__image-block {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

#simple-variants .advanced-parameter-inner .advanced-parameter__text-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 0;
  padding-left: 15px;
  padding-right: 15px;
  flex: auto;
  color: black;
  line-height: 1.2;
}

#simple-variants
  .advanced-parameter-inner
  .advanced-parameter__text-block
  strong {
  font-size: 14px;
  color: #292929;
}

.advanced-parameter__price {
  display: block;
  font-size: 14px;
  font-weight: 700;
}

.navigation-in > ul > li.ext > ul > li.menu-item-category {
  /* display: none; */
}

.navigation-in > ul > li.ext > ul > li.menu-item-category {
  width: 25%;
  flex-basis: 25%;
  margin-top: 0;
}

.navigation-in ul li a {
  /* text-transform: none; */
}

.navigation-in > ul > li.ext > ul > li > div > ul > li.more-submenu-list a {
  font-weight: 700;
}

.detail-availability-block {
  display: none;
}

.advanced-parameter__text-block .availability-label {
  display: block;
  font-size: 12px;
  margin-top: 2px;
}

@media (max-width: 767px) {
  .navigation-in > ul ul.menu-level-2 > li {
    flex-wrap: nowrap;
    align-items: flex-start;
  }
  .navigation-in > ul ul.menu-level-3 {
    padding-left: 0;
  }
  .navigation-in > ul > li.ext > ul > li > div > ul {
    margin-top: 0;
  }
  .navigation-in > ul > li.ext > ul > li > a.menu-image {
    width: 80px;
    padding: 0;
    position: relative;
    top: -5px;
  }
  .navigation-in > ul > li.ext > ul > li > div {
    flex: auto;
    padding-left: 15px !important;
  }
  .navigation-in > ul > li.ext > ul > li > div > ul > li {
    width: 100%;
  }
  .navigation-in > ul > li.ext > ul > li > div > ul > li a {
    position: relative;
    padding-left: 15px !important;
    display: block;
  }
  .navigation-in > ul > li.ext > ul > li > div > ul > li a:before {
    content: "\e90e";
    font-family: "apollo" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0);
    font-size: 10px;
    display: inline-block;
    position: absolute;
    top: 12px;
    left: 0;
  }
  .navigation-in > ul > li.ext > ul > li > div > ul > li.more-submenu-list {
    display: none;
  }
  .navigation-in > ul > li.ext > ul > li > div {
    width: 100%;
    padding: 0;
    position: relative;
  }
  .navigation-in > ul > li.ext > ul > li > div > a {
    position: relative;
    padding-left: 0;
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .navigation-in > ul > li.ext > ul > li > div .arrow-span {
    position: absolute;
    top: 0;
    right: -4px;
    /* transform: translateY(-50%); */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    cursor: pointer;
    z-index: 3;
  }
  .navigation-in > ul > li.ext > ul > li > div .arrow-span:after {
    content: "\e900";
    color: #7c7e8f;
    font-size: 8px;
    transition: transform 0.3s ease-out;
    font-family: "apollo" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .navigation-in > ul ul.menu-level-3 li a {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  .navigation-in > ul ul.menu-level-3 {
    display: none;
  }
  .navigation-in > ul li.is-active ul.menu-level-3 {
    display: flex;
  }

  .navigation-in > ul > li.ext > ul > li.is-active > div .arrow-span:after {
    transform: rotate(180deg);
  }

  .navigation-in > ul > li.ext > ul > li > a.menu-image {
    /* display: none; */
  }
}

.navigation-in
  > ul
  > li.ext
  > ul
  > li:nth-child(n + 13):not(.menu-item-category) {
  display: flex;
}

.navigation-in
  > ul
  > li.ext
  > ul
  > li:nth-child(n + 16):not(.menu-item-category) {
  display: none;
}

.navigation-in
  > ul
  > li.ext
  > ul
  > li
  > div
  > ul
  > li.more-submenu-list
  a:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  top: 1px;
  left: 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.0858 7.75739L15.3284 12L11.0858 16.2427L9.67157 14.8285L12.5 12L9.67157 9.1716L11.0858 7.75739Z' fill='currentColor'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21C16.9706 21 21 16.9706 21 12Z' fill='currentColor'/%3e%3c/svg%3e");
}

.navigation-in ul.menu-level-2 li a {
  padding-top: 0;
}

.navigation-in > ul > li.ext > ul > li > a.menu-image {
  /* display: none; */
}

.navigation-in ul.menu-level-2 div > a {
  color: var(--color-secondary-hover);
  text-decoration: underline;
}

@media (min-width: 768px) {
  .is-header-fixed.is-header-hidden #header .site-name a img {
    max-height: 50px;
  }
  .submenu-visible .navigation-in > ul > li.ext.exp > ul {
    align-items: normal;
  }

  .navigation-in > ul ul.menu-level-2 {
    padding-top: 10px;
  }

  .navigation-in > ul > li.ext > ul > li {
    position: relative;
    padding: 15px 15px 15px;
    align-items: normal;
  }

  .navigation-in > ul > li.ext > ul > li:after {
    position: absolute;
    left: 0;
    top: 1.25rem;
    bottom: 1.25rem;
    width: 1px;
    content: "";
    background-image: linear-gradient(to top, #c1c1c1 62.5%, transparent 37.5%);
    background-position: left top;
    background-repeat: repeat-y;
    background-size: 1px 8px;
  }

  .navigation-in > ul > li.ext > ul > li:before {
    position: absolute;
    left: 1.5625rem;
    right: 1.5625rem;
    top: 0;
    height: 1px;
    content: "";
    background-image: linear-gradient(
      to right,
      #c1c1c1 62.5%,
      transparent 37.5%
    );
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 8px 1.1px;
  }

  .navigation-in > ul > li.ext > ul > li:nth-child(-n + 4):before {
    display: none;
  }

  .navigation-in > ul > li.ext > ul > li:nth-child(4n + 1):after {
    display: none;
  }
  .navigation-in > ul > li.ext > ul > li > div {
    padding-left: 5px;
  }
  .navigation-in > ul > li.ext > ul > li > div > ul > li {
    display: block;
  }
  .navigation-in > ul > li.ext > ul > li > div > ul {
    max-height: none;
  }
  .navigation-in
    > ul
    > li.ext
    > ul
    > li
    > div
    > ul
    > li:not(.more-submenu-list):nth-child(n + 5) {
    display: none;
  }

  .navigation-in > ul > li.ext > ul > li > div > ul > li a {
    position: relative;
    padding-left: 20px;
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .navigation-in > ul > li.ext > ul > li > div > ul > li a:before {
    content: "\e90e";
    font-family: "apollo" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0);
    font-size: 10px;
    display: inline-block;
    position: absolute;
    top: 4px;
    left: 5px;
  }
}

/* variants surcharge list */

body .p-info-grid .detail-parameters th {
  display: table-cell;
}

body .p-info-grid .detail-parameters .variant-list th {
  display: none;
}

body .p-info-grid .detail-parameters .surcharge-list th {
  display: none;
}

body .p-info-grid .detail-parameters .surcharge-list select.is-hide {
  display: none;
}

/* referencePrice */

.p-detail .bm-price-tooltip {
  background: none;
  margin: 0 8px 0 0;
  flex: 0 0 22px;
  color: #7c7e8f;
  border: 2px solid #898989;
  font-weight: bold;
  width: 18px;
  height: 18px;
  margin-right: 2px;
  font-size: 12px;
  line-height: 17px;
  position: relative;
  top: -1px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  cursor: help;
  text-decoration: none;
}

.p-detail .price-standard .bm-price-tooltip {
}

.p-detail .reference-price {
  width: unset;
  color: #7c7e8f;
  white-space: nowrap;
  margin-top: 5px;
}

.p-detail .reference-price__label i {
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
  margin-right: 1px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 122.87 122.88'%3E%3Ctitle%3E30-days-month%3C/title%3E%3Cpath fill='%23898989' d='M81.6,4.73C81.6,2.12,84.18,0,87.37,0s5.77,2.12,5.77,4.73V25.45c0,2.61-2.58,4.73-5.77,4.73s-5.77-2.12-5.77-4.73V4.73Zm-37.12,99q-4.63,0-9-.4a76.26,76.26,0,0,1-8-1.16v-9H40.08a20.8,20.8,0,0,0,3.5-.23,3.1,3.1,0,0,0,1.71-.75,2.1,2.1,0,0,0,.46-1.45v-1.1A2.56,2.56,0,0,0,45.23,88a3.23,3.23,0,0,0-1.51-1,9.28,9.28,0,0,0-2.43-.37L31,86.17V77.48l9.78-.63a10.28,10.28,0,0,0,3.42-.7,1.88,1.88,0,0,0,1.1-1.85v-.52a2.54,2.54,0,0,0-1.16-2.37,9,9,0,0,0-4.28-.7H28v-9c2.51-.42,5.15-.82,7.93-1.18a52.7,52.7,0,0,1,8.45-.44,16.41,16.41,0,0,1,6.39,1.25A8.81,8.81,0,0,1,55,64.89,11.66,11.66,0,0,1,56.4,71v2.9a13.42,13.42,0,0,1-.26,2.69,7.38,7.38,0,0,1-.84,2.25,6.37,6.37,0,0,1-1.5,1.77,7.48,7.48,0,0,1-2.26,1.22,6.14,6.14,0,0,1,2.4,1.3,7.86,7.86,0,0,1,1.68,2.11,10.65,10.65,0,0,1,1,2.75A14.84,14.84,0,0,1,57,91.26v1.68q0,5.27-3.33,8c-2.22,1.86-5.28,2.78-9.17,2.78Zm30.53,0a13.92,13.92,0,0,1-6.57-1.39,8.7,8.7,0,0,1-3.91-4,14.3,14.3,0,0,1-1.27-6.28V72.33a14.86,14.86,0,0,1,1.36-6.71,9.3,9.3,0,0,1,4-4.14,13.48,13.48,0,0,1,6.43-1.42h9.37a12.37,12.37,0,0,1,6.17,1.42,9.14,9.14,0,0,1,3.82,4.14,15.44,15.44,0,0,1,1.3,6.71V92.07c0,3.63-1,6.48-2.92,8.57s-4.76,3.12-8.42,3.12Zm2.78-10.07h3.47a2.89,2.89,0,0,0,3.24-3.36V73.49a3.41,3.41,0,0,0-.81-2.69,3,3,0,0,0-2-.67H77.38a2.76,2.76,0,0,0-2.2.81,3.89,3.89,0,0,0-.69,2.55V90.27a3.56,3.56,0,0,0,.81,2.64,3.47,3.47,0,0,0,2.49.78Zm-48.18-89C29.61,2.12,32.19,0,35.38,0s5.77,2.12,5.77,4.73V25.45c0,2.61-2.58,4.73-5.77,4.73s-5.77-2.12-5.77-4.73V4.73ZM6.4,38.76H116.46V21.47a3,3,0,0,0-.86-2.07,2.92,2.92,0,0,0-2.07-.86H103a3.2,3.2,0,1,1,0-6.4h10.55a9.36,9.36,0,0,1,9.33,9.33v92.08a9.36,9.36,0,0,1-9.33,9.33H9.33A9.36,9.36,0,0,1,0,113.54V21.47a9.36,9.36,0,0,1,9.33-9.33H20.6a3.2,3.2,0,1,1,0,6.4H9.33a3,3,0,0,0-2.07.86,2.92,2.92,0,0,0-.86,2.07V38.76Zm110.07,6.41H6.4v68.37a3,3,0,0,0,.86,2.07,2.92,2.92,0,0,0,2.07.86H113.54a3,3,0,0,0,2.07-.86,2.92,2.92,0,0,0,.86-2.07V45.17Zm-66-26.63a3.2,3.2,0,0,1,0-6.4H71.91a3.2,3.2,0,1,1,0,6.4Z'/%3E%3C/svg%3E");
}

.p-detail .reference-price .bm-price-tooltip {
  margin-left: 4px;
}

.p-detail .reference-price__amount {
  white-space: nowrap;
  color: #7c7e8f;
}

.shipping-options-block {
  color: #0f0f0f;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  text-decoration: underline;
}

@media (min-width: 768px) {
  .p-detail .price-standard .bm-price-tooltip {
    width: 22px;
    height: 22px;
    font-size: 16px;
    top: -3px;
  }
}

@media (max-width: 480px) {
  .p-detail .reference-price {
    white-space: wrap;
  }
}