/* GENERAL */

:root {
  --bg: #0f0b14;
  --bg-black: #121212;
  --bg-elevated: #17111f;
  --bg-grey: #363636;
  --bg-grey-light: #1E1E1E;
  --bg-primary: #7B2BFF;
  --bg-primary-soft: rgba(130, 54, 255, 0.20);
  --bg-purple-button: #C4A0FF;
  --bg-white: #fff;
  --bg-footer: #101010;
  --bg-input: #2A2A2A;
  --panel: #1d1628;
  --panel-strong: #241a33;
  --panel-soft: rgba(255, 255, 255, 0.04);
  --border: rgba(201, 160, 255, 0.14);
  --border-strong: rgba(201, 160, 255, 0.22);
  --text-black: #121212;
  --text: #fff;
  --text-muted: #fff;
  --text-soft: #8f84a5;
  --text-white-opacity: rgba(255, 255, 255, 0.85);
  --accent: #8b3dff;
  --accent-strong: #b05cff;
  --accent-soft: rgba(139, 61, 255, 0.18);
  --success: #b9ff5e;
  --danger: #ff4f72;
  --shadow-lg: 0 30px 80px rgba(0, 0, 0, 0.45);
  --shadow-md: 0 18px 48px rgba(0, 0, 0, 0.28);
  --radius-lg: 16px;
  --radius-sm: 8px;
  --container: min(1860px, calc(100vw - 64px));
  --header-h: 74px;
  --font-display: "Plus Jakarta Sans", sans-serif;
  --font-body: "Plus Jakarta Sans", sans-serif;
  --font-sora: "Sora", sans-serif;
  --font-weight-regular: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  Font-size: 16px;
}

body {
  margin: 0;
  min-width: 320px;
  background: var(--bg-black);
  color: var(--text);
  font-family: var(--font-body);
}

.row {
  margin-left: 0;
  margin-right: 0;
}

img {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input,
select {
  font: inherit;
}

.overall-wrapper {
  position: relative;
  overflow: clip;
  background: var(--bg-black);
}

.container {
  width: var(--container);
  margin-inline: auto;
}

#header {
  width: 100%;
  margin-inline: auto;
}

.content-inner {
  max-width: var(--container);
}

.type-page #content.content {
  padding-left: 0;
  padding-right: 0;
  background: var(--bg-black);
}

.custom-header-row {
  padding: 0 0 !important;
}

#content {
  @media only screen and (min-width: 768px) {
    padding-top: 0;
  }
}

#content h1 {
  font-size: 2rem;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-sora);
  color: var(--text);
}

.type-search h2, .type-search h3, .type-search h4 {
  color: var(--text);
}

/* ********** */
/* HEADER (navigation) */
/* ********** */

.top-navigation-bar, .header-bottom {
  @media only screen and (min-width: 768px) {
    display: none;
  }
}

@media only screen and (max-width: 1600px) {
  .header-bottom {
    display: block;
    background: var(--bg-black);
    border: unset;
  }

  .header-bottom .container {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1600px) {
.header-bottom #navigation {
    height: 50px;
  }
}

.top-navigation-bar .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 46px;
}

.top-navigation-contacts,
.top-navigation-bar-menu,
.top-navigation-tools {
  display: flex;
  align-items: center;
  gap: 18px;
}

.top-navigation-contacts,
.top-navigation-bar-menu a,
.project-phone,
.top-nav-button {
  color: var(--text-muted);
  font-size: 0.92rem;
}

.project-phone:hover,
.top-navigation-bar-menu a:hover,
.top-nav-button:hover {
  color: var(--text);
}

#header {
  position: sticky;
  top: 0;
  z-index: 30;
  background: var(--bg-black);
  border-bottom: 1px solid rgba(255, 255, 255, .10);
}

html:not(.scrolled) .in-index #header {
  border-bottom: unset;
}

.scrolled #header {
  border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.navigation-wrapper {
  padding-block: 16px 12px;
}

.container.navigation-wrapper {
  padding-left: 0;
  padding-right: 0;
}

.header-top {
  display: grid;
  grid-template-columns: auto minmax(240px, 420px) auto;
  align-items: center;
  gap: 20px;
  min-height: var(--header-h);
  width: var(--container);
  margin: auto;
  padding: 15px 20px !important;

  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}

.header-top .site-name a {
  display: inline-flex;
  align-items: center;
}

.header-top .site-name img {
  width: auto;
  max-height: 54px;
}

/* ********** */
/* SEARCH BAR */
/* ********** */

.search {
  min-width: 0;
  padding-left: 0;
  padding-right: 0;

  @media only screen and (min-width: 768px) {
    flex: 0 0 400px !important;
    padding-left: 20px;
  }
}

.search-form fieldset {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  margin: 0;
  padding: 1px 5px;
  border: 1px solid #2A2A2A;
  border-radius: 999px;
  background: var(--bg-grey);
  transition: border .5s ease;
}

.search-form fieldset:has(input:active) {
  border: 1px solid #898989;
  transition: border .5s ease;
}

.search-window-visible .search-input-icon {
  @media only screen and (max-width: 767px) {
    color: var(--text) !important;
  }
}

#header .search-form:hover .search-input-icon {
  color: var(--text) !important;
}

.search-input-icon {
  left: 25px;
}

.search-input-icon:before {
  font-size: 0.875rem;
}

#header .query-input.form-control.search-input {
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  color: var(--text);
  background: transparent;
  background-color: transparent;
  box-shadow: none;
  padding-left: 40px;
  padding-bottom: 2px;
}

.query-input.form-control.search-input::placeholder {
  color: rgba(255, 255, 255, .65) !important;
  font-size: 0.938rem !important;
  font-wieght: var(--font-weight-regular) !important;
  font-family: var(--font-body) !important;
  transition: .3s ease;
}

.query-input.form-control.search-input:focus {
  outline: 0;
}

.query-input.form-control.search-input:focus::placeholder {
  color: var(--text); !important;
}

body.search-focused::before {
  z-index: 1003;
}

.searchWhisperer.active {
  position: fixed;
  z-index: 1004;
  top: 12%;
  width: 95%;
  border-radius: 16px;
  border: 1px solid #4D4D4D;
  background: #2A2A2A;
  padding: 0;
  place-self: center;
  overflow-y: scroll;
  height: 80vh;

  @media only screen and (min-width: 768px) {
    width: 60%;
    overflow-y: unset;
    height: unset;
  }
}

.searchWhisperer.active .searchWhisperer__product__image,
.searchWhisperer.active .searchWhisperer__product__image img {
  border-radius: 8px;
  width: 50px;
}

.searchWhisperer__product__image {
  max-width 50px !important;
}

.searchWhisperer.active h3 {
  font-family: var(--font-sora);
  font-weight: var(--font-weight-semibold);
  font-size: 0.938rem;
  color: var(--text);
}

.searchWhisperer.active .searchWhisperer__product__name {
  font-family: var(--font-sora);
  font-weight: var(--font-weight-semibold);
  font-size: 0.875rem;
  color: var(--text);
}

.searchWhisperer.active .availability-label {
  font-weight: var(--font-weight-semibold);
  font-size: 0.875rem;
  color: #00D901;
}

.searchWhisperer.active .searchWhisperer__product__price {
  font-weight: var(--font-weight-regular);
  font-size: 0.875rem;
  color: var(--text);
  margin-left: auto;
}

.searchWhisperer__additionalResults {
  background: var(--bg-grey);
  padding: 20px 10px;
  margin-right: 0;
  border-color: #4D4D4D;
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;

  @media only screen and (min-width: 768px) {
    padding: 40px 20px;
  }
}

.searchWhisperer__products {
  padding: 20px 10px;

  @media only screen and (min-width: 768px) {
    padding: 40px 20px;
  }
}

.searchWhisperer__products__list {
  flex-direction: column;
  height: 50vh;
  overflow-y: scroll;
  flex-wrap: unset;
  gap: 10px;
  padding-right: 10px;
}

.searchWhisperer__product {
  flex-direction: row;
  justify-content: unset;
  text-align: left;
  gap: 1rem;
}

.searchWhisperer__additionalResults__list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  border-bottom: 1px solid #4D4D4D;
  padding-bottom: 22px;
}

.searchWhisperer__additionalResults__list:last-child {
  border-bottom: unset;
}

.searchWhisperer__additionalResults__listItem {
  background: var(--text);
  border-radius: 50px;
  padding: 10px;
  transition: background .5s ease;
  padding: 5px 10px;
}

.searchWhisperer__additionalResults__listItem:hover {
  background: #EBDFFF;
  transition: background .5s ease;
  text-decoration: unset;
}

.searchWhisperer__additionalResults__listItem a {
  font-weight: var(--font-weight-regular);
  font-size: 0.875rem;
  color: var(--bg-black) !important;
  text-decoration: unset;
  padding: 0;
}

.searchWhisperer__additionalResults__listItem a:hover {
  text-decoration: unset;
}

.searchWhisperer__buttonWrapper {
  padding: 20px;
}

/* ********** */
/* BUTTONS */
/* ********** */

.btn.btn-primary,
.btn.btn-default,
.btn.btn-secondary,
.btn.btn-conversion,
input[type="submit"], button[type="submit"],
.products.products-block .btn, .container404 .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  border: 1px solid transparent;
  border-radius: 8px;
  transition: border-color 180ms ease, background-color 180ms ease;
}

.btn.btn-primary, .btn.btn-conversion, input[type="submit"], button[type="submit"], .products.products-block .btn, .btn.btn-secondary, a.btn.btn-secondary, .container404 .btn {
  padding: 0 18px;
  background: #7430C7;
  border-color: #7430C7 !important;
  color: var(--bg-white) !important;
  font-weight: var(--font-weight-semibold);
}

.btn.btn-primary:hover,
.btn.btn-default:hover,
.btn.btn-secondary:hover,
.btn.btn-conversion:hover,
a.btn.btn-conversion:hover,
input[type="submit"]:hover, button[type="submit"]:hover,
.btn.btn-cart:hover,
.products.products-block .btn:hover, .container404 .btn:hover {
  background-color: #8245CD !important;
  transition: border-color 180ms ease, background-color 180ms ease;
}

:where(.ums_forms_redesign--off) .compact-form .btn {
  position: relative;
  min-height: unset;
  height: unset;
}

.btn.next-step-finish {
  display: block;
}

.search-form .btn.btn-default.btn {
  background: #F3F3F3 !important;
  border-radius: 37px;
  color: var(--bg-black) !important;
  border: 1px solid var(--text) !important;
  font-size: 0.875rem;
  font-weight: var(--font-weight-semibold);
  line-height: unset;
  min-height: 34px;
}

.navigation-buttons {
  display: flex;
  align-items: center;
  justify-content: end;

  @media only screen and (min-width: 768px) and (max-width: 1600px) {
    flex: unset !important;
  }
}

.btn.btn-icon.cart-count {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 42px;
  padding: 5px !important;
  border: 1px solid var(--bg-primary-soft);
  border-radius: 999px;
  background: var(--bg-primary-soft);
  color: var(--text);
}

.btn.btn-icon.cart-count:hover {
  background: rgba(130, 54, 255, 0.30);
}

.header-top .btn.cart-count:before {
  //background: var(--bg-black);
  border-radius: 50%;
  width: 42px;
  place-content: center;
  height: 53px;
  font-size: 1.25rem;
  margin-right: 0 !important;

  @media only screen and (min-width: 768px) {
    background: var(--bg-primary);
    height: 42px;
  }
}

.cart-price {
  color: var(--text);
  font-size: 1rem;
  font-family: var(--text-sora);
  font-weight: var(--font-weight-semibold);
  padding-right: 10px;
}

.header-top #navigation {
  margin-top: 12px;
}

.header-top .navigation-in.menu, .header-bottom .navigation-in.menu {
  background: var(--bg-black);
}

.header-top .menu-level-1 {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px;
  list-style: none;
}

.header-bottom .menu-level-1 {
  background: var(--bg-black);
}

.header-top .menu-level-1 > li {
  position: unset !important;
}

.menu-level-1 > li > a {
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
  letter-spacing: 2%;
  gap: 0;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  color: var(--text-white-opacity);
  transition:
    color 180ms ease;
}

.header-bottom .menu-level-1 > li > a {
  @media only screen and (min-width: 768px) and (max-width: 1600px) {
    display: inline-flex;
    align-items: center;
    font-size: 1rem;
    letter-spacing: 2%;
    gap: 10px;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    color: var(--text-white-opacity);
    transition:
      color 180ms ease;
  }
}

.header-top .menu-level-1 > li > a:hover,
.header-top .menu-level-1 > li:hover > a,
.header-top .menu-level-1 > li > a.active,
.header-bottom .menu-level-1 > li > a:hover,
.header-bottom .menu-level-1 > li:hover > a,
.header-bottom .menu-level-1 > li > a.active {
  color: #BD95FF;
  font-weight: 600;
}

.header-top .menu-level-1 > li:hover > .menu-level-2 {
  display: flex !important;
}

.header-top .menu-level-1 > li > a > b,
.header-bottom .menu-level-1 > li > a > b {
  font-weight: var(--font-weight-regular);
  text-decoration: unset !important;
}

.header-top .menu-level-1 > li > a > b,
.header-bottom .menu-level-1 > li > a > b {
  @media only screen and (min-width: 1200px) {
    margin: -50px;
    padding: 50px;
  }
}

.header-bottom .menu-level-1 > li > a > b {
  padding: 1rem 0;
}

.submenu-arrow {
  opacity: 0.65;
  padding-left: 5px
}

.menu-level-2 {
  margin-top: 0;
  padding: 16px;
  border: 0;
  border-radius: 0;
  background: var(--bg-grey-light);
  box-shadow: var(--shadow-md);
  width: 100vw;
  gap: 10px;
}

.header-bottom .menu-level-2 {
  margin-top: 0;
  padding: 16px;
  border: unset;
  border-radius: 20px;
  background: var(--bg-grey-light);
  width: 90vw;
  gap: 10px;
  place-self: center;
}

.menu-level-2 li {
  background: #2A2A2A;
  border-radius: 8px;
  list-style: none;
  padding: 10px;
  border: 1px solid #2A2A2A;
  transition: .3s ease;
}

.menu-level-2 li:hover {
  background: var(--bg-grey);
  border: 1px solid #898989;
  cursor: pointer;
}

.header-bottom .menu-level-2 li {
  margin-bottom: 10px;
}

.header-top .menu-level-2 li a.menu-image img {
  width: 80px;
  height: auto;
  margin: auto;
  margin-bottom: 10px;
}

.menu-level-2 a {
  color: var(--text-white-opacity);
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-sora);
  font-size: 0.875rem;  
}

.menu-level-2:not(:has(.chooser-items)) a {
  @media only screen and (min-width: 1200px) {
    width: 100px;
    height: 46px;
    display: contents;
  }
}

.menu-level-2 a:hover {
  color: var(--text);
}

.header-bottom .navigation-in ul.menu-level-2 li a {
  padding: 1rem 0;
}

#login.popup-widget.login-widget, .admin-logged .popup-widget.cart-widget {
  top: 110px;

  @media only screen and (min-width: 1600px) {
    top: 84px;
  }
}

#login .popup-widget-inner {
  border: 1px solid #4D4D4D;
}

#login.popup-widget.login-widget h2 {
  font-family: var(--font-sora);
}

#login.popup-widget.login-widget h2, #login.popup-widget.login-widget .password-helper a {
  color: var(--text);
}

#cart-widget {
  border: 1px solid #4D4D4D;
  right: 2%;
  margin-left: 0;
  left: unset;
  place-self: center;

  @media only screen and (max-width: 767px) {
    left: 50%;
    right: unset;
    width: 95%;
    transform: translateX(-50%);
  }
}

.popup-widget.cart-widget {
  @media only screen and (min-width: 992px) {
   top: 83px; 
  }
}

#cart-widget:before, #login:before {
  display: none;
}

#cart-widget, .popup-widget-inner, .cart-widget-bottom {
  border-radius: 8px;
}

#cart-widget .popup-widget-inner {
  padding: 0 20px;
}

#cart-widget .popup-widget-inner .cart-widget-products {
  @media only screen and (min-width: 992px) {
    max-height: 350px;
    margin-top: 1rem;
  }
}

#cart-widget .cart-widget-product-image {
  width: 44px;
  text-align: left;
  height: auto;
  padding-right: 0 !important;
}

.cart-widget-product-image a {
  height: auto;
}

#cart-widget .cart-widget-product-image img {
  border-radius: 8px;
  height: auto;
  width: 50px;
}

#cart-widget .cart-widget-product {
  padding: 20px 0;
  border-color: rgba(255, 255, 255, 0.15);

  @media only screen and (max-width: 767px) {
    column-gap: 2rem;
  }
}

#cart-widget .cart-widget-product:first-child {
  padding: 0 0 20px;
}

#cart-widget .cart-widget-product[data-testid="cartTitle"] {
  color: var(--text-white-opacity);
}

.cart-widget-product .cart-widget-product-delete {
 @media only screen and (max-width: 767px) {
    margin-left: unset;
  }
}

#cart-widget, .popup-widget-inner, .cart-widget-bottom, .cart-widget-button {
  background: #292929;
}

#cart-widget .cart-widget-product-name a {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-sora);
  color: var(--text);
}

#cart-widget .cart-widget-bottom {
  display: flex;
  flex-direction: column-reverse;
}

#cart-widget .cart-widget-button {
  width: 100%;
  border-radius: 8px;
}

#cart-widget .cart-widget-button a {
  width: 100%;
}

#cart-widget .cart-free-shipping {
  text-align: left;
  background: var(--bg-grey);
  width: fit-content;
  border-radius: 8px;
  padding: 10px;
  margin-top: 20px;
}

#cart-widget .cart-free-shipping div div:first-child:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: bottom;
  background: url('/user/documents/upload/redesign/icons/cart-truck-white.svg') center / contain no-repeat;
}

#cart-widget .cart-free-shipping div:first-child:before,
#cart-widget .cart-free-shipping div.price-range:before,
#cart-widget .cart-free-shipping div.price-range div:before {
  display: none;
}

#cart-widget .cart-free-shipping div {
  padding-bottom: 0;
  color: var(--text);
  margin-top: 0;
}

#cart-widget .cart-free-shipping strong {
  color: var(--text);
  font-size: 0.875rem;
  font-weight: var(--font-weight-bold);
  padding-top: 0;
}

#cart-widget .cart-widget-product-price {
  display: none;
}

#cart-widget .cart-widget-product-amount {
  width: 60px;
  padding-left: 0;

  @media only screen and (min-width: 768px) {
    width: 60px;
    padding-left: 10px;
  }
}

#cart-widget .cart-widget-product>div.cart-widget-product-unit {
  visibility: hidden;
}

#cart-widget .quantity,
.cart-table .p-quantity .quantity {
  height: 32px;
  padding-left: 30px;
  padding-right: 30px;
  border-color: #414141;
}

#cart-widget .quantity input,
.cart-table .p-quantity .quantity input {
  height: 30px;
  background: var(--bg-grey-light);
  color: var(--text);
}

