/** Shopify CDN: Minification failed

Line 4594:12 Expected identifier but found whitespace
Line 4594:13 Unexpected "("
Line 5642:0 Expected identifier but found "="

**/
#back-to-top, #collections-listing .category, .product-card .featured_product-overlay > button, .product-card .product-card_image img {
  transition: all .2s ease-in-out 0s;
}

.cart-item .btn-remove, input, select, textarea {
  border-radius: 4px;
}

.home-slideshow-banner .js-slider-controls span, .home-slideshow .js-slider-controls span, .logo-list .js-slider-controls span, .slideshow-dot a .circle, .slideshow-v2 .js-slider-controls span, .tns-nav button {
  border-radius: 50%;
}

.modal-newsletter .modal_content .newsletter-form .btn, .modal-newsletter .modal_content .newsletter-form form input {
  border-radius: 0;
}

.filter-wrapper .chosen-drop::-webkit-scrollbar-track, .form_wrapper::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px var(--body-border-color);
  -webkit-box-shadow: inset 0 0 var(--body-border-color);
  background-color: var(--body-border-color);
  border-radius: 5px;
}

.filter-wrapper .chosen-drop::-webkit-scrollbar, .form_wrapper::-webkit-scrollbar {
  width: 4px;
  background-color: var(--body-border-color);
  border-radius: 5px;
}

.filter-wrapper .chosen-drop::-webkit-scrollbar-thumb, .form_wrapper::-webkit-scrollbar-thumb {
  background-color: var(--main-color);
  border-radius: 5px;
}

@-webkit-keyframes animation-top-bottom {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}

@keyframes animation-top-bottom {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translate(0);
  }
}

@-webkit-keyframes animation-bottom-top {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes animation-bottom-top {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-3px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(3px, 0, 0);
  }
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    transform: translate3d(-3px, 0, 0);
  }
  40%, 60% {
    transform: translate3d(3px, 0, 0);
  }
}

@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

@keyframes move {
  0% {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}

.drawer-cart.is-open .cart-list li:nth-child(2) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
}

.drawer-cart.is-open .cart-list li:nth-child(3) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}

.drawer-cart.is-open .cart-list li:nth-child(4) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
}

.drawer-cart.is-open .cart-list li:nth-child(5) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

.drawer-cart.is-open .cart-list li:nth-child(6) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.drawer-cart.is-open .cart-list li:nth-child(7) {
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
}

.drawer-cart.is-open .cart-list li:nth-child(8) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
}

.drawer-cart.is-open .cart-list li:nth-child(9) {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
}

.drawer-cart.is-open .cart-list li:nth-child(10) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.drawer-cart.is-open .cart-list li:nth-child(11) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}

.drawer-cart.is-open .cart-list li:nth-child(12) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
}

.drawer-cart.is-open .cart-list li:nth-child(13) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

.drawer-cart.is-open .cart-list li:nth-child(14) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.drawer-cart.is-open .cart-list li:nth-child(15) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

.drawer-cart.is-open .cart-list li:nth-child(16) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

.drawer-cart.is-open .cart-list li:nth-child(17) {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}

.drawer-cart.is-open .cart-list li:nth-child(18) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
}

.drawer-cart.is-open .cart-list li:nth-child(19) {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
}

.drawer-cart.is-open .cart-list li:nth-child(20) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

@-webkit-keyframes mmfadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes mmfadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  padding-bottom: 0 !important;
  text-rendering: optimizeLegibility;
}

html.overflow-hidden body {
  overflow: hidden;
}

body {
  line-height: 1.4;
  font-family: var(--body-font-family);
  background: var(--body-bg-color);
  color: var(--body-color);
  font-size: var(--body-font-size);
  text-rendering: optimizeLegibility;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  flex-direction: column;
}

body #main-content {
  overflow: hidden;
}

*, :after, :before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

:focus {
  outline: none;
}

input, select, textarea {
  font-size: calc(var(--body-font-size) - 1px);
  font-family: var(--body-font-family);
  font-weight: var(--body-font-weight);
  color: var(--body-color);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@media (min-width: 768px) {
  input, select, textarea {
    font-size: var(--body-font-size);
  }
}

a {
  text-decoration: none;
  color: var(--body-link);
  transition: all .2s ease-in-out 0s;
}

a:focus {
  outline: none;
}

@media (hover: hover) {
  a:hover {
    text-decoration: none;
  }
}

p {
  margin: 20px 0;
}

dl, ol, ul {
  margin: 0;
}

li, ol, ul {
  list-style: none;
}

ul {
  list-style: disc inside none;
}

ol, ul {
  padding: 0;
}

ol {
  list-style: decimal inside none;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -.25rem;
}

sup {
  top: -.5rem;
}

label {
  display: inline-block;
  margin-bottom: 8px;
}

.pointer, .slide_ui-controls--dot button, .tns-nav button {
  cursor: pointer;
}

.req {
  color: red;
}

video {
  max-width: 100%;
}

button {
  border: none;
  outline: none;
  background: none;
  transition: all .35s ease-in-out 0s;
}

button:focus {
  box-shadow: 0 0 0 #fff;
}

form {
  display: block;
  margin: 0;
}

input, select, textarea {
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input:focus, select:focus, textarea:focus {
  outline: none;
}

input, select {
  width: 100%;
  border: 1px solid var(--body-border-color);
}

select {
  max-width: 100%;
  padding: 0 var(--gutter-md);
  line-height: 40px;
}

input:focus, textarea:focus {
  border: 1px solid rgba(var(--main-color-rgba), 0.5);
}

input:-moz-placeholder, input:-ms-input-placeholder, input::-moz-placeholder, input::-webkit-input-placeholder, textarea:-moz-placeholder, textarea:-ms-input-placeholder, textarea::-moz-placeholder, textarea::-webkit-input-placeholder {
  color: #bbbdc3;
}

input {
  height: 40px;
  padding: 5px 15px;
}

textarea {
  width: 100%;
  height: 272px;
  padding: 15px;
  border: 1px solid var(--body-border-color);
}

.shopify-challenge__container .shopify-challenge__button {
  color: var(--btn1-cl);
  background: var(--btn1-bg-cl);
  height: 50px;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-hidden .header-sticky .header-style-4 .header-content_bottom, .overflow-hidden .header-sticky .header-style-5 .header-content_top {
  right: 17px !important;
}

.overflow-hidden .header-style-2 .header-desktop {
  padding-right: 17px;
}

.tns-autowidth {
  vertical-align: top;
}

.is-loading {
  display: none;
}

.pending {
  pointer-events: none;
}

.pending * {
  font-size: 0;
}

.pending span {
  display: none;
}

.pending .is-loading {
  display: block;
}

.lazyloading .svg-cart, .lazyloading .svg-close, .pending .svg-cart, .pending .svg-close, .svg-loading {
  display: none;
}

.lazyloading .svg-loading, .pending .svg-loading {
  display: block;
}

.menu-list .menu-item .lazyloading svg {
  width: 20px;
  height: 20px;
}

.spr-icon {
  color: var(--rating-star-color);
}

.spr-icon-star-empty {
  color: var(--rating-star-empty-color);
}

.spr-badge-caption {
  font-size: 12px;
  color: var(--body-second-color);
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
}

@media (min-width: 768px) {
  .spr-badge-caption {
    font-size: var(--body-14);
  }
}

.spr-badge[data-rating="0.0"] .spr-badge-caption {
  display: none;
}

.shopify-payment-button {
  width: 100%;
}

.shopify-payment-button button {
  height: 45px;
  background: var(--btn2-bg-cl);
  color: var(--btn2-cl);
}

.shopify-payment-button button:hover {
  color: var(--btn2-hover-cl);
  background: var(--btn2-hover-bg-cl) !important;
}

.sb-progress {
  height: 18px;
  background: #707070;
  margin: 0 0 10px;
}

.sb-progress .sb-progress-bar {
  background: #222;
  display: block;
  color: #fff;
  line-height: 19px;
  height: 100%;
  padding: 0 10px;
  text-align: center;
  transition: width .4s ease-out;
  background-image: linear-gradient(to top right, rgba(255, 255, 255, 0.15) 25%, transparent 0, transparent 50%, rgba(255, 255, 255, 0.15) 0, rgba(255, 255, 255, 0.15) 75%, transparent 0, transparent);
  background-size: 40px 40px;
  -webkit-animation: move 2s linear infinite;
  animation: move 2s linear infinite;
}

.rating svg {
  width: 18px;
  height: 18px;
}

.rating .svg-star-solid path {
  fill: var(--rating-star-color);
}

.rating .svg-star path {
  fill: var(--rating-star-empty-color);
}

.js-tns:not(.tns-carousel) {
  overflow: hidden;
  flex-wrap: nowrap;
}

.section_content-body .tns-outer {
  margin: -5px;
}

.section_content-body .tns-ovh .tns-inner {
  padding: 5px;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: start !important;
}

.text-right {
  text-align: end !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-underline {
  text-decoration: underline !important;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.vertical_align-top {
  align-items: flex-start;
  align-self: flex-start;
}

.vertical_align-middle {
  align-items: center;
  align-self: center;
}

.vertical_align-bottom {
  align-items: flex-end;
  align-self: flex-end;
}

.btn {
  cursor: pointer;
  display: inline-block;
  padding: 5px 20px;
  line-height: 24px;
  font-size: var(--body-font-size);
  font-family: var(--body-font-family);
}

@media (min-width: 992px) {
  .btn {
    padding: 10px 30px;
  }
}

.btn-1 {
  font-weight: var(--btn1-fw);
  color: var(--btn1-cl);
  background: var(--btn1-bg-cl);
  border: var(--btn1-border-width) solid var(--btn1-border-cl);
  border-radius: 4px;
}

.btn-1 svg {
  color: currentColor;
}

.btn-1 svg path {
  stroke: currentColor;
  fill: currentColor;
}

@media (hover: hover) {
  .btn-1:hover {
    color: var(--btn1-hover-cl);
    background: var(--btn1-hover-bg-cl);
    border-color: var(--btn1-hover-border-cl);
  }
}

.btn-2 {
  font-weight: var(--btn2-fw);
  color: var(--btn2-cl);
  background: var(--btn2-bg-cl);
  border: var(--btn2-border-width) solid var(--btn2-border-cl);
  border-radius: 4px;
}

@media (hover: hover) {
  .btn-2:hover {
    color: var(--btn2-hover-cl);
    background: var(--btn2-hover-bg-cl);
    border-color: var(--btn2-hover-border-cl);
  }
}

.btn-3 {
  font-weight: var(--btn3-fw);
  color: var(--btn3-cl);
  background: var(--btn3-bg-cl);
  border: var(--btn3-border-width) solid var(--btn3-border-cl);
  border-radius: 4px;
}

@media (hover: hover) {
  .btn-3:hover {
    color: var(--btn3-hover-cl);
    background: var(--btn3-hover-bg-cl);
    border-color: var(--btn3-hover-border-cl);
  }
}

.animation-fade {
  -webkit-animation: animation-bottom-top .6s both;
  animation: animation-bottom-top .6s both;
}

#collections-listing {
  padding: var(--gutter-lg) 0 60px;
}

#collections-listing .page-heading {
  margin-bottom: 40px;
}

#collections-listing .category {
  margin-bottom: 18px;
}

@media (hover: hover) {
  #collections-listing .category:hover {
    box-shadow: 0 0 5px 0 #c6c6c6;
  }
}

#collections-listing .collection-title {
  padding: 20px 0;
  font-size: 18px;
}