#cart-widget .quantity .increase,
.cart-table .p-quantity .quantity .increase {
  background: var(--bg-grey);
}

#cart-widget .quantity .increase .increase__sign, #cart-widget .quantity .increase:before,
.cart-table .p-quantity .quantity .increase .increase__sign, .cart-table .p-quantity .quantity .increase:before {
  color: #DBDBDB;
}

#cart-widget .quantity .decrease,
.cart-table .p-quantity .quantity .decrease {
  background: #2A2A2A;
  color: #898989;
}

#cart-widget .quantity .decrease .decrease__sign, #cart-widget .quantity .decrease:before,
.cart-table .p-quantity .quantity .decrease .decrease __sign, .cart-table .p-quantity .quantity .decrease:before {
  color: #898989;
}

#cart-widget .quantity .increase, #cart-widget .quantity .decrease,
.cart-table .p-quantity .quantity .increase, .cart-table .p-quantity .quantity .decrease {
  height: 30px;
}

#cart-widget .quantity .increase:before, #cart-widget .quantity .decrease:before,
.cart-table .p-quantity .quantity .increase:before, .cart-table .p-quantity .quantity .decrease:before {
  line-height: 30px;
}

#cart-widget .cart-widget-product:hover form .inline button {
  background: unset !important;
  border: unset !important;
  transition: unset !important;
}

.cart-widget-product-delete button {
  background: unset !important;
  border: unset !important;
}

#cart-widget .cart-widget-products::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #414141;
  border-radius: 10px;
}

#cart-widget .cart-widget-products::-webkit-scrollbar{
	width: 6px;
	background-color: #414141;
  border-radius: 10px;
}

#cart-widget .cart-widget-products::-webkit-scrollbar-thumb{
	background-color: #B080FF;
  border-radius: 10px;
}

.header-top li::after {
  content: "";
  position: absolute;
  top: 100%;
  height: 10px;
  left: 0;
  right: 0;
  display: none;
}

.header-actions .navigationActions a[href="/klient/"] span, .header-actions .navigationActions a[href="/logout/"] {
    display: none;
}

.header-actions .navigationActions a[href="/klient/"]::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("/user/documents/upload/redesign/icons/user.png") no-repeat center;
    background-size: contain;
}

@media only screen and (max-width: 767px) {
  .navigation-in.menu {
    padding: 10px;
  }

  .navigation-in .navigationActions li {
    background: unset;
  }

  .navigation-in>ul>li {
    background: #1E1E1F;
    margin-bottom: 10px;
    border-radius: 8px;
    padding-bottom: 0;
  }

  #navigation .menu-level-1>li>a {
    background: var(--bg-grey-light);
    border-radius: 8px;
    padding-left: 10px;
  }

  .header-bottom .menu-level-1 > li > a > b {
    font-family: var(--font-body);
  }

  .header-bottom .menu-level-2 {
    width: 95vw;
    border-radius: 0 0 8px 8px;
    padding: 1px 10px;
  }

  .header-bottom .menu-level-2 li {
    display: flex;
  }

  .header-bottom .navigation-in ul.menu-level-2 li a {
    padding: 0;
    font-size: 1rem;
  }

  .header-bottom .navigation-in ul.menu-level-2 li a.menu-image {
    width: 40px;
    height: auto;    
    display: block;
    align-content: center;
    margin-right: 5px;
  }

  .header-bottom .navigation-in ul.menu-level-2[aria-label="Realizace"] li a.menu-image {
    margin: 0px 11px 0 6px;
    width: 28px;
  }

  .header-bottom .navigation-in ul.menu-level-2 li div {
    margin: auto 0;
  }
}

/* ********** */
/* CONTENT */
/* ********** */

#content-wrapper.content-wrapper {
  background-color: var(--bg-black);
}

.content-wrapper.container,
.content-wrapper.homepage-box {
  padding-top: 0;
  padding-bottom: 0;
}

/* ********** */
/* CAROUSEL, BANNER */
/* ********** */

.carousel,
.next-to-carousel-banners .banner-wrapper a,
.welcome {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
    var(--panel);
  box-shadow: var(--shadow-md);
}

.next-to-carousel-banners .banner-wrapper a {
  border: unset;
}

.banners-row {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(260px, 0.65fr);
  overflow: visible !important;
  margin-top: unset !important;
}

.carousel {
  overflow: hidden;
}

.carousel-inner,
.carousel .item,
.carousel .item a {
  height: 100%;
}

.carousel .item a,
.next-to-carousel-banners .banner-wrapper a {
 
  overflow: hidden;
  border-radius: var(--radius-lg);
}

.carousel img,
.next-to-carousel-banners img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--radius-lg);
}

.next-to-carousel-banners .slider-arrow img {
  width: unset;
  height: unset;
  object-fit: unset;
  border-radius: unset;
}

.row.banners-row .slider-arrow.left, .row.banners-row .slider-arrow.right {
  display: none !important;
}

.next-to-carousel-banners {
  gap: 10px;
}

.next-to-carousel-banners {
  width: 100%;
  display: flex;
  gap: 0;
  overflow-x: auto;
  scroll-behavior: smooth;
  scrollbar-width: none;
  border-radius: 20px;
}

.next-to-carousel-banners::-webkit-scrollbar {
  display: none;
}

.banner-slider-wrap {
  position: relative;
}

.next-to-carousel-banners .banner-wrapper {
  margin-top: 0 !important;

  @media only screen and (max-width: 767px) {
    flex: 0 0 70%;
  }
}

.next-to-carousel-banners .banner-wrapper a:before {
  @media only screen and (max-width: 767px) {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(116, 48, 199, .45);
  }
}

.next-to-carousel-banners .banner-wrapper .extended-banner-texts {
  top: unset;
  display: grid;
  padding: 15px;
  text-align: left;

  @media only screen and (min-width: 1600px) {
    padding: 30px;
  }
}

.next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-title,
.next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-text,
.next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-link {
  background-color: unset;
  position: relative;
  border: unset;
  box-shadow: unset;
  padding: 0;
}

.next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-title {
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
  color: var(--text);
  margin-bottom: 20px;
  line-height: 1.3em;
}

.next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-text {
  font-size: 1.063rem;
  font-weight: var(--font-weight-regular);
  color: var(--text-white-opacity);
  margin-bottom: 15px;	
  max-width: unset;
  text-align: left;
}

.next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-link {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-black);
  background: var(--bg-white);
  width: fit-content;
  border-radius: 8px;
  padding: 10px 20px;
  height: unset;
  top: unset;
  margin-top: unset;
  transition: background .5s ease;
}

.next-to-carousel-banners .banner-wrapper .extended-banner-texts .extended-banner-link:hover {
  background: #EBDFFF;
  transition: background .5s ease;
}

.next-to-carousel-banners .banner-wrapper a {
  min-height: 190px;
}

/* ********** */
/* USP CONTAINER */
/* ********** */

.benefitBanner {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
  border-radius: var(--radius-lg);
  background: rgba(123, 43, 255, 0.10);
  padding: 3rem 10px;

  @media only screen and (min-width: 768px) and (max-width: 1199px) {
    grid-template-columns: 1fr 1fr;
  }

  @media only screen and (min-width: 1200px) {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}  

.benefitBanner__item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 18px;
  width: 100%;
  margin-bottom: 0;
  border-radius: 0 !important;

  @media only screen and (max-width: 767px) {
    padding-left: 15px;
    justify-content: unset;
  }

  @media only screen and (min-width: 1200px) {
    justify-content: center;
  }
}

.benefitBanner__picture {
  flex: 0 0 50px;
  margin-right: 0;

  @media only screen and (min-width: 768px) {
    flex: 0 0 58px;
  }
}

.benefitBanner__img {
  width: 50px;
  height: 50px;
  object-fit: contain;

  @media only screen and (min-width: 768px) {
    width: 58px;
    height: 58px;
  }
}

.benefitBanner__content {
  padding-right: 0;

  @media only screen and (min-width: 768px) {
    padding-right: 10px;
  }
}

.benefitBanner__title {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
  font-family: var(--font-display);
  font-size: 1rem;
  line-height: 1.15;
}

.benefitBanner__data {
  color: var(--text-muted);
  font-size: 0.92rem;
}

.homepage-group-title {
  text-align: left;
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
  color: var(--text);
  border-bottom: 1px solid var(--text);
  width: fit-content;
  padding-bottom: 5px;
  font-family: var(--font-sora);
  margin-bottom: 0;
  margin-top: 5rem !important;
  display: inline-flex;
}

.homepage-group-title:first-child {
  margin-top: 5rem !important;
}

.homepage-group-title-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 20px;
  padding: 5px 15px;
  background: unset;
  border: 1px solid #4D4D4D;
  color: var(--bg-white);
  border-radius: 50px;
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  text-decoration: none;
  transition: .25s ease;
  font-family: var(--font-sora);
}

.homepage-group-title-button:hover {
  background: var(--bg-grey-light);
  color: var(--bg-white);
}

.product-slider .product:hover .p-in .p-bottom .p-desc,
#products .product:hover .p-in .p-bottom .p-desc {
 Text-decoration: underline;
}

.product-slider-holder {
  padding: 10px 37px;
}

.product-slider .product .p-in {
  padding: 15px !important;
}

.product-slider .product .p-in div[data-micro="offer"], #products .product .p-in div[data-micro="offer"] {
  display: grid;
}

.product-slider .product .p-in div[data-micro="offer"] .prices,  #products .product .p-in div[data-micro="offer"] .prices {
  order: 3;
  flex-wrap: unset;
}

.product-slider .product .p-in div[data-micro="offer"] .ratings-wrapper, #products .product .p-in div[data-micro="offer"] .ratings-wrapper {
  order: 2;
  justify-items: flex-start;
}

.product-slider .product .p-in div[data-micro="offer"] .ratings-wrapper .stars .star.star-on:before,
#products .product .p-in div[data-micro="offer"] .ratings-wrapper .stars .star.star-on:before,
.product-slider .product .p-in div[data-micro="offer"] .ratings-wrapper .stars .star.star-half:before,
#products .product .p-in div[data-micro="offer"] .ratings-wrapper .stars .star.star-half:before,
.p-detail-inner .stars-wrapper .stars .star.star-on:before,
.p-detail-inner .stars-wrapper .stars .star.star-half:before {
  color: #BB86FC;
}

.stars-label {
  color: var(--text);
}

.js-ratingDialogTrigger, .brand-wrapper {
  display: none;
}

.product-slider .product .p-in div[data-micro="offer"] .p-desc, #products .product .p-in div[data-micro="offer"] .p-desc {
  order: 1;
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  color: var(--text);
  font-family: var(--font-body);
  text-align: left;
  margin: 0 0 15px !important;
}

.product-slider .product .p-in .p-in-in, #products .product .p-in .p-in-in {
  text-align: left;
}

.product-slider .product .p-in .p-in-in a, #products .product .p-in .p-in-in a {
  height: unset !important;
  padding: 0;
}

.product-slider .product .p-in .p-in-in a span, #products .product .p-in .p-in-in a span {
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text-white-opacity);
  text-align: left;
}

.product-slider .product .p-in .p-bottom, #products .product .p-in .p-bottom {
  padding: 0 !important;
  padding-top: 0 !important;
}

.product-slider .product .p-in .price, #products .product .p-in .price {
  font-size: 1.063rem !important;
  font-weight: var(--font-weight-semibold);
  color: var(--text);
  text-align: left;
}

.product-slider .product .p-in .price-standard, #products .product .p-in .price-standard {
  flex-basis: 100%;
  text-align: right;
}

.product-slider .product .p-in .price-standard span strong, #products .product .p-in .price-standard span strong {
  font-size: 1rem !important;
  font-weight: var(--font-weight-regular);
  color: rgba(255, 255, 255, 0.5);
  text-align: right;
}

.product-slider-navigation.navigation-prev, .product-slider-navigation.navigation-next {
  background: var(--bg-white);
  border-radius: 50px;
  opacity: 1;
  border: 2px solid var(--text);
  transition: background .5s ease;
  width: 40px;
  height: 40px;

  @media only screen and (max-width: 767px) {
    display: none;
  }
}

.product-slider-navigation.navigation-prev:hover, .product-slider-navigation.navigation-next:hover {
  background: var(--bg-primary);
  border-radius: 50px;
  opacity: 1;
  border: 2px solid var(--text);
  transition: background .5s ease;
}

.product-slider-holder .product-slider-navigation.navigation-prev:before, .product-slider-holder .product-slider-navigation.navigation-next:before {
  font-size: 0.813rem;
  color: var(--text-black);
  transition: color .5s ease;
  width: 38px;
  height: 38px;
}

.product-slider-holder .product-slider-navigation.navigation-prev:hover:before,
.product-slider-holder .product-slider-navigation.navigation-next:hover:before {
  font-size: 0.813rem;
  color: var(--text);
  transition: color .5s ease;
}

.product-slider-pagination {
  display: none !important;

  @media only screen and (min-width: 768px) {
    display: none !important;
  }
}

body .product-slider, body .product-slider-holder {
  padding-left: 0 !important;
}

.p:hover .flag {
  opacity: 1;
}

.flags.flags-default {
  right: 10px !important;
  top: 10px !important;
  left: unset !important;
  display: flex;
  gap: 5px;
}

.flags.flags-default .flag {
  font-size: 0.688rem !important;
  font-weight: var(--font-weight-bold);
}

@media only screen and (min-width: 992px) {
  .p-detail-inner .p-image-wrapper {
    padding-right: 70px;
  }
}

.flags.flags-extra, .p-image-wrapper .flags-extra {
  bottom: 10px;
  right: 10px;
  border-radius: 8px;
}

.type-detail .p-image-wrapper .flags-extra {
  bottom: 4.5% !important;
}

.product .flag, .p-image-wrapper .flag, .p-image-wrapper .flags-extra .flag {
  width: fit-content;
  border-radius: 8px;
  height: 35px;
  font-size: 0.75rem !important;
  min-height: unset;
}

.flag.flag-freeshipping, .p-image-wrapper .flags-extra {
  background-color: var(--bg-white);
  color: var(--bg-black);
  margin-left: 0;
  margin-bottom: 0;
}

.flag.flag-freeshipping, .p-image-wrapper .flags-extra .flag.flag-freeshipping {
  background-color: var(--bg-white);
  color: var(--bg-black);
  width: fit-content !important;

  @media only screen and (max-width: 767px) {
    width: fit-content !important;
    border-radius: 8px !important;
    height: 35px !important;
    min-width: unset !important;
    float: right !important;
  }
}

.flag.flag-action {
  background-color: var(--bg-purple-button);
  color: var(--bg-black);
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-semibold);
  text-transform: unset;
}

.flag.flag-new, .flag.flag-bestseller, .flag.flag-top-nabidka {
  background-color: var(--bg-purple-button);
  color: var(--bg-black);
  display: flex;
  align-items: center;
  font-weight: var(--font-weight-semibold);
  text-transform: unset;
}

/* ********** */
/* HOMEPAGE WELCOME SECTION */
/* ********** */

.welcome {
  padding: 36px;
}

.welcome h1 {
  margin: 0 0 16px;
  font-family: var(--font-display);
  font-size: clamp(1.7rem, 1.1rem + 1.4vw, 3rem);
  line-height: 1.02;
  letter-spacing: -0.03em;
}

.welcome p {
  max-width: 68ch;
  margin: 0;
  color: var(--text-muted);
  line-height: 1.7;
}

/* ********** */
/* COOKIES */
/* ********** */

body .siteCookies {
  border: 1px solid #4D4D4D !important;
  border-radius: 16px !important;
  background-color: #2A2A2A !important;
  width: fit-content;
  left: 0;
  margin: 0 20px !important;
  
  @media only screen and (min-width: 768px) {
    margin: 0 50px !important;
  }
}

.siteCookies__form {
  background: #2A2A2A !important;
  max-width: unset;
  box-shadow: unset;
  gap: 1rem;
  padding: 20px;

  @media only screen and (min-width: 768px) {
    gap: 3rem;
    padding: 20px 50px;
  }
}

.siteCookies__form .siteCookies__text {
  line-height: 1.8;
  margin-bottom: 0;
  margin-right: 0;
}

.siteCookies__form .siteCookies__buttonWrap, .cookiesSetting__bottom {
  align-items: center;
}

.siteCookies__form .siteCookies__buttonWrap {
  flex-direction: column;

  @media only screen and (min-width: 450px) {
    flex-direction: row;
  }
}

.siteCookies__form .siteCookies__button[data-testid="buttonCookiesAccept"], .cookiesSetting__button[data-testid="buttonCookiesEnableAll"] {
  background: var(--bg-primary);
  border: 1px solid var(--bg-primary);
  transition: border-color 180ms ease, background-color 180ms ease;
  font-family: var(--font-sora);
  color: var(--text);
  border-radius: 8px;
}

.siteCookies__form .siteCookies__button[data-testid="buttonCookiesAccept"]:hover, .cookiesSetting__button[data-testid="buttonCookiesEnableAll"]:hover {
  background: #8245CD;
  border: 1px solid #8245CD;
  transition: border-color 180ms ease, background-color 180ms ease;
  opacity: 1;
}

.siteCookies__form .siteCookies__button[data-testid="buttonCookiesReject"], .cookiesSetting__button[data-testid="cookiesConfirmSelection"] {
  background: rgba(123, 43, 255, 0.15);
  border: 1px solid rgba(123, 43, 255, 0.3);
  transition: border-color 180ms ease, background-color 180ms ease;
  font-family: var(--font-sora);
  color: var(--text);
  border-radius: 8px;
}

.siteCookies__form .siteCookies__button[data-testid="buttonCookiesReject"]:hover, .cookiesSetting__button[data-testid="cookiesConfirmSelection"]:hover {
  background: rgba(123, 43, 255, 0.3);
  border: 1px solid rgba(123, 43, 255, 0.45);
  transition: border-color 180ms ease, background-color 180ms ease;
  opacity: 1;
}

.siteCookies__form .siteCookies__link.js-cookies-settings, .cookiesSetting__uncheckLink {
  font-family: var(--font-sora);
  background: unset;
  border: unset;
  color: var(--text);
}


.siteCookies__form .siteCookies__link.js-cookies-settings:hover, .cookiesSetting__uncheckLink:hover {
  text-decoration: underline;
  background: unset;
  border: unset;
  color: var(--text);
}

#signature,
.copyright,
.cookies-settings {
  color: var(--text-muted);
}

#signature a:hover,
.cookies-settings:hover {
  color: var(--text);
}

#cboxContent.cookiesDialog, .cookiesSetting__data, .cookiesDialog #cboxClose {
  background-color: #2A2A2A !important;
}

.cookiesSetting__form {
  padding: 0;
}

.cookiesSetting__form h2, .cookiesSetting__form p, .cookiesSetting__item__name, .cookiesSetting__item__text {
  color: var(--text);
}

.cookiesSetting__form h2 {
  font-family: var(--font-sora);
}