#collections-listing .collection-title strong {
  font-weight: var(--font-body-weight);
}

#collections-listing .collection-image .image__style {
  padding-top: 60% !important;
}

#collections-listing .collection-image .image__style img {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

#back-to-top {
  position: fixed;
  right: 20px;
  bottom: 5%;
  z-index: 30;
  opacity: 0;
  visibility: hidden;
  width: 40px;
  padding: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--main-color);
  border-radius: 2px;
}

#back-to-top.show {
  visibility: visible;
  opacity: 1;
  bottom: 60px;
}

#back-to-top a {
  padding: 10px;
}

#back-to-top a svg {
  position: relative;
  top: -1px;
  width: 14px;
  height: 14px;
}

#back-to-top a svg path {
  fill: #fff;
}

.price {
  color: var(--price-color);
  font-weight: 500;
  font-size: var(--body-14);
}

@media (min-width: 768px) {
  .price {
    font-size: var(--product-item-price);
  }
}

img {
  max-width: 100%;
}

img.img-lazy {
  position: absolute;
  left: 0;
  top: 0;
}

img.lazyload:not([src]) {
  opacity: 0;
}

.image--style {
  position: relative;
  display: block;
}

.image--style img.img_lazy {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.quantity-product input[type=number] {
  -moz-appearance: textfield;
}

.overlay-ui {
  position: absolute;
  left: 0;
  top: 0;
  word-break: break-word;
}

.f-break {
  padding: 0 var(--gutter-xs);
  width: 100vw !important;
  position: relative;
  left: calc(-50vw - -50%);
  flex: 0 0 100vw;
  max-width: 100vw;
}

.placeholder-svg {
  background: rgba(var(--main-color-rgba), 0.1);
  display: flex;
}

.svg-element-ui {
  display: flex;
  align-items: center;
  justify-content: center;
}

.svg-element-ui, .svg-element-ui a {
  color: var(--body-second-color);
}

.svg-element-ui svg {
  width: 22px;
  height: 22px;
}

.product-price {
  color: var(--price-color);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: var(--body-14);
}

.product-price > span:not(:last-child) {
  -webkit-padding-end: 7px;
  padding-inline-end: 7px;
}

@media (min-width: 768px) {
  .product-price {
    font-size: var(--product-item-price);
  }
}

.price-sale {
  color: var(--price-sale-color);
  font-weight: 500;
  font-size: var(--body-14);
}

@media (min-width: 768px) {
  .price-sale {
    font-size: var(--product-item-price);
  }
}

.price-compare {
  font-weight: 500;
  color: var(--price-compare-color);
  font-size: 12px;
}

@media (min-width: 768px) {
  .price-compare {
    font-size: calc(var(--product-item-price) - 6px);
  }
}

.filter-wrapper .tabs-content_wrapper {
  padding: 30px 25px 35px;
}

.filter-wrapper .tabs-content_item {
  display: none;
}

.filter-wrapper .tabs-content_item.active {
  display: block;
}

.filter-wrapper .tabs-content_item .chosen-btn {
  position: relative;
  margin: 5px 0;
  display: flex;
  width: 100%;
  justify-content: center;
}

.filter-wrapper .tabs-content_item .btn-reset {
  line-height: 50px;
  text-align: center;
  min-width: 115px;
  text-transform: uppercase;
  border-radius: 4px;
  background: var(--main-color);
  -webkit-margin-start: 10px;
  margin-inline-start: 10px;
}

.filter-wrapper .chosen-wrapper {
  width: 100%;
}

.filter-wrapper .chosen-wrapper > div {
  flex: 1;
}

.filter-wrapper .chosen-container {
  position: relative;
  height: 50px;
  margin: 5px 0;
  pointer-events: none;
  background: var(--miscellaneous-color);
}

.filter-wrapper .chosen-container.active {
  pointer-events: unset;
  cursor: pointer;
}

.filter-wrapper .chosen-container.active .chosen-single span {
  opacity: 1;
}

.filter-wrapper .btn {
  height: 50px;
  line-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: 500;
  min-width: 115px;
  border-radius: 4px;
}

.filter-wrapper .btn svg {
  display: none;
  width: 18px;
  flex: 0 0 18px;
  height: 18px;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
}

.filter-wrapper .chosen-single {
  display: flex;
  align-items: center;
  -webkit-padding-end: 20px;
  padding-inline-end: 20px;
  position: relative;
  height: 50px;
  padding: 12px 0 11px;
}

.filter-wrapper .chosen-single > svg {
  position: absolute;
  right: 15px;
  height: 11px;
  width: 11px;
}

.filter-wrapper .chosen-single span {
  display: flex;
  align-items: center;
  height: 100%;
  opacity: .5;
  font-size: 15px;
}

.filter-wrapper .chosen-single .chosen-order {
  padding: 0;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  width: 37px;
  opacity: 1;
  justify-content: center;
  border-right: 1px solid var(--body-border-color);
}

.filter-wrapper .chosen-drop {
  display: none;
  background: var(--miscellaneous-color);
  position: absolute;
  left: 0;
  top: 49px;
  right: 0;
  z-index: 5;
  padding: 4px 5px;
  max-height: 390px;
  overflow-y: auto;
}

.filter-wrapper .chosen-drop.active {
  display: block;
}

.filter-wrapper .chosen-results {
  margin-top: 8px;
}

.filter-wrapper .chosen-results li {
  padding: 4px;
}

.filter-wrapper .chosen-results li.result-selected, .filter-wrapper .chosen-results li:hover {
  background: #3875d7;
  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
  color: #fff;
}

.filter-wrapper .chosen-search input {
  height: 25px;
  padding: 4px;
  border: 1px solid #aaa;
  border-radius: 0;
}

.filter-wrapper .search {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  margin: 5px 0;
}

.filter-wrapper .search input {
  height: 50px;
  background: var(--miscellaneous-color);
  border-radius: 4px;
  margin-bottom: 5px;
}

.filter-wrapper .search button {
  margin: 5px 0;
}

@media (min-width: 768px) {
  .filter-wrapper .tabs-content {
    width: 70%;
    margin: 0 auto;
  }
  .filter-wrapper .chosen-container {
    flex: 1;
    margin: 5px 3px;
  }
}

@media (min-width: 992px) {
  .filter-wrapper .tabs-content {
    max-width: 1020px;
    width: 100%;
  }
  .filter-wrapper .chosen-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .filter-wrapper .tabs-content_wrapper .chosen-container:first-child {
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    border-radius: 4px 0 0 4px;
  }
  .filter-wrapper .tabs-content_wrapper .chosen-container.chosen-is-opening {
    cursor: pointer;
    border-bottom-left-radius: 0;
  }
  .filter-wrapper .tabs-content_wrapper .btn {
    position: relative;
    border-radius: 0;
    -webkit-margin-start: 3px;
    margin-inline-start: 3px;
  }
  .filter-wrapper .tabs-content_wrapper .btn svg {
    display: block;
  }
  .filter-wrapper .tabs-content_item .btn-reset {
    border: 1px solid var(--main-color);
    -webkit-margin-start: 4px;
    margin-inline-start: 4px;
    padding: 0 20px;
    min-width: auto;
    height: 50px;
    border-radius: 0 4px 4px 0;
  }
}

.is-sliding {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.tns-inner .tns-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.media-main:not(.tns-carousel) > div, .media-thumbnails:not(.tns-carousel) > div {
  display: none;
}

.media-main:not(.tns-carousel) > div:first-child, .media-thumbnails:not(.tns-carousel) > div:first-child {
  display: block;
}

.product-media_thumbnails .media-thumbnails:not(.tns-carousel) > div {
  display: inline-block;
  width: 20%;
}

.product-media_thumbnails .media-thumbnails:not(.tns-carousel) > div:nth-child(n+6) {
  display: none;
}

@media (min-width: 768px) {
  .product-media_thumbnails .media-thumbnails:not(.tns-carousel) > div {
    display: inline-block;
    width: 100%;
  }
  .template-no-sidebar .product-media_thumbnails .media-thumbnails:not(.tns-carousel) > div {
    display: block;
  }
  .template-no-sidebar .product-media_thumbnails .media-thumbnails:not(.tns-carousel) > div:nth-child(n+6) {
    display: none;
  }
  .product-template:not(.template-no-sidebar) .product-media_thumbnails .media-thumbnails:not(.tns-carousel) > div {
    width: 20%;
  }
  .product-template:not(.template-no-sidebar) .product-media_thumbnails .media-thumbnails:not(.tns-carousel) > div:nth-child(n+6) {
    display: none;
  }
}

.slide-flex-preload.slide_ui-element:not(.tns-slider) {
  display: flex;
}

.section_content-body .tns-inner .product-section {
  -webkit-padding-start: 0;
  padding-inline-start: 0;
}

.boxed-wapper iframe {
  min-width: 100%;
  min-height: 100%;
  max-width: 100%;
  max-height: 100%;
}

.as-track-button .aftership-poweredBy {
  margin-top: 15px;
}

.slideshow-dot {
  position: absolute;
  bottom: 20px;
  z-index: 11;
  width: 100%;
  display: flex;
  justify-content: center;
}

.slideshow-dot a {
  margin: 0 5px;
}

.slideshow-dot a .circle {
  width: 16px;
  height: 16px;
  border: 2px solid var(--body-bg-color);
  display: block;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}

.slideshow-dot a.tns-nav-active .circle {
  box-shadow: none;
  border-color: var(--main-color);
}

.slideshow-dot a.tns-nav-active .circle, .slideshow-dot a:hover .circle {
  background: var(--main-color);
}

.js-slider-controls {
  display: none;
}

@media (min-width: 768px) {
  .js-slider-controls {
    display: block;
  }
}

.js-slider-controls span {
  z-index: 2;
  width: 35px;
  height: 35px;
  display: flex;
  margin-top: 10px;
  align-items: center;
  justify-content: center;
  top: 0;
  background: var(--miscellaneous-color);
  cursor: pointer;
}

.js-slider-controls span path {
  stroke: var(--body-second-color);
}

.js-slider-controls span[aria-disabled=true] {
  opacity: .7;
  cursor: not-allowed;
}

.js-slider-controls .js-prev-button {
  position: absolute;
  right: 45px;
}

.js-slider-controls .js-prev-button svg {
  -webkit-margin-start: -1px;
  margin-inline-start: -1px;
}

.js-slider-controls .js-next-button {
  position: absolute;
  right: 0;
}

.tns-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 10px 0;
  height: 15px;
}

.tns-nav button {
  width: 12px;
  height: 12px;
  margin: 2px 7px;
  border: 2px solid var(--miscellaneous-color);
  background: var(--body-second-color);
  position: relative;
}

.tns-nav button.tns-nav-active, .tns-nav button:hover {
  border: 2px solid var(--body-second-color);
}

.featured_block-category .menu_list-wrapper li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 6px 0;
}

.featured_block-category .menu_list-wrapper li a {
  line-height: 23px;
  font-size: var(--body-14);
  color: var(--body-second-color);
}

.featured_block-category .menu_list-wrapper li .number {
  background: var(--body-border-color);
  font-size: 12px;
  padding: 2px 3px;
  border-radius: 2px;
  -webkit-margin-start: 12px;
  margin-inline-start: 12px;
}

.featured_block-category .menu_list-wrapper li .expand {
  position: relative;
  display: inline-block;
  margin-top: -2px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.featured_block-category .menu_list-wrapper li .expand:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  display: inline-block;
  width: 10px;
  height: 2px;
  background-color: var(--body-second-color);
}

.featured_block-category .menu_list-wrapper li .expand:before {
  content: "";
  position: absolute;
  top: 4px;
  right: 4px;
  display: inline-block;
  transition: all .2s ease-out;
  width: 2px;
  height: 10px;
  background-color: var(--body-second-color);
}

.featured_block-category .menu_list-wrapper li .expand.is-open:before {
  transform: rotate(90deg);
}

.featured_block-category .menu_list-wrapper li .dropdown-menu {
  width: 100%;
  transition: all .2s ease;
  overflow: hidden;
  display: none;
}

.featured_block-category .menu_list-wrapper li .dropdown-menu li {
  padding: 6px 0 6px 18px;
}

.featured_block-category .menu_list-wrapper li .dropdown-menu li a:before {
  content: "-";
  display: inline-block;
  width: 15px;
}

.featured_block-category .menu_list-wrapper li .dropdown-menu.is-open {
  display: block;
}

.product-card {
  background: var(--miscellaneous-color);
  padding: 10px;
  position: relative;
  height: 100%;
  min-width: 0;
}

@media (min-width: 768px) {
  .product-card {
    padding: 15px 25px;
  }
}

.product-card .featured-product_wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.product-card .product-card_body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.product-card .imageCrop-true img {
  -o-object-fit: cover;
  object-fit: cover;
}

.product-card .product-card_header {
  margin-bottom: 20px;
  position: relative;
}

.product-card.balance-row-1 .product-card_name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.product-card.balance-row-2 .product-card_name {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.2em;
}

.product-card.balance-row-3 .product-card_name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 3.3em;
}

.product-card .countdown {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  display: flex;
}

.product-card .countdown .countdown_item {
  flex: 1;
  background: rgba(var(--main-color-rgba), 1);
  padding: 3px;
  -webkit-border-end: 1px solid var(--body-border-color);
  border-inline-end: 1px solid var(--body-border-color);
}

.product-card .countdown .countdown_item > span {
  display: block;
  text-align: center;
  font-size: var(--body-14);
  font-weight: 500;
}

.product-card .countdown .countdown_item .label {
  font-size: 10px;
}

@media (min-width: 768px) {
  .product-card .countdown .countdown_item {
    padding: 5px 3px 6px;
  }
  .product-card .countdown .countdown_item > span {
    font-size: 17px;
  }
}

@media (min-width: 1200px) {
  .product-card .countdown .countdown_item {
    padding: 6px 3px;
  }
  .product-card .countdown .countdown_item > span {
    font-size: 20px;
    line-height: 22px;
  }
  .product-card .countdown .countdown_item .label {
    line-height: 14px;
  }
}

.product-card .featured_product-overlay {
  position: absolute;
  left: auto;
  top: 0;
  right: 0;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.product-card .featured_product-overlay > button {
  padding: 0;
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (min-width: 1025px) {
  .product-card .featured_product-overlay > button {
    opacity: 0;
    visibility: hidden;
    transform: scale(0.5);
  }
}

@media (hover: hover) {
  .product-card .featured_product-overlay > button:hover a {
    color: var(--body-link);
  }
}

.product-card .btn-quick-shop {
  padding: 0;
  color: var(--body-second-color);
  background: none;
}

.product-card .btn-quick-shop svg {
  color: currentColor;
}

.product-card .btn-quick-shop svg path {
  fill: currentColor;
}

.product-card .btn-quick-shop .svg-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 24px;
  height: 24px;
  display: none;
  align-items: center;
  justify-content: center;
}

.product-card .btn-quick-shop.pending svg:first-of-type {
  display: none;
}

.product-card .btn-quick-shop.pending .svg-loading {
  display: flex;
}

@media (min-width: 1025px) {
  .product-card .btn-quick-shop:hover a {
    color: var(--body-link);
  }
}

@media (min-width: 1025px) {
  .product-card:hover {
    box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.05);
  }
  .product-card:hover .featured_product-overlay > button {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
  .product-card:hover .hover-2 .product-card_image img {
    transform: scale(1.08);
  }
  .product-card:hover .hover-3 .product-card_image img {
    filter: blur(1.5px);
  }
  .product-card:hover .product-card_footer .product-card_action .btn svg {
    fill: var(--main-color);
  }
}

.product-card .add-to-wishlist.arn_added path {
  fill: var(--main-color);
}

.product-card .add-to-compare.arn-cp-added {
  background: none;
}

.product-card .add-to-compare.arn_added path {
  fill: var(--main-color);
}

.product-card .jdgm-prev-badge__text {
  display: none;
}

.modal-quick-shop .product-wrapper[data-status=out-stock] .btn-pre-order.d-none, .product-template .product-wrapper[data-status=out-stock] .btn-pre-order.d-none {
  display: none !important;
}

.product-card_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  margin-top: auto;
  min-height: 32px;
}

.product-card_footer p {
  margin: 0;
}

.product-card_footer .product-card_action {
  -webkit-margin-start: auto;
  margin-inline-start: auto;
}

.product-card_footer .product-card_action .btn {
  padding: 0;
}

.product-card_footer .product-card_action .btn svg {
  fill: var(--body-second-color);
  color: var(--body-second-color);
  width: 24px;
  height: 24px;
}

.product-card_name {
  margin: 0 0 12px;
  font-size: var(--body-14);
}

@media (min-width: 768px) {
  .product-card_name {
    font-size: var(--product-item-name);
  }
}

.product-card_review > span:not(:empty) {
  margin-bottom: var(--gutter-xs);
}

.product-card_vendor {
  text-transform: uppercase;
  font-weight: 500;
  display: block;
  margin-bottom: 5px;
}

.product-card_vendor a {
  color: var(--body-second-color);
}

.jdgm-histogram__star .jdgm-star, .jdgm-preview-badge .jdgm-star, .jdgm-rev-widg__summary-stars .jdgm-star, .jdgm-rev__rating .jdgm-star {
  color: var(--rating-star-empty-color);
}

.jdgm-histogram__star .jdgm-star.jdgm--on, .jdgm-preview-badge .jdgm-star.jdgm--on, .jdgm-rev-widg__summary-stars .jdgm-star.jdgm--on, .jdgm-rev__rating .jdgm-star.jdgm--on, svg.loox-icon {
  color: var(--rating-star-color);
}

.featured_block .sb-title {
  margin: 0 0 20px;
  font-size: var(--heading-size-h5);
  text-transform: uppercase;
  border-bottom: 1px solid var(--body-border-color);
  padding: 20px 0 15px;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.featured_block .sb-title .filter-clear {
  text-transform: capitalize;
  font-weight: var(--body-font-weight);
}

.featured_block .sb-title .filter-clear span:before {
  bottom: -18px;
}

.featured_block .sb-title .filter-clear svg {
  height: 18px;
}

.label_ui-group {
  position: absolute;
  left: -14px;
  top: 0;
}

@media (min-width: 768px) {
  .label_ui-group {
    position: absolute;
    left: -29px;
  }
}

.label_ui-group > span {
  border-radius: 0;
  padding: 0 10px;
  line-height: 20px;
  position: relative;
  margin-bottom: 7px;
}

.label_ui-group > span:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  position: absolute;
  left: 0;
  top: 100%;
  transform: rotate(45deg);
  margin-top: -1px;
}

.label_ui-group .label_ui-sale:before {
  border-bottom: 4px solid var(--sale-lb-bgcl);
}

.label_ui-group .label_ui-hot:before {
  border-bottom: 4px solid var(--hot-lb-bgcl);
}

.label_ui-group .label_ui-new:before {
  border-bottom: 4px solid var(--new-lb-bgcl);
}

.label_ui {
  line-height: 17px;
  padding: 2px var(--gutter-xxs);
  margin: 0 0 5px;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  display: block;
}

.label_ui-hot {
  color: var(--hot-lb-cl);
  background: var(--hot-lb-bgcl);
}

.label_ui-new {
  color: var(--new-lb-cl);
  background: var(--new-lb-bgcl);
}

.label_ui-sale {
  color: var(--sale-lb-cl);
  background: var(--sale-lb-bgcl);
}

.widget-social-icons {
  display: flex;
  flex-wrap: wrap;
}

.widget-social-icons li {
  -webkit-margin-end: 12px;
  margin-inline-end: 12px;
  display: flex;
}

.widget-social-icons li svg {
  width: 20px;
  height: 20px;
  display: block;
}

.widget-social-icons .svg-facebook-square path {
  fill: #3b5a9a;
}

.widget-social-icons .svg-instagram-square path {
  fill: #b22e9b;
}

.widget-social-icons .svg-pinterest-square path {
  fill: #e11a21;
}

.widget-social-icons .svg-youtube-square path {
  fill: #d72928;
}

.widget-social-icons .svg-twitter-square path {
  fill: #28a9e2;
}

.widget-social-icons .svg-vimeo-square {
  color: #0facb6;
}

.modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: 0 20px;
  visibility: hidden;
  opacity: 0;
  transition: all .2s ease-in-out;
  z-index: 88;
}

.modal.is-open {
  opacity: 1;
  visibility: visible;
}

.modal.is-open .modal_box {
  transform: scale(1);
}

.modal .modal_box {
  transform: scale(0.8);
  margin: auto;
  width: 100%;
}

.modal .modal_wrapper {
  margin: 0 auto;
}

.modal .modal_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background: var(--main-color);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--text-miscellaneous);
}

.modal .modal_close svg {
  color: var(--text-miscellaneous);
  width: 11px;
  height: 11px;
}

.modal .modal_overlay {
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
}

.modal .modal_content {
  background: var(--miscellaneous-color);
  padding: 20px;
  box-shadow: 0 0 7px 5px rgba(0, 0, 0, 0.3);
  width: 100%;
  max-height: calc(100vh - 30px);
  overflow-y: auto;
  margin: 0 auto;
  position: relative;
  transition: all .2s ease-in-out;
}

@media (min-width: 768px) {
  .modal .modal_content {
    padding: 30px;
  }
}

@media (min-width: 768px) {
  .modal .modal_close {
    top: -32px;
  }
}

.modal-currency-vs-language .modal_box {
  width: 280px;
  font-weight: 500;
  overflow: visible;
}

@media (min-width: 375px) {
  .modal-currency-vs-language .modal_box {
    width: 320px;
  }
}

.modal-currency-vs-language .modal_box * {
  color: var(--body-color);
}

.modal-currency-vs-language .modal_box svg path {
  fill: var(--body-color);
}

.modal-currency-vs-language .modal_box select {
  padding: 0 10px;
}

.modal-currency-vs-language .modal_box .select-group {
  position: relative;
  margin-bottom: 30px;
}

.modal-currency-vs-language .modal_box .select-group svg {
  position: absolute;
  right: 10px;
  width: 9px;
  height: 100%;
  pointer-events: none;
}

.modal-currency-vs-language .modal_box .modal_close svg {
  width: 11px;
  height: 11px;
}

.modal-currency-vs-language .modal_header {
  font-size: var(--heading-size-h4);
  margin-bottom: 15px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--body-border-color);
}

.modal-currency-vs-language .modal_content label {
  text-transform: capitalize;
  font-size: var(--heading-size-h5);
}

.modal-currency-vs-language .modal_content > div:last-child {
  margin-bottom: 0;
}