.cookiesSetting__data {
  padding: 0;
  border: unset;
}

.cookiesSetting__item {
  background: #414141;
  margin-bottom: 10px;
  border-radius: 8px;
  padding: 20px;
  border: unset;
}

#cboxClose:before {
  left: 5px;
  top: 10px;
  font-size: 1rem;
}

.cookiesSetting__item__col2 {
  margin: auto;

  @media only screen and (min-width: 768px) {
    margin: auto auto auto 10px;
  }
}

.cookiesSetting__item__status {
  border: unset;
  border: 1px solid transparent;
  padding: 10px;
}

.cookiesSetting__item__status:hover {
  background: rgba(123, 43, 255, 0.15);
  border: 1px solid rgba(123, 43, 255, 0.3);
  color: var(--text);
  transition: background .5s ease, border .5s ease;
}

.cookiesSetting__form input[type=checkbox]:checked+label:after {
  left: 10px !important;
}

/* ********** */
/* MEDIA QUERIES */
/* ********** */

@media (max-width: 980px) {
  .top-navigation-bar .container,
  .header-top,
  .footer-bottom {
    grid-template-columns: 1fr;
    flex-direction: column;
    align-items: stretch;
  }

  .header-top {
    display: grid;
  }

  .navigation-buttons {
    justify-content: start;
  }

  .banners-row {
    grid-template-columns: 1fr 1fr;
  }

  .menu-level-1 {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .container {
    width: min(100vw - 28px, 100%);
  }

  .top-navigation-menu,
  .top-nav-button-login,
  .cart-price.visible-lg-inline-block {
    display: none;
  }

  .navigation-wrapper {
    padding-top: 12px;
  }

  .search-form fieldset,
  .btn.btn-icon.cart-count,
  .menu-level-1 > li > a,
  .benefitBanner__item,
  .welcome {
    border-radius: 26px;
  }

  .welcome {
    padding: 24px;
  }
}

/* ********** */
/* CATEGORY PAGE, PRODUCT DETAIL */
/* ********** */

.sidebar #categories {
  background: var(--bg-black);
}

.sidebar .categories {
  margin-left: 0;
  margin-right: 0;
}

.sidebar.sidebar-left {
  position: sticky;
  top: 112px;
}

.sidebar-inner > .box,
.filters-wrapper,
.category-header,
.products-top-wrapper,
.products.products-block .p,
.loadMore,
.pagination {
  border: 1px solid var(--tl-category-border);
  border-radius: var(--tl-category-radius-lg);
  background: linear-gradient(180deg, #191919 0%, #151515 100%);
  box-shadow: var(--tl-category-shadow);
}

.sidebar-inner > .box,
.filters-wrapper {
  overflow: hidden;
}

.box.box-sm.box-filters {
  border: unset;
  background: var(--bg-black);
  margin-top: 0;
  padding-top: 0;
}

.sidebar-inner .box-categories {
  padding: 0 36px;
  margin-bottom: 0 !important;
}

.sidebar-inner .box-heading,
.sidebar-inner .box-header,
.filters h4,
.filter-section .param-filter-top,
.category-header,
.products-top-header {
  color: var(--tl-category-text);
}

.sidebar-inner .box {
  margin-bottom: 14px;
  background: var(--bg-black);
  margin-top: 0;
}

.sidebar-inner .topic a {
  padding: 10px 0 !important;
}

.sidebar-inner .box > h4,
.sidebar-inner .box .box-heading {
  margin: 0;
  padding: 14px 16px;
  border-bottom: 1px solid var(--tl-category-border);
  font-size: 0.813rem;
  font-weight: var(--font-weight-bold);
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.sidebar-inner .box ul {
  margin: 0;
  padding: 0 12px;
  list-style: none;
}

.sidebar-inner .box li + li {
  margin-top: 4px;
}

.sidebar-inner .box a {
  display: block;
  padding: 10px;
  font-size: 0.813rem;
  transition: background-color 160ms ease, color 160ms ease;
  color: var(--text-white-opacity);
  font-size: 1rem !important;
  font-weight: var(--font-weight-regular);
  margin-bottom: 0;
}

.sidebar-inner .box a:hover,
.sidebar-inner .box .active > a,
.sidebar-inner .box .expended > a {
  color: #BD95FF !important;
}

.sidebar-inner #clear-filters a {
  transition: .3s ease;
  color: rgba(214, 53, 0, .75) !important;
}

.sidebar-inner #clear-filters a:hover {
  color: rgba(214, 53, 0) !important;
  cursor: pointer;
}

#categories .categories ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#categories .categories li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 10px;
}

#categories .categories li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

#categories .categories li:has(a[href*="6500k"])::before {
  background-image: url("/user/documents/upload/redesign/icons/6500k.png");
}

#categories .categories li:has(a[href*="rgb"])::before {
  background-image: url("/user/documents/upload/redesign/icons/rgb.png");
}

#categories .categories li:has(a[href*="4000k"])::before {
  background-image: url("/user/documents/upload/redesign/icons/4000k.png");
}

#categories .categories li:has(a[href*="napajeci-kabely"])::before {
  background-image: url("/user/documents/upload/redesign/icons/napajeci-kabel.png");
}

#categories .categories li:has(a[href*="zavesna-lanka"])::before {
  background-image: url("/user/documents/upload/redesign/icons/zavesna-lanka.png");
}

#categories .categories li:has(a[href*="spojovaci-konektory"])::before {
  background-image: url("/user/documents/upload/redesign/icons/spojka.png");
}

#categories .categories li:has(a[href*="led-trubice"])::before {
  background-image: url("/user/documents/upload/redesign/icons/led-trubice.png");
}

.cat-trigger {
  display: none !important;
}

.filters-wrapper {
  padding: 20px !important;
  background: var(--bg-black) !important;

  @media only screen and (min-width: 768px) {
    padding: 16px;
  }
}

.filters-wrapper #filters {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.filters-unveil-button-wrapper {
  display: none;
}

.filters .filter-sections {
  background: var(--bg-black);
}

.filters-wrapper #filters .slider-wrapper h4 {
  margin-top: 1rem;
}

.filters .slider-wrapper,
.filters .filter-section {
  padding: 0 0 16px !important;
  margin: 0 0 25px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.filter-section+.filter-section, #category-filter-hover .filter-section:first-child {
  border-top: unset;
}

:where(.ums_forms_redesign--off) input[type=checkbox]+label:before, :where(.ums_forms_redesign--off) input[type=radio]+label:before, .radio-wrapper input[type=radio]:disabled+label:before {
  background: var(--bg-grey);
  border-color: #414141;
}

.filters .filter-section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.filter-total-count {
  color: var(--colors-foregrounds-content-tertiary) !important;
}

.filters h4, .topic a {
  margin: 0 0 16px;
  font-size: 1rem !important;
  font-family: var(--font-sora);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.08em;
  color: var(--text-white-opacity) !important;
}

.slider-header,
.filter-section label,
.filter-count,
.categories ul li a {
  color: var(--text-white-opacity);
  font-size: 1rem !important;
  font-weight: var(--font-weight-regular);
}

.filter-count {
  background: var(--bg-black);
  display: inline-block !important;
  float: unset !important;
  color: rgba(255, 255, 255, 0.5);
  line-height: 18px !important;
}

.slider-content .ui-slider .ui-slider-range {
  background-color: #B080FF;
}

.ui-slider-horizontal, .slider-content {
  height: 6px !important;
  margin-left: 2px;
  margin-right: 2px;
}

.ui-slider-horizontal .ui-slider-handle:after {
  display: none;
}

.slider-content .ui-slider-horizontal .ui-slider-handle {
  border-radius: 50%;
  top: -8px;
  border: 5px solid #B080FF;
  background: var(--bg-white);
}

.filter-section fieldset,
.param-filter-top form {
  margin: 0;
}

.filter-section label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  cursor: pointer;
}

.filter-section label.active {
  font-weight: var(--font-weight-regular);
}

.filter-section input[type="checkbox"],
.filter-section input[type="radio"] {
  accent-color: var(--tl-category-accent);
}

input[type=checkbox]+label:before {
  height: 20px;
  width: 20px;
}

input[type=checkbox]:checked+label:after {
  background-color: #B080FF;
  color: var(--bg-black);
  height: 20px;
  left: 0px;
  width: 20px;
}

.filter-section .filter-more {
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-body);
  color: rgba(255, 255, 255, .5);
}

.category-title { 
  font-size: 2rem;
  font-weight: var(--font-weight-bold);
  color: var(--text);
  font-family: var(--font-sora);
}

.category-perex {
  margin-bottom: 0;
}

.category-perex h3, .category__secondDescription h3, .type-posts-listing .sectionDescription h3, .category-perex.empty-content.empty-content-category h2 {
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
  color: var(--text);
}

.category-perex.empty-content.empty-content-category .btn {
  color: var(--text) !important;
  font-wegiht: var(--font-weight-regular);
  font-size: 0.875rem;
  font-family: var(--font-body);
}

.type-posts-listing .sectionDescription h3 {
  margin-top: 44px;
}

.category-perex p, .category__secondDescription p, .type-posts-listing .sectionDescription p {
  font-size: 1rem;
  font-weight: var(--font-weight-regular);
  color: var(--text);
}

.category-content-wrapper {
  min-width: 0;
}

.dkLab-filters-button {
  padding: 0 10px;
}

.dkLab-filters-button__item {
  border: 1px solid #4d4d4d;
  border-radius: 8px;
  height: 40px;
  padding: 10px;
  background: unset;
}

.dkLab-filters-button__item.dkLab-filters-button__item--cancel {
  color: var(--text);
  background: rgba(123, 43, 255, 0.15);
  border: 1px solid rgba(123, 43, 255, 0.3);
  transition: border-color 180ms ease, background-color 180ms ease;
}

.dkLab-filters-button__item.dkLab-filters-button__item--cancel:hover {
  color: var(--text);
  background: rgba(123, 43, 255, 0.3);
  border: 1px solid rgba(123, 43, 255, 0.45);
}

.category-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  margin-bottom: 0;
  padding: 14px 18px;
  background: var(--bg-black);
}

.sortingToggle {
  border: unset;
}

.listSorting {
  width: auto;
}

#content .filters-unveil-button-wrapper + .dkLab-filters-wrapper > .dkLab-filters-wrapper__button h4 {
  background: unset;
  border: 1px solid red;
  border-radius: 8px;
  font-family: var(--font-sora);
  color: var(--text);
  border: 1px solid var(--bg-grey);
  transition: background .5s ease, color .5s ease, border .5s ease;
}

#content .filters-unveil-button-wrapper + .dkLab-filters-wrapper > .dkLab-filters-wrapper__button h4:hover {
  border: 1px solid var(--text);
  background: var(--bg-grey-light);
}

.listSorting__controls {
  display: none;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--bg-grey-light);
}

.listSorting__control,
.list-choice button,
.list-choice a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  background: rgba(255, 255, 255, 0.02);
  color: var(--tl-category-text-muted);
  font-size: 0.75rem;
  font-weight: var(--font-weight-bold);
  transition:
    border-color 160ms ease,
    background-color 160ms ease,
    color 160ms ease;
}

.listSorting__control:hover,
.list-choice button:hover,
.list-choice a:hover,
.listSorting__control--current {
  border-color: transparent;
  background: linear-gradient(135deg, var(--tl-category-accent), var(--tl-category-accent-strong));
  color: var(--bg-white);
}

.products-top-wrapper {
  display: none;
}

#products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px 0;
}

#products .product {
  min-width: 0;
  width: 100%;
}

#products .product:hover {
  box-shadow: unset;
}

.products-block>div:hover {
  box-shadow: unset;
}

.products .products-block .p, #products .product .p {
  height: 100%;
  overflow: hidden;
  transition: border-color 180ms ease;
  background: var(--bg-black);
}

.products .products-block .p:hover {
  border-color: rgba(138, 63, 252, 0.42);
}

.products .products-block .image img, #products .product .image img {
  height: 350px;
  object-fit: cover;
  border-radius: 8px;
}

.products .products-block .image, #products .product .image {
  display: block;
  background: var(--bg-grey-light);
  padding: 20px;
  border-radius: 12px;
}

.products .products-block .name, #products .product .name {
  margin: 0 0 10px;
}

.products .products-block .p-bottom,
.products .products-block .availability,
.products .products-block .p-desc,
.products .products-block .stars-wrapper,
.products .products-block .rating-stars {
  color: var(--tl-category-text-soft);
}

.products .products-block .p-code,
.products .products-block .availability {
  font-size: 0.688rem;
}

.products .products-block .prices, , #products .product .prices {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  margin-top: 10px;
}

.products.products-block .price-standard,
.products.products-block .price-save {
  color: var(--tl-category-danger);
  font-size: 0.75rem;
}

.goToTop {
  display: none;
}

.products.products-block .btn.btn-conversion,
.loadMore__button,
.pagination__link,
.goToTop__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 16px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--tl-category-accent), var(--tl-category-accent-strong));
  color: var(--bg-white);
  font-size: 0.75rem;
  font-weight: var(--font-weight-bold);
}

.loadMore {
  margin-top: 24px;
  padding: 10px;
  text-align: center;
  background: transparent;
  justify-content: left;
}

.listingControls {
  justify-content: space-between;
}

.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-left: 0;
  margin-top: 20px;
  padding: 16px;
  background: var(--bg-black);

  @media only screen and (min-width: 768px) {
    justify-content: right;
  }
}

.pagination__list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pagination__currentPage,
.pagination__link--last {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  font-size: 0.938rem;
  font-weight: var(--font-weight-regular);
}

.pagination__currentPage {
  background: var(--bg-black);
  color: var(--text);
  font-weight: var(--font-weight-semibold);
}

.pagination .pagination__list .pagination__link, a.btn.goToTop__button {
  background: var(--bg-black);
  border: unset;
}

.pagination .pagination__link, .pagination__currentPage {
  height: 20px;
  min-height: 20px;
}

.pagination .pagination__list .pagination__link {
  color: rgba(255, 255, 255, 0.5);
  transition: color .5s ease;
  font-size: 0.938rem;
  font-weight: var(--font-weight-semibold);
}

.pagination .pagination__list .pagination__link:hover {
  color: var(--text);
  transition: color .5s ease;
  background: var(--bg-black);
}

.itemsTotal,
.listItemsTotal {
  color: var(--tl-category-text-muted);
  font-size: 0.75rem;
}

.subcategories {
  gap: 10px;
  margin: 40px 0;

  @media only screen and (max-width: 767px) {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
}

.subcategories.with-image li {
  background: #2A2A2A;
  border-radius: 8px;
  padding: 14px 10px;
  border: 1px solid var(--bg-input);
  transition: background .5s ease, border .5s ease;
}

.subcategories.with-image li:hover {
  background: var(--bg-grey);
  border: 1px solid #898989;
  transition: background .5s ease, border .5s ease;
  cursor: pointer;
}

.in-hexagrid .cat-left .subcategories.with-image li {
  max-height: 141px;

  @media only screen and (max-width: 767px) {
    width: 44%;
  }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    width: 30%;
  }
}

.subcategories.with-image li a .text{
  max-width: 100%;
  //text-align: center;
}

.subcategories.with-image li a .text:hover, .subcategories li a:hover .text {
  text-decoration: unset;
}

.in-prislusenstvi .cat-layout {
  gap: 0;

  @media only screen and (min-width: 768px) {
    gap: 3rem;
  }
}

.in-prislusenstvi .subcategories.with-image {
  @media only screen and (max-width: 767px) {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.in-prislusenstvi .subcategories.with-image li {
  width: 100%;

  @media only screen and (min-width: 768px) {
    width: 22%;
  }
}

.in-prislusenstvi .subcategories.with-image li:last-child a .text {
  padding-right: 20px;
}

.subcategories li a {
  display: contents;
}

.subcategories li a .image {
  padding-right: 0;
  width: 45px;
  height: 45px;
  margin-bottom: 10px;
  display: block;
}

.subcategories li a .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: unset;
}

.subcategories li a .text {
  color: var(--text);
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-sora);
  text-transform: uppercase;
  font-size: 0.875rem;
}

.shape-wrapper {
  margin: 40px 0;
}

.shape-wrapper h3 {
  color: var(--bg-white);
  margin-bottom: 16px;
}

.shape-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;

  @media only screen and (min-width: 768px) {
    grid-template-columns: 1fr 1fr 1fr;
  }

  @media only screen and (min-width: 1600px) {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}

.shape-card {
  background: var(--bg-input);
  border-radius: 12px;
  padding: 16px;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
  border: 1px solid var(--bg-input);
  transition: background .5s ease, border .5s ease;
}

.shape-card:hover {
  background: var(--bg-grey);
  border: 1px solid #898989;
  transition: background .5s ease, border .5s ease;
}

.shape-card.active {
  background: var(--bg-grey);
  border: 1px solid #898989;
}

.shape-img {
  margin: auto;
}

.shape-icon {
  width: 42px;
  height: 42px;
  margin: 0 auto 10px;
  border: 2px solid var(--bg-white);
}

.shape-icon.hexagon {
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}

.shape-icon.ctverec {
  border-radius: 4px;
}

.shape-icon.obdelnik {
  width: 30px;
  height: 50px;
}

.shape-icon.mriz {
  background: linear-gradient(#fff 2px, transparent 2px),
              linear-gradient(90deg, #fff 2px, transparent 2px);
  background-size: 10px 10px;
}

.shape-icon.hvezdice {
  clip-path: polygon(50% 0%, 60% 35%, 100% 35%, 68% 57%, 
                     80% 100%, 50% 75%, 20% 100%, 
                     32% 57%, 0% 35%, 40% 35%);
}

.shape-title {
  font-size: 0.875rem;
  color: var(--bg-white);
  font-family: var(--font-sora);
  font-weight: var(--font-weight-semibold);
  margin-top: 10px;
  text-transform: uppercase;
}

.cat-layout {
  display: flex;
  //grid-template-columns: 1fr 1fr;
  gap: 0;
  margin-top: 20px;

  @media only screen and (min-width: 768px) {
    gap: 3rem;
  }
}

.cat-left {
  display: flex;
  flex-direction: column;
  //gap: 20px;
  gap: 0;
  width: 100%;

  @media only screen and (min-width: 768px) and (max-width: 1199px)  {
    width: 52%;
  }

  @media only screen and (min-width: 1200px) and (max-width: 1599px) {
    width: 75%;
  }

  @media only screen and (min-width: 1600px) {
    width: 52%;
  }
}

.cat-right {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 768px) {
  .cat-layout {
    grid-template-columns: 1fr;
    display: grid;
  }
}

.type-product .p-detail-inner .p-image .p-main-image { 
  @media only screen and (min-width: 1600px) {
    max-height: 650px;
    border-radius: 24px;
    overflow: hidden;  
  }
}

.type-product .p-detail-inner .p-image img {
  border-radius: 24px;
  height: 650px;
  object-fit: cover;

  @media only screen and (max-width: 450px) {
    height: 400px;
    max-height: 400px;
  }

  @media only screen and (min-width: 1600px) {
    height: 900px;
    max-height: 900px;
  }
}

.type-product .p-detail-inner .p-image .cloud-zoom-big {
  @media only screen and (min-width: 1600px) {
    height: 650px !important;
    border-radius: 24px;
  }
}

.type-product .p-detail-inner .p-final-price-wrapper {
  margin-right: 30px;

  @media only screen and (max-width: 767px) {
    width: 100%;
  }
}

.type-product .p-detail-inner .p-final-price-wrapper .price-final {
  font-family: var(--font-sora);
  font-weight: var(--font-weight-bold);
}

.type-product .p-detail-inner .p-final-price-wrapper .price-additional {
  font-family: var(--font-sora);
  font-weight: var(--font-weight-semibold);
  font-size: 1rem;
  color: rgba(255, 255, 255, .5);
}

.type-product .p-to-cart-block {
  background: var(--bg-black);
  gap: 10px 0;
  width: fit-content;
}

.type-product .p-to-cart-block button {
  font-family: var(--font-sora);
  font-weight: var(--font-weight-semibold);
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.buttons-wrapper.social-buttons-wrapper {
  display: none;
}

.p-short-description .tl-tabs-content .tl-source.tl-features, .p-short-description .tl-tabs-content .tl-source.tl-ideal {
  display: block;
}

.p-short-description .tl-source.tl-features, .p-short-description .tl-source.tl-ideal, .p-detail-tabs-wrapper {
  display: none;
}

.p-detail-inner .detail-parameters, .p-detail-inner .p-detail-inner-header, .p-detail-inner .p-short-description {
  color: var(--text-white-opacity);
}

.p-detail-inner .detail-parameters {
  margin-left: 0;
  width: unset !important;
}

.p-detail-inner .extended-description .detail-parameters {
  margin-left: 0;
  width: 100% !important;
}

.p-detail-inner .detail-parameters .delivery-time-row th {
  display: block;
}

.p-detail-inner .detail-parameters .delivery-time-row th span {
  font-weight: var(--font-weight-regular);
  font-size: 0.875rem;
  font-family: var(--font-sora);
  color: rgba(255, 255, 255, .5);
}

.p-detail-inner .detail-parameters .delivery-time-row td {
  vertical-align: text-top;
}

.p-detail-inner .detail-parameters .delivery-time-row td span {
  font-weight: var(--font-weight-bold);
  font-size: 0.875rem;
  font-family: var(--font-sora);
  color: rgba(255, 255, 255, .5);
}

.availability-label::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background: currentColor;
  border-radius: 50%;
  margin-right: 5px;
  margin-bottom: 5px;
  vertical-align: middle;
  box-shadow: 0 0 0 0 currentColor;
  animation: availability-ring 1.8s infinite;
}

@keyframes availability-ring {
  0% {
    box-shadow: 0 0 0 0 currentColor;
  }
  70% {
    box-shadow: 0 0 0 6px transparent;
  }
  100% {
    box-shadow: 0 0 0 0 transparent;
  }
}

.extended-description {
  width: 100%;
}

#extendedDescription.fade {
  opacity: 1;
}

#extendedDescription .detail-parameters tr:nth-child(odd), #extendedDescription .detail-parameters tr:nth-child(odd) th .row-header-label {
  background: var(--bg-grey-light);
}

table.detail-parameters tbody tr th {
  min-width: 100% !important;
  width: unset;
  padding: 0;
  line-height: 1;
}

table.detail-parameters tbody tr th .row-header-label {
  background: var(--bg-black);
  font-weight: 700;
  font-size: 0.938rem;
  color: rgba(255, 255, 255, 0.85);
  padding: 10px;
  font-family: var(--font-sora);
}

.productEan__value, table.detail-parameters tbody tr td a {
  font-weight: 400;
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
}

table.detail-parameters tbody tr th:after, form.pr-action table.detail-parameters tbody tr th, .p-code {
  display: none;
}

table.detail-parameters tbody tr td {
  padding: 0;
  font-family: var(--font-sora);
  font-weight: var(--font-weight-regular);
  font-size: 0.938rem;
}

table.detail-parameters tbody tr td .availability-label {
  font-family: var(--font-sora);
  font-weight: var(--font-weight-semibold);
  font-size: 1.5rem;
  padding-left: 5px;
}

.p-to-cart-block .add-to-cart .quantity {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  padding-left: 20px;
  padding-right: 20px;
}

.p-to-cart-block .quantity .decrease, .quantity .decrease:before,
.in-kosik .quantity .decrease,
.in-kosik .quantity .decrease:before,
#cart-widget .quantity .decrease,
#cart-widget .quantity .decrease:before  {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  transition: background-color .3s ease;
}

.in-kosik .quantity, #cart-widget .quantity {
  border-radius: 8px;
}

.in-kosik .quantity .increase,
.in-kosik .quantity .increase:before,
#cart-widget .quantity .increase,
#cart-widget .quantity .increase:before  {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  transition: background-color .3s  ease;
}

.quantity .decrease:before, .quantity .increase:before {
  color: black;
}

.quantity .decrease:hover:before {
  background-color: var(--bg-input);
  transition: background-color .5s ease;
  color: var(--text);
}

.quantity .increase:hover:before {
  background-color: var(--bg-grey);
  transition: background-color .3s ease;
  color: var(--text);
}

.quantity input[type=number] {
  font-weight: var(--font-weight-semibold);
  font-size: 0.875rem;
  color: var(--bg-black);
  font-family: var(--font-sora);
}

.p-detail-inner .quantity input[type=number] {
  font-size: 1.25rem;
}

.p-detail-inner-header h1 {
  font-family: var(--font-sora);
  font-size: 2.5rem;
  color: var(--text);
  line-height: 1.3;
}

.p-detail-inner-header-mobile .h1 {
  font-family: var(--font-sora);
  font-size: 2rem;
  color: var(--text);
  line-height: 1.3;
}

.tl-tabs {
  margin-top: 40px;
}

.tl-tabs-nav {
  display: flex;
  gap: 25px;
  margin-bottom: 20px;
  overflow-x: scroll;

  @media only screen and (min-width: 1220px) {
    overflow-x: unset;
  }
}

.tl-tab-btn {
  background: none;
  border: none;
  color: var(--text);
  font-size: 1rem;
  cursor: pointer;
  padding: 10px 0 0;
  position: relative;
  font-family: var(--font-sora);
  font-weight: var(--font-weight-regular);
  white-space: nowrap;

  @media only screen and (min-width: 1220px) {
    white-space: unset;
  }
}

.tl-tab-btn:hover {
  cursor: pointer;
}

.tl-tab-btn.active {
  color: var(--bg-white);
  font-weight: 600;
}

.tl-tab-btn.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.75);
}

.tl-tab-content {
  display: none; 
}

.tl-tab-content.active {
  display: block;
}

.tl-tab-content h3 {
  display: none;
}

.tl-tab-content ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.tl-tab-content .tl-package ul {
  padding-left: 15px;
}

.tl-tab-content li {
  margin-bottom: 10px;
  color: rgba(255,255,255,0.85);
  padding-left: 30px;
  position: relative;
}

.tl-tab-content li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  margin-top: 5px;
  width: 18px;
  height: 18px;
  background-image: url("/user/documents/upload/redesign/check.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.tl-tab-content .tl-source.tl-package ul {
  padding-left: 0;
}

h2.products-related-header {
  font-family: var(--font-sora);
  font-weight: var(--font-weight-bold);
  color: var(--text);
  font-size: 1.5rem;
  text-align: left;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--text);
  width: fit-content;
}

.products-related-wrapper .product {
  @media only screen and (min-width: 1200px) and (max-width: 1799px) {
    width: 3.1% !important;
  }

  @media only screen and (min-width: 1800px) {
    //width: 9.1% !important;
    width: 2.1% !important;
  }
}

.p-image-wrapper .p-thumbnails-wrapper {
  padding: 0;
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails a {
  margin-right: 10px;
}

.p-image-wrapper .p-thumbnails-wrapper .p-thumbnails a img {
  border-radius: 16px;
}

.p-thumbnails.overflow-prev:before {
  background-image: linear-gradient(270deg,hsla(0,0%,100%,0) 0,#121212 50%) !important;
}

.p-thumbnails.overflow-next:after {
  background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,#121212 50%) !important;
}


.p-thumbnails .thumbnail-prev:before, .p-thumbnails .thumbnail-next:before {
  color: rgba(255, 255, 255, .5) !important;
}

.type-detail .product-slider-holder {
  width: 100% !important;
}

/* ********** */
/* CART */
/* ********** */

.in-krok-1 #content-wrapper.content-wrapper, .in-krok-2 #content-wrapper.content-wrapper {
  padding-bottom: 100px;
}

.in-krok-1 .cart-inner, .in-krok-2 .cart-inner {
  @media only screen and (max-width: 991px) {
    padding: 20px 0;
  } 
}

.in-kosik .cart-inner {
  margin: auto;
  margin-top: 5rem;
  width: 100%;
  padding: 0;

  @media only screen and (min-width: 1200px) {
    width: 80%;
  }
}

@media only screen and (min-width: 1440px) and (max-width: 1600px) {
  .in-kosik .cart-inner .row.summary .col-md-8 {
    width: 60.66666667%;
  }

  .in-kosik .cart-inner .row.summary .col-md-4 {
    width: 39.33333333%;
  }
}

@media only screen and (max-width: 1439px) {
  .in-kosik .next-step--cart, .next-step {
    gap: 1rem;
  }
}

.in-kosik .cart-inner {
  background: var(--bg-black);
}

.in-kosik .cart-inner table tr.removeable {
  border: unset;

  @media only screen and (max-width: 767px) {
    background: var(--bg-grey-light);
    padding: 10px;
    margin-bottom: 10px;
    border-color: var(--bg-grey);
    border-radius: 16px;
    row-gap: 1rem;
  }
}

.in-kosik .cart-inner table tr td {
  background: var(--bg-grey-light);
  padding: 0;

  @media only screen and (min-width: 768px) {
    padding: 20px;
  }
}

.in-kosik .cart-inner table tr.related td {
  background: var(--bg-grey);

  @media only screen and (min-width: 768px) {
    padding: 20px 20px 10px;
  }
}

.in-kosik .cart-inner table tr.related .cart-related-name {
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-sora);
  color: var(--text);
}

.in-kosik .cart-inner table tr.related img {
  height: 50px;
  width: 50px;
}

.in-kosik .cart-inner table tr.related .price {
  font-weight: var(--regular);
  margin-bottom: 0;
}

.in-kosik .cart-inner table tr td {
  border-top: unset;
}

.in-kosik .cart-inner table tr td img {
  border-radius: 8px;
  height: 50px;
  width: 50px;
}

.in-kosik .cart-inner table .p-name a {
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-sora);
  color: var(--text);
}

.in-kosik .cart-inner table .p-name a.show-related {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-sora);
  color: var(--text);
}

.cart-table .p-price .price-final, .cart-table .p-price .unit-value {
  color: var(--text);
  font-size: 1rem;
}

.cart-table .p-total .price-final {
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
}

.in-kosik .cart-inner table .cart-table-header {
  display: none;
}

.cart-table .cart-related-availability {
  display: block;
}

.in-kosik tr.removeable:hover .remove-item, .cart-table tr.removeable .remove-item {
  background: none !important;
  border: none;
  transition: unset !important
}

.remove-item-placeholder, tr.removeable .remove-item {
  margin-right: unset;
}

.remove-item-placeholder:before, .remove-item:before {
  color: red !important;
}

.cart-table .inline.delete-cart-item {
  @media only screen and (max-width: 991px) {
    top: unset;
    margin-top: unset;
  }
}

@media only screen and (max-width: 767px) {
  ol.cart-header {
    overflow-x: scroll;
    justify-content: left;
  }

  ol.cart-header li {
    width: 100% !important;
  }
}

ol.cart-header li a:before, ol.cart-header li strong:before {
  font-size: 1.25rem;
  height: 48px;
  width: 48px;
  flex: 0 0 48px;
  font-weight: var(--font-weight-semibold);
  line-height: 48px;
  font-family: var(--font-sora);
  margin: 0 !important;
}

ol.cart-header li {
  justify-items: center;
  width: 25%;
}

ol.cart-header li.step strong:before,
ol.cart-header li.step a:before {
  background: #363636 !important;
  border-color: #363636 !important;
  color: #898989 !important;
}

ol.cart-header li.step.active strong:before,
ol.cart-header li.step.active a:before,
ol.cart-header li.step.completed strong:before,
ol.cart-header li.step.completed a:before {
  background: #B080FF !important;
  border-color: #B080FF !important;
  color: #121212 !important;
}

ol.cart-header li span {
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-sora);
  color: var(--text);
  background: var(--bg-black);
  align-content: center;

  @media only screen and (max-width: 767px) {
    text-align: left;
    line-height: 1.4;
  }
}

ol.cart-header li strong, ol.cart-header li a {
  display: flex;
  gap: 20px;
  background-color: var(--bg-black) !important;
}

ol.cart-header li strong span:after, ol.cart-header li a span:after {
  display: none !important;
}

ol.cart-header li a:hover {
  background: var(--bg-black);
}

ol.cart-header .completed a span {
  text-decoration: unset;
}

.order-button-text {
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text);
  font-family: var(--font-sora);
}

.id--16 .next-step-forward:after, .id--9 .next-step-forward:after {
  color: var(--text);
  font-size: 0.875rem;
}

a.next-step-back {
  font-family: var(--font-sora);
  color: var(--text);
  border: 1px solid var(--bg-grey);
  border-radius: 8px;
  transition: background .5s ease, color .5s ease, border .5s ease;
}

a.next-step-back:hover {
  border: 1px solid var(--text);
  background: var(--bg-grey-light);
  //background: var(--text);
  transition: background .5s ease, color .5s ease, border .5s ease;
}

.checkout-box .box.box-sm {
  height: auto;
  margin-top: 11px;
  transform: scale(1);
  visibility: visible;
}

#checkoutSidebar .toggle-contacts {
  display: none;
}

.in-krok-1 #checkoutContent .box {
  background: var(--bg-grey-light);
}

.in-krok-1 #checkoutContent .box h2 {
  color: var(--text);
  margin-top: 2px;
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-sora);
  line-height: 128%;
}

#order-shipping-methods, #order-billing-methods {
  border-top: 1px solid var(--bg-grey);
}

#checkoutContent .box, .checkout-box, .order-summary-inner {
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 2rem;

  @media only screen and (min-width: 768px) {
    padding: 20px;
  }
}

.checkout-box, .order-summary-inner, .id--17 .order-summary-inner {
  border: 1px solid var(--bg-grey);
}

.id--17 #checkoutSidebar .order-summary-inner h2.h4 {
  margin-bottom: 10px !important;
}

.in-krok-2 #checkoutContent .cart-content {
  border: 1px solid var(--bg-grey);
  border-radius: 12px;
  padding: 20px 0 40px;

  @media only screen and (min-width: 768px) {
    padding: 20px 10px 40px;
  }
}

.cart-content>.helper {
  padding: 20px; 
}

.co-box.co-billing-address .form-group:has(label[for="another-shipping"]) {
  padding: 0 20px;
}

.cart-content .co-box.co-box-additional {
  padding: 0 20px;
}

#checkoutContent .box h4, #checkoutSidebar .order-summary-inner h2.h4, fieldset h4, fieldset h2 {
  border-bottom: 1px solid var(--bg-grey);
  margin: 0 0 20px !important;
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-sora);
  color: var(--text);
  padding-bottom: 10px;
}

.ordering-process .co-box h4 {
  padding-left: 0;
}

.cart-content h2 {
  padding-left: 0 !important;
}

.cart-content h2:before {
  display: none !important;
}

.ordering-process .co-box h4:before {
  margin-top: -23px;
  display: none;
}

#checkoutContent .box .radio-wrapper {
  border-bottom: 1px solid var(--bg-grey);
  padding-left: 0;
  padding-right: 0;
  box-shadow: unset;

  @media only screen and (min-width: 768px) {
    border: unset;
    padding-left: 10px;
    padding-right: 10px;
  }
}

#checkoutContent .box .radio-wrapper:hover {
  box-shadow: unset;
}

#checkoutContent .box .radio-wrapper:last-child {
  border: unset;
}

#checkoutContent .box .radio-wrapper label {
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .radio-wrapper input[type=radio]+label {
    gap: 5px 5px;
  }

  .radio-wrapper input[type=radio]+label .payment-info {
    order: 1;
  }

  .radio-wrapper input[type=radio]+label .payment-logo {
    order: 2;
    flex: unset;
  }

  .radio-wrapper input[type=radio]+label .payment-shipping-price {
    order: 3;
  }
}

.radio-wrapper input[type=radio]+label .payment-info {
    order: 2;
  }

  .radio-wrapper input[type=radio]+label .payment-logo {
    order: 1;
    flex: unset;
  }

  .radio-wrapper input[type=radio]+label .payment-shipping-price {
    order: 3;
  }


.radio-wrapper input[type=checkbox]+label:before, .radio-wrapper input[type=radio]+label:before,
:where(.ums_forms_redesign--off) input[type=radio]+label:before,
input[type=checkbox]+label:before {
  border-radius: 4px;
  background: var(--bg-input);
  border-color: var(--bg-grey) !important;

  top: 50%;
  transform: translateY(-50%);
}

.radio-wrapper input[type=checkbox]:checked+label:before, .radio-wrapper input[type=radio]:checked+label:before,
.radio-wrapper input[type=checkbox]:checked+label:after, .radio-wrapper input[type=radio]:checked+label:after,
:where(.ums_forms_redesign--off) input[type=radio]+label:after,
:where(.ums_forms_redesign--off) input[type=radio]:checked+label:after,
input[type=checkbox]:checked+label:after {
  border-radius: 4px;
  background-color: #B080FF;
  border-color: #B080FF;
  align-items: center;
  border-width: 0;
  content: "\e913";
  display: flex;
  font-size: 0.625rem;
  justify-content: center;
  font-family: shoptet;
  color: var(--bg-black);

  top: 50%;
  transform: translateY(-50%);
}

:where(.ums_forms_redesign--off) input[type=radio]:checked+label:after {
  height: 16px;
  left: 1px;
  width: 16px;
}

#checkoutContent .box label b, .contact-box [data-testid="contactboxName"], .order-summary-inner h4 {
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-sora);
  color: var(--text);
}

.checkout-box .box.box-sm:has(.contact-box) {
  margin-top: 0;
}

.contact-box img {
  border-radius: 50px;
  top: 50%;
  transform: translateY(-50%);
}

.contact-box ul li span {
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  color: var(--text);
  transition: .3s ease;
}

.contact-box ul li span:hover a {
   color: #BD95FF;
}

.contact-box ul li>span:before {
  color: rgba(255, 255, 255, 0.65);
  width: 30px;
  height: 30px;
  line-height: 30px;
}

.contact-box ul li span.mail:before,
.contact-box ul li span.tel:before,
.contact-box ul li span.instagram:before {
  font-size: 0.875rem;
}