.modal-cart-notify .headline {
  margin: 0 0 30px;
  -webkit-padding-end: 15px;
  padding-inline-end: 15px;
}

.modal-cart-notify .headline svg {
  width: 12px;
  height: 12px;
  -webkit-margin-end: 7px;
  margin-inline-end: 7px;
  position: relative;
  top: 1px;
}

.modal-cart-notify .modal_product {
  display: flex;
  margin-bottom: 25px;
}

.modal-cart-notify .modal_product .modal_product_image {
  align-items: center;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  width: 100px;
}

.modal-cart-notify .modal_product .modal_product_image img {
  width: 100px;
}

.modal-cart-notify .modal_product .modal_product_title {
  font-size: var(--product-item-name);
  font-weight: 500;
  margin: 0 0 8px;
}

.modal-cart-notify .modal_product .modal_product_qty, .modal-cart-notify .modal_product .modal_product_variant {
  margin-bottom: 8px;
  font-size: 15px;
}

.modal-cart-notify .modal_product .modal_product_qty strong {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
}

.modal-cart-notify .modal_product .option {
  display: block;
  color: var(--color-second);
  font-size: var(--body-14);
  margin-top: 8px;
}

.modal-cart-notify .modal_product .modal_product_price {
  font-size: 15px;
}

.modal-cart-notify .modal_product .modal_product_price strong {
  -webkit-margin-end: 8px;
  margin-inline-end: 8px;
}

.modal-cart-notify .modal_action {
  padding: 20px 0 10px;
  border-top: 1px solid var(--body-border-color);
}

.modal-cart-notify .modal_action .modal_number {
  font-size: 15px;
  display: inline-block;
  margin-bottom: 8px;
  -webkit-padding-end: 15px;
  padding-inline-end: 15px;
}

.modal-cart-notify .modal_action .modal_subtotal {
  display: inline-block;
  font-size: var(--product-item-price);
  margin-bottom: 15px;
}

.modal-cart-notify .modal_action .modal_subtotal strong {
  -webkit-margin-end: 15px;
  margin-inline-end: 15px;
}

.modal-cart-notify .wrap-progress {
  margin: 30px 0;
}

.modal-cart-notify .modal_button {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.modal-cart-notify .modal_button .modal_continue {
  margin-bottom: 20px;
}

.modal-cart-notify .modal_button > div {
  width: 100%;
  text-align: center;
}

.modal-cart-notify .modal_button > div a {
  width: 100%;
  height: 50px;
  padding: 0 30px;
  line-height: 50px;
}

@media (min-width: 768px) {
  .modal-cart-notify .modal_box {
    max-width: 680px;
  }
  .modal-cart-notify .modal_product .modal_product_image {
    -webkit-margin-end: 30px;
    margin-inline-end: 30px;
    width: 120px;
    min-height: 126px;
  }
  .modal-cart-notify .modal_product .modal_product_image img {
    width: 120px;
  }
  .modal-cart-notify .modal_action .modal_number {
    margin-bottom: 15px;
    width: 49.5%;
  }
  .modal-cart-notify .modal_action .modal_subtotal {
    width: 49.5%;
    text-align: end;
  }
  .modal-cart-notify .modal_button {
    flex-wrap: nowrap;
  }
  .modal-cart-notify .modal_button .modal_continue {
    margin-bottom: 0;
  }
  .modal-cart-notify .modal_button > div {
    width: auto;
  }
}

.modal-newsletter .modal_content {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.modal-newsletter .modal_content .image {
  width: 100%;
  display: none;
}

.modal-newsletter .modal_content .content {
  width: 100%;
  text-align: center;
  padding: 25px 10px;
}

.modal-newsletter .modal_content .heading {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 15px;
}

.modal-newsletter .modal_content .subheading {
  margin-bottom: 30px;
  font-size: var(--body-14);
}

.modal-newsletter .modal_content .newsletter-form form {
  display: flex;
}

.modal-newsletter .modal_content .newsletter-form form input {
  -webkit-border-end: 0;
  border-inline-end: 0;
}

.modal-newsletter .modal_content .newsletter-form .btn-text {
  display: flex;
  align-content: center;
  justify-content: center;
}

.modal-newsletter .modal_content .newsletter-form .btn {
  padding: 0 20px;
}

.modal-newsletter .modal_content .newsletter-form .btn svg {
  width: 20px;
  height: 20px;
}

.modal-newsletter .modal_content .social {
  margin-top: 40px;
  margin-bottom: 10px;
}

.modal-newsletter .modal_content .widget-social-icons {
  justify-content: center;
}

.modal-newsletter .modal_content .widget-social-icons li svg {
  width: 35px;
  height: 35px;
}

@media (min-width: 768px) {
  .modal-newsletter .modal_box {
    max-width: 750px;
  }
  .modal-newsletter .modal_content .image {
    width: 46%;
    display: block;
  }
  .modal-newsletter .modal_content .content {
    width: 54%;
    padding: 30px 35px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
  }
}

@media (min-width: 992px) {
  .modal-newsletter .modal_box {
    max-width: 100%;
    width: 840px;
  }
  .modal-newsletter .modal_content .heading {
    font-size: var(--heading-size-h1);
  }
}

.cart-list {
  overflow: hidden;
}

.cart-item {
  display: flex;
  align-items: center;
}

.cart-item .image {
  max-width: 70px;
  width: 100%;
  -webkit-margin-end: 15px;
  margin-inline-end: 15px;
}

@media (min-width: 374px) {
  .cart-item .image {
    max-width: 100px;
  }
}

.cart-item .option {
  display: block;
  color: var(--color-second);
  font-size: var(--body-14);
  margin-top: 8px;
}

.cart-item .money {
  color: var(--price-color);
  font-weight: 500;
}

.cart-item .btn-remove {
  border: 1px solid var(--color-second);
  flex: 0 0 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-second);
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}

.cart-item .btn-remove svg {
  width: 12px;
  height: 12px;
}

.drawer-cart {
  display: flex;
}

.drawer-cart .btn-remove .svg-loading {
  display: none;
}

.drawer-cart .btn-remove.pending .svg-loading {
  display: block;
}

.drawer-cart .input-group {
  display: flex;
  margin-top: 10px;
  margin-bottom: 25px;
}

.drawer-cart .input-group input {
  width: 16px;
  height: 16px;
  padding: 0;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  margin-top: 2px;
  position: relative;
  cursor: pointer;
}

.drawer-cart .input-group input:checked:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10'%3E%3Cpath fill='%231010ff' d='M12 1.741L4.267 10 0 5.427l1.633-1.739L4.27 6.515 10.37 0 12 1.741z'/%3E%3C/svg%3E");
  position: absolute;
  left: 1px;
  top: -1px;
  bottom: 0;
}

.drawer-cart .input-group label {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: var(--body-font-size);
  cursor: pointer;
}

.drawer-cart .input-group label > a {
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
}

.drawer-cart .lazy-drawer-cart {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  transform: translateX(100%);
  background: var(--body-bg-color);
  z-index: 205;
  transition: all .5s ease-in-out;
  display: flex;
  justify-content: center;
  height: 100%;
}

.drawer-cart .lazy-drawer-cart section {
  display: block;
  height: 100%;
  width: 100%;
}

.drawer-cart .lazy-drawer-cart form {
  width: 100%;
}

.drawer-cart .lazy-drawer-cart .empty {
  padding: 35px 0;
}

.drawer-cart .form_wrapper {
  overflow-y: auto;
  max-height: calc(100vh - 336px);
}

.drawer-cart.is-open .lazy-drawer-cart {
  transform: translateX(0);
}

.drawer-cart.is-open .drawer_overlay {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 111;
}

.drawer-cart .svg-loading {
  display: block;
}

.drawer-cart .btn-close {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.drawer-cart .btn-close svg {
  width: 13px;
  height: 13px;
}

.drawer-cart .drawer_header {
  position: relative;
  display: block;
  padding: 13px 15px;
  background: var(--main-color);
  text-transform: uppercase;
  font-weight: 500;
}

.drawer-cart .cart-item {
  padding: 20px 20px 15px;
}

.drawer-cart .info {
  -webkit-margin-end: 15px;
  margin-inline-end: 15px;
  width: 100%;
}

.drawer-cart .info p {
  margin: 0;
}

.drawer-cart .info .qty {
  color: var(--color-second);
  text-transform: uppercase;
  margin-top: 10px;
}

.drawer-cart .info .qty input {
  width: 40px;
  height: 100%;
  border: 0;
  padding: 0;
  text-align: center;
  color: var(--color-second);
}

.drawer-cart .form-bottom {
  padding: 20px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.drawer-cart .form-bottom .sb-text {
  font-size: var(--body-14);
}

.drawer-cart .form-bottom .sb-text .money {
  color: var(--price-color);
  font-weight: 500;
}

.drawer-cart .form-bottom .buttons {
  display: block;
}

.drawer-cart .form-bottom .buttons .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 10px 0;
  height: 49px;
}

.drawer-cart .cart-total {
  padding: 20px 0 10px;
  margin-top: 20px;
  color: var(--color-second);
  border-top: 1px solid var(--body-border-color);
  display: flex;
  justify-content: space-between;
}

.drawer-cart .cart-total .money {
  font-size: 18px;
  color: var(--price-color);
  font-weight: 500;
}

@media (min-width: 575px) {
  .drawer-cart .lazy-drawer-cart {
    width: 400px;
  }
}

@media (hover: hover) {
  .header-cart:hover .header-cart_dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
}

.header-cart .lazy-dropdown-cart > .svg-loading {
  display: block;
}

.header-cart .input-group {
  display: flex;
  margin-top: 10px;
  margin-bottom: 25px;
}

.header-cart .input-group input {
  width: 16px;
  height: 16px;
  padding: 0;
  -webkit-margin-end: 10px;
  margin-inline-end: 10px;
  margin-top: 2px;
  position: relative;
  cursor: pointer;
}

.header-cart .input-group input:checked:after {
  content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10'%3E%3Cpath fill='%231010ff' d='M12 1.741L4.267 10 0 5.427l1.633-1.739L4.27 6.515 10.37 0 12 1.741z'/%3E%3C/svg%3E");
  position: absolute;
  left: 1px;
  top: -1px;
  bottom: 0;
}

.header-cart .input-group label {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  font-size: var(--body-font-size);
  cursor: pointer;
}

.header-cart .input-group label > a {
  -webkit-margin-start: 5px;
  margin-inline-start: 5px;
}

.header-cart .cart-empty, .header-cart[data-items="0"] .lazy-dropdown-cart {
  display: none;
}

.header-cart[data-items="0"] .cart-empty {
  display: block;
}

.header-cart_dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 100;
  background: none;
  opacity: 0;
  visibility: hidden;
  padding-top: 20px;
  transform: translateY(10px);
  transition: all .3s ease-in-out;
}

.header-cart_dropdown .pending .svg-loading {
  display: block;
}

.header-cart_dropdown .form_wrapper {
  max-height: 262px;
  overflow-y: auto;
}

.header-cart_dropdown .header-cart_wrapper {
  padding: 20px 20px 19px;
  position: relative;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
  width: 380px;
  background: var(--body-bg-color);
}

.header-cart_dropdown .header-cart_wrapper:before {
  content: "";
  position: absolute;
  top: -7px;
  right: 50px;
  background: var(--body-bg-color);
  transform: rotate(45deg);
  border-top: 1px solid var(--body-border-color);
  -webkit-border-start: 1px solid var(--body-border-color);
  border-inline-start: 1px solid var(--body-border-color);
  width: 15px;
  height: 15px;
}