.for-free, .radio-wrapper.active .for-free {
  color: #00D901;
}

.order-summary-item, #shipping-billing-summary, .order-summary-item.helper, .recapitulation-single {
  border: unset;
}

.order-summary-item {
  padding: 5px 0;
  margin-top: 5px !important;
}

.order-summary-item .cart-item-name a {
  font-size: 1rem;
  line-height: 1.7;
}

.order-summary-item .cart-item-price {
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  color: rgba(255, 255, 255, 0.85);
}

.order-summary-item.helper, .price-label.price-primary, .price-wrapper .price.price-primary, .recapitulation-single {
  font-size: 0.813rem;
  font-weight: var(--font-weight-regular);
  color: var(--text);
}

.order-summary-item.helper strong, .recapitulation-single strong {
  font-weight: var(--font-weight-regular);
}

.order-summary-item.helper {
  border-top: 1px solid var(--bg-grey);
}

.order-summary-item.helper, .recapitulation-single  {
  padding: 8px 0 !important;
  margin-top: 10px;
}

.order-summary-item[data-testid="recapCartItem"] .cart-item-name,
.order-summary-item[data-testid="recapCartItem"] .cart-item-price {
  font-size: 0.75rem;
}

.price-wrapper .price.price-primary {
  padding: 0;
  font-weight: var(--font-weight-bold);
  font-size: 1rem;
}

.price-wrapper .price-label.price-primary {
  font-size: 1rem;
}

.in-kosik .price-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: fit-content;
  margin-left: auto;
  gap: 0;
}

.in-kosik .price-wrapper .price-label.price-primary, .in-kosik .price-wrapper .price.price-primary {
  flex: initial !important;
}

.in-kosik .price-wrapper .price {
  padding-left: 10px;
}

.order-summary-item.price .price-wrapper {
  border-top: 1px solid var(--bg-grey);
  align-items: unset;
  padding-top: 20px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: fit-content;
  margin-left: auto;
  gap: 0;
}

.price-wrapper .price.price-primary {
  flex: none !important;
}

.price-label.price-primary {
  text-align: left !important;
  flex: none !important;
  height: unset;
  align-content: center;
}

.order-summary-item.price .price-wrapper .price-label.price-secondary {
  text-align: left;
}

.cart-inner .next-step {
  justify-content: space-between;
}

.cart-inner .next-step button {
  width: 100%;

  @media only screen and (min-width: 768px) {
    width: 50%;
  }
}

#order-form .cart-content .helper {
  background: var(--bg-black);
}

#checkoutContent .helper a {
  color: var(--text);
}

#checkoutContent .form-control, .phone-combined-input, form .form-control, .contact-section .contact-form input, contact-section .contact-form texture {
  background-color: var(--bg-input);
  border: 1px solid #414141;
  border-radius: 8px;
  color: var(--text);
}

#checkoutContent select.form-control {
  background-image: url("/user/documents/upload/redesign/icons/select-dropdown-2.svg");
}

.phone-combined-input .form-control {
  border: unset !important;
}

.phone-combined-input,
:where(.ums_forms_redesign--off) select, :where(.ums_forms_redesign--off) select.form-control {
  max-width: unset !important;
}

.phone-combined-input .country-flag.selected, .country-flags.active .country-flag {
  margin-left: 0;
  padding-left: 10px;
}

.country-flag .shp-flag-label, .country-flag .shp-flag-label .shp-flag-name {
  color: var(--text);
}

 .country-flags.active .country-flag {
  background: var(--bg-grey);
  color: var(--text);
  border: unset;
}

 .country-flags.active .country-flag:hover, .country-flags.active .country-flag.selected, .country-flags.active .country-flag.suggested {
  background: var(--bg-black);
  border-radius: 8px;
  border: unset;
}

.country-flags.active .country-flags-inner {
  background: var(--bg-grey);
  border: 1px solid #414141;
  border-radius: 8px;
}

#checkoutContent .form-control:focus, form .form-control:focus, .contact-section .contact-form input:Focus, contact-section .contact-form textarea:Focus {
  border: 1px solid #9C60FF;
  background: var(--bg-grey);
  color: var(--text);
}

input:focus-visible, textarea:focus-visible, :focus-visible {
  box-shadow: unset;
  outline: none;
  outline-offset: none;
}

.question-tooltip {
  color: var(--bg-purple-button);
  background: var(--bg-grey);
  border: 1px solid var(--bg-purple-button);
}

.tooltip-inner {
  background: rgba(196, 160, 255, 0.95);
  color: var(--bg-black);
  border-radius: 12px;
  padding: 20px;
  font-size: 0.938rem;
  font-family: var(--font-sora);
  font-weight: var(--font-weight-regular);
  max-width: 300px;
}

#checkoutSidebar .cart-content {
  display: flex;
  flex-direction: column;
}

#checkoutSidebar .cart-content .next-step.next-step--step-1 {
  margin: 0;
}

#checkoutSidebar .cart-content .next-step.next-step--step-2 {
  order: 2;
  margin: 0;
  margin-bottom: 2rem;
}

#checkoutSidebar .cart-content .order-summary {
  order: 1;
}


#checkoutSidebar .cart-content .consents-first {
  order: 3;
}

/* ********** */
/* LOGIN PAGE, ACCOUNT PAGE */
/* ********** */

.in-login #content-wrapper.content-wrapper,
.in-registrace #content-wrapper.content-wrapper,
.in-zapomenute-heslo #content-wrapper.content-wrapper {
  width: 800px;
}

.in-login h1,
.in-registrace h1,
.in-zapomenute-heslo h1 {
  font-size: 2rem;
  font-family: var(--font-sora);
  font-weight: var(--font-weight-bold);
  color: var(--text);
}

.in-zapomenute-heslo .sidebar.sidebar-left {
  display: none;
}

.benefitBanner.position--benefitCategory {
  display: grid;
  gap: 16px;
  margin: 24px auto 0;
}

.benefitBanner.position--benefitCategory .benefitBanner__item {
  min-height: 100%;
  padding: 16px;
}

.benefitBanner.position--benefitCategory .benefitBanner__title {
  color: var(--tl-category-text);
}

.benefitBanner.position--benefitCategory .benefitBanner__data {
  color: var(--tl-category-text-muted);
}

/* ********** */
/* FOOTER */
/* ********** */

#footer.footer {
  padding: 26px 0 0;
  background: var(--bg-footer);
}

.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: var(--text-muted);
  background: var(--bg-footer);
}

.footer-bottom .container {
  padding: 0;
}

#footer.footer,
#footer.footer a,
#footer.footer .contact-box,
#footer.footer .contact-box strong,
#footer.footer .custom-footer__title {
  color: var(--text-white-opacity);
  font-size: 1rem;
  font-weight: var(--font-weight-regular);
  text-decoration: none;
}

#footer.footer a:hover {
  color: #BD95FF;
}

.custom-footer__banner7201 {
  padding: 0 !important;
}

.custom-footer__banner7201 .banner {
  margin-bottom: 0;
}

.footer {
  padding: 0;
}

.footer-rows {
  width: 100%;

  @media only screen and (max-width: 767px) {
    margin: 0;
  }
}


.footer-rows .custom-footer {
  padding-bottom: 0;
}

.custom-footer>div {
  padding: 0;
}

.custom-footer .banner {
  margin-bottom: 0;
}

.footer-container {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 2rem;
  flex-direction: column;

  @media only screen and (min-width: 1200px) {
    flex-direction: row;
  }
}

.footer-col {
  min-width: 180px;
}

.footer-col.footer-info span {
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  color: var(--text-white-opacity);
}

.footer-col.footer-info p { 
  font-size: 0.875rem;
  font-weight: var(--font-weight-bold);
  color: var(--text-white-opacity);
  margin-bottom: 0;
}

.footer-info-name, .footer-info-name p, .footer-info-number {
  margin-bottom: 1rem !important;
}

.logo img {
  height: auto;
  display: block;
  margin-bottom: 2rem;
}

.footer .logo img {
  width: 250px;
}

.footer h4 {
  margin-bottom: 1.5rem;
  font-size: 1.375rem;
  font-family: var(--font-sora);
  font-weight: var(--font-weight-bold);
  color: var(--text);
}

.footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer li {
  margin-bottom: 15px;
  font-size: 0.813rem;
  color: #ccc;
}

.footer ul ul {
  list-style-type: disc;
  padding-left: 20px;
}

.footer ul ul li {
  padding-left: 0px;
  list-style-type: disc;
}

.footer a {
  color: #ccc;
  text-decoration: none;
}

.footer a:hover {
  color: var(--bg-white);
}

.newsletter {
  margin: 15px 0;
  display: flex;
}

.newsletter input {
  padding: 10px;
  border: none;
  background: #1a1a1a;
  color: var(--bg-white);
  flex: 1;
}

.newsletter button {
  background: #333;
  color: var(--bg-white);
  border: none;
  padding: 10px 15px;
  cursor: pointer;
}

.footer-bottom {
  border-top: 1px solid #222;
  margin-top: 0;
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  color: #aaa;
  font-size: 0.875rem;
}

#signature a.image img {
  filter: grayscale(1);
}

.socials li {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}

.socials img {
  width: 16px;
  height: 16px;
  object-fit: contain;
  opacity: 0.8;
}

#footer.footer .cookies-settings.js-cookies-settings,
#footer.footer #signature a {
  font-size: 0.813rem;
}

/* ********** */
/* MEDIA */
/* ********** */

@media (max-width: 1440px) {
  #products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1140px) {
  #content-wrapper .content-wrapper-in {
    grid-template-columns: 1fr;
  }

  .sidebar.sidebar-left {
    position: static;
  }

  #products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .breadcrumbs-wrapper {
    margin-top: 10px;
  }

  .category-header,
  .filters-wrapper,
  .sidebar-inner .box,
  .products.products-block .p,
  .pagination,
  .benefitBanner.position--benefitCategory .benefitBanner__item {
    border-radius: 14px;
  }

  .category-header {
    padding: 12px;
  }

  #products {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .products.products-block .p-in {
    padding: 12px;
  }

  .benefitBanner.position--benefitCategory {
    grid-template-columns: 1fr;
  }
}

/* ********** */
/* BREADCRUMBS */
/* ********** */

.breadcrumbs {
  background-color: var(--bg-black);
  border: unset;
  padding-top: 16px;
  padding-bottom: 32px;
}

.breadcrumbs span a {
  text-decoration: none;
}

.breadcrumbs span a span {
  color: rgba(255, 255, 255, 0.5) !important;
}

.navigation-home-icon {
  color: rgba(255, 255, 255, 0.5);
}

.navigation-home-icon:hover {
  color: rgba(255, 255, 255, 0.85);
}

.breadcrumbs span a span[itemprop="name"], {
  color: rgba(255, 255, 255, 0.5);
  transition: color .5s ease;
  font-family: var(--font-sora);
  font-size: 0.875rem;
  font-weight: 300;
}

.breadcrumbs span a span[itemprop="name"]:hover {
  color: rgba(255, 255, 255, 0.85);
  transition: color .5s ease;
}

.breadcrumbs span[itemprop="name"] {
  color: rgba(255, 255, 255, 0.85);
  font-family: var(--font-sora);
  font-size: 0.875rem; 
  font-weight: 300;
}

.shell {
  width: var(--container);
  margin-inline: auto;
}

.promo-bar {
  background: linear-gradient(90deg, #a36eff 0%, #8f4dff 100%);
  color: #140c20;
}

.promo-bar__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  min-height: 20px;
  padding: 0 18px;
  font-size: 0.625rem;
  font-weight: var(--font-weight-bold);
}

.promo-bar__code {
  opacity: 0.84;
}

.promo-bar__link {
  padding: 2px 6px;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.85);
  color: var(--bg-white);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  background: rgba(18, 18, 18, 0.92);
  backdrop-filter: blur(16px);
}

.site-header__inner {
  display: grid;
  grid-template-columns: auto 260px 1fr auto;
  gap: 28px;
  align-items: center;
  min-height: 74px;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 1.063rem;
  font-weight: var(font-weight-bold);
  letter-spacing: 0.02em;
}

.brand__mark {
  position: relative;
  width: 14px;
  height: 14px;
  border: 2px solid var(--accent);
  border-radius: 2px;
}

.brand__mark::after {
  content: "";
  position: absolute;
  inset: 2px 2px auto auto;
  width: 4px;
  height: 4px;
  background: var(--accent);
  border-radius: 1px;
}

.search {
  position: relative;
}

.search input {
  width: 100%;
  height: 40px;
  padding: 0 16px 0 40px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: #242424;
  color: var(--text);
}

.search input::placeholder {
  color: var(--text-soft);
  font-size: 0.875rem;
}

.search__icon {
  position: absolute;
  top: 50%;
  left: 14px;
  width: 16px;
  height: 16px;
  color: var(--text-soft);
  transform: translateY(-50%);
}

.search__icon svg,
.icon-button svg,
.cart-button__icon svg,
.contact-list__icon svg,
.submit-button svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.main-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 28px;
}

.main-nav a {
  color: var(--text-muted);
  font-size: 0.875rem;
  transition: color 160ms ease;
}

.main-nav a:hover,
.main-nav a.is-active {
  color: var(--text);
}

.header-tools {
  display: flex;
  align-items: center;
  gap: 12px;
}

.lang-switch,
.icon-button,
.cart-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--text);
}

.lang-switch {
  gap: 8px;
  padding: 0 12px;
  font-size: 0.813rem;
}

.lang-switch__flag {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: linear-gradient(180deg, #ffffff 0 50%, #d8172c 50% 100%);
  box-shadow: inset 7px 0 0 #1246b8;
}

.icon-button {
  width: 40px;
  padding: 0;
}

.cart-button {
  gap: 10px;
  padding: 0 16px;
  background: linear-gradient(135deg, var(--accent), var(--accent-strong));
  border-color: transparent;
  box-shadow: 0 14px 28px rgba(143, 77, 255, 0.24);
}

.cart-button__icon {
  width: 16px;
  height: 16px;
}

/* ********** */
/* CONTACT PAGE */
/* ********** */

.contact-section {
  padding-top: 0;
  padding-bottom: 0;
}

.contact-section h1 {
  margin: 0 0 34px;
  font-size: clamp(2rem, 1.65rem + 1vw, 3rem);
  font-weight: var(--font-weight-bold);
  letter-spacing: -0.03em;
}

.contact-section ul li:before {
  Display: none;
}

.contact-grid {
  display: grid;
  grid-template-columns: 1.05fr 1.05fr 1.6fr 1.6fr;
  gap: 18px;
  align-items: stretch;
}

.contact-stack {
  display: grid;
  gap: 18px;
}

.info-card,
.form-card,
.map-card {
  border: 1px solid var(--bg-grey);
  border-radius: var(--radius-lg);
  background: var(--bg-grey-light);
}

.info-card,
.form-card {
  padding: 22px 20px;
  place-content: center;
}

.info-card h2,
.form-card h2,
.footer-column h2 {
  margin: 0 0 16px;
  font-size: 1.25rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text);
  font-family: var(--font-sora);
}

.info-card p {
  margin: 0 0 10px;
  color: var(--text-muted);
  line-height: 1.65;
}

.info-card--company {
  justify-content: center;
  background: none;
  border: none;
  
  @media only screen and (max-width: 767px) {
    padding: 22px 0;
  }
}

.info-card--company h3 {
  margin-bottom: 2rem;
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
  color: var(--text);
  font-family: var(--font-sora);
}

.info-card--company p {
  margin-bottom: 0 !important;
}

.info-card--company span {
  color: var(--text-white-opacity);
}

.form-card .form-group .form-control-wrapper {
  max-width: unset;
}

.form-card .consents.consents-first {
  margin: 1rem 0 !important;
}

.contact-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-list li {
  display: flex;
  align-items: center;
  gap: 15px;
  color: var(--text);
  line-height: 1.4;
  font-size: 1rem;
  font-weight: var(--font-weight-regular);
  transition: color .5s ease;
}

.contact-list li a {
  color: var(--text);
  transition: color .5s ease;
}

.contact-list li a:hover {
  color: #BD95FF;
  transition: color .5s ease;
}

.contact-list__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background: var(--bg-black);
}

.form-card {
  padding-bottom: 18px;
}

.form-card p {
  display: none;
}

.contact-form {
  display: grid;
  gap: 14px;
  width: 100%;
  margin-bottom: 0;
}

.contact-form label {
  display: grid;
  gap: 8px;
}

.contact-form span {
  color: var(--text-muted);
  font-size: 1rem;
  font-weight: var(--font-weight-regular);
}

.form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  border: 1px solid #414141;
  border-radius: var(--radius-sm);
  background: var(--bg-input);
  color: var(--text);
  padding: 12px 14px;
  transition: border-color 160ms ease, box-shadow 160ms ease;
}

.contact-form input {
  padding: 26px 10px 10px;
}

.contact-form textarea {
  max-height: 100px;
  resize: vertical;
  padding: 26px 10px 10px;
  height: 100px;
}

.contact-form input:focus,
.contact-form textarea:focus,
.newsletter__field input:focus {
  outline: 0;
  border-color: rgba(143, 77, 255, 0.6);
  box-shadow: 0 0 0 3px rgba(143, 77, 255, 0.16);
}

.submit-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  width: fit-content;
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid var(--bg-white);
  border-radius: 12px;
  background: var(--bg-white);
  color: var(--bg-black);
  font-size: 0.813rem;
  font-weight: var(--font-weight-bold);
  cursor: pointer;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.form-group.consents p {
  display: block !important;
  font-size: 0.75rem;
}

.submit-button svg {
  width: 14px;
  height: 14px;
}

.submit-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 24px rgba(255, 255, 255, 0.12);
}

.map-card {
  overflow: hidden;
  min-height: 100%;
}

.map-card__frame,
.map-card img {
  height: 100%;
  margin-bottom: -7px;
}

.map-card img {
  width: 100%;
  object-fit: cover;
}

/* ********** */
/* FOOTER */
/* ********** */

.site-footer {
  margin-top: 34px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
  background: var(--bg-black);
}

.footer-main {
  display: grid;
  grid-template-columns: 1.35fr repeat(4, minmax(0, 1fr));
  gap: 32px;
  padding: 42px 0 20px;
}

.brand--footer {
  margin-bottom: 20px;
}

.footer-column {
  display: grid;
  align-content: start;
  gap: 12px;
}

.footer-column p,
.footer-column a {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.55;
}

.footer-column a:hover {
  color: var(--text);
}

.newsletter {
  margin-top: 10px;
}

.newsletter__label {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0.75rem;
  font-weight: var(--font-weight-bold);
}

.newsletter__field {
  display: flex;
  align-items: center;
  height: 44px;
  border: 1px solid var(--border-strong);
  border-radius: 10px;
  background: #1d1d1d;
  overflow: hidden;
}

.newsletter__field input {
  flex: 1 1 auto;
  height: 100%;
  border: 0;
  background: transparent;
  color: var(--text);
  padding: 0 14px;
}