.header-cart_dropdown .title {
  font-size: 15px;
  color: var(--color-second);
  padding: 10px 0 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--color-second);
}

.header-cart_dropdown .cart-list {
  overflow: hidden;
}

.header-cart_dropdown .cart-item {
  padding: 10px 0 15px;
}

.header-cart_dropdown .cart-item .quantity {
  color: var(--color-second);
  margin-top: 8px;
}

.header-cart_dropdown .subtotal {
  padding: 20px 0;
  margin-top: 20px;
  color: var(--color-second);
  border-top: 1px solid var(--body-border-color);
  font-size: 15px;
  display: flex;
  justify-content: space-between;
}

.header-cart_dropdown .subtotal .money {
  font-size: 18px;
}

.header-cart_dropdown .action .action_buttons {
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
}

.header-cart_dropdown .action .action_buttons a {
  width: 45%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 32px;
  border-radius: 3px;
}

@media (min-width: 1025px) {
  .header-cart_dropdown {
    display: flex;
  }
}

.page-404 .page-content {
  margin: 0 auto;
  max-width: 460px;
}

.page-404 .page-text-content {
  margin: 30px 0 60px;
}

.page-404 .page-text-content h1 {
  font-size: 130px;
  font-weight: 400;
  color: #d0d0d0;
  margin-bottom: 25px;
  line-height: 1.2;
}

.page-404 .page-text-content h2 {
  line-height: 1.65;
  font-size: 24px;
}

.page-404 .page-text-content p {
  margin: 0 0 45px;
  font-size: var(--body-14);
  color: var(--color-second);
  line-height: 1.9;
}

.page-404 .form-group {
  display: flex;
}

.page-404 .form-group input {
  background: var(--miscellaneous-color);
}

.page-404 .form-group .btn {
  padding-top: 0;
  padding-bottom: 0;
  -webkit-margin-start: 12px;
  margin-inline-start: 12px;
}

.page-404 .homepage-redirect {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 30px 0 60px;
}

.page-404 .homepage-redirect .svg_element-ui {
  line-height: 10px;
  -webkit-margin-end: 5px;
  margin-inline-end: 5px;
}

.page-404 .homepage-redirect svg {
  width: 11px;
  height: 11px;
}

@media (hover: hover) {
  .page-404 .homepage-redirect:hover {
    color: var(--main-color);
  }
  .page-404 .homepage-redirect:hover svg {
    fill: var(--main-color);
  }
}

@media (min-width: 768px) {
  .page-404 .page-text-content h1 {
    font-size: 180px;
  }
  .page-404 .page-text-content h2 {
    font-size: 36px;
  }
  .page-404 .page-text-content p {
    font-size: 18px;
  }
}

.jdgm-form__fieldset-actions .jdgm-cancel-rev {
  margin-bottom: 20px;
}

.container {
  max-width: 1200px;
}

.container, .container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters > .col, .no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-5th, .col-6, .col-7, .col-8, .col-8th, .col-9, .col-10, .col-11, .col-12, .col-auto, .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-5th, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-8th, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-auto, .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-5th, .col-md-6, .col-md-7, .col-md-8, .col-md-8th, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-auto, .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-5th, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-8th, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-5th, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-8th, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-auto, .col-xs-5th, .col-xs-8th, .col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4, .col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8, .col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1, .col-auto {
  -webkit-box-flex: 0;
}

.col-1 {
  flex: 0 0 8.333333%;
  max-width: 8.333333%;
}

.col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.col-2, .col-3 {
  -webkit-box-flex: 0;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.col-4, .col-5 {
  -webkit-box-flex: 0;
}

.col-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-6, .col-7 {
  -webkit-box-flex: 0;
}

.col-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%;
}

.col-8 {
  flex: 0 0 66.666667%;
  max-width: 66.666667%;
}

.col-8, .col-9 {
  -webkit-box-flex: 0;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.333333%;
  max-width: 83.333333%;
}

.col-10, .col-11 {
  -webkit-box-flex: 0;
}

.col-11 {
  flex: 0 0 91.666667%;
  max-width: 91.666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.col-5th, .col-12 {
  -webkit-box-flex: 0;
}

.col-5th {
  flex: 0 0 20%;
  max-width: 20%;
}

.col-7th {
  flex: 0 0 14.285714%;
  max-width: 14.285714%;
}

.col-7th, .col-8th {
  -webkit-box-flex: 0;
}

.col-8th {
  flex: 0 0 12.5%;
  max-width: 12.5%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 13;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

@media (min-width: 375px) {
  .col-xxs-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xxs-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xxs-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xxs-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xxs-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xxs-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xxs-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xxs-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xxs-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xxs-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xxs-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xxs-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xs-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xs-7th {
    flex: 0 0 14.285714%;
    max-width: 14.285714%;
  }
  .col-xs-8th {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 13;
  }
  .order-sm-0 {
    order: 0;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.333333%;
  }
  .offset-sm-2 {
    margin-left: 16.666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.333333%;
  }
  .offset-sm-5 {
    margin-left: 41.666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.333333%;
  }
  .offset-sm-8 {
    margin-left: 66.666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.333333%;
  }
  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-md-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-md-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-md-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-md-7th {
    flex: 0 0 14.285714%;
    max-width: 14.285714%;
  }
  .col-md-8th {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 13;
  }
  .order-md-0 {
    order: 0;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.333333%;
  }
  .offset-md-2 {
    margin-left: 16.666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.333333%;
  }
  .offset-md-5 {
    margin-left: 41.666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.333333%;
  }
  .offset-md-8 {
    margin-left: 66.666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.333333%;
  }
  .offset-md-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-lg-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-lg-7th {
    flex: 0 0 14.285714%;
    max-width: 14.285714%;
  }
  .col-lg-8th {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 13;
  }
  .order-lg-0 {
    order: 0;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.333333%;
  }
  .offset-lg-2 {
    margin-left: 16.666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.333333%;
  }
  .offset-lg-5 {
    margin-left: 41.666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.333333%;
  }
  .offset-lg-8 {
    margin-left: 66.666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.333333%;
  }
  .offset-lg-11 {
    margin-left: 91.666667%;
  }
}

@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .col-xl-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-xl-5th {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xl-7th {
    flex: 0 0 14.285714%;
    max-width: 14.285714%;
  }
  .col-xl-8th {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 13;
  }
  .order-xl-0 {
    order: 0;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.333333%;
  }
  .offset-xl-2 {
    margin-left: 16.666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.333333%;
  }
  .offset-xl-5 {
    margin-left: 41.666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.333333%;
  }
  .offset-xl-8 {
    margin-left: 66.666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.333333%;
  }
  .offset-xl-11 {
    margin-left: 91.666667%;
  }
}

.clearfix:after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}

@media print {
  .d-print-none {
    display: none !important;
  }
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.d-grid {
  display: grid;
}

.grid-1 {
  grid-template-columns: repeat(1, 1fr);
}

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

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

.grid-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-6 {
  grid-template-columns: repeat(6, 1fr);
}

.grid-7 {
  grid-template-columns: repeat(7, 1fr);
}

.grid-8 {
  grid-template-columns: repeat(8, 1fr);
}

.grid-9 {
  grid-template-columns: repeat(9, 1fr);
}

.grid-10 {
  grid-template-columns: repeat(10, 1fr);
}

.grid-11 {
  grid-template-columns: repeat(11, 1fr);
}

.grid-12 {
  grid-template-columns: repeat(12, 1fr);
}

@media (min-width: 576px) {
  .grid-sm-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-sm-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-sm-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-sm-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-sm-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-sm-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-sm-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid-sm-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-sm-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid-sm-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid-sm-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid-sm-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}

@media (min-width: 768px) {
  .grid-md-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-md-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-md-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-md-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-md-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-md-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-md-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid-md-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-md-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid-md-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid-md-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid-md-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}

@media (min-width: 992px) {
  .grid-lg-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-lg-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-lg-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-lg-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-lg-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-lg-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-lg-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid-lg-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-lg-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid-lg-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid-lg-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid-lg-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}

@media (min-width: 1200px) {
  .grid-xl-1 {
    grid-template-columns: repeat(1, 1fr);
  }
  .grid-xl-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .grid-xl-3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .grid-xl-4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .grid-xl-5 {
    grid-template-columns: repeat(5, 1fr);
  }
  .grid-xl-6 {
    grid-template-columns: repeat(6, 1fr);
  }
  .grid-xl-7 {
    grid-template-columns: repeat(7, 1fr);
  }
  .grid-xl-8 {
    grid-template-columns: repeat(8, 1fr);
  }
  .grid-xl-9 {
    grid-template-columns: repeat(9, 1fr);
  }
  .grid-xl-10 {
    grid-template-columns: repeat(10, 1fr);
  }
  .grid-xl-11 {
    grid-template-columns: repeat(11, 1fr);
  }
  .grid-xl-12 {
    grid-template-columns: repeat(12, 1fr);
  }
}

.grid-gap-5 {
  grid-gap: 5px;
}

.grid-gap-10 {
  grid-gap: 10px;
}

.grid-gap-15 {
  grid-gap: 15px;
}

.grid-gap-20 {
  grid-gap: 20px;
}

.grid-gap-25 {
  grid-gap: 25px;
}

.grid-gap-30 {
  grid-gap: 30px;
}

@media (min-width: 768px) {
  .grid-gap-md-5 {
    grid-gap: 5px;
  }
  .grid-gap-md-10 {
    grid-gap: 10px;
  }
  .grid-gap-md-15 {
    grid-gap: 15px;
  }
  .grid-gap-md-20 {
    grid-gap: 20px;
  }
  .grid-gap-md-25 {
    grid-gap: 25px;
  }
  .grid-gap-md-30 {
    grid-gap: 30px;
  }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  line-height: 1.1;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
}

b {
  font-weight: 700;
}

.h1, h1 {
  font-size: var(--heading-size-h1);
  font-weight: var(--heading-1-weight);
}

.h2, h2 {
  font-size: var(--heading-size-h2);
  font-weight: var(--heading-2-weight);
}

.h3, h3 {
  font-size: var(--heading-size-h3);
  font-weight: var(--heading-3-weight);
}

.h4, h4 {
  font-size: var(--heading-size-h4);
  font-weight: var(--heading-4-weight);
}

.h5, h5 {
  font-size: var(--heading-size-h5);
  font-weight: var(--heading-5-weight);
}

.h6, h6 {
  font-size: var(--heading-size-h6);
  font-weight: var(--heading-6-weight);
}

.page-title {
  font-size: var(--heading-size-h1);
  font-weight: var(--heading-1-weight);
}

.section_title-wrapper {
  text-align: var(--section-heading-align);
}

.section_title-wrapper:empty {
  display: none;
}

.section_title-wrapper > div:not(:last-child) {
  margin-bottom: var(--gutter-sm);
}

.section_title-wrapper .section_title-text-1 {
  color: var(--section-heading-cl);
  font-weight: var(--section-heading-fw);
}

.section_title-wrapper .section_title-text-1 svg {
  -webkit-margin-end: var(--gutter-xs);
  margin-inline-end: var(--gutter-xs);
}

.section_title-wrapper .section_title-text-2 {
  color: var(--section-subheading-cl);
  font-weight: var(--section-subheading-fw);
}

@media (max-width: 767px) {
  .section_title-wrapper > div:not(:last-child) {
    margin-bottom: var(--gutter-xs);
  }
}

.tns-outer {
  padding: 0 !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-outer [aria-controls], .tns-outer [data-action] {
  cursor: pointer;
}

.tns-slider {
  transition: all 0s;
}

.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
  display: flex;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-gallery, .tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s,opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  transition: all .25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity .6s;
  opacity: .6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
  display: none;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-fadeOut, .tns-normal {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

.tns-vpfix {
  white-space: nowrap;
}

.tns-vpfix > div, .tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.33333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.42857%;
  height: 10px;
  float: left;
}

#breadcrumb.bg-image {
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  #breadcrumb.bg-image {
    margin-bottom: 35px;
  }
}

.breadcrumb-list {
  display: flex;
  align-items: center;
  padding: var(--gutter-xs) 0;
  overflow: hidden;
  overflow-x: auto;
}

.breadcrumb-list > li {
  line-height: 30px;
  font-size: calc(var(--body-font-size) - .15rem);
}

.breadcrumb-list > li a {
  white-space: nowrap;
  color: var(--breadcrumb-color-1);
}

.breadcrumb-list > li a:hover {
  color: var(--main-color);
}

.breadcrumb-list > li.active a {
  color: var(--breadcrumb-color-2);
}

.breadcrumb-list .svg-element-ui {
  padding: 0 8px;
}

.breadcrumb-list .svg-element-ui svg {
  width: 9px;
  height: 9px;
}

@media (min-width: 992px) {
  .breadcrumb-list {
    padding: var(--gutter-md) 0;
  }
}

.page-heading > div {
  display: flex;
  overflow-y: hidden;
  overflow-x: auto;
  margin-bottom: 20px;
}

.page-heading > div h1 {
  font-size: var(--heading-size-h2);
}

.page-heading > div small {
  -webkit-padding-start: 10px;
  padding-inline-start: 10px;
}

.pagination-holder {
  margin: var(--gutter-lg) auto 0;
}

.pagination-holder .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagination-holder .pagination .svg-element-ui svg {
  width: 14px;
  height: 14px;
  fill: currentColor;
}

.pagination-holder .pagination li {
  padding: 0 5px;
}

.pagination-holder .pagination li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--body-border-color);
}