.newsletter__field button {
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
  color: var(--text-muted);
  font-size: 1.5rem;
  cursor: pointer;
}

.footer-payments,
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding: 20px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.15);

    
  @media only screen and (min-width: 768px) {
    gap: 0;
  }
}

.payments,
.shipping {
  display: flex;
  align-items: center;
  gap: 35px;
  color: rgba(255, 255, 255, 0.72);
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
}

.payments {
  margin-right: auto;
}

shipping {
  margin-left: auto;
}

.footer-bottom {
  color: var(--text-soft);
  font-size: 0.813rem;
}

.footer-bottom p {
  margin: 0;
}

@media (max-width: 1380px) {
  .site-header__inner {
    grid-template-columns: auto 1fr auto;
  }

  .main-nav {
    grid-column: 1 / -1;
    justify-content: flex-start;
    padding-bottom: 16px;
  }

  .contact-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .form-card,
  .map-card {
    grid-column: span 2;
  }

  .footer-main {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .footer-column--brand {
    grid-column: span 3;
  }
}

@media (max-width: 860px) {
  .shell {
    width: min(100vw - 28px, 100%);
  }

  .promo-bar__inner,
  .site-header__inner,
  .footer-payments,
  .footer-bottom {
    flex-wrap: wrap;
  }

  .site-header__inner {
    display: flex;
    min-height: auto;
    padding: 14px 0;
  }

  .search,
  .main-nav,
  .header-tools {
    width: 100%;
  }

  .main-nav {
    flex-wrap: wrap;
    gap: 14px 20px;
  }

  .contact-section {
    padding-top: 0;
  }

  .contact-grid,
  .form-row,
  .footer-main {
    grid-template-columns: 1fr;
  }

  .form-card,
  .map-card,
  .footer-column--brand {
    grid-column: auto;
  }

  .map-card {
    min-height: 320px;
  }

  .payments,
  .shipping {
    width: 100%;
    justify-content: space-between;
    gap: 16px;
    font-size: 0.875rem;
  }
}

/* ********** */
/* HOMEPAGE - COMPARE, BLOG, LOGO SLIDER */
/* ********** */

.tl-section {
  padding: 80px 0;

  @media only screen and (min-width: 768px) {
    padding: 40px 0;
  }
}

.tl-section.hp-logos .tl-slider {
  gap: 4rem;
}

.tl-section.hp-logos .tl-slider .tl-logo {
  width: 200px;
}

.tl-custom.tl-section {
  padding: 20px;
  margin-top: 5rem;
  margin-bottom: 5rem;

  @media only screen and (min-width: 768px) {
    padding: 40px;
  }
}

.tl-title { 
  font-size: 1.5rem;
  margin-bottom: 30px;
  font-weight: 700;
  font-family: "Sora", sans-serif;
  border-bottom: 1px solid var(--bg-white);
  width: fit-content;
  color: var(--bg-white);
  padding-bottom: 5px;
}

.menu-level-2 .tl-title { 
  font-size: .875rem;
  border-bottom: unset;
  margin-top: 0;
  margin-bottom: 12px;
  font-family: var(--font-body);

  @media only screen nad (min-width: 1200px) {
    font-size: 1.125rem;
  }
}

.tl-slider {
  display: flex;
  gap: 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  width: 100%;
  border-radius: 16px;
}

.tl-slider::-webkit-scrollbar {
  display: none;
}

.tl-slide {
  flex-shrink:0;
  flex: 0 0 auto;
}

.tl-slider::-webkit-scrollbar {
  display: none;
}

.tl-slider {
  scrollbar-width: none;
}

.tl-slider-wrap {
  position: relative;
  overflow: visible;
}

.tl-arrow {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:40px;height:40px;
  border-radius:50%;
  background:var(--bg-white);
  border: 2px solid var(--text);
  color:#000;
  cursor:pointer;
  index: 500;
  transition: background .5s ease;
}

.tl-arrow:hover {
  background: var(--bg-primary);
  transition: background .5s ease;
}

.tl-left {
  left:-20px;
}

.tl-right {
  right:-20px;
}

.tl-left img {
  transform: rotate(180deg);
  margin: auto;
  transition: filter .5s ease;
}

.tl-right img {
  margin: auto;
  transition: filter .5s ease;
}

.tl-arrow:hover img {
  filter: invert(100%);
  transition: filter .5s ease;
}

/*.tl-slider {
  display: flex;
  gap: 24px;
  overflow-x: auto;
  scroll-behavior: smooth;
}*/

/*.tl-slide {
  flex: 0 0 300px; 
}*/

.tl-card .tl-card-arrow img {
  transition: transform .5s ease;
  transform: rotate(0);
}

.tl-card:hover .tl-card-arrow img {
  transform: rotate(45deg);
  transition: transform .5s ease;
}

.tl-card {
  width: 320px;
  height: 320px;
  border-radius: 16px;
  overflow: hidden;
  position: relative;

  @media only screen and (min-width: 768px) {
    width: 420px;
    height: 420px;
  }
}

.tl-card:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(18, 18, 18, 1) 0%, rgba(255, 255, 255, 0) 25%);
}

.tl-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tl-overlay {
  position: absolute;
  bottom: 0;
  padding: 13px 50px 13px 13px;
  width: 100%;
  background: linear-gradient(to top, #000, transparent);
  z-index: 1;

  @media only screen and (min-width: 768px) {
    padding:20px;
  }
}

.tl-overlay h3 {
  font-size: 1.375rem;
  font-weight: 600;
  font-family: "Sora", sans-serif;
  color: var(--bg-white);
  padding-bottom: 5px;
  margin: 0;
}

.tl-overlay p {
  font-size: 0.875rem;
  font-weight: 400;
  color: var(--bg-white);
  margin: 0 !important;
}

.tl-card-arrow {
  position: absolute;
  right: 15px;
  bottom: 15px;
  background: var(--bg-white);
  border-radius: 50%;
  font-size: 1rem;
  padding: 0;
  text-align: center;
  width: 35px;
  height: 35px;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s;

  @media only screen and (min-width: 768px) {
    right:20px;
    bottom:20px;
    width: 40px;
    height: 40px;
    font-size: 1.25rem;
  }
}

.tl-card-arrow img {
  width: 14px;
  height: 14px;

  @media only screen and (min-width: 768px) {
    width: 16px;
    height: 16px;
  }
}

.tl-compare-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 1rem;
  position: relative;

  @media only screen and (min-width: 1200px) {
    gap: 3rem;
    grid-template-columns: 1fr auto 1fr;
  }
}

.tl-compare-arrow {
  width: 28px;
  height: auto;
  position: relative;

  @media only screen and (max-width: 767px) {
    transform: unset;
    width: 20px;
    position: absolute;
    left: 48%;
    transform: translateY(-50%);
    top: 25%;
  }

  @media only screen and (min-width: 768px) and (max-width: 1200px) {
    transform: rotate(90deg);
    margin: auto;
    position: absolute;
  }
}

.tl-compare-grid li:before {
  display: none;
}

.tl-compare-card {
  width:100%;
  padding:20px 40px;
  border-radius:20px;
  background:#111;

 @media only screen and (max-width: 767px) {
    padding:0;
  }
}

.tl-compare-img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 12px;
  margin: 15px 0;
}

.tl-classic {
  border:1px solid #333;

  @media only screen and (max-width: 767px) {
    border: unset;
  }
}

.tl-true {
  border:1px solid #553873;
  box-shadow:0px 0px 120px 0px rgba(123, 43, 255, 0.35); 

  @media only screen and (max-width: 767px) {
    border: unset;
    box-shadow: unset;
  }
}

.tl-classic_wrapper, .tl-true_wrapper {
  flex-direction: column;
  display: flex;

  @media only screen and (min-width: 1600px) {
    flex-direction: row-reverse;
  }
}

.tl-classic img, .tl-true img {
  height: 100%;

  @media only screen and (min-width: 1200px) and (max-width: 1600px) {
    height: 300px;
    object-fit: contain;
  }
}

.tl-classic ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.tl-classic li {
  color: rgba(255, 255, 255, 0.85);
  padding-bottom: 20px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;

  @media only screen and (max-width: 767px) {
    font-size: 0.625rem;
    padding-left: 20px;
    padding-bottom: 0;
  }
}

.tl-classic li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  margin-top: 5px;
  width: 18px;
  height: 18px;
  background-image: url("/user/documents/upload/redesign/cross.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  @media only screen and (max-width: 767px) {
    width: 10px;
    height: 10px;
  }
}

.tl-classic h3 {
  color: var(--bg-white);
  font-size: 2rem;
  font-weight: 400;
  font-family: "Sora", sans-serif;
  text-align: center;

  @media only screen and (max-width: 767px) {
    font-size: 1rem;
    margin-top: 0;
  }
}

.tl-true ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.tl-true .tl-true_logo {
  height: auto;
  width: 250px;
  margin: 2rem auto;

  @media only screen and (max-width: 767px) {
    width: 150px;
    margin: 0 auto 1.7rem auto;
  }
}

.tl-true h3 {
  color: var(--bg-white);
  font-size: 2rem;
  font-weight: 700;
  font-family: "Sora", sans-serif;
  text-align: center;
}

.tl-true li {
  color: var(--bg-white);
  padding-bottom: 20px;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;

  @media only screen and (max-width: 767px) {
    font-size: 0.625rem;
    padding-left: 20px;
    padding-bottom: 0;
  }
}

.tl-true li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  margin-top: 5px;
  width: 18px;
  height: 18px;
  background-image: url("/user/documents/upload/redesign/check.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;

  @media only screen and (max-width: 767px) {
    width: 10px;
    height: 10px;
  }
}

.tl-true a.tl-btn  {
  color: var(--bg-white);
  font-size: 0.625rem;
  font-weight: 500;
  font-family: "Sora", sans-serif;
  background: #7430C7;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #7430C7;
  width: 100%;
  transition: background .5s ease;
  width: auto;
  display: block;
  text-align: center;

  @media only screen and (min-width: 767px) {
    width: 100%;
    padding: 10px 40px;
    font-size: 1.125rem;
  } 
}

.tl-true a.tl-btn:hover {
  background: #8245CD;
  Transition: background .5s ease;
}

.tl-custom {
  border: 1px solid #553873;
  box-shadow:0px 0px 120px 0px rgba(123, 43, 255, 0.35);
  border-radius:20px;
}

.tl-custom-content {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:0;
  flex-direction: column;

  @media only screen and (min-width: 767px) {
    flex-direction: row;
    gap:2rem;
  }
}

.tl-custom-content .tl-text h2 {
  font-size: 2.5rem;
  font-family: var(--font-sora);
  font-weight: 700;
  color: var(--bg-white);
  margin-bottom: 20px;
}

.tl-custom-content .tl-text p {
  font-size: 1.125rem;
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 40px !important;
  font-family: var(--font-body);
}

.tl-custom-content .tl-text ul {
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
}

.tl-custom-content .tl-text li {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.85);
  padding-bottom: 15px;
  padding-left: 30px;
  font-family: var(--font-body);
  position: relative;

  @media only screen and (max-width: 767px) {
    padding-bottom: 10px;
  }
}

.tl-custom-content .tl-text li:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  margin-top: 5px;
  width: 18px;
  height: 18px;
  background-image: url("/user/documents/upload/redesign/circle-check.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.tl-custom-content .tl-button {
  white-space: pre;
  z-index: 3;

  @media only screen and (max-width: 767px) {
    margin-top: 1rem;
  }
}

.tl-custom-content .tl-button a {
  font-size: 1rem;
  font-family: "Sora", sans-serif;
  color: rgba(255, 255, 255, 0.85);
  font-weight: 500;
  background: #7430C7;
  border-radius: 8px;
  padding: 20px 50px;
  border: unset;
  Transition: background .5s ease;
}

.tl-custom-content .tl-button a:hover {
  background: #8245CD;
  transition: background .5s ease;
}

.tl-image {
  width:400px;
  height:250px;
  background:url(htt/300) center/cover;
}

.tl-image-wrap {
  flex:1;
  display:flex;
  justify-content:flex-end;

  @media only screen and (min-width: 1200px) and (max-width: 1600px) {
    flex: unset;
  }
}

.tl-image {
  width: 100%;
  height: auto;
  max-width: 350px;
  border-radius: 20px;
}

.tl-logo {
  width:160px;
  height:80px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.tl-logo img {
  max-width: 120px;
  max-height: 60px;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.8;
  transition: 0.3s;
}

.tl-logo img:hover {
  filter: grayscale(0);
  opacity: 1;
}

.tl-note {
  font-size: 0.875rem;
  font-weight: 500;
  margin-top: 8px;
  color: #BB86FC;

  @media only screen and (max-width: 767px) {
    font-size: 0.625rem;
  }
}

/* ********** */
/* ABOUT PAGE */
/* ********** */

.in-o-nas #content.content {
  display: flex;
  flex-direction: column;
}

.in-o-nas #content.content .content-inner {
  order: 1;
}

.in-o-nas #content.content .tl-compare {
  order: 3;
}

.in-o-nas #content.content .hp-article {
  order: 4;
}

.in-o-nas #content.content .hp-logos {
  order: 1;
}

.in-o-nas #content.content .hp-logos .tl-title {
  display: none;
}


.in-o-nas #content.content .hero {
  text-align: center;
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;

  @media only screen and (min-width: 1200px) {
    flex-direction: row;
    gap: 3rem;
    padding: 40px 20px;
  }

  @media only screen and (min-width: 1800px) {
    gap: 7rem;
  }
}

.in-o-nas .hero h1 {
  font-size: 2rem;
}

.in-o-nas .hero .glowText {
  text-shadow: 0 0 1px #fff, 0 0 49px #7430c7, 0 0 25px #fff, 0 0 59px #7430c7, 0 0 92px #7430c7, 0 0 85px #7430c7, 0 0 111px #7430c7, 0 0 170px #7430C6;
}

.in-o-nas .hero .subtitle {
  font-size: 1.25rem;
  font-family: var(--font-sora);
  margin-top: 1rem !important;
  margin-bottom: 2rem !important;
}

.in-o-nas .hero .aboutUs-text{
  width: 100%;
}

.in-o-nas .hero .aboutUs-text{
  font-size: 1rem;
  color: var(--text-white-opacity);
  font-weight: var(--font-weight-regular);
  margin-top: 1rem !important;
  line-height: 2;
  font-family: var(--font-body);
}

.in-o-nas .video {
  position: relative;
  aspect-ratio: unset;
  width: 100%;
  //width: min(700px, 90%);
  order: 2;
  margin: 15px auto;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px 0px 120px 0px rgba(123, 43, 255, 0.35);

  @media only screen and (min-width: 1200px) {
    order: unset;
    width: 75%;
    aspect-ratio: 3 / 4;
    margin: 30px auto;
  }
}

.in-o-nas .video iframe {
  width: 100%;
  height: 100%;
}

.in-o-nas .video__infoBox {
  position: relative;
  bottom: 2%;
  width: 100%;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: rgb(87, 36, 149, .9);
  display: flex;
  gap: .5rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px;
  justify-content: center;

  @media only screen and (min-width: 1200px) {
    width: 95%;
    border-radius: 10px !important;
    position: absolute;
  }

  @media only screen and (min-width: 1600px) {
    gap: 1rem;
    padding: 10px;
  }
}

.in-o-nas .video__infoBox img {
  width: 35px;
  height: 35px;
  margin: auto 0;
}

.in-o-nas .video__infoBox-title {
  font-size: 1rem;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-sora);
  margin-bottom: unset !important;
}

.in-o-nas .video__infoBox-text {
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-body);
  margin-bottom: unset !important;
}

.in-o-nas .logos-slider-title {
  font-size: 1.25rem;
  font-weight: var(--font-weight-regular);
  text-align: center;
  color: var(--text);
  font-family: var(--font-body);
}

.in-o-nas .logos-slider {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  overflow: hidden;
  padding: 40px;
}

.in-o-nas .logos-track {
  display: flex;
  gap: 40px;
  transition: transform .4s ease;
}

.in-o-nas .logos-track .logo {
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.in-o-nas .why {
  display: flex;
  justify-content: center;
  gap: 40px;
  padding: 60px;
}

.in-o-nas .card {
  width: 300px;
  padding: 20px;
  border-radius: 15px;
  background: #151515;
}

.in-o-nas .slider-section {
  text-align: center;
  padding: 60px;
}

.in-o-nas .slider {
  display: flex;
  overflow: hidden;
  width: 800px;
  margin: auto;
}

.in-o-nas .slide {
  min-width: 200px;
  height: 150px;
  margin: 10px;
  background: #222;
  border-radius: 10px;
}

/*.in-o-nas button {
  cursor: pointer;
  background: #333;
  color: white;
  border: none;
  padding: 10px;
}*/

/* ********** */
/* ARTICLE */
/* ********** */

.news-wrapper {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr;
  
  @media only screen and (min-width: 768px) {
    grid-template-columns: 1fr 1fr;
  }
  
  @media only screen and (min-width: 1200px) {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.news-wrapper .news-item {
  width: 100%;
}

article.news-item {
  position: relative;
  margin-bottom: unset !important;
}

article.news-item::before {
  content: url("/user/documents/upload/redesign/arrow.svg");
  display: block;
  position: absolute;
  right: 5%;
  bottom: 5%;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  background: var(--text);
  color: var(--bg-black);
  padding: 8px 10px;
  transition: transform .5s ease;
  z-index: 2;
}

article.news-item:hover::before {
  transform: rotate(45deg);
  transition: transform .5s ease;
}

article.news-item:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgba(18, 18, 18, 1) 0%, rgba(255, 255, 255, 0) 35%);
}

article.news-item h2, article.news-item time, article.news-item div {
  position: absolute;
  padding: 0 20px;
  z-index: 1;
}

article.news-item div {
  bottom: 5%;
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  color: var(--text);
  display: none;
}

article.news-item time {
  bottom: 5%;
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  color: var(--text-white-opacity);
}

article.news-item h2 {
  bottom: 10%;
  font-size: 1.375rem;
  font-weight: var(--font-weight-semibold);
  color: var(--text);
}

article.news-item a {
  overflow: hidden;
  border-radius: 16px;
}

article.news-item img {
  margin-bottom: unset !important;
  border-radius: 16px;
  height: 350px;
  object-fit: cover !important;
  transform: scale(1);
  transition: 3s ease;
}

article.news-item:hover img {
  transform: scale(1.05);
}

body.type-post .breadcrumbs {
  position: relative;
  z-index: 2;
  background: unset;
  margin: 50px 35px 0;

  @media only screen and (min-width: 768px) {
    margin: 50px 40px 0;
  }
}

body.type-post article {
  margin-top: -80px;
}

body.type-post article header {
  display: none;
}

/* HERO */
body.type-post .hero {
  position: relative;
  height: 80vh;
  border-radius: 16px;
  overflow: hidden;
  Padding: 0;
  border: 1px solid var(--bg-grey);
}

body.type-post .hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

/* OVERLAY */
body.type-post .hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.75), transparent);
}

body.type-post .hero-overlay {
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
  display: flex;
  justify-content: space-between;
  align-items: end;
  z-index: 2;
}

body.type-post .hero h1 {
  margin: 0;
  font-size: 1.5rem;
}

body.type-post .hero p {
  margin: 4px 0 0 !important;
  color: var(--text);
  text-align: left;
  font-size: 1.25rem;
  font-weight: 200;
  font-family: var(--font-body);
}

/* BADGE */
body.type-post .badge {
  padding: 0;
  font-size: 2.5rem;
  color: rgba(255, 255, 255, 0.95);
  font-weight: 200;
  font-family: var(--font-body);
}

/* GRID */
body.type-post .info-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 20px;
}

body.type-post .card {
  background: var(--bg-grey-light);
  Border: 1px solid var(--bg-grey);
  padding: 40px;
  border-radius: 16px;
  Width: 100%;
}

body.type-post .card h3 {
  margin-top: 0 !important;
  Margin-bottom: 2rem !important;
}

body.type-post .card p {
  margin-top: 0;
  Font-size: 1rem;
  Font-family: var(--font-sora);
  Font-weight: var(--font-weight-regular);
  Color: var(--text-white-opacity);
}

body.type-post .card ul {
  padding-left: 15px;
  color: var(--muted);
  list-style-type: disc;

  @media only screen and (min-wdith: 768px) {
    padding-left: 0;
  }
}

body.type-post .card ul li {
  padding-left: 0;
  Font-size: 1rem;
  Font-family: var(--font-sora);
  Font-weight: var(--font-weight-regular);
  Color: var(--text-white-opacity);
}

body.type-post .card ul li:before {
  display: none;
}

/* PRODUCTS */
body.type-post .product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  Border-bottom: 1px solid rgba(255, 266, 255, 0.25);
}

body.type-post .product:last-child {
  border-bottom: unset;
}

body.type-post .product .product-info {
  Display: flex;
  Gap: 1rem;
}

body.type-post .product span {
  display: block;
  font-size: 1.125rem;
  color: var(--text);
  Font-weight: var(--font-weight-semibold);
  Font-family: var(--font-sora);
  Margin: auto;
}

body.type-post .product img {
  Width: 50px;
  Height: 50px;
  Border-radius: 6px;
  Margin-right: 0 !important;
}

body.type-post .product a {
  background: var(--text);
  color: var(--bg-black);
  border: none;
  padding: 16px;
  padding: 10px;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  margin-right: 15px;
  border-radius: 8px;
  cursor: pointer;
  Font-size: 0.875rem;
  Font-family: var(--font-sora);
  Font-weight: var(--font-weight-semibold);
  transition: .3s ease;

  @media only screen and (min-width: 768px) {
    padding: 16px;
    width: unset;
    text-align: center;
  }
}

body.type-post .product a:hover {
  background: #EBDFFF;
  color: var(--bg-black);
}

/* GALLERY */
body.type-post .gallery {
  margin-top: 0;
  display: flex;
  gap: 10px;
  border-radius: 16px;
}

body.type-post .gallery img, body.type-post .gallery video {
  width: 100%;
  height: 300px;
  object-fit: cover;
  border-radius: 16px;
}

/* TABLET */
@media (max-width: 1024px) {
  body.type-post .hero {
    height: 400px;
  }

  body.type-post .info-grid {
    grid-template-columns: 1fr;
  }

  body.type-post .gallery {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* MOBILE */
@media (max-width: 767px) {
  body.type-post #content-wrapper.container.container-narrow.content-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
  }

  body.type-post #content-wrapper.container.container-narrow.content-wrapper .content-inner {
    max-width: 100%;
  }

  body.type-post .project {
    margin: 20px auto;
    padding: 0 10px;
  }

  body.type-post .hero {
    border-radius: 12px;
  }

  body.type-post .hero-overlay {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    bottom: 20px;
    left: 20px;
    right: 20px;
  }

  body.type-post .hero h1 {
    font-size: 1.125rem;
  }

  body.type-post .badge {
    font-size: 0.75rem;
    padding: 0;
  }

  body.type-post .card {
    padding: 15px;
  }

  body.type-post .product {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }

  body.type-post .product button {
    width: 100%;
  }

  body.type-post .gallery {
    grid-template-columns: 1fr;
  }

  body.type-post .gallery img {
    height: 180px;
  }
}




.gallery-slider {
  position: relative;
  width: 100%;
  margin-top: 20px;
}

.gallery-viewport {
  overflow: hidden;
  width: 100%;
  border-radius: 16px;
}

.gallery {
  display: flex;
  gap: 20px;
  width: max-content;
  will-change: transform;
}

.gallery > img,
.gallery > video {
  flex: 0 0 calc((100vw - 60px) / 3);
  width: calc((100vw - 60px) / 3);
  height: 300px;
  object-fit: cover;
  display: block;
}

/* Šipky */

.gallery-slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 50%;
  background: var(--bg-white);
  border: 2px solid var(--text);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  cursor: pointer;
}

.gallery-slider-arrow:hover {
  background: var(--bg-primary);
  transition: background .5s ease;
}

.gallery-slider-arrow img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  margin: auto;
  transition: filter .5s ease;
}

.gallery-slider-arrow:hover img {
  filter: invert(100%);
  transition: filter .5s ease;
}

.gallery-slider-prev {
  left: 15px;
}

.gallery-slider-next {
  right: 15px;
}

.gallery-slider-prev img {
  transform: rotate(180deg);
}


@media (max-width: 991px) {

    .gallery-slider-arrow {
        display: none !important;
    }

    .gallery-viewport {
        width: 100% !important;
        overflow: hidden !important;
    }

    .gallery {
        display: flex !important;
        gap: 16px !important;
        width: max-content !important;
    }

    .gallery > img,
    .gallery > video {
        flex: 0 0 var(--gallery-slide-width) !important;
        width: var(--gallery-slide-width) !important;
        max-width: var(--gallery-slide-width) !important;

        height: auto !important;

        object-fit: contain !important;

        margin: 0 !important;
        display: block !important;
    }

}
/* ********** */
/* PAGE 404 */
/* ********** */

.container404 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100vh;
  padding: 40px 0;
    
  @media only screen and (min-width: 768px) {
    flex-direction: row;   
    padding: 0;
  }
}

.container404 .content {
  gap: 2rem;
  display: flex;
  justify-content: right;
  flex-direction: column; 

  @media only screen and (min-width: 768px) {
    flex-direction: row;   
  }
}

.container404 .content .container404__left {
}

.container404 .content .container404__right {
  width: 100%;

   @media only screen and (min-width: 768px) {
    width: 75%;  
  }
}

.container404 .content, .container404 .image {
  width: 100%;
}

.container404 .icon:After {
  display: block;
  font-size: 84px;
  line-height: 84px;
  margin: 32px 0;
  content: "\e92f";
  display: inline-block;
  speak: none;
  font-family: shoptet;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
}

.container404 h1 {
  font-size: 2rem;
  margin-bottom: 15px;
  font-family: var(--font-sora);
  font-weight: var(--font-weight-bold);
}

.container404 p {
  color: rgba(255, 255, 255, 0.85);
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: var(--font-weight-refular);
}

.container404 .small {
  margin: 40px 0 20px !important;
}

.container404 .image img {
  width: 80%;
}

.container404 .btn {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 6px;
}

#content-wrapper.content-wrapper.container {
  @media only screen and (max-width: 767px) {
    padding-left: 6px;
    padding-right: 6px;
  }
}

#content-wrapper.content-wrapper.container .content-inner {
  @media only screen and (max-width: 767px) {
    max-width: 100%;
  }
}

.banners-row{
    display: block !important;
}

.next-to-carousel-banners{
    width: 100% !important;
}

.next-to-carousel-banners.slider-ready{
    width: 100% !important;
}

.next-to-carousel-banners.slider-ready{
    width: 100vw;
    overflow: visible !important;
    position: relative;
}

.banners-row{
    overflow: hidden;
}

.next-to-carousel-banners.slider-ready{
    position: relative;
    overflow: hidden;
    width: 100%;
}

.next-to-carousel-banners.slider-ready .slider-arrow {
  @media only screen and (max-width: 767px) {
    display: none;
  }
}

.slider-track{
    display: flex;
    transition: transform .45s ease;
    will-change: transform;
}

.banner-wrapper{
    flex: 0 0 85%;
    margin-right: 16px;
}

@media (min-width: 768px){
    .banner-wrapper{
        flex: 0 0 45%;
    }
}

@media (min-width: 1200px){
    .banner-wrapper{
        flex: 0 0 27%;
    }
}

@media (min-width: 1600px){
    .banner-wrapper{
        flex: 0 0 23%;
    }
}


.banner-wrapper img {
    height: auto;
    display: block;
}

.slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 40px;
  height: 40px;
  border: 2px solid var(--text);
  border-radius: 50%;
  background: var(--text); 
  color: var(--bg-black);
  cursor: pointer;
  transition: background .5s ease, color .5s ease;
  align-items: center;
  place-items: center;
}

.slider-arrow:hover {
  background: var(--bg-primary);
  transition: background .5s ease, color .5s ease;
}

.slider-arrow img {
  transition: filter.5s ease;
}

.slider-arrow:hover img {
  filter: invert(100%);
  transition: filter.5s ease;
}

.slider-prev{ 
  left: 0;
}

.slider-prev img { 
  transform: rotate(180deg);
}

.slider-next{ 
  right: 0;
}

.slider-dots{
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
}

.slider-dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(255,255,255,.5);
}

.slider-dot.active{
  background: var(--bg-white);
}

.product-slider, .product-slider-holder {
@media only screen and (max-width: 767px) {
padding-left: 0 !important;
}
}

@media only screen and (max-width: 1439px) {
  .overall-wrapper {
    padding-top: 0;
  }

  .header-top .menu-level-1 {
    display: none;
  }

  #header .header-top {
    padding: 0 !important;
  }
}

[data-testid="signin"] span {
  font-size: 0;
  background: transparent;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  display: block;
  position: relative;
  transition: background .5s ease;
}

[data-testid="signin"] span:hover {
  background: var(--bg-primary-soft);
  transition: background .5s ease;
}

[data-testid="signin"] span::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url('/user/documents/upload/redesign/login.png') no-repeat center/contain;
}

#header .navigation-buttons a {
  margin-left: 0;
}

#header .navigationActions {
  list-style-type: none;
  padding-left: 0;
}

.product .p-tools {
  transition: bottom .5s ease;
  position: absolute;
  bottom: -30%;
  left: 10px;
  right: 10px;
  width: auto;
}

.product .p-tools button {
  width: 100%;
}

.product:hover .p-tools {
  bottom: 10px;
  transition: bottom .5s ease;
}

.product .flags.flags-extra {
  transition: bottom .5s ease;
}

.product:hover .flags.flags-extra, .products-additional .product:hover .flags.flags-extra {
  bottom: 19%;
  transition: bottom .5s ease;
}

.product .image {
  position: relative;
  overflow: hidden;
}

.product-slider,
.product-slider-holder {
  overflow: visible !important;
  padding-left: 80px !important;   /* mezera vlevo */
}

.product-slider .product {
  width: 280px; /* fixní šířka = umožní “vykukování” */
}

.product-slider::before {
  content: "";
  display: block;
  width: 80px;
  flex: 0 0 auto;
}

.product-slider {
  width: 100% !important;
}

.product-slider .products-block {
  flex-wrap: unset;
}

.in-index.columns-3 .overall-wrapper .products-block>div,
.columns-4 .overall-wrapper .products-block>div {
 width: 100% !important;

  @media only screen and (min-width: 1200px) {
    width: 3.1% !important;
  } 

  @media only screen and (min-width: 1600px) {
    width: 2% !important;
  } 
}

.header-top .menu-level-2 {
  display: none;
  position: absolute;
  top: 100%;
  left: 0%;
  background: var(--bg-grey-light);
  padding: 20px 50px;
  border-radius: 0;
  min-width: 220px;
  z-index: 1000;
}

.header-top .menu-level-1 > li {
  position: relative;
}

.header-top .menu-level-1 > li:hover > .menu-level-2 {
  display: block;
}

.header-top .top-navigation-bar {
  display: none;
}

.custom-header-row {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 12px 20px;
}

.site-name-wrapper {
  flex: 0 0 auto;
}

.search {
  flex: 0 0 300px;
}

.header-top .menu-level-1 {
  display: flex;
  gap: 25px;
  flex: 1;
  justify-content: center;
  margin-right: 2rem;
}

.header-top .header-actions {
  display: flex;
  align-items: center;
  gap: 15px;
}

.header-top .navigationActions {
  display: flex;
}

.header-top .navigation-buttons {
  display: flex;
}

#navigation {
  top: 65px;
  border-top: unset;

  @media only screen and (min-width: 1601px) {
    display: none;
  }
}

.navigation-in .navigationActions, .navigation-in .navigationActions__submenu ul:not(:first-of-type) li:first-of-type>a {
  border-color: rgba(255, 255, 255, 0.10) !important;
}

.header-top {
  padding: 0;
  grid-template-columns: none;
}

.siteCookies__form, .siteCookies {
  border-radius: 20px;
}

.siteCookies {
  bottom: 20px;
  background-color: #7430C7 !important;
}

.siteCookies__button, .siteCookies__link {
  border-radius: 8px;
}

.siteCookies--bottom.siteCookies--scrolled {
  width: fit-content;
  margin: auto;
}

/* ********** */
/* USER ACCOUNT */
/* ********** */

.customer-page .sidebar-inner {
  padding-right: 0;

  @media only screen and (min-width: 786px) {
    padding-right: 20px;
  }
}

.customer-page .client-center-box {
  background: var(--bg-grey-light);
  border-radius: 16px;
  border: 1px solid var(--bg-grey-light) !important;
  margin-top: 0 !important;
  padding: 0 !important;

  @media only screen and (min-width: 786px) {
    padding: 20px !important;
  }
}

.customer-page .client-center-box li + li {
  border-bottom: 1px solid var(--bg-grey);
}

.customer-page .client-center-box li:hover a,
.customer-page .client-center-box li.active a,
.customer-page .client-center-box li.active:hover a {
  background: var(--bg-grey-light);
}

.customer-page .client-center-box li a {
  font-size: 0.938rem;
  color: var(--text);
  font-weight: 500;
  transition: color .5s ease;
}

.customer-page .client-center-box li a:hover {
  color: #BD95FF;
  transition: color .5s ease;
} 

.customer-page .client-center-box li.active a {
  color: #BD95FF;
}

.customer-page .client-center-box li.logout a {
  color: #FF3366 !important;
  background-color: var(--bg-grey-light);
  border: unset;
  text-align: left;
}

.customer-page .client-center-box li.logout a:hover {
  color: #FF3366;
  background-color: var(--bg-grey-light) !important;
  border: unset;
}

.customer-page .content-inner h4 {
  color: var(--text);
  font-size: 1.5rem;
  font-family: var(--font-sora);
  font-weight: var(--font-weight-bold);
}

.customer-page .content-inner .co-box.co-registration {
  border: 1px solid var(--bg-grey);
  border-radius: 16px;
  padding: 20px;
  margin-bottom: 3rem;

  @media only screen and (min-width: 786px) {
    padding: 40px;
  }
}

.customer-page .content-inner .co-box.co-registration:has(.stay-in-touch) {
  border: none;
  padding: 0 40px;
}

.customer-page .content-inner .co-box.co-registration h4 {
  margin: 0 0 1rem;
  border-bottom: none;
}

.customer-page .content-inner .co-box.co-registration .form-group {
  @media only screen and (min-width: 993px) {
    max-width: 600px;
  }
}

.customer-page .content-inner .form-control.short {
  width: 100%;
}

/* ********** */
/* THANK YOU PAGE */
/* ********** */

.in-dekujeme .co-box h4 {
  font-size: 1.5rem;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-sora);
  color: var(--text);
  text-align: left;
}

.in-dekujeme .content-inner {
  color: var(--text-white-opacity);
  font-weight: 400;
  
  @media only screen and (max-width: 1199px) {
    padding: 10px;
  }
}

.in-dekujeme .content-inner span {
  color: var(--text);
  font-weight: 700;
}

.in-dekujeme .recapitulation-table {
  padding: 10px 20px;
  display: block;
  border-collapse: collapse;
  border: 1px solid var(--bg-grey);
  border-radius: 12px;

  @media only screen and (min-width: 1200px) {
    width: 29.5% !important;
  }
}

.in-dekujeme .recapitulation-table tr th {
  @media only screen and (max-width: 767px) {
    width: 46% !important;
  }
}

.in-dekujeme .recapitulation-table tr:last-child {
  border-bottom: unset !important;
}

.recapitulation-wrapper table tr th .row-header-label {
  background: var(--bg-black);
}

.recapitulation-wrapper table tr th:after {
  display: none;
}

.recapitulation-wrapper span.row-header-label {
  font-size: 0.875rem;
  font-weight: var(--font-weight-regular);
  color: var(--text);
}

.recapitulation-wrapper .recapitulation-table th {
  padding: 10px;
}

.recapitulation-wrapper .recapitulation-table td {
  font-size: 0.875rem;
  font-weight: var(--font-weight-bold);
  color: var(--text);
  text-align: right;
}

.in-dekujeme .co-box .row .col-sm-12 {
  padding: 10px 0;
}

.in-dekujeme .co-box.co-payment-method table tr {
  border-bottom: 1px solid var(--bg-grey);
}

.in-dekujeme .cart-table td {
  background: var(--bg-black) !important;
}

.in-dekujeme .cart-table tr:first-child>td {
  font-size: 0.875rem;
  color: var(--text);
}

.in-dekujeme .cart-table .cart-p-image img {
  width: 60px;
  height: 60px;
  border-radius: 16px;
}

.in-dekujeme .cart-table .p-name {
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-sora);
  color: var(--text);
}

.in-dekujeme .cart-table .p-quantity.p-cell,
.in-dekujeme .cart-table .p-price.p-cell,
.in-dekujeme .cart-table .p-quantity.p-cell .unit-value,
.in-dekujeme .cart-table .p-price.p-cell .unit-value {
  color: var(--text-white-opacity);
}

.in-dekujeme .cart-table .p-quantity.p-cell .unit-value,
.in-dekujeme .cart-table .p-price.p-cell .unit-value {
  vertical-align: top;
}

.in-dekujeme .cart-table .p-total.p-cell {
  font-size: 1rem;
  font-weight: var(--font-weight-bold);
}

.in-dekujeme .co-order .cart-table {
  border-collapse: separate;
  border: 1px solid var(--bg-grey);
  border-radius: 12px;
  padding: 0 20px;
  marfgin-top: 20px;
}

.in-dekujeme .co-order .cart-table tr td {
  border-top-color: var(--bg-grey);
}

.in-dekujeme .co-order .cart-table tr[data-testid="recapItem"] td {
  padding: 10px 5px;
}

.in-dekujeme .recapitulation-wrapper .btn.btn-conversion {
  font-size: 0.938rem;
  font-weight: var(--font-weight-semibold);
}