.pagination-holder .pagination li.active a, .pagination-holder .pagination li:hover a {
  background: var(--body-second-color);
  color: var(--text-miscellaneous);
}

.pagination-holder .pagination li.active svg, .pagination-holder .pagination li:hover svg {
  fill: var(--text-miscellaneous);
}

.page-search {
  margin-bottom: 70px;
  margin-top: 40px;
}

.page-search .page_title {
  margin-bottom: 30px;
}

.page-search .page_search-form {
  max-width: 500px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.page-search .page_search-form .form-group {
  position: relative;
}

.page-search .page_search-form .form-group input {
  -webkit-padding-end: 50px;
  padding-inline-end: 50px;
  height: 45px;
  background: var(--miscellaneous-color);
}

.page-search .page_search-form .btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.page-search .page_search-form .btn svg {
  width: 20px;
  height: 20px;
}

.page-search .pagination-holder {
  margin-top: 40px;
}

@media (min-width: 768px) {
  .page-search {
    margin-bottom: 100px;
  }
}

.home-slideshow-banner .js-slider-controls span, .home-slideshow .js-slider-controls span, .logo-list .js-slider-controls span, .slideshow-v2 .js-slider-controls span {
  width: 50px;
  height: 50px;
  margin-top: -25px;
  background: #fff;
  top: 50%;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.7);
}

.home-slideshow-banner .js-slider-controls span svg, .home-slideshow .js-slider-controls span svg, .logo-list .js-slider-controls span svg, .slideshow-v2 .js-slider-controls span svg {
  width: 14px;
  height: 14px;
}

.home-slideshow-banner .js-slider-controls .js-prev-button, .home-slideshow .js-slider-controls .js-prev-button, .logo-list .js-slider-controls .js-prev-button, .slideshow-v2 .js-slider-controls .js-prev-button {
  position: absolute;
  left: -10px;
}

.home-slideshow-banner .js-slider-controls .js-prev-button:after, .home-slideshow .js-slider-controls .js-prev-button:after, .logo-list .js-slider-controls .js-prev-button:after, .slideshow-v2 .js-slider-controls .js-prev-button:after {
  display: none;
}

.home-slideshow-banner .js-slider-controls .js-next-button, .home-slideshow .js-slider-controls .js-next-button, .logo-list .js-slider-controls .js-next-button, .slideshow-v2 .js-slider-controls .js-next-button {
  position: absolute;
  right: -10px;
}




.featured_blog__item-author {
  display: none !important;
} /* 1. Wyzeruj ten sztuczny padding */
footer .accept-payment span.image_style {
  padding-top: 0 !important;
  height: auto !important;
} /* 2. Upewnij się, że płatności dopasują się do zawartości */
footer .accept-payment,
footer .accept-payment .payment-list,
footer .accept-payment .payment-list > span {
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
footer .accept-payment {
  padding-top: 60px !important;
}
span.image__style {
  margin-right: 10px !important;
}

.payment-list > span.image__style:first-of-type img {
  height: auto;
}
.payment-list > span.image__style:not(:first-of-type) {
  display: none !important;
}
.footer .accept-payment .payment-list > span {
  width: 0px;
}
.footer .accept-payment .payment-list > span:first-child {
  width: 280px;
}

#oo-tax-exemption {
  display: flex;
  flex-direction: column; /* układ elementów w kolumnie */
  align-items: center; /* wyśrodkowanie w poziomie */
  justify-content: center; /* wyśrodkowanie w pionie, jeśli ma wysokość */
  text-align: center; /* tekst w środku */
}
#oo-tax-exemption {
  margin: 30px auto;
  max-width: 500px;
  text-align: center;
} /* --- WARIANT: koszyk w GRID --- */ /* Spraw, by blok aplikacji z VAT zajął całą szerokość siatki (obie kolumny) */
.shopify-block.shopify-app-block[id*="oo_eu_tax_exemption"],
.shopify-block[id*="oo_eu_tax_exemption"] {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  display: flex; /* wyśrodkuj zawartość */
  justify-content: center;
}
.cart,
.cart__items,
.cart__contents {
  /* nic nie zmieniamy globalnie, to tylko selektory rodziców dla kontekstu */
}
.cart .shopify-block.shopify-app-block[id*="oo_eu_tax_exemption"] {
  width: 100% !important;
  order: 99; /* niekiedy trzeba, żeby wylądowało pod listą produktów */
  display: flex;
  justify-content: center;
}
.cart
  .shopify-block.shopify-app-block[id*="oo_eu_tax_exemption"]
  #oo-tax-exemption {
  max-width: 560px;
  width: 100%;
  margin: 24px auto;
  text-align: center;
}
#verifyButton,
.verifyButton {
  width: 100%;
}
#section-template--26548536148315__1603428577967 {
  margin: 20px 0px 0px 0px;
}
span .out-stock {
  display: none !important;
}

@media (min-width: 992px) {
    .filter-wrapper .tabs-content {
       
        padding-top: 180px;
    }
}

#section-template--26548536148315__16039458302efd4492 .tabs-content .tabs-content_item
Specificity: (1,2,0)
 {
    background-color: rgba(0, 0, 0, 0);
    padding-top: 50px!important;
    margin-top: 20px!important;
}
.filter-wrapper .tabs-content_wrapper {
    padding: 0px 25px 0px; 
}

#section-template--26548536148315__16039458302efd4492 .tabs-content .tabs-content_item {
    
    padding-top: 80px;
}

#linguise_floating_wrapper .linguise_switcher {
  top: 50px !important;
  right: 10px !important; /* jeśli chcesz zachować prawą krawędź */
  position: fixed !important;
}

#section-template--26548536148315__1602688560872 #block-1602688560872-0 .card_section-content.overlay-ui {
  
    top: 7%!important;
left:10%!important;
}

#section-template--26548536148315__1602688560872 #block-1602688560872-1 .card_section-content.overlay-ui {
  top: 7%!important;
left:10%!important;
}


.home-categories .card_section-item-inner .card_section-menu ul li .title,
.home-categories .card_section-item-inner .card_section-menu ul li .title a {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: unset !important;
  line-height: 1.4;
} /* tylko w stopce – dopasuj selektor do swojego wrappera */
.footer,
.card_footer,
.footer-information {
  /* nic nie trzeba tu, to tylko kotwica dla selektora poniżej */
} /* linki telefoniczne w stopce */
.footer a[href^="tel"],
.footer a[href^="tel"]:link,
.footer a[href^="tel"]:visited,
.footer a[href^="tel"]:hover,
.footer a[href^="tel"]:active,
.footer a[href^="tel"]:focus {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important; /* iOS Safari */
  text-decoration: none; /* opcjonalnie bez podkreślenia */
}
.st-wishlist-details-button.st-wishlist-details-button--bottom_right.st-initialized {
  display: none !important;
}
.card_section-text.card_section-text-1 {
  color: black !important;
  font-size: 30px !important;
} /* === OGRANICZENIE WYSOKOŚCI DRZEWKA KATEGORII === */ /* kontener listy */
.menu_list-body {
  max-height: calc(100vh - 160px);
  overflow-y: auto;
} /* rozwinięta lista (to ona ciągnęła się w dół) */
.menu_list-body ul.dropdown-menu.is-open {
  max-height: 420px; /* możesz zmienić: 360 / 400 / 480 */
  overflow-y: auto;
} /* żeby elementy nie rozciągały rodzica */
.menu_list,
.menu_list-wrapper,
.menu_list-item {
  align-items: flex-start;
}
.featured_block-category .menu_list-wrapper li .number {
  display: none;
}
/* kontener menu musi być punktem odniesienia */
.menu-list {
  position: relative;
}

@media (min-width: 992px) {
  .layout-grid--left-sidebar {
    grid-template-columns: 280px 1fr !important;
  }

  .layout-grid--right-sidebar {
    grid-template-columns: 1fr 280px !important;
  }
}

/* Ukryj puste kafelki-placeholdery (bez linku do produktu) */
.product-item:not(:has(a[href*="/products/"])),
.product-card:not(:has(a[href*="/products/"])),
.grid__item:not(:has(a[href*="/products/"])) {
  display: none !important;
}
.search-sort-wrapper {
  display: flex;
  justify-content: flex-end; /* albo space-between */
  margin-bottom: 20px;
}

.search-sort-wrapper select {
  padding: 8px 12px;
  border: 1px solid #ccc;
  font-size: 14px;
}

.search-toolbar{
  display:flex;
  justify-content:flex-end;
  margin: 10px 0 20px;
}
.search-sort-select{
  padding: 8px 12px;
  border: 1px solid #ccc;
  background: #fff;
}


/* ============================= */
/* MEGA MENU – SCROLL FIX (FINAL) */
/* ============================= */

@media (min-width: 992px) {

  /* 1. NIE BLOKUJ scrolla na rodzicu */
  li.menu-item.ipad-lazy-menu.dropdown-submenu {
    overflow: visible !important;
  }

  /* 2. WŁAŚCIWY element do scrolla */
  li.menu-item.ipad-lazy-menu.dropdown-submenu
  > .dropdown-menu.grandchild-menu {
    max-height: calc(100vh - 180px) !important;
    overflow-y: auto !important;
    overflow-x: hidden;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }

}

/* Mobile / tablet */
@media (max-width: 991px) {

  li.menu-item.ipad-lazy-menu.dropdown-submenu
  > .dropdown-menu.grandchild-menu {
    max-height: calc(100vh - 140px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }

}
/* SEARCH – przenieś sortowanie nad sekcję wyników */
.page-search .search-sort-wrapper {
  order: 2;
  margin: 0 0 20px 0;
}

.page-search .page_search-results {
  display: flex;
  flex-direction: column;
}

.page-search .page_search-results .search-sort-wrapper {
  margin-bottom: 20px;
}
.page-search .search-sort-wrapper {
  margin-top: 30px;
  margin-bottom: 20px;
}
.page-search .page_title {
  margin-top: 20px;
}

.collection-topbar {
  width: 100%;
  margin: 16px 0 24px;
}

.collection-topbar .collection-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
}

/* ===== Brand filter trigger label (collection toolbar) ===== */

/* Upewnij się, że przycisk ma miejsce na tekst */
.collection-topbar .js-toggle-sb,
.collection-toolbar .js-toggle-sb,
.collection-toolbar-item .js-toggle-sb {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  text-decoration: none;
}

/* Zawsze pokaż label (nie używamy :empty, bo często w środku jest ikonka/whitespace) */
.collection-topbar .js-toggle-sb::after,
.collection-toolbar .js-toggle-sb::after,
.collection-toolbar-item .js-toggle-sb::after {
  content: "Wybierz markę";
  font-size: 14px;
  font-weight: 500;
  color: #111;
  line-height: 1;
}

/* Jeśli klikany element jest bardzo wąski przez styl motywu */
.collection-topbar .js-toggle-sb,
.collection-toolbar .js-toggle-sb,
.collection-toolbar-item .js-toggle-sb {
  width: auto !important;
}
/* upewnij się, że drawer jest pozycjonowany */
#sidebarDrawer, .sidebarDrawer {
  position: relative;
}

.brand-drawer-close {
  position: absolute;
  top: 10px;
  right: 12px;
  font-size: 30px;
  line-height: 1;
  background: transparent;
  border: 0;
  cursor: pointer;
  z-index: 99999;
  color: #000;
}
/* === Pokaż wbudowany "X" do zamykania drawer'a na desktopie === */
#sidebarDrawer { 
  position: relative; 
}

#sidebarDrawer .sidebarDrawer-close {
  display: block !important;        /* przebija d-lg-none */
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 999999;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 34px;
  background: transparent;
  border: 0;
  cursor: pointer;
  color: #000;
}

/* jeśli to jest link <a>, usuń domyślne style linku */
#sidebarDrawer .sidebarDrawer-close,
#sidebarDrawer .sidebarDrawer-close:visited,
#sidebarDrawer .sidebarDrawer-close:hover {
  text-decoration: none !important;
  color: #000 !important;
}

/* === FIX: ładny X w drawerze filtrów === */
#sidebarDrawer { 
  position: relative; 
}

/* przycisk zamykania */
#sidebarDrawer .sidebarDrawer-close{
  display: flex !important;
  align-items: center;
  justify-content: center;

  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 999999;

  width: 38px;
  height: 38px;
  padding: 0;

  background: #fff;            /* białe kółko */
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 999px;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);

  font-size: 28px;
  line-height: 1;
  color: #111 !important;

  cursor: pointer;
}

/* === CLEAN X inside filter drawer === */
#sidebarDrawer {
  position: relative;
}

#sidebarDrawer .sidebarDrawer-close {
  position: absolute;
  top: 14px;
  right: 14px;
  z-index: 99999;

  width: 36px;
  height: 36px;

  background: #f5b400; /* żółty jak reszta motywu */
  border: none;
  border-radius: 4px;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 26px;
  font-weight: 400;
  color: #000 !important;

  cursor: pointer;
}

/* USUŃ WSZYSTKO co motyw próbuje tam rysować */
#sidebarDrawer .sidebarDrawer-close *,
#sidebarDrawer .sidebarDrawer-close svg,
#sidebarDrawer .sidebarDrawer-close i,
#sidebarDrawer .sidebarDrawer-close::after {
  display: none !important;
  content: none !important;
}

/* JEDYNY znak w środku */
#sidebarDrawer .sidebarDrawer-close::before {
  content: "×";
  display: block;
  line-height: 1;
}


/* kontener nagłówka filtra */
.filter-group .sb-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* link "Wyczyść" */
a.filter-clear {
  display: inline-flex;
  align-items: center;
  gap: 8px;              /* odstęp między tekstem a X */
  margin-right: 12px;    /* ⬅️ PRZESUNIĘCIE W LEWO */
  text-decoration: none;
  font-weight: 500;
}

/* SEARCH – trigger "Wybierz markę" */
.search-filter-trigger {
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  cursor: pointer;
  color: #000;
}

.search-filter-trigger:hover {
  text-decoration: underline;
}

.search-toolbar .filter-clear {
  margin-right: 10px; /* zwiększ/zmniejsz pod siebie */
}

/* ===== SEARCH TOOLBAR FIX ===== */

.search-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

/* LEWA STRONA – Wybierz markę */
.search-toolbar__left {
  display: flex !important;
  align-items: center;
  flex: 0 0 auto;
}

/* PRZYCISK */
.search-filter-trigger {
  display: inline-flex !important;
  align-items: center;
  padding: 10px 14px;
  background: #f5b400; /* ten sam żółty co reszta */
  color: #000 !important;
  font-weight: 600;
  border-radius: 4px;
  white-space: nowrap;
  cursor: pointer;
  z-index: 5;
}

/* PRAWA STRONA – sortowanie */
.search-toolbar__right {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  justify-content: flex-end;
}


/* Search brandbar – naprawa hidden */
.search-brandbar__panel[hidden]{
  display: none !important;
}

/* Żeby marki nie były sklejone */
.search-brandbar__list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.search-brandbar__item{
  padding: 6px 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
}

.search-brandbar__btn{
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
}

@media (min-width: 992px) {


/* 1) element, który ma submenu */
.mega-menu .has-submenu,
.mega-menu li.menu-item-has-children {
  position: relative;
}

/* 2) niewidzialny "mostek" po prawej stronie itemu */
.mega-menu .has-submenu::after,
.mega-menu li.menu-item-has-children::after {
  content: "";
  position: absolute;
  top: 0;
  right: -14px;     /* szerokość mostka */
  width: 14px;
  height: 100%;
  background: transparent;
}

/* kotwica dla absolutnego submenu */
.vertical-nav li.menu-item.dropdown-submenu {
  position: relative;
}


.vertical-nav .dropdown-menu.grandchild-menu {
  top: 0 !important;
  left: 100% !important;
  transform: none !important;
  margin: 0 !important;
}

/* jeśli theme próbuje dawać dziwne inline top: xxxxpx, to to i tak zablokujemy */
.vertical-nav .dropdown-menu.grandchild-menu[style] {
  top: 0 !important;
}


/* === PRAWA STRONA MENU – UKŁAD KOLUMNOWY JAK ALLEGRO === */
.vertical-nav .dropdown-menu.child-menu > ul.menu-list,
.vertical-nav .dropdown-menu.grandchild-menu > ul.menu-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(180px, 1fr));
  column-gap: 32px;
  row-gap: 6px;

  /* ważne: NIE scrollujemy strony */
  max-height: none;
}

.vertical-nav .dropdown-menu .menu-item a {
  padding: 6px 0;
  line-height: 1.4;
  white-space: nowrap;
}

.vertical-nav .dropdown-menu {
  background: #fff;
}

.vertical-nav .dropdown-menu.child-menu,
.vertical-nav .dropdown-menu.grandchild-menu {
  height: auto !important;
  max-height: none !important;
}
#header-second-nav,
.vertical-nav {
  position: relative;
  z-index: 99999;
}

.vertical-nav .dropdown-menu.child-menu,
.vertical-nav .dropdown-menu.grandchild-menu {
  background: #fff !important;
  opacity: 1 !important;
}

.vertical-nav .dropdown-menu.child-menu,
.vertical-nav .dropdown-menu.grandchild-menu {
  padding: 14px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.10);
  border: 1px solid rgba(0,0,0,.06);
}

/* TŁO MA BYĆ NA PANELU SUBMENU, NIE NA POJEDYNCZYCH ELEMENTACH */
.vertical-nav .dropdown-menu.child-menu,
.vertical-nav .dropdown-menu.grandchild-menu{
  background: #fff !important;
  padding: 16px 18px;
}

.header-container .dropdown-menu{
  min-width: 940px!important; /* było 250; 320 daje lepsze “białe tło” pod grid */
}
.vertical-nav .dropdown-menu.child-menu > ul.menu-list,
.vertical-nav .dropdown-menu.grandchild-menu > ul.menu-list{
  width: 100%;
}
.vertical-nav .dropdown-menu.child-menu,
.vertical-nav .dropdown-menu.grandchild-menu{
  height: auto !important;
  max-height: none !important;
  display: block;
}
.vertical-nav .dropdown-menu.child-menu,
.vertical-nav .dropdown-menu.grandchild-menu{
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  /* border: 1px solid rgba(0,0,0,.06); */
}

@media (min-width: 1200px) {
    .header-container .header-content .vertical-nav ul>li {
        padding-left: 25px;
        padding-right: 25px;
        width: 300px;
    }
}

/* ================================
   3. POZIOM (grandchild) -> CENTRUM
   ================================ */

/* Upewnij się, że główna biała płyta jest punktem odniesienia */
#header-second-nav > .wrapper > .dropdown-menu{
  position: relative !important;
  overflow: visible !important;
}

/* Domyślnie 3. poziom ukryty (motyw może go pokazywać inaczej) */
#header-second-nav .dropdown-menu.grandchild-menu{
  display: none;
}

/* Gdy najedziesz na element, który ma grandchild -> pokaż popup */
#header-second-nav li.menu-item.dropdown-submenu:hover > .dropdown-menu.grandchild-menu{
  display: block !important;

  /* ZABIJAMY klasyczne "po prawej" */

  position: fixed !important;
  left: 50% !important;
  right: auto !important;
  top: 50% !important;
  bottom: auto !important;

  /* Środek panelu */
  transform: translate(-50%, -50%) !important;

  /* Wygląd i rozmiar */
  width: min(760px, 92vw) !important;
  max-height: min(520px, 70vh) !important;
  overflow: auto !important;

  background: #fff !important;
  /* border: 1px solid rgba(0,0,0,.08) !important; */
  box-shadow: 0 18px 40px rgba(0,0,0,.18) !important;
  padding: 14px 16px !important;

  z-index: 999999 !important;
}

/* Jeżeli w środku grandchild jest UL -> zrób to w kolumnach (żeby nie było “ciągnięcia w dół”) */
#header-second-nav li.menu-item.dropdown-submenu:hover > .dropdown-menu.grandchild-menu > ul.menu-list{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(220px, 1fr)) !important;
  column-gap: 28px !important;
  row-gap: 6px !important;
}

/* Linki w popupie czytelniejsze */
#header-second-nav .dropdown-menu.grandchild-menu .menu-item > a{
  display: block !important;
  padding: 7px 6px !important;
  white-space: nowrap;
}

/* ====== 3. POZIOM TYLKO NA KLIK (bez hover) ====== */

/* domyślnie 3 poziom schowany */
#header-second-nav .dropdown-menu.grandchild-menu{
  display: none !important;
}