.in-stranka-nenalezena header h1, .in-o-nas header h1 {
  display: none;
}

.navigation-window-visible .navigation-buttons a[data-target=navigation] {
  background-color: var(--bg-black) !important;
  color: var(--text) !important;
}

.in-dekujeme .co-box.co-payment-method .row {
  display: flex;
  flex-direction: column;

  @media only screen and (min-width: 1200px) {
    flex-direction: row;
  }
}

.in-dekujeme .co-box.co-payment-method .row .recapitulation-table {
  width: 100% !important;

  @media only screen and (min-width: 1200px) {
    width: 90% !important;
  }
}

.in-dekujeme .recapitulation-wrapper .recapitulation-table.table tbody>tr>th {
  width: 82%;
}

.in-dekujeme .co-box.co-payment-method .row .recapitulation-table-payment {
  border: 1px solid var(--bg-grey);
  border-radius: 12px;
  padding: 20px;
}

.in-dekujeme .co-box.co-payment-method .row .recapitulation-table-payment .table {
  border: 1px solid var(--bg-grey);
  border: unset;
  padding: 0;
  margin-bottom: 0 !important;
}

.in-dekujeme .recapitulation-wrapper .recapitulation-table-payment table.table tbody>tr>th {
  width: 38%;
}

.in-dekujeme .co-box.co-payment-method .row .recapitulation-table-payment img {
  border-radius: 8px;
  margin: auto;
  width: 45%;

  @media only screen and (min-width: 1200px) {
    margin: auto auto auto 1rem;
  } 
}

/* ********** */
/* HOMEPAGE - COLOR AND TYPE NAVIGATION */
/* ********** */

.product-chooser {
  background: #111;
  padding: 35px 0 0;
  display: flex;
  gap: 70px;
  justify-content: center;
}

.chooser-group {
  flex: 1;
}

@media only screen and (min-width: 1200px) {
  .product-chooser .chooser-group {
    flex: unset;
  }

  .product-chooser .chooser-group.chooser-group-color {
    width: 40%;
  }

  .product-chooser .chooser-group.chooser-group-type {
    width: 60%;
  }
}

.product-chooser .chooser-group.chooser-group-color .chooser-box {
  @media only screen and (min-width: 900px) {
    min-width: 25%;
    flex: unset;
  }
}

.chooser-group h3 {
  color: var(--bg-white);
  font-size: 1.25rem;
  font-weight: 700;
  margin: 0 0 20px;
  text-decoration: underline;
  text-underline-offset: 5px;
}

.chooser-items {
  display: flex;
  gap: 12px;
}

.product-chooser .chooser-items {
  min-height: 134px;
}

.chooser-box {
  flex: 1;
  min-height: 117px;
  background: var(--bg-input);
  border: 1px solid var(--bg-input);
  border-radius: 8px;
  padding: 10px;
  text-decoration: none;
  color: var(--bg-white);
  transition: .25s ease;
  align-content: center;
}

.chooser-box:hover {
  background: var(--bg-grey);
  border: 1px solid #898989;
}

.chooser-image {
  width: 45px;
  height: 45px;
  margin-bottom: 10px;
}

.chooser-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.chooser-title {
  font-size: 0.875rem;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-sora);
  text-transform: uppercase;
}

.chooser-group-type .chooser-title {
  text-align: center;
}

.chooser-subtitle {
  margin-top: 0;
  font-size: 0.875rem;
  color: #aaa;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-sora);
}

.chooser-group-type .chooser-box {
  justify-items: center;

  @media only screen and (min-width: 1200px) {
    width: calc(100% / 6);
  }
}

.chooser-group-type .chooser-image {
  width: 69px;
  height: 69px;
  margin: auto;
  margin-bottom: 10px;
}

/* mobil */
@media (max-width: 900px) {
  .product-chooser {
    flex-direction: column;
    gap: 35px;
  }

  .chooser-items {
    flex-wrap: nowrap;
    overflow-x: scroll;
  }

  .chooser-box {
    min-width: calc(50% - 25px);
  }
}

.navigation-in .chooser-group-type .chooser-box {
  @media (max-width: 1199px) {
    padding: 10px;
    margin-bottom: 10px;
  }
}










.footer-banner .custom-categories {
  display: flex;
  flex-direction: column;
  margin-top: 5rem;
  gap: 2rem;
  
  @media only screen and (min-width: 768px) {
    flex-direction: row;
    gap: 0;
  }
}
.footer-banner .category-section {
  width: 100%;
}

.footer-banner .category-section li {
  min-height: 167px;

  @media only screen and (min-width: 768px) {
    min-height: 146px;
  }
}

.footer-banner .category-section .shape-grid {
  @media only screen and (max-width: 767px) {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
}

.footer-banner .category-section .shape-grid li {
  width: 100%;
  text-align: center !important;
  
  @media only screen and (max-width: 767px) {
    width: 50% !important;
  }
}

.footer-banner .category-section .shape-grid img {
  margin: auto;
}

.footer-banner .title {
  font-size: 1rem !important;
  font-family: var(--font-sora);
  font-weight: var(--font-weight-semibold);
  margin-bottom: 6px;
  color: var(--text);
}

.footer-banner .text {
  font-size: 0.875rem !important;
  font-family: var(--font-sora);
  font-weight: var(--font-weight-regular) !important;
  color: var(--text-white-opacity) !important;
}

.footer-banner .image {
  padding-right: 0 !important;
}

.footer-banner .image img {
  margin-bottom: 1rem !important;
}

@media only screen and (min-width: 768px) and (max-width: 1599px) {
  #navigation .menu-level-2 {
    display: none !important;
  }
  
  .navigation-in ul li a:hover {
    padding: 0 17px !important;
  }
  
  .navigation-hovered:before, .search-focused:before {
    background-color: unset;
  }
}


#header .header-top-wrapper .site-name, #header .header-top-wrapper>div {
flex: 0 1 35.333333%;

  @media only screen and (min-width:1200px) {
    flex: 0 1 10.333333%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .custom-header-row {
    gap: 10px;
  }

  #header .search {
    flex: 0 0 283px !important;
    padding-left: 0;
    padding-right: 0;
    margin-left: 2rem;
  }

  .header-top .menu-level-1 {
    gap: 26px;
    padding: 0;
  }

  .menu-level-1 > li > a {
    gap: 0;
    padding: 0;
    font-size: 0.875rem;
  }

  #header .header-bottom {
    display: none;
  }
}

#header .site-name {
  @media only screen and (max-width: 767px) {
    padding-left: 0;
  }

  @media only screen and (min-width: 1200px) {
    flex: 0 0 180px !important;
  }
}

#header .site-name a {
  vertical-align: middle;
}

/* ********** */
/* ORDER BOX */
/* ********** */

#cboxContent {
  background: unset;
  height: auto !important;
}

#cboxContent .advanced-order {
 text-align: unset;
}

#cboxContent #cboxLoadedContent {
  background: var(--bg-input);
  border-radius: 16px;
  height: auto !important;
  overflow: hidden !important;
}

#cboxContent .colorbox-html-content {
  padding: 0;
}

#cboxContent .advanced-order .h1 {
  font-size: 1.5rem;
  font-family: var(--font-sora);
  font-weight: 800;
  color: var(--text);
  padding-bottom: 20px;
  border-bottom: 1px solid #414141;
  padding: 0 0 15px;
  margin: 20px;
}

#cboxContent .advanced-order .h1:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  margin-bottom: 5px;
  vertical-align: middle;
  background: url('/user/documents/upload/redesign/icons/green-check.svg') center / contain no-repeat;
}

#cboxContent .advanced-order .h2 {
  font-size: 1rem;
  font-family: var(--font-sora);
  font-weight: 600;
  color: var(--text);
  padding: 20px;
}

#cboxContent #cboxClose {
  background: var(--bg-input) !important;
  border-radius: 16px;
}

#cboxContent #cboxClose:before {
  color: #595959;
  transition: .3s ease;
}

#cboxContent #cboxClose:hover:before {
  color: var(--text);
}

#cboxContent .extras-wrap {
  font-size: 0.875rem;
  font-weight: var(--font-weight-bold);
  font-family: var(--font-body);
  border-radius: 8px;
}

#cboxContent .extras-wrap .extra {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  line-height: 2.35;
}

#cboxContent .extras-wrap .extra span:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 8px;
  vertical-align: bottom;
  background: url('/user/documents/upload/redesign/icons/cart-truck.svg') center / contain no-repeat;
}

#cboxContent .extras-wrap .extra span {
  font-size: 0.875rem;
  font-family: var(--font-body);
  font-weight: var(--font-weight-regular);
}

#cboxContent .extras-wrap .extra span strong {
  color: #B080FF;
}

.cart-inner .extra.delivery .price-range,
.cart-free-shipping .price-range,
#cboxContent .extra .price-range {
  margin-left: 0;
  height: 3px;
  border-radius: 8px;
}

.cart-inner .extra.delivery .price-range,
.cart-free-shipping .price-range,
#cboxContent .extra .price-range {
  background-color: #414141;
  margin-top: 0;
  margin-left: 0;
}

.extra.delivery .price-range:before {
  display: none;
}

.cart-inner .extra.delivery .price-range div,
.cart-free-shipping .price-range div,
#cboxContent .extra .price-range div {
  height: 3px;
}

.cart-inner .extra.delivery .price-range div,
.cart-free-shipping .price-range div,
#cboxContent .extra .price-range div {
  background-color: #B080FF;
}

#cboxContent .advancedOrder__buttons {
  background: #262626;
  gap: 2rem;
  padding: 20px;
  margin-bottom: 0;
  margin-top: 20px;

  @media only screen and (min-width: 768px) {
    justify-content: space-between;
    gap: unset;
  }
}

#cboxContent .advancedOrder__buttons .next-step-back {
  font-size: 0.938rem;
  font-family: var(--font-sora);
  font-weight: var(--font-weight-regular);
  color: var(--text);
  border: 1px solid #4d4d4d;
  border-radius: 8px;
  background: unset;
  transition: .3s ease;
}

#cboxContent .advancedOrder__buttons .next-step-back:hover {
  background: rgba(77, 77, 77, .25);
}

#cboxContent .advancedOrder__buttons .btn.btn-conversion {
  font-weight: var(--font-weight-semibold) !important;
}

#cboxContent .h2.advanced-order-suggestion {
  padding: 20px 0;
  margin: 20px 20px 0;
  border-top: 1px solid #414141;
}

#cboxContent .products-wrapper .products .products-block .p {
  border-radius: 16px;
}

#cboxContent .product-slider-holder .product-slider.products-additional .product {
  padding-left: 20px;
}






















#cart-widget, #login.popup-widget {
  position: fixed;
}

@media only screen and (min-width: 1601px) only screen and (max-width: 1919px) {
  .custom-header-row {
    gap: 10px;
  }

  #header .search {
    flex: 0 0 283px !important;
    padding-left: 0;
    padding-right: 0;
  }

  .header-top .menu-level-1 {
    gap: 20px;
    padding: 0;
  }

  .menu-level-1 > li > a {
    gap: 0;
    padding: 0;
  }

  #header .header-bottom {
    display: none;
  }
}

.search {
  @media only screen and (max-width: 1600px) {
    flex: 0 0 300px !important;
  }    
}

.navigation-buttons {
  @media only screen and (min-width: 768px) {
    padding-left: 0;
  } 
}

.type-posts-listing .cat-layout {
  margin-top: 0;
  
  @media only screen and (min-width: 768px) {
    gap: 1rem;
  }
}

.type-posts-listing .subcategories {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  display: grid;
}

.type-posts-listing .sectionDescription {
  width: 100%;
  
  @media only screen and (min-width: 768px) and (max-width: 1599px) {
    width: 80%;
  }
}

.type-posts-listing .subcategories.with-image {
  width: 100%;
}

.type-posts-listing .subcategories.with-image li a .image {
  display: block;
  width: unset;
  height: 60px;
  padding-right: 0;
  justify-items: center;
}

.type-posts-listing .subcategories.with-image li a .image img {
  margin: auto;
}

.type-posts-listing .subcategories.with-image li {
  width: 100%;
}

.type-posts-listing  .subcategories li a .text {
  font-size: 14px;
  text-align: center;
  margin-top: 0;
  width: 97%;
  line-height: 140%;
  
  @media only screen and (min-width: 1600px) {
    width: 95%;
  }
}

.siteCookies__buttonWrap {
  order: 1;
}

.siteCookies__button {
  order: 2;
}

@media only screen and (min-width: 1000px) {
  .header-top .menu-level-2 li a.menu-image img {
    justify-self: center;
  }

  .menu-level-2 li {
    text-align: center;
    width: 113px;
  }

  .menu-level-2[aria-label="Modulární osvětlení"] li {
    text-align: unset;
    width: 25.5%;
  }

  .menu-level-2[aria-label="Modulární osvětlení"] li a.menu-image {
    width: 45px;
    height: 45px;
    margin-bottom: 10px;
    display: block;
  }

  .menu-level-2[aria-label="Modulární osvětlení"] li a.menu-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: unset;
  }

  .menu-level-2[aria-label="Realizace"] li {
    text-align: center;
    width: 157px;
  }

  .menu-level-2 li div {
    text-transform: uppercase;
  }
}

.menu-level-2[aria-label="Modulární osvětlení"] li {
  @media only screen and (min-width: 1600px) {
    text-align: unset;
    width: 16.5%;
  }
}

:where(.ums_forms_redesign--off) .form-group.consents label {
  font-size: 10px;
}

#cart-widget .cart-widget-product-image {
  padding-right: 10px;
}

.tl-section.hp-logos .tl-arrow {
  display: none;
}

@media only screen and (min-width: 768px) {
.tl-section.hp-logos .tl-slider-wrap {
  display: grid;
}

.tl-section.hp-logos .tl-slider-wrap:before {
  display: block;
  content: "";
  height: 100%;
  width: 20%;
  background: linear-gradient(270deg, hsla(0, 0%, 97%, 0) 50%, #121212) !important;
  position: absolute;
  z-index: 2;
}

.tl-section.hp-logos .tl-slider-wrap:after {
  display: block;
  content: "";
  height: 100%;
  width: 20%;
  background: linear-gradient(90deg, hsla(0, 0%, 97%, 0) 50%, #121212) !important;
  position: absolute;
  z-index: 2;
  right: 0;
}
}

.in-kosik .cart-empty h1, .in-kosik .cart-empty h2, .in-kosik .cart-empty h3 {
  color: var(--text);
  text-align: left;
}

.in-kosik .cart-empty a: {
  transition: .3s ease;
}

.in-kosik .cart-empty a:hover {
  color: #BD95FF;
}

body .siteCookies,
.siteCookies--bottom.siteCookies--scrolled {
  width: auto;
}

.in-o-nas .video {
@media only screen and (min-width: 1200px) {
  width: 100%;
}
}

.in-o-nas .video__infoBox {
@media only screen and (min-width: 1200px) {
  bottom: 1%;
  border-radius: 16px !important;
}

@media only screen and (min-width: 1700px) {
  bottom: 2%;
  border-radius: 10px !important;
}
}

.header-top .menu-level-2[aria-label="Realizace"] li a.menu-image img {
  width: 57px;
}

.p-image-wrapper .flags-extra {
z-index: 20;
}

.tl-custom.tl-section {
  padding: 0;
}

.tl-custom.tl-section .tl-custom-content .tl-text {
  padding: 20px;

  @media only screen and (min-width: 768px) {
    padding: 40px;
  }
}

.tl-image {
  object-fit: cover;
  max-width: 100%;
  height: 406px;
  
  @media only screen and (min-width: 1200px) and (max-width: 1600px) {
    height: 465px
  }
}

.tl-image-wrap {
  position: relative;
}

.tl-image-wrap:before {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(360deg, hsla(0, 0%, 97%, 0) 57%, #121212) !important;
  position: absolute;
  z-index: 2;
  
  @media only screen and (min-width: 1200px) {
    background: linear-gradient(270deg, hsla(0, 0%, 97%, 0) 57%, #121212) !important;
  }
}

.form-group.js-validated-element-wrapper.smart-label-wrapper.populated.focused input {
  background: red !important;
}

.submenu-arrow:after {
@media only screen and (min-width: 1200px) {
  font-size: 10px;
}
}

.searchWhisperer__products__list::-webkit-scrollbar-track{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #414141;
  border-radius: 10px;
}

.searchWhisperer__products__list::-webkit-scrollbar{
	width: 6px;
	background-color: #414141;
  border-radius: 10px;
}

.searchWhisperer__products__list::-webkit-scrollbar-thumb{
	background-color: #B080FF;
  border-radius: 10px;
}

.searchWhisperer__content--empty {
  padding: 40px;
  color: var(--text);
}

@media only screen and (min-width: 1200px) {
.menu-level-2 .menu-items-wrapper {
  width: 100%;
}

.menu-level-2 .menu-items-wrapper .menu-items {
  display: flex;
  gap: 12px;
  width: 100%;
}

.menu-level-2 .chooser-group.chooser-group-type {
  width: 100%;
}

.menu-level-2 .chooser-group-type .chooser-image {
  width: 100px;
  height: 57px;
}
}

.type-product .breadcrumbs {
  padding-bottom: 16px;
}

.alternative-links a, .required-asterisk {
  color: var(--text);
}

.cart-inner .cart-table {
  border-collapse: separate;
  border-spacing: 0 10px;
  border-bottom: unset;
}

.cart-table tr.removeable td:first-child {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
}

.cart-table tr.removeable td:last-child {
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

.related {
  background: #f5f5f5;
  background: unset;
}

.related td {
  padding: 20px;
  background: #1E1E1E !important;
  border-radius: 16px;
}

.related td .cart-related-product {
  background: #363636;
  padding: 15px;
  border-radius: 12px;
  margin-bottom: 10px;
  max-width: unset;
}

.related td .cart-related-info {
  padding: 0;
}

.in-kosik .cart-related-button {
  padding: 0;
}

.in-kosik .cart-related-button button {
  background: #C4A0FF !important;
  color: #121212 !important;
  font-weight: var(--font-weight-semibold) !important;
  font-size: 13px !important;
  min-height: 32px; !important;
  height: 32px !important;
  border-color: #C4A0FF !important;
  transition: .3s ease !important;
}

.in-kosik .cart-related-button button:hover {
  color: var(--text) !important;
  border-color: #8245CD !important;
}

:where(.ums_forms_redesign--on) #content .form-legend {
  text-align: left;
  margin-bottom: 1rem !important;
}

.in-kosik .coupon-input .discount-coupon .btn.btn-arrow-right.btn-text {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

.in-kosik .cart-inner .delivery-time {
  margin: 0;
}

/* ********** */
/* ALLERT */
/* ********** */

.messages {
  position: fixed !important;
  bottom: 4% !important;
  left: 1% !important;
  width: 20% !important;
  padding: 0;
  top: unset !important;
  border-radius: 8px !important;
}

.messages .msg {
  border-radius: 8px !important;
}