/* nie pozwalaj motywowi otwierać 3 poziomu na hover */
#header-second-nav .dropdown-menu.child-menu .menu-item.dropdown-submenu:hover > .dropdown-menu.grandchild-menu{
  display: none !important;
}

/* pokaż 3 poziom tylko gdy LI ma klasę .is-open */
#header-second-nav .dropdown-menu.child-menu .menu-item.dropdown-submenu.is-open > .dropdown-menu.grandchild-menu{
  display: block !important;

  /* overlay na środku */
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: min(900px, 92vw) !important;
  max-height: min(70vh, 520px) !important;
  overflow: auto !important;

  background: #fff !important;
  /* border: 1px solid rgba(0,0,0,.08) !important; */
  box-shadow: 0 18px 45px rgba(0,0,0,.20) !important;
  border-radius: 10px !important;
  padding: 16px 18px !important;

  z-index: 999999 !important;
}

/* lista w overlay w kolumnach */
#header-second-nav .dropdown-menu.child-menu .menu-item.dropdown-submenu.is-open > .dropdown-menu.grandchild-menu > ul.menu-list{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(180px, 1fr)) !important;
  column-gap: 28px !important;
  row-gap: 6px !important;
}

/* responsywnie */
@media (max-width: 1100px){
  #header-second-nav .dropdown-menu.child-menu .menu-item.dropdown-submenu.is-open > .dropdown-menu.grandchild-menu > ul.menu-list{
    grid-template-columns: repeat(2, minmax(180px, 1fr)) !important;
  }
}
@media (max-width: 760px){
  #header-second-nav .dropdown-menu.child-menu .menu-item.dropdown-submenu.is-open > .dropdown-menu.grandchild-menu > ul.menu-list{
    grid-template-columns: 1fr !important;
  }
}

/* ===== HYBRYDA: LEVEL1 hover, LEVEL2+ klik ===== */

/* LEVEL 1: hover nadal otwiera child-menu (NIC tu nie blokujemy) */

/* LEVEL 2+: zablokuj hover otwierający GRANDCHILD (i dalej) */
.vertical-nav .dropdown-menu.child-menu li.dropdown-submenu:hover > .dropdown-menu,
.vertical-nav .dropdown-menu.child-menu li.dropdown-submenu:hover > .dropdown-menu.grandchild-menu {
  display: none !important;
}

/* Overlay */
.menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.25);
  z-index: 999998;
  display: none;
}
.menu-overlay.is-active { display: block; }



/* Grid w okienku */
.vertical-nav .dropdown-menu.grandchild-menu > ul.menu-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(220px, 1fr)) !important;
  column-gap: 32px !important;
  row-gap: 10px !important;
}

/* X */
.menu-close-btn {
  position: sticky;
  top: 0;
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;

  background: #fff;
  cursor: pointer;
  z-index: 1;
}

/* Żeby strzałka/ikonka była “klikalna” */
.vertical-nav .svg_element-ui,
.vertical-nav svg.svg-angle-right {
  cursor: pointer;
}

/* ===== WYRÓWNAJ 2. KOLUMNĘ DO GÓRY CAŁEGO MENU ===== */

/* punkt odniesienia */
#header-second-nav { position: relative; }

/* stała szerokość 1. kolumny (u Ciebie i tak masz ~300px) */
:root { --menu-col1: 300px; }

/* 2. kolumna ma być absolutnie od góry NAV, nie od wiersza */
#header-second-nav .dropdown-menu.child-menu{
  position: absolute !important;
  top: 0 !important;
  left: var(--menu-col1) !important;
  min-height: 100%;
}

/* jeśli theme dorzuca style inline */
#header-second-nav .dropdown-menu.child-menu[style]{
  top: 0 !important;
  left: var(--menu-col1) !important;
}

.menu-overlay{
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.25);
  z-index: 99990;
  display: none;
  pointer-events: none;
}
.menu-overlay.is-active{
  display: block;
  pointer-events: auto;
}

.menu-popup-panel{
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(900px, 92vw);
  max-height: 80vh;
  overflow: auto;
  background: #fff;
  z-index: 100000;
  display: none;
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,.2);
  padding: 18px 18px 14px;
}
.menu-popup-panel.is-active{ display: block; }

.menu-popup-inner a{ cursor: pointer; }
.menu-close-btn{
  position: sticky;
  top: 0;
  float: right;
  border: 0;
  background: transparent;
  font-size: 18px;
  cursor: pointer;
}


/* ===== LEVEL 2 zawsze od góry ===== */
#header-second-nav {
  position: relative;
}

:root {
  --menu-col1: 300px;
}

#header-second-nav .dropdown-menu.child-menu {
  position: absolute !important;
  top: 0 !important;
  left: var(--menu-col1) !important;
  min-height: 100%;
}

/* ===== POPUP 3. POZIOM ===== */
.menu-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.25);
  z-index: 99990;
  display: none;
}
.menu-overlay.is-active {
  display: block;
}

.vertical-nav .dropdown-menu.grandchild-menu {
  position: fixed !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;

  width: min(900px, 92vw);
  max-height: 75vh;
  overflow: auto;

  background: #fff;
  border-radius: 12px;
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
  padding: 18px;

  z-index: 100000;
  display: none !important;
}

/* tylko JS otwiera */
.vertical-nav li.dropdown-submenu.is-open > .dropdown-menu.grandchild-menu {
  display: block !important;
}

/* grid */
.vertical-nav .dropdown-menu.grandchild-menu > ul.menu-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(200px, 1fr));
  gap: 12px 28px;
}

/* X */
.menu-close-btn {
  position: sticky;
  top: 0;
  margin-left: auto;
  border: none;
  background: transparent;
  font-size: 22px;
  cursor: pointer;
}
/* =========================================
   FIX: 2. kolumna zawsze od samej góry
   (nie względem hoverowanego LI)
   ========================================= */

:root { --menu-col1: 300px; } /* dopasuj jeśli 1. kolumna ma inną szerokość */

#header-second-nav,
#header-second-nav > .wrapper,
#header-second-nav > .wrapper > .dropdown-menu{
  position: relative !important;   /* stały punkt odniesienia */
}

/* KLUCZ: LI w 1. kolumnie nie może być "relative", bo wtedy child-menu liczy się od niego */
#header-second-nav > .wrapper > .dropdown-menu > ul.menu-list > li.dropdown-submenu{
  position: static !important;
}

/* Sam panel 2. kolumny przypinamy do góry całego mega-menu */
#header-second-nav .dropdown-menu.child-menu{
  position: absolute !important;
  top: 0 !important;
  left: var(--menu-col1) !important;
  margin-top: 0 !important;
  transform: none !important;
}

/* Motyw wstrzykuje inline style="top: xxxpx" — zabijamy to zawsze */
#header-second-nav .dropdown-menu.child-menu[style]{
  top: 0 !important;
  left: var(--menu-col1) !important;
}

/* (opcjonalnie) żeby białe pole wyglądało jak jedna "płyta" */
#header-second-nav > .wrapper > .dropdown-menu{
  background: #fff;
}

/* ========== FIX: 2. kolumna zawsze od góry białego panelu ========== */

/* 1) Panel główny jako punkt odniesienia */
#header-second-nav > .dropdown-menu,
#header-second-nav > .wrapper > .dropdown-menu {
  position: relative !important;
  overflow: visible !important;
}

/* 2) UL ma być „kontenerem” */
#header-second-nav .dropdown-menu > ul.menu-list {
  position: relative !important;
}

/* 3) KLUCZ: elementy 1. kolumny NIE mogą być pozycjonowane,
      bo inaczej child-menu pozycjonuje się od kafelka */
#header-second-nav .dropdown-menu > ul.menu-list > li.dropdown-submenu,
#header-second-nav .dropdown-menu > ul.menu-list > li.dropdown-submenu.dropdown-submenu {
  position: static !important;
}

/* 4) Child-menu zawsze od góry panelu, a nie od kafelka */
:root { --menu-col1: 300px; } /* dopasuj jeśli trzeba */

#header-second-nav .dropdown-menu.child-menu {
  position: absolute !important;
  top: 0 !important;
  left: var(--menu-col1) !important;
  margin-top: 0 !important;
  transform: none !important;
}

/* 5) Theme czasem daje inline style – też nadpisujemy */
#header-second-nav .dropdown-menu.child-menu[style]{
  top: 0 !important;
  left: var(--menu-col1) !important;
}

#header-second-nav .vertical-nav .dropdown-menu.grandchild-menu{
  min-width: 0 !important;
}

/* =========================================
   🔧 TYLKO 3. POZIOM – zmniejszenie szerokości
   ========================================= */

#header-second-nav
  .dropdown-menu.child-menu
  li.dropdown-submenu.is-open
  > .dropdown-menu.grandchild-menu {

  /* 👇 kontrola szerokości TYLKO tego okna */
  width: fit-content !important;
  min-width: 500px !important;
  max-width: 780px !important;
  min-height:500px!important;

  /* żeby treść nie była przyklejona */
  padding: 16px 20px !important;
}


/* =========================================
   ✅ 3. OKIENKO (grandchild) – hover nie na całą szerokość
   ========================================= */

/* zdejmij "pełnoszerokościowy" hover z linków w popupie */
#header-second-nav
  .dropdown-menu.child-menu
  li.dropdown-submenu.is-open
  > .dropdown-menu.grandchild-menu
  .menu-item > a {
  display: inline-block !important;   /* było block/flex -> robiło długie podkreślenie */
  width: auto !important;
  text-decoration-thickness: 1px;     /* opcjonalnie */
  text-underline-offset: 3px;         /* opcjonalnie */
  background: transparent !important; /* jeśli motyw robi tło na hover */
}

/* jeśli motyw podświetla cały wiersz przez .menu-item – wyłącz to tylko tutaj */
#header-second-nav
  .dropdown-menu.child-menu
  li.dropdown-submenu.is-open
  > .dropdown-menu.grandchild-menu
  .menu-item {
  background: transparent !important;
}
.header-container .vertical-nav ul>li {
    padding: 15px;
    border-bottom: none;
}

/* ================================
   POPUP (3. POZIOM) – HOVER TYLKO POD TEKST
   ================================ */

/* tylko popup (grandchild-menu) */
.vertical-nav li.dropdown-submenu.is-open
> .dropdown-menu.grandchild-menu
.menu-item {
  background: transparent !important;
}

/* link NIE może być block na całą szerokość */
.vertical-nav li.dropdown-submenu.is-open
> .dropdown-menu.grandchild-menu
.menu-item > a {
  display: inline-block !important;
  width: auto !important;
  padding: 6px 0 !important;
}



.vertical-nav .menu-list li:hover {
  border-bottom: 0px solid #e5e5e5!important;
}

/* 3 poziom – link */
#header-second-nav 
.dropdown-menu.grandchild-menu 
.menu-item > a {
  display: inline-block;
  padding-bottom: 5px;
  border-bottom: 1px solid transparent;
}

/* hover – linia tylko pod tekstem */
#header-second-nav 
.dropdown-menu.grandchild-menu 
.menu-item:hover > a {
  border-bottom-color: #e5e5e5;
}

.header-container .vertical-nav ul>li {
=
    border-bottom: 1px white!important;
}

/* USUŃ border tylko w 3. poziomie – w okienku */
#header-second-nav 
.dropdown-menu.grandchild-menu 
.menu-item {
  border-bottom: none !important;
}
  /* nasze zmiany */
}