:root {
  --primary-red: #ed0b0b;
  --primary-green: #4caf51;
}
html {
  scroll-padding-top: 0;
  scroll-behavior:auto !important
}
body {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  color: #000;
  font-size: 15px;
  line-height: 20px;
  width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-weight: 500;
}
.fa {
  font-size: 14px;
}
h1,
.h1 {
  font-size: 24px;
}
h2,
.h2 {
  font-size: 22px;
}
h3,
.h3 {
  font-size: 20px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 10.2px;
}
a {
  color: #23a1d1;
}
a:hover {
  text-decoration: none;
}
b,
strong {
  font-weight: 600;
}
legend {
  font-size: 18px;
  padding: 7px 0px;
}
label {
  font-size: 15px;
  font-weight: normal;
  color: #000;
}
.form-label {
  font-weight: 500;
}
select.form-control,
textarea.form-control,
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
  font-size: 12px;
}
.input-group input,
.input-group select,
.input-group .dropdown-menu,
.input-group .popover {
  font-size: 12px;
}
.input-group .input-group-addon {
  font-size: 12px;
  height: 30px;
}
.form-control[type="text"],
.form-control[type="email"],
.form-control[type="tel"],
.form-control[type="password"],
textarea.form-control {
  border-radius: 16px;
  padding: 0.55rem 1rem;
  font-size: 14px;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff;
}
input[type="text"].form-control,
input[type="password"].form-control,
input[type="datetime"].form-control,
input[type="datetime-local"].form-control,
input[type="date"].form-control,
input[type="month"].form-control,
input[type="time"].form-control,
input[type="week"].form-control,
input[type="number"].form-control,
input[type="email"].form-control,
input[type="url"].form-control,
input[type="search"].form-control,
input[type="tel"].form-control,
input[type="color"].form-control {
  font-size: 15px;
}
.form-control:focus {
  border-color: #4a90e2;
  box-shadow: 0 0 6px 0 rgba(74, 144, 226, 0.5);
  outline: none;
}
.form-control::placeholder {
  color: #a0a0a0;
  font-style: italic;
}
.form-select {
  border-radius: 22px;
  padding: 0.6rem 1rem;
  font-size: 15px;
  border: 1.5px solid #ced4da;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  background-color: #fff;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, #4a90e2 50%),
    linear-gradient(135deg, #4a90e2 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
}
.form-select:focus {
  border-color: #4a90e2;
  box-shadow: 0 0 6px 0 rgba(74, 144, 226, 0.5);
  outline: none;
}
.form-check {
  display: flex;
  align-items: flex-end;
}
.form-check-input[type="checkbox"] {
  width: 1.25rem;
  height: 1.25rem;
  cursor: pointer;
  border: 1.5px solid #ced4da;
  border-radius: 16px;
  transition: border-color 0.3s ease, background-color 0.3s ease;
  background-color: #fff;
  position: relative;
}
.form-check-input[type="checkbox"]:checked {
  background-color: #4a90e2;
  border-color: #4a90e2;
}
.form-check-input[type="checkbox"]:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(74, 144, 226, 0.5);
}
.form-check-label {
  cursor: pointer;
  user-select: none;
  padding-left: 0.5rem;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .container {
    max-width: 1580px;
  }
}
@media (min-width: 1920px) {
  .container {
    max-width: 1880px;
  }
}
.btn-group-gl {
  color: #666;
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 12px;
}
.btn-group-gl .btn {
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  display: flex;
  gap: 5px;
  align-items: center;
  color: #666;
  font-weight: 400;
  text-transform: none;
}
.btn-group-gl .btn.active {
  color: #00b3ff;
}
.btn-group-gl .btn .fa {
  font-size: 20px;
}
#input-sort {
  max-width: 180px;
}
.sorting {
  gap: 15px;
}
.sorting .input-group-text {
  background: none;
  border: none;
  color: #666;
  font-size: 12px;
}
.sorting select {
  border: none;
  border-radius: 3px !important;
  text-align: right;
  font-size: 12px;
  color: #666;
  padding-right: 22px;
}
.sorting .form-select {
  background-position: right 0 center;
  background-image: var(--bs-form-select-bg-img),
    var(--bs-form-select-bg-icon, none);
  background-size: 9px 9px, 9px 9px;
}
.sorting .form-select:focus {
  outline: none;
  box-shadow: none;
}
span.hidden-xs,
span.hidden-sm,
span.hidden-md,
span.hidden-lg {
  display: inline;
}
.nav-tabs {
  border-bottom: 1px solid #efefef;
  gap: 5px;
}
.nav-tabs .nav-link {
  border-radius: 16px;
  border: none;
  font-size: 15px;
  text-transform: uppercase;
  color: #000;
}
@media (max-width: 768px) {
  .nav-tabs .nav-link {
    font-size: 13px;
    text-transform: uppercase;
    color: #000;
    padding-left: 2px;
    padding-right: 2px;
  }
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #000;
  background-color: #fff;
  font-weight: 600;
  border-bottom: 1px solid #000;
  border-radius: 0;
}
.nav-tabs-service {
  border-bottom: none;
}
.nav-tabs.nav-tabs-service .nav-link {
  color: #fff;
  background-color: #00b3ff;
}
.nav-tabs.nav-tabs-service .nav-item.show .nav-link,
.nav-tabs.nav-tabs-service .nav-link.active {
  background-color: #007db2;
  color: #fff;
  border-bottom: none;
  font-weight: 400;
  border-radius: 16px;
}
input.form-control,
select.form-select {
  height: calc(2.5rem + 2px);
}
#content .tab-content {
  padding: 30px 0;
}
div.required .control-label:before {
  content: "* ";
  color: #f00;
  font-weight: bold;
}
.dropdown-menu li > a:hover {
  text-decoration: none;
  color: #000;
  background-color: none;
}
#top {
  background-color: #e9f0f5;
  padding: 10px 0;
  margin: 0;
  min-height: 40px;
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #000;
  -webkit-box-shadow: inset 0 -4px 4px -6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: inset 0 -4px 4px -6px rgba(0, 0, 0, 0.28);
  box-shadow: inset 0 -4px 4px -6px rgba(0, 0, 0, 0.28);
}
#top .container {
  padding: 0 20px;
}
#top #form-currency .currency-select,
#top #form-language .language-select {
  text-align: left;
}
#top #form-currency .currency-select:hover,
#top #form-language .language-select:hover {
  text-shadow: none;
  color: #ffffff;
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
}
#top .btn-link,
#top-links li,
#top-links a {
  color: #888;
  text-shadow: 0 1px 0 #fff;
  text-decoration: none;
}
#top .btn-link:hover,
#top-links a:hover {
  color: #444;
}
#top-links .dropdown-menu a {
  text-shadow: none;
}
#top-links .dropdown-menu a:hover {
  color: #fff;
}
#top .btn-link strong {
  font-size: 14px;
  line-height: 14px;
}
#top-links {
  padding-top: 6px;
}
#top-links a + a {
  margin-left: 15px;
}
header {
  width: 100%;
  background: #fff;
  margin-bottom: 20px;
}
.main-header {
  width: 100%;
}
.main-header .main-header-inner {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fff;
}
.main-header.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);
  transition: all 0s ease-out;
  z-index: 999;
  background-color: #fff;
}
@media (min-width: 768px) {
  #logo,
  .menu-block,
  .big-icons {
    flex-grow: 1;
    flex-basis: 32.33%;
  }
}
#logo {
  justify-content: center;
  align-items: center;
  display: flex;
}
#logo img {
  max-width: 150px;
}
.header-search-trigger .fa-search {
  font-size: 24px !important;
  line-height: 24px !important;
}
#search .dropdown-menu,
#searchOverlayResults .dropdown-menu {
  box-shadow: none !important;
  border: none !important;
  padding: 20px 0 0 !important;
}
#search .dropdown-menu li:not(.disabled, .inline, .more),
#searchOverlayResults .dropdown-menu li:not(.disabled, .inline, .more) {
  border-bottom: 1px solid #f1f1f1;
  width: 24%;
  float: left;
  clear: none;
  border: 1px solid #f1f1f1;
  margin-bottom: 10px;
  border-radius: 16px;
  margin-left: 10px;
}
.search-suggestion.product .name {
  font-weight: 500 !important;
  font-size: 13px !important;
}
.search-suggestion.product .price {
  font-weight: 600 !important;
  font-size: 13px !important;
}
.search-suggestion.product {
  width: 100%;
  display: grid !important;
  grid-template-columns: 120px 1fr;
  grid-template-rows: auto auto;
  column-gap: 15px;
  row-gap: 6px;
  align-items: stretch;
}
.search-suggestion.product .left {
  grid-column: 1;
  grid-row: 1 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.search-suggestion.product .center {
  grid-column: 2;
  grid-row: 1;
  min-width: 0;
}
.search-suggestion.product .right {
  grid-column: 2;
  grid-row: 2;
  text-align: left;
}
.search-suggestion.product .left,
.search-suggestion.product .center,
.search-suggestion.product .right {
  align-self: stretch;
}
.more .search-suggestion.product {
  grid-template-columns: 1fr;
}
.more .search-suggestion.product .center {
  grid-column: 1;
}
.search-container {
  display: flex;
  justify-content: flex-end;
}
.input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.input-wrapper input {
  width: 0;
  opacity: 0;
  padding: 0;
  border: none;
  pointer-events: none;
  border-radius: 9999px;
  font-size: 1rem;
  transition: width 0.3s ease, opacity 0.3s ease;
}
.search-container.expanded .input-wrapper input {
  opacity: 1;
  padding: 0.5em 2.5em 0.5em 1em;
  border: 1px solid #ccc;
  pointer-events: auto;
  position: absolute;
  right: 0;
  top: -15px;
  width: calc(100vw - 100px);
}
.search-icon {
  position: absolute;
  right: 1em;
  color: #555;
  pointer-events: auto;
  cursor: pointer;
  font-size: 18px !important;
}
@media (min-width: 992px) {
  .input-wrapper input {
    width: 200px;
    opacity: 1;
    padding: 0.5em 2.5em 0.5em 1em;
    border: 1px solid #ccc;
    pointer-events: auto;
  }
  .search-container {
    display: flex;
    justify-content: flex-end;
  }
  .search-icon {
    pointer-events: none;
    cursor: default;
  }
}
#livesearch,
#livesearch * {
  margin: 0;
  padding: 0;
  list-style: none;
}
#livesearch {
  position: absolute;
  width: calc(100vw - 25px);
  top: 45px;
  right: -40px;
  border-radius: 16px;
  background: #fff;
  z-index: 10;
  min-width: 300px;
  max-width: 500px;
  max-height: calc(100vh - 180px);
  overflow-y: scroll;
  padding: 15px;
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.5);
}
#livesearch li {
  border-bottom: 1px solid #e2e4e9;
  box-shadow: none;
}
#livesearch li:last-child {
  border-bottom: none;
}
#livesearch a {
  display: block;
  clear: both;
  overflow: hidden;
  line-height: 16px;
  padding: 5px;
  text-decoration: none;
  text-shadow: none;
  border: none;
}
#livesearch a > span {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
  color: #000;
}
#livesearch a.amore {
  color: #fff;
  padding: 0px;
}
#livesearch a:hover,
#livesearch a:hover .pmore,
#livesearch li.active a {
  background: #e2e4e9 !important;
  color: #000;
}
#livesearch img {
  float: left;
  width: 80px;
  margin-right: 10px;
  border-radius: 5px;
}
#livesearch img[src=""] {
  display: none;
}
.pmore {
  display: none;
  background: #ccc;
  padding: 15px 5px !important;
  text-align: center;
}
#livesearch a em {
  display: block;
  color: #333;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
#livesearch strike {
  color: #aaa;
}
#livesearch small {
  display: block;
}
@media (min-width: 440px) {
  #livesearch {
    width: 100%;
    top: 45px;
    right: 0px;
    min-width: 300px;
    max-width: 500px;
  }
}
.big-icons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.big-icons .fa {
  font-size: 30px;
  color: #000;
}
.big-icons .profile a {
  color: #000;
  display: flex;
  flex-direction: column;
}
#cart {
  position: relative;
}
#cart > .btn {
  font-size: 10px;
  line-height: 20px;
  letter-spacing: -0.5px;
  padding: 0;
  margin: 0;
  color: #000;
  background-color: #fff;
  border: none;
  box-shadow: none;
}
#cart > .btn .fa {
  font-size: 27px;
}
#cart.open > .btn {
  background-image: none;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  color: #666;
  box-shadow: none;
  text-shadow: none;
}
#cart > .btn.dropdown-toggle::after {
  display: none;
}
#cart.open > .btn:hover {
  color: #444;
}
#cart .dropdown-menu {
  background: #fff;
  z-index: 1001;
  min-width: 300px;
  overflow-y: auto;
  max-height: 800px;
  scrollbar-width: thin;
  overflow-x: hidden;
}
@media (max-width: 478px) {
  #cart .dropdown-menu {
    width: 100%;
  }
}
@media (min-width: 478px) {
  .big-icons {
    gap: 20px;
  }
}
@media (max-width: 576px) {
  .menu-block,
  .big-icons {
    flex-basis: 20%;
  }
}
#cart .dropdown-menu table {
  margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
  min-width: 427px;
  padding: 0 10px;
}
@media (max-width: 478px) {
  #cart .dropdown-menu li > div {
    min-width: 100%;
  }
}
#cart .dropdown-menu li p {
  margin: 20px 0;
}
#cart-total {
  position: absolute;
  top: -11px;
  right: -6px;
  background-color: rgb(220,53,69);
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 100%;
}
#cart .item-img {
  width: 60px;
}
#cart a {
  text-decoration: none;
  color: #000;
}
#cart a:hover {
  color: #00b3ff;
}
#cart .btn-remove {
  width: 45px;
}
#cart .btn-tocart,
#cart .btn-tocart:hover {
  color: #fff;
}
#cart .btn-remove:hover .fa {
  color: #dc3545;
}
#cart .cart-item-price {
  color: #666;
}
#cart .fa {
  font-size: 20px;
}
.remove-confirm {
  font-size: 13px;
}
.js-confirm-remove,
.js-cancel-remove {
  color: #000;
}
.cart-totals {
  font-size: 13px;
  color: #333;
}
.menu-block {
  display: flex;
  gap: 15px;
  align-items: center;
}
.menu-block a {
  color: #000;
  text-decoration: none;
}
.bluebg {
  background-color: #e9f0f5;
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-box-shadow: inset 0 4px 6px -6px rgba(0, 0, 0, 0.28),
    inset 0 -4px 4px -6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: inset 0 4px 6px -6px rgba(0, 0, 0, 0.28),
    inset 0 -4px 4px -6px rgba(0, 0, 0, 0.28);
  box-shadow: inset 0 4px 6px -6px rgba(0, 0, 0, 0.28),
    inset 0 -4px 4px -6px rgba(0, 0, 0, 0.28);
}
.whitebg {
  background-color: #fff;
}
.stickytabs {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.stickytabs .nav-tabs {
  flex-wrap: nowrap;
  white-space: nowrap;
}
.main-title-block {
  background-color: #e9f0f5;
  padding: 20px 0;
  text-align: center;
  -webkit-box-shadow: inset 0 4px 6px -6px rgba(0, 0, 0, 0.28),
    inset 0 -4px 4px -6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: inset 0 4px 6px -6px rgba(0, 0, 0, 0.28),
    inset 0 -4px 4px -6px rgba(0, 0, 0, 0.28);
  box-shadow: inset 0 4px 6px -6px rgba(0, 0, 0, 0.28),
    inset 0 -4px 4px -6px rgba(0, 0, 0, 0.28);
  margin-bottom: 20px;
}
.main-title-block h1 {
  color: #00b3ff;
  font-size: 25px;
}
.category-description {
  font-size: 15px;
  line-height: 22px;
  color: #000;
  margin-bottom: 25px;
}
.subcategory-wc-item {
  background: #e9f0f5;
  padding: 20px;
  border-radius: 16px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2%;
}
.subcategory-wc-item .subcategory-wc-item-right {
  max-width: 100%;
}
.sub-items {
  gap: 2%;
  display: grid;
  grid-auto-flow: row;
  margin-bottom: 0.5rem !important;
}
.sub-items.no-cats {
  grid-auto-columns: max-content;
}
.sub-item {
  border-radius: 16px;
  background: #fff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.28);
  padding: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  text-decoration: none;
  color: #000;
}
.sub-item img {
  max-width: 60px;
}
.sub-item:hover {
  background: #00b3ff;
  color: #fff;
}
@media (min-width: 992px) {
  .sub-items {
    grid-auto-flow: column;
    grid-auto-columns: 23%;
  }
  .subcategory-wc-item .subcategory-wc-item-left {
    flex-basis: 20%;
  }
  .subcategory-wc-item .subcategory-wc-item-right {
    flex-basis: 78%;
  }
}
.subcategory-item-title {
  font-size: 22px;
  font-weight: 500;
  color: #00b3ff;
  text-decoration: none;
  margin-bottom: 15px;
  display: block;
}
.subcategory-item-description {
  font-size: 15px;
  color: #000;
}
.card-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.slideshow a {
  text-decoration: none;
  color: #fff;
}
.slideshow .ssi-text {
  position: absolute;
  top: 0;
  left: 5%;
  color: #fff;
  width: 40%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.slideshow .ssi-text .ssi-title {
  font-size: 28px;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 15px;
}
.slideshow .ssi-text .ssi-description {
  font-size: 20px;
  line-height: 24px;
  font-weight: 400;
}
.slideshow .ssi-text .ssi-btn {
  margin-top: 15px;
  background-color: #8bc34b;
  padding: 10px 15px;
  border-radius: 16px;
  color: #fff;
  font-size: 17px;
}
.stickyelement {
  position: sticky;
  z-index: 3;
}
@media (min-width: 992px) {
  .stickyelement {
    position: sticky;
    top: 163px;
    bottom: auto;
    margin-top: 0 !important;
    align-self: flex-start;
  }
}
@media (max-width: 991.98px) {
  .stickyelement {
    position: static;
    top: auto;
    bottom: auto;
    margin-top: 0;
  }
}
footer {
  margin-top: 30px;
  padding-top: 30px;
  background-color: #303030;
  border-top: 1px solid #ddd;
  color: #333;
}
footer hr {
  border-top: none;
  border-bottom: 1px solid #666;
}
footer a {
  color: #333;
  text-decoration: none;
}
footer a:hover {
  color: #000;
}
footer .btn-icon.rounded-circle {
  width: 46px;
  height: 46px;
  line-height: 28px;
}
.footer-intro {
  background: #ffffff;
  border-radius: 10px;
  padding: 20px;
  color: #000;
  font-size: 14px;
}
.alert {
  padding: 8px 14px 8px 14px;
}
.breadcrumb {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  margin-bottom: 20px;
  font-size: 12px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0;
  color: #999;
  content: "/\00a0";
}
.breadcrumb > li a {
  color: #666;
  text-decoration: none;
}
.breadcrumb > .active {
  color: #777;
}
.breadcrumb li:last-child {
  display: none;
}
#product #product-price-source .text-decoration-line-through {
  color: #666;
}
#product #product-price-source .autocalc-product-special {
  color: rgb(220,53,69);
}
@media (max-width:991px) {
  #product-price-source > .list-unstyled {
    display: flex;
    gap: 10px;
  }
}
.bq-group {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: flex-end;
  margin-bottom: 20px;
  padding-right: 5px;
}
.bq-group .btn-block {
  flex-grow: 1;
}
.btn-gotocart {
  color: #fff !important;
  display: block;
}
#input-quantity {
  width: 6.5ch !important;
}
#input-quantity,
#button-cart,
.btn-request,
.pr-quantity .input-group-btn .btn {
  height: 46px;
}
#input-quantity::-webkit-outer-spin-button,
#input-quantity::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#input-quantity[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.pagination {
  margin: 0;
}
.pagination > li {
  font-size: 16px;
  font-weight: 500;
}
.pagination > li > a,
.pagination > li > span {
  background-color: transparent;
  border: none;
  color: #333;
  height: 36px;
  width: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  border: none;
  background-color: #e9f0f5;
  border-radius: 100%;
  height: 36px;
  width: 36px;
}
.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
  color: #000;
  background-color: transparent;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 100%;
}
.pagination-results {
  color: #666;
  font-size: 11px;
}
.image_attributes {
  position: absolute;
  top: 30px;
}
.image_attributes.listing {
  position: unset;
}
.image_attributes-container {
  display: flex;
  gap: 10px;
  position: relative;
  z-index: 3;
}
.imgattr-item {
  background: #fff;
  padding: 5px 10px;
  border-radius: 16px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}
.image_attributes.listing .imgattr-item img {
  width: 30px;
}
.buttons {
  margin: 1em 0;
}
.btn {
  padding: 7.5px 12px;
  font-size: 13px;
  font-weight: 500;
  border: none;
  border-radius: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.btn-xs {
  font-size: 9px;
}
.btn-sm {
  font-size: 10.2px;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 14px;
}
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 12px;
}
.btn-group > .btn-xs {
  font-size: 9px;
}
.btn-group > .btn-sm {
  font-size: 10.2px;
}
.btn-group > .btn-lg {
  font-size: 15px;
}
.btn-default {
  color: #000;
  background-color: #e9f0f5;
}
.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default.disabled,
.btn-default[disabled] {
  color: #000;
  background-color: #bfcdd7;
}
.btn-primary {
  color: #ffffff;
  background-color: var(--primary-green);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled],
:not(.btn-check) + .btn:active {
  background-color: #1e6f4a !important;
}
.btn-warning {
  color: #ffffff;
  background-color: #faa732;
}
.btn-warning:hover,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  background-color: #e28e18;
}
.btn-danger {
  color: #ffffff;
  background-color: #c73029;
}
.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  background-color: #af221b;
}
.btn-success {
  color: #ffffff;
  background-color: #5bb75b;
}
.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
  color: #ffffff;
  background-color: #df5c39;
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-image: none;
  background-color: #df5c39;
}
.btn-link {
  border-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  color: #23a1d1;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  box-shadow: none;
}
.btn-inverse {
  color: #000;
  background-color: #fff;
  border: 2px solid var(--primary-green);
}
.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #fff;
  background-color: #1e6f4a;
  border-color: #1e6f4a;
}
.list-group a {
  border: 1px solid #dddddd;
  color: #888888;
  padding: 8px 12px;
}
.list-group a.active,
.list-group a.active:hover,
.list-group a:hover {
  color: #444444;
  background: #eeeeee;
  border: 1px solid #dddddd;
  text-shadow: 0 1px 0 #fff;
}
.carousel-caption {
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
  content: "\f053";
  font-family: FontAwesome;
}
.carousel-control .icon-next:before {
  content: "\f054";
  font-family: FontAwesome;
}
.carousel-wrapper .carousel-image {
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: border-color 0.25s ease;
}
.carousel-wrapper .carousel-image img {
  display: block;
  width: 100%;
  transition: transform 0.25s ease;
}
.carousel-wrapper .carousel-image:hover img {
  transform: scale(1.05);
}
.carousel-wrapper .carousel-image:hover {
  border-color: rgba(0, 0, 0, 0.12);
}
.grid-list .swiper-slide {
  height: auto !important;
}
.product-thumb {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  overflow: auto;
  border-radius: 16px;
/*  height: calc(100% - 20px);*/
  display: flex;
  flex-direction: column;
  position: relative;
}
.product-thumb .image {
  position: relative;
  padding-top: 10px;
}
.product-thumb > a {
  text-decoration: none;
  display: block;
  display: flex;
  flex-direction: column;
}
.product-thumb .product-name {
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  height: 104px;
}
@media (min-width: 768px) {
  .product-thumb .product-name {
    -webkit-line-clamp: 4;
    height: 84px;
  }
}
@media (min-width: 1200px) {
  .product-thumb .product-name {
    -webkit-line-clamp: 3;
    height: 64px;
  }
}
.product-thumb a.product-name-link {
  color: #000;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
  text-decoration: none;
}
.product-thumb .caption {
  padding: 0 10px;
  flex-grow: 1;
  align-content: flex-end;
}
.product-thumb .btn-compare {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 5px 8px;
  border-radius: 16px;
  margin: 0;
}
.product-list .product-thumb {
  flex-direction: row;
  align-items: start;
}
.product-list .product-thumb .image img {
  max-width: 220px;
}
.product-list .product-thumb .caption {
  padding: 20px;
  display: flex;
  flex-direction: column-reverse;
  gap: 5px;
  margin-left: 0;
}
.product-list .product-thumb .product-name {
  padding-left: 0;
  font-weight: 700;
}
@media (max-width: 1200px) {
  .product-grid .product-thumb .caption {
    min-height: 210px;
    padding: 0 10px;
  }
}
@media (max-width: 767px) {
  .product-list .product-thumb .caption {
    min-height: 0;
    margin-left: 0;
    padding: 0 10px;
  }
  .product-grid .product-thumb .caption {
    min-height: 0;
  }
}
.product-thumb .rating {
  padding-bottom: 10px;
}
#product .rating a {
  color: #000;
  text-decoration: none;
  padding-top: 3px;
}
.rating {
  gap: 10px;
}
.rating .fa-stack {
  font-size: 8px;
}
.rating .fa-star-o {
  color: #999;
  font-size: 15px;
}
.rating .fa-star {
  color: #fc0;
  font-size: 15px;
}
.rating .fa-star + .fa-star-o {
  color: #e69500;
}
.rating .from {
  margin-left: 5px;
  margin-right: 5px;
  color: #666;
  font-size: 12px;
}
.review-inner {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin-bottom: 20px;
  gap: 20px;
}
.review-item {
  background-color: #fafafa;
  border: 1px solid #ddd;
  padding: 12px;
  border-radius: 16px;
  color: #000;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1 1 0px;
  text-align: left;
}
.review-item:last-child {
  margin-right: 0;
}
.review-author {
  font-weight: 500;
  flex-basis: 60%;
}
.review-stars {
  flex-basis: 40%;
  justify-content: flex-end;
  display: inline-flex;
}
.review-date,
.review-date-added {
  color: #90949c;
  font-size: 11px;
  display: block;
  font-weight: 400;
}
.review-text {
  flex-grow: 1;
  flex-basis: 100%;
}
#form-review input,
#form-review textarea {
  max-width: 500px;
}
#input-captcha {
  max-width: 200px !important;
}
.captcha-input-img img {
  border: 1px solid #ddd;
  border-radius: 16px;
  margin-left: -10px;
  height: 42px;
}
h2.price {
  margin: 0;
}
.price {
  color: #000;
  font-weight: 600;
}
.price-new {
  font-weight: 600;
  color: rgb(220,53,69);
}
.price-old {
  color: #666;
  text-decoration: line-through;
  font-weight: 300;
  margin-left: 10px;
}
.product-thumb .price-tax {
  color: #999;
  font-size: 12px;
  display: block;
  font-weight: 300;
}
.product-thumb .button-group {
  padding: 0 10px;
  margin-bottom: 15px;
}
.product-thumb .button-group .btn {
  font-size: 12px;
  width: 100%;
}
.product-short-description {
  display: none;
}
.product-list .product-short-description {
  display: block;
}
.labels-wrapper {
  position: absolute;
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.75;
}
.labels-wrapper.position_upleft,
.labels-wrapper.position_upright {
  top: 5px;
  right: 5px;
  left: 5px;
  bottom: 5px;
}
.labels {
  padding: 0 10px;
  margin-bottom: 5px;
  font-size: 11px;
  display: inline-block;
  border-radius: 16px;
}
.inline-labels {
  position: relative;
  display: inline-flex;
  padding: 0 15px;
  align-items: center;
  border-radius: 15px;
  font-size: 12px;
  line-height: 18px;
  margin-right: 10px;
}
.labels.label-new {
  display: flex;
}
.inline-labels span {
  padding: 3px 10px;
  font-weight: 500;
  margin-right: 10px;
  border-radius: 3px;
}
.recommended {
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: #00b3ff;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  border-radius: 16px;
  padding: 0 10px;
}
.recommended + .labels-wrapper {
  padding-top: 25px;
}
.thumb img {
  width: 100%;
}
@media (min-width: 1200px) {
  .gallery-sticky {
    padding-right: 40px;
  }
}
@media (min-width: 768px) {
  #column-left .product-layout .col-md-3 {
    width: 100%;
  }
  #column-left + #content .product-layout .col-md-3 {
    width: 50%;
  }
  #column-left + #content + #column-right .product-layout .col-md-3 {
    width: 100%;
  }
  #content + #column-right .product-layout .col-md-3 {
    width: 100%;
  }
  .review-inner {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .review-item {
    flex-basis: calc(50% - 20px);
  }
}
#column-left .product-layout,
#column-right .product-layout {
  width: 100%;
}
.input-group .form-control[name^="quantity"] {
  min-width: 50px;
}
.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  background-image: none;
  background-color: #df5c39;
}
html[dir="rtl"] .checkbox input[type="checkbox"],
html[dir="rtl"] .checkbox-inline input[type="checkbox"],
html[dir="rtl"] .radio input[type="radio"],
html[dir="rtl"] .radio-inline input[type="radio"] {
  position: absolute;
  margin-top: 4px\9;
  margin-right: -20px;
  margin-left: unset;
}
html[dir="rtl"] .input-group-btn:last-child > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
html[dir="rtl"] .input-group .form-control:first-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
html[dir="rtl"] .container .row:first-child .col-sm-4,
html[dir="rtl"] .container .row:first-child .col-sm-5 {
  float: right;
}
html[dir="rtl"] #cart .dropdown-menu {
  left: 0;
  right: auto;
}
@media (min-width: 768px) {
  html[dir="rtl"] .navbar-nav {
    float: right;
    margin: 0;
  }
  html[dir="rtl"] .navbar-nav > li {
    float: right;
  }
}
.module-swiper,
.blog-module {
  position: relative;
  overflow: hidden;
}
.swiper-pagination-bullet {
  width: 16px !important;
  height: 10px !important;
  border-radius: 3px !important;
  background-color: #666 !important;
  opacity: 0.7 !important;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) !important;
}
.swiper-button-next,
.swiper-button-prev {
  color: #666;
}
.swiper-pagination-bullet-active {
  background-color: #666 !important;
  width: 36px !important;
  opacity: 1 !important;
}
.slideshow .swiper-pagination-bullet,
.slideshow .swiper-pagination-bullet-active {
  background-color: #fff !important;
}
.block_ico > span {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
}
.ico_msvg {
  background-color: #e9f0f5;
  padding: 10px;
  border-radius: 100%;
}
.ico_sz {
  font-weight: 600;
  font-size: 13px;
  display: block;
}
.swiper {
  position: relative;
}
.module-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 30px;
}
.swiper-arrows {
  display: flex;
  gap: 8px;
}
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  position: static;
  margin-top: 0;
  width: 24px;
  height: 24px;
  opacity: 1;
  transition: opacity 0.2s ease;
}
.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
  font-size: 18px;
}
.swiper-button-prev:before,
.swiper-button-next:before {
  display: none;
}
.swiper .swiper-button-next.swiper-button-disabled,
.swiper .swiper-button-prev.swiper-button-disabled {
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}
.swiper .swiper-button-next:not(.swiper-button-disabled),
.swiper .swiper-button-prev:not(.swiper-button-disabled) {
  opacity: 1;
}
.title-subtitle {
  color: #000;
  font-size: 24px;
  line-height: 26px;
  font-weight: 500;
  text-align: left;
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 20px;
  align-items: center;
}
.title-subtitle .fa-stack {
  width: 0em;
}
.title-link {
  display: block;
  font-size: 13px;
  text-decoration: none;
  color: #333;
  background: #efefef;
  padding: 2px 15px;
  border-radius: 15px;
}
.title-link:hover {
  color: var(--primary-green);
}
#product-product {
  margin-bottom: 10px;
}
#product-product > .bluebg {
  padding-top: 0;
}
.product-images-wrapper {
  padding-top: 30px;
}
.product-images-wrapper .swiper-wrapper {
  margin-bottom: 10px;
}
.brand-top {
  margin-bottom: 15px;
}
.brand-top a {
  text-transform: uppercase;
  color: var(--primary-green);
  text-decoration: none;
  font-size: 12px;
}
.brand-top a:hover {
  color: #1e6f4a;
}
#product-product h1 {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 20px;
}
.pr-quantity .control-label {
  font-size: 12px;
}
.pr-quantity .btn {
  padding: 0 10px !important;
  background: #fff;
  color: #333;
  border: 1.5px solid #ced4da;
  height: 42px;
}
.pr-quantity .form-control {
  padding-left: 0;
  padding-right: 0;
  border: 1.5px solid #ced4da;
  border-left: 0;
  border-right: 0;
  z-index: 3;
  border-radius: 0;
}
.pr-quantity .input-group .input-group-btn:first-child .btn {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.pr-quantity .input-group .input-group-btn:last-child .btn {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.stock {
  border-radius: 16px;
  padding: 3px 10px;
  margin-bottom: 10px;
  position: relative;
  padding-left: 20px;
}
.stock:before {
  content: "\2022";
  font-size: 40px;
  position: absolute;
  top: 0;
  left: 0;
}
.stock.instock {
  color: #28a745;
}
.stock.outofstock {
  color: #dc3545;
}
.stellarnav > ul > li:nth-last-child(2) > a,
.stellarnav > ul > li:last-child > a,
.text-red {
  color: rgb(220, 53, 69) !important;
}

@media (min-width: 992px) {
  #logo img {
    max-width: 200px;
  }
  .category-description {
    font-size: 16px;
    line-height: 24px;
  }
  .main-title-block {
    padding: 30px 0;
    margin-bottom: 30px;
  }
  .main-title-block h1 {
    font-size: 28px;
  }
  .main-header .profile {
    display: block;
  }
}
.stellarnav {
  width: auto;
}
.site-overlay {
  position: fixed;
  inset: 0;
  left: 320px;
  background: rgba(0, 0, 0, 0.55);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 1500;
}
body:has(.stellarnav.active) .site-overlay {
  opacity: 1;
  pointer-events: auto;
}
.stellarnav.active > ul {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1600;
}
.stellarnav.mobile .menu-toggle {
  padding: 10px;
  border-radius: 6px;
  color: #000;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.stellarnav.mobile ul li {
  padding-left: 0px;
}
.stellarnav.mobile ul ul {
  background-color: #fafafa !important;
}
.stellarnav.mobile ul ul li {
  padding-left: 10px;
}
.stellarnav.mobile ul ul ul {
  margin-top: 10px;
  padding-bottom: 10px;
}
.stellarnav.mobile ul ul ul li {
  padding-left: 15px;
}
.stellarnav.mobile ul ul ul li a {
  color: #333;
  border-bottom: none !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
.stellarnav.mobile ul ul ul .dd-toggle {
  height: 30px;
}
.stellarnav .menu-toggle span.bars {
  margin-right: 0;
}
.stellarnav .menu-toggle span.bars span {
  width: 20px;
  background: #fff;
  margin: 0 0 5px;
  height: 3px;
}
.stellarnav .call-btn-mobile,
.stellarnav .close-menu,
.stellarnav .location-btn-mobile,
.stellarnav .menu-toggle {
  padding: 10px 0;
}
.stellarnav .close-menu .fa {
  font-size: 30px;
  margin-right: 9px;
}
#search {
  width: auto;
  order: 0;
}
#search .fa-search {
  font-size: 24px;
  color: #000;
}
@media (max-width: 768px) {
  .menu-block {
    padding-top: 0;
  }
  .search-icon {
    position: initial;
    right: auto;
  }
}
.btn-link {
  text-decoration: none;
  color: #777;
}
.btn-link:hover {
  text-decoration: none;
  color: #000;
}
.btn-outline-secondary {
  border: 1px solid #ddd;
}
#account-edit,
#account-password,
#account-address,
#account-address,
#account-newsletter,
#account-notify,
#account-order,
#account-nra,
#account-return,
#account-success,
#account-register {
  max-width: 700px;
  margin: 0 auto;
}
.card.primary-card {
  border-color: #000;
}
.card-link {
  text-decoration: none;
}
.card-link:hover {
  text-decoration: underline;
}
.card-subtitle {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  color: #666;
}
.account-page .account-menu {
  margin: 0 0 20px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 15px;
}
.account-page .account-menu li {
  display: flex;
  width: 100%;
  padding: 10px;
  margin: 0;
  padding: 0;
}
.account-page .account-menu li a {
  display: flex;
  background: #e9f0f5;
  border-radius: 20px;
  color: #000;
  padding: 15px;
  width: 100%;
  text-align: left;
  align-items: center;
  text-decoration: none;
  flex-direction: column;
  gap: 10px;
}
.account-page .account-menu li a:hover {
  text-decoration: none;
  background: #00b3ff;
  color: #fff;
}
.account-page .account-menu li a .fa {
  font-size: 26px;
  color: #000;
  margin-right: 10px;
}
.account-page .account-menu li a:hover .fa {
  color: #fff;
}
@media (min-width: 960px) {
  .account-page .account-menu li {
    flex: 1 0 31%;
  }
}
.blog-title-box {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 10px;
}
.blog-title-box a {
  text-decoration: none;
  color: #333;
  font-weight: 600;
  font-size: 20px;
}
.blog-short-description {
  font-size: 13px;
  color: #666;
}
.blog-title-box a {
  display: block;
  overflow: hidden;
}
.blog.blog_post > .text-center > img {
  border-radius: 16px;
}
.blog-title-box img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
  transition: transform 0.35s ease;
  transform: scale(1);
  will-change: transform;
}
.blog-title-box a:hover img,
.blog-title-box:hover img {
  transform: scale(1.03);
}
.blog-meta {
  font-size: 11px;
  color: #666;
  font-weight: 400;
  margin-bottom: 10px;
}
.blog-read-more {
  margin-bottom: 25px;
}
.blog-read-more a {
  text-decoration: none;
  font-size: 13px;
}
.blog-read-more a:hover {
  text-decoration: underline;
}
.lg-backdrop {
  background-color: #fff !important;
}
.scontent-top-fullwidth .banner-mosaic {
  margin-top: 20px;
}
.scontent_mid1 {
  margin-top: 30px;
  margin-bottom: -48px;
}
.scontent_mid1 + .container {
  margin-top: 50px;
}
.mosaic-6 {
  --rgap: 20px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: none;
  gap: var(--rgap);
  column-gap: var(--rgap);
  row-gap: var(--rgap);
  grid-column-gap: var(--rgap);
  grid-row-gap: var(--rgap);
  align-items: start;
}
.mosaic-6 .mz-item {
  position: relative;
  margin: 0;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 16px;
}
.mz-item::before {
  content: "";
  display: block;
}
.mz-square::before {
  padding-bottom: 100%;
}
.mz-vertical::before {
  padding-bottom: calc(200% + var(--rgap));
}
.mz-link {
  position: absolute;
  inset: 0;
  display: block;
  height: 100%;
  z-index: 3;
}
.mz-item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
  z-index: 0;
  border-radius: 16px;
}
.mosaic-6 .img-fluid {
  width: 100% !important;
  height: 100% !important;
  display: block;
}
.mz-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0) 60%
  );
  opacity: 0.85;
  transition: opacity 0.25s ease;
  z-index: 3;
  pointer-events: none;
  border-radius: 16px;
}
.mz-item:hover img {
  transform: scale(1.03);
}
.banner-caption {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 4;
  color: #fff;
  pointer-events: none;
}
.mosaic-6 .banner-title {
  margin: 0 0 6px 0;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.mosaic-6 .banner-description {
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  opacity: 0.95;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  max-height: 3.6em;
  overflow: hidden;
}
.mosaic-6 > .mz-item {
  grid-column: auto;
  grid-row: auto;
}
.mosaic-6 > .mz-item:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 2;
}
.mosaic-6 > .mz-item:nth-child(2) {
  grid-column: 2;
  grid-row: 1;
}
.mosaic-6 > .mz-item:nth-child(3) {
  grid-column: 2;
  grid-row: 2;
}
.mosaic-6 > .mz-item:nth-child(4) {
  grid-column: 2;
  grid-row: 3 / span 2;
}
.mosaic-6 > .mz-item:nth-child(5) {
  grid-column: 1;
  grid-row: 3;
}
.mosaic-6 > .mz-item:nth-child(6) {
  grid-column: 1;
  grid-row: 4;
}
@media (min-width: 425px) {
  .mosaic-6 .banner-title {
    font-weight: 300;
    font-size: 20px;
    -webkit-line-clamp: 3;
  }
}
@media (min-width: 577px) {
  .mosaic-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 25px;
    align-items: stretch;
  }
  .mosaic-6 .mz-item {
    width: -webkit-fill-available;
  }
  .mz-item::before {
    display: none;
  }
  .mz-square {
    aspect-ratio: 1 / 1;
  }
  .mz-vertical {
    aspect-ratio: 1 / 2;
  }
  .mosaic-6 > .mz-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1 / span 2;
  }
  .mosaic-6 > .mz-item:nth-child(2) {
    grid-column: 2;
    grid-row: 1;
  }
  .mosaic-6 > .mz-item:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }
  .mosaic-6 > .mz-item:nth-child(4) {
    grid-column: 3;
    grid-row: 1 / span 2;
  }
  .mosaic-6 > .mz-item:nth-child(5) {
    grid-column: 4;
    grid-row: 1;
  }
  .mosaic-6 > .mz-item:nth-child(6) {
    grid-column: 4;
    grid-row: 2;
  }
  .mosaic-6 .banner-title {
    font-size: 26px;
  }
  .banner-caption {
    left: 20px;
    right: 20px;
    bottom: 20px;
  }
}
.banner-row .bm-card {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 20px;
}
.banner-row .bm-link {
  position: relative;
  display: block;
}
.banner-row .bm-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.35s ease;
}
.banner-row .bm-card:hover .bm-link img {
  transform: scale(1.03);
}
.banner-row .bm-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.55) 0%,
    rgba(0, 0, 0, 0) 60%
  );
  opacity: 0.85;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.banner-row .bm-card:hover::after {
  opacity: 1;
}
.banner-row .bm-caption {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  z-index: 2;
  color: #fff;
  pointer-events: none;
}
.banner-row .bm-title {
  margin: 0 0 6px 0;
  font-weight: 300;
  font-size: 26px;
  line-height: 1.2;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.banner-row .bm-desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  opacity: 0.95;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
  max-height: 3.6em;
  overflow: hidden;
}
.carousel-wrapper .carousel-image {
  width: 110px;
  aspect-ratio: 1 / 1;
  margin: 0 auto 20px;
  border-radius: 100%;
  overflow: hidden;
  background: #fff;
  position: relative;
  padding: 5px;
  box-sizing: border-box;
}
.carousel-wrapper .carousel-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  display: block;
  transition: transform 0.25s ease;
}
.carousel-wrapper .swiper-slide:hover .carousel-image img {
  transform: scale(1.03);
}
.carousel-wrapper .carousel-title {
  margin-top: 6px;
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8c8c8c;
  line-height: 1.2;
  font-weight: 500;
}
.carousel-wrapper .swiper-slide a {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}
@media (max-width: 576px) {
  .carousel-wrapper .carousel-image {
    width: 88px;
    padding: 12px;
  }
  .carousel-wrapper .carousel-title {
    font-size: 11px;
  }
}
.load_more {
  min-width: 200px;
}
.collection-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.collection-item {
  flex: 0 0 auto;
}
.collection-item.current-variant {
  width: 115px;
  text-align: center;
  height: 46px;
}
.collection-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  width: 115px;
  text-align: center;
  height: 46px;
  justify-content: center;
}
.collection-item img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
  margin-bottom: 6px;
}
.collection-item span {
  display: block;
  font-size: 11px;
  line-height: 1.4;
  color: #333;
}
.samecollection_block {
  position: relative;
  margin-bottom: 15px;
}
.samecollection_block_title {
  font-size: 13px;
  margin-bottom: 10px;
  font-weight: 600;
}
.collection-group.js-variants-collection {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  overflow: hidden;
}
.collection-group.js-variants-collection.expanded {
  overflow: visible;
}
.collection-see-more {
  display: none;
  margin-top: 0;
  cursor: pointer;
  text-decoration: none;
  font-size: 13px;
  padding: 10px 10px 10px 0;
}
.collection-see-more:hover {
  text-decoration: underline;
}
.collection-item {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 0;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.collection-item.current-variant,
.collection-item:hover {
  border: 1px solid var(--primary-green);
  background-color: #fafafa;
}
.collection-item a {
  color: #333;
}
.collection-item.current-variant a {
  color: #666;
}
.category-sidebar {
  font-size: 0.9rem;
}
.category-sidebar .category-current {
  font-weight: 600;
}
.category-sidebar .category-row {
  position: relative;
}
.category-sidebar .category-link {
  color: #333333;
  text-decoration: none;
  transition: background-color 0.15s ease, color 0.15s ease;
}
.category-sidebar .category-link:hover {
  background-color: #4caf510d;
  color: #000000;
}
.category-sidebar .category-toggle {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  padding: 0;
  line-height: 1;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.85rem;
  flex-shrink: 0;
}
.category-sidebar .category-toggle::before {
  content: "+";
  font-weight: 600;
}
.category-sidebar
  .category-item.open
  > .category-row
  > .category-toggle::before {
  content: "–";
  margin-top: -2px;
}
.category-sidebar .category-sublist {
  display: none;
  border-left: 1px solid rgba(0, 0, 0, 0.08);
  margin-left: 0.4rem;
  padding-left: 0.6rem;
}
.category-sidebar .category-item.open > .category-sublist {
  display: block;
}
.category-sidebar .category-sublist .category-link {
  font-size: 0.85rem;
}
.ocf-noUi-connect:before,
.ocf-noUi-handle {
  background-color: #666 !important;
}
.category-header {
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #dee2e6;
}
.category-header-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}
.category-title {
  font-weight: 600;
  letter-spacing: 0.02em;
}
.category-sorting {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.category-sorting-label {
  margin: 0;
  font-size: 0.8rem;
  color: #6c757d;
  white-space: nowrap;
}
.category-sorting select {
  flex: 1 1 auto;
  width: 100%;
}
.category-thumb {
  max-width: 140px;
  height: auto;
}
@media (min-width: 768px) {
  .category-header-inner {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .category-sorting {
    width: auto;
  }
  .category-sorting select {
    width: auto;
    min-width: 180px;
  }
  .category-thumb {
    max-width: 180px;
  }
}
.linked-category-block {
  margin-top: 20px;
}
.linked-category-block p {
  font-weight: 500;
}
.pr-cat-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.pr-cat-list li {
  list-style: none;
  padding: 3px 8px;
  margin: 0 10px 10px 0;
  background: #c1fcff60;
  border-radius: 5px;
}
.pr-cat-list .pr-cat a {
  font-size: 12px;
  display: block;
  text-decoration: none;
  color: #333;
}
.product-thumb .image {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  background-color: #fff;
}
.product-thumb .image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 0.35s ease;
  will-change: transform;
  transform: scale(1);
}
.product-thumb .image:hover img {
  transform: scale(1.03);
}
.product-thumb:hover .image img {
  transform: scale(1.03);
}
#column-left-grid,
#column-right-grid,
#column-left,
#column-right {
  z-index: 2 !important;
}
.upsell-list .product-thumb {
  flex-direction: row;
  gap: 10px;
  padding: 0 10px 0 5px;
}
.upsell-list .product-thumb .image {
  width: 120px;
}
.upsell-list .product-thumb .caption,
.upsell-list .product-thumb .product-name,
.upsell-list .product-thumb .button-group {
  padding-left: 0;
  padding-right: 0;
}
.upsell-list .product-thumb a {
  text-decoration: none;
}
.upsell-list .product-thumb .button-group .btn {
  width: auto;
}
.upsell-list .product-thumb .price {
  margin-bottom: 5px;
}
.message-success a {
  text-decoration: none;
  color: #000;
}
.message-success a:hover {
  color: #1e6f4a;
  text-decoration: none;
}
aside#column-right.hidden-xs {
  width: 100% !important;
  display: block !important;
}
.product-images-wrapper .thumb.swiper .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-images-wrapper .thumb.swiper img.thumb-image {
  width: auto !important;
  max-width: 100%;
  height: auto;
  max-height: 620px;
  object-fit: contain;
  display: block;
}
@media (max-width: 991.98px) {
  .product-images-wrapper .thumb.swiper img.thumb-image {
    max-height: 60vh;
  }
}
.product-images-wrapper .swiper.additional .swiper-slide {
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product-images-wrapper .swiper.additional img.additional-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
  border-radius: 4px;
}
.product-images-wrapper .swiper.additional .swiper-slide {
  aspect-ratio: 1 / 1;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 6px;
}
.product-images-wrapper .swiper.additional img.additional-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.product-images-wrapper .thumb {
  position: relative;
}
.product-images-wrapper .thumb.swiper {
  position: relative;
}
@media (max-width: 991.98px) {
  body {
    padding-bottom: 88px;
  }
}
@media (max-width: 991.98px) {
  #product-desc-wrap {
    margin-top: 20px;
  }
  #product-price-source {
    position: fixed;
    bottom: 50px;
    background: #fff;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    padding: 10px 15px 0;
    left: 0;
    z-index: 2;
  }
  #product-price-source h2 {
    font-size: 16px;
  }
  #product-product footer {
    padding-bottom: 96px;
  }
  #product-product #product .bq-group {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 0 !important;
    background: #fff;
    padding: 5px 12px calc(12px + env(safe-area-inset-bottom));
    transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
  }
  #product-product #product .bq-group {
    display: flex;
    gap: 10px;
    align-items: stretch;
  }
  #product-product #product .bq-group .pr-quantity {
    flex: 0 0 auto;
  }
  #product-product #product .bq-group #button-cart {
    flex: 1 1 auto;
    white-space: nowrap;
  }
  #product-product #product .bq-group .input-group {
    flex-wrap: nowrap;
  }
  #product-product #product .bq-group #input-quantity {
    width: 72px !important;
    min-width: 72px !important;
    flex: 0 0 72px !important;
  }
  #product-product #product .bq-group #btn-qty-minus,
  #product-product #product .bq-group #btn-qty-plus {
    width: 44px;
    flex: 0 0 44px;
  }
  #product-product #product .bq-group .btn:focus,
  #product-product #product .bq-group .btn:active {
    box-shadow: none !important;
  }
}
@media (max-width: 340px) {
   #product-product #product .bq-group #input-quantity {
    width: 50px !important;
    min-width: 50px !important;
    flex: 0 0 50px !important;
  }
}
.product-images-wrapper .thumb > .swiper-wrapper > .swiper-slide {
  border-radius: 16px;
  overflow: hidden;
}
.product-images-wrapper .thumb-image {
  border-radius: 16px;
}
.product-images-wrapper .swiper.additional {
  padding-bottom: 2px;
}
.product-images-wrapper .swiper.additional .swiper-slide {
  border-radius: 14px;
  overflow: hidden;
  background: #f5f5f5;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: transform 0.25s ease, border-color 0.25s ease,
    box-shadow 0.25s ease;
}
.product-images-wrapper .additional-image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  transition: transform 0.35s ease;
}
.product-images-wrapper
  .swiper.additional
  .swiper-slide:hover
  .additional-image {
  transform: scale(1.03);
}
.product-images-wrapper .swiper.additional .swiper-slide:hover {
  border-color: rgba(0, 0, 0, 0.14);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.product-images-wrapper .swiper.additional .swiper-slide-thumb-active {
  border-color: rgba(0, 0, 0, 0.22);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
}
.product-images-wrapper .swiper.additional .swiper-slide:focus-within {
  outline: 2px solid rgba(0, 0, 0, 0.25);
  outline-offset: 2px;
}
.product-images-wrapper .swiper.additional .swiper-wrapper {
  align-items: center;
}
@media (max-width: 576px) {
  .product-images-wrapper .swiper.additional .swiper-slide {
    border-radius: 12px;
  }
  .product-images-wrapper .additional-image {
    aspect-ratio: 1 / 1;
  }
}
.lg-sub-html,
.lg-toolbar {
  background-color: #fff !important;
}
.lg-toolbar .lg-icon {
  color: #666 !important;
}
.lg-toolbar .lg-icon:hover {
  color: #000 !important;
}
#fixedheader .header-searchbar {
  background: #fafafa;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
#fixedheader .header-searchbar-inner {
  max-width: 980px;
  margin: 0 auto;
  padding: 0.5rem 0;
}
#fixedheader .header-searchbar .input-group {
  border: 1px solid rgba(0, 0, 0, 0.22);
  border-radius: 999px;
  overflow: hidden;
  background: #fff;
}
#fixedheader .header-searchbar .form-control {
  border: 0 !important;
  box-shadow: none !important;
  padding-left: 1rem;
}
#fixedheader .header-searchbar .btn {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 0.9rem;
  opacity: 0.75;
  color: #666;
}
#fixedheader .header-searchbar .btn:hover {
  opacity: 1;
}
#fixedheader .header-searchbar .input-group:focus-within {
  border-color: rgba(0, 0, 0, 0.45);
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
}
@keyframes searchPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    transform: translateZ(0);
  }
  40% {
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.08);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
#fixedheader .header-searchbar.is-nudging .input-group {
  animation: searchPulse 1.1s ease-in-out 0s 2;
}
body.search-overlay-open {
  overflow: hidden;
}
.search-overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: var(--search-overlay-top, 0px);
  bottom: 0;
  z-index: 2000;
  display: none;
}
.search-overlay.is-open {
  display: block;
}
.search-overlay__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
}
.search-overlay__panel {
  position: relative;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.search-overlay__inner {
  position: relative;
  background: #fff;
  border-radius: 12px;
  margin-top: 0.75rem;
  padding: 1rem;
  box-shadow: 0 18px 55px rgba(0, 0, 0, 0.18);
}
.search-overlay__close {
  position: absolute;
  top: 0.5rem;
  right: 0.75rem;
  text-decoration: none;
  font-size: 20px;
  opacity: 0.7;
}
.search-overlay__close:hover {
  opacity: 1;
}
#searchOverlayResults > ul.dropdown-menu {
  display: block !important;
  position: static !important;
  float: none !important;
  margin: 0 !important;
  padding: 0.25rem 0 !important;
  width: 100% !important;
  border: 0 !important;
  box-shadow: none !important;
  max-height: none !important;
}
#fixedheader #search > ul.dropdown-menu {
  display: none !important;
}
#search .dropdown-menu.pull-right,
#searchOverlayResults .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
#search .dropdown-menu .divider,
#searchOverlayResults .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
#search .dropdown-menu > li > a,
#search .dropdown-menu li.disabled,
#searchOverlayResults .dropdown-menu > li > a,
#searchOverlayResults .dropdown-menu li.disabled {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: unset;
  text-decoration: none;
}
#search .dropdown-menu li.inline a,
#searchOverlayResults .dropdown-menu li.inline a {
  border-radius: 5px;
  padding: 5px 5px;
}
#search .dropdown-menu li.more a,
#searchOverlayResults .dropdown-menu li.more a {
  padding: 0;
}
#search .dropdown-menu > li > a:hover,
#search .dropdown-menu > li > a:focus,
#searchOverlayResults .dropdown-menu > li > a:hover,
#searchOverlayResults .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
  background-image: none;
}
#search .dropdown-menu > .active > a,
#search .dropdown-menu > .active > a:hover,
#search .dropdown-menu > .active > a:focus,
#searchOverlayResults .dropdown-menu > .active > a,
#searchOverlayResults .dropdown-menu > .active > a:hover,
#searchOverlayResults .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-image: none;
  outline: 0;
}
#search .dropdown-menu > .disabled > a,
#search .dropdown-menu > .disabled > a:hover,
#search .dropdown-menu > .disabled > a:focus,
#searchOverlayResults .dropdown-menu > .disabled > a,
#searchOverlayResults .dropdown-menu > .disabled > a:hover,
#searchOverlayResults .dropdown-menu > .disabled > a:focus {
  color: #777;
}
#search .dropdown-menu > .disabled > a:hover,
#search .dropdown-menu > .disabled > a:focus,
#searchOverlayResults .dropdown-menu > .disabled > a:hover,
#searchOverlayResults .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#search .dropdown-menu,
#searchOverlayResults .dropdown-menu {
  max-width: 100%;
  overflow: hidden auto;
  max-height: 60vh;
}
#search .dropdown-menu::-webkit-scrollbar-track,
#searchOverlayResults .dropdown-menu::-webkit-scrollbar-track {
  background-color: transparent;
}
#search .dropdown-menu::-webkit-scrollbar,
#searchOverlayResults .dropdown-menu::-webkit-scrollbar {
  width: 4px;
  background-color: white;
}
#search .dropdown-menu::-webkit-scrollbar-thumb,
#searchOverlayResults .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
#search .dropdown-menu li,
#searchOverlayResults .dropdown-menu li {
  list-style-image: none !important;
  clear: both;
}
#search .dropdown-menu li:not(.disabled, .inline, .more),
#searchOverlayResults .dropdown-menu li:not(.disabled, .inline, .more) {
  border-bottom: 1px solid #f1f1f1;
}
#search .dropdown-menu li.inline,
#searchOverlayResults .dropdown-menu li.inline {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}
#search .dropdown-menu li.inline .search-suggestion,
#searchOverlayResults .dropdown-menu li.inline .search-suggestion {
  text-align: center;
}
#search .dropdown-menu li .title,
#searchOverlayResults .dropdown-menu li .title {
  font-size: 1em;
  text-transform: none;
  line-height: normal;
}
#search .dropdown-menu li.disabled .title,
#searchOverlayResults .dropdown-menu li.disabled .title {
  width: fit-content;
  padding-bottom: 5px;
  font-size: 1.2em;
}
.search-suggestion .more {
  background-color: #4caf51;
  border-radius: 16px;
}
#searchOverlayResults .dropdown-menu li:not(.disabled, .inline, .more) {
  width: 24%;
  float: left;
  clear: none;
}
@media (max-width: 480px) {
  #searchOverlayResults .dropdown-menu li:not(.disabled, .inline, .more) {
    width: 100% !important;
    float: none !important;
    clear: both !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #searchOverlayResults .search-suggestion.product {
    grid-template-columns: 72px 1fr;
    column-gap: 10px;
    row-gap: 4px;
  }
}
@media (min-width: 481px) and (max-width: 576px) {
  #searchOverlayResults .dropdown-menu li:not(.disabled, .inline, .more) {
    width: 48% !important;
    float: left !important;
    clear: none !important;
    margin-left: 0 !important;
  }
  #searchOverlayResults .search-suggestion.product {
    grid-template-columns: 80px 1fr;
    column-gap: 10px;
    row-gap: 4px;
  }
}
@media (min-width: 577px) and (max-width: 768px) {
  #searchOverlayResults .dropdown-menu li:not(.disabled, .inline, .more) {
    width: 32% !important;
    float: left !important;
    clear: none !important;
  }
}
@media (min-width: 769px) and (max-width: 990px) {
  #searchOverlayResults .dropdown-menu li:not(.disabled, .inline, .more) {
    width: 32% !important;
    float: left !important;
    clear: none !important;
  }
}
@media (min-width: 991px) {
  #searchOverlayResults .dropdown-menu li:not(.disabled, .inline, .more) {
    width: 24% !important;
    float: left !important;
    clear: none !important;
  }
}
#searchOverlayResults .dropdown-menu li.more .btn {
  width: 100%;
  display: block;
}
#searchOverlayResults .dropdown-menu li.more {
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 20px;
}
#searchOverlayResults .dropdown-menu li.more > a {
  display: block;
  width: 100%;
  border-radius: 16px !important;
}
#searchOverlayResults .dropdown-menu li.more .search-suggestion.product {
  display: block !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  width: 100% !important;
}
#searchOverlayResults .dropdown-menu li.more .center {
  grid-column: auto !important;
  grid-row: auto !important;
}
#searchOverlayResults .dropdown-menu li.more .more {
  display: block;
  width: 100%;
  text-align: center;
  padding: 12px 14px;
  font-weight: 600;
}
#searchOverlayResults .dropdown-menu li.more {
  border: 1px solid #f1f1f1;
  border-radius: 16px !important;
}
.page-cart.checkout_form .cart-item-left img {
  width: 80px;
  height: 80px;
}
.row-flex.checkout-сustomer-info,
.checkout-col-left .two-column,
.checkout-col-left .two-column .row-flex {
  margin-right: 0 !important;
  margin-left: 0 !important;
  gap: 16px;
}
#onepcheckout .register-form {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.row-flex.checkout-сustomer-info .form-group.col-sm-6,
.checkout-col-left .two-column .row-flex .flex-column {
  width: calc(50% - 8px) !important;
}
.checkout-сustomer,
.checkout-address,
.checkout-shipping-address,
.checkout-related-products,
.checkout-shipping-method,
.checkout-payment-method {
  padding-bottom: 20px !important;
}
#opc-shipping-address {
  gap: 16px 0;
}
#onepcheckout select.form-control,
.chm-modal input.form-control,
.opc-btn {
  border-radius: 16px !important;
}
.opc-btn-primary {
  background-color: var(--primary-green) !important;
  border-radius: 16px !important;
}
#opc_authorization .modal-footer .row {
  flex-grow: 1;
}
#collapse-dop-module .cart-voucher {
  margin-bottom: 15px;
}
#collapse-dop-module .btn-primary {
  background-color: var(--primary-green) !important;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.brand-index {
  margin: 0 0 12px;
  scroll-margin-top: 180px !important;
}
.brand-index__label {
  display: inline-block;
  margin-right: 8px;
  font-size: 0.95rem;
}
.brand-index__list {
  display: flex;
  gap: 8px;
  align-items: center;
  list-style: none;
  margin: 6px 0 0;
  padding: 6px 0;
  overflow-x: auto;
  white-space: nowrap;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}
.brand-index__item {
  scroll-snap-align: start;
}
.brand-index__link {
  display: inline-block;
  min-width: 2.25rem;
  padding: 0.38rem 0.6rem;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 999px;
  background: #fff;
  color: inherit;
  text-decoration: none;
  text-align: center;
  font-weight: 600;
  line-height: 1;
  font-size: 0.95rem;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.brand-index__link:hover,
.brand-index__link:focus-visible {
  border-color: rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  outline: none;
}
.brand-index__link[aria-current="true"],
.brand-index__link.is-active {
  background: #111;
  color: #fff;
  border-color: #111;
}
@media (min-width: 768px) {
  .brand-index__list {
    flex-wrap: wrap;
    overflow-x: visible;
    white-space: normal;
  }
}
.brand-grid {
  display: grid;
  gap: 16px;
  list-style: none;
  margin: 0;
  padding: 0;
  grid-template-columns: repeat(3, 1fr);
  justify-items: stretch;
}
@media (min-width: 470px) {
  .brand-grid {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 600px) {
  .brand-grid {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (min-width: 992px) {
  .brand-grid {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (min-width: 1200px) {
  .brand-grid {
    grid-template-columns: repeat(7, 1fr);
  }
}
@media (min-width: 1400px) {
  .brand-grid {
    grid-template-columns: repeat(8, 1fr);
  }
}
.brand-title-letter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin: 24px 0 12px;
  padding: 6px 0;
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  scroll-margin-top: 140px !important;
}
.brand-title-letter__text {
  font-size: 2.5rem;
  font-weight: 800;
  margin: 2.5rem 0 1rem;
  opacity: 0.15;
  text-transform: uppercase;
}
.brand-title-letter__top {
  display: inline-grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  background: #fff;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.brand-title-letter__top .fa {
  font-size: 20px;
  line-height: 1;
}
.brand-title-letter__top:hover,
.brand-title-letter__top:focus-visible {
  border-color: rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
  outline: none;
}
.brand-card {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 6px 20px rgba(0, 0, 0, 0.06);
  transition: box-shadow 0.25s ease, transform 0.25s ease,
    border-color 0.25s ease;
  overflow: hidden;
  height: clamp(120px, 10vw, 150px);
  display: flex;
}
.brand-title-letter + .brand-grid {
  margin-top: 0.7rem;
}
.brand-card__link {
  display: grid;
  grid-template-rows: 1fr auto;
  gap: 0.5rem;
  padding: 0.5rem;
  width: 100%;
  text-decoration: none;
  color: inherit;
}
.brand-card__media {
  display: grid;
  place-items: center;
  background: var(--light-bgr);
  border-radius: 16px;
  overflow: hidden;
  min-height: 0;
}
.brand-card__media img {
  max-width: 90%;
  max-height: 90%;
  object-fit: contain;
  display: block;
}
.brand-card__name {
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
  font-size: 0.95rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.brand-card__placeholder {
  font-size: 2.5rem;
  opacity: 0.15;
}
.brand-card:hover,
.brand-card:has(:focus-visible) {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.08);
  transform: translateY(-1px);
  border-color: rgba(0, 0, 0, 0.12);
}
.brand-card__link:focus-visible {
  outline: 3px solid #4c9ffe;
  outline-offset: 3px;
  border-radius: 16px;
}
@media (min-width: 768px) {
    .ocf-scroll-y::-webkit-scrollbar-thumb {
        background-color: #333 !important;
    }
    .ocf-selected .ocf-value-input::before {
      border-color: #333 !important;
      background-color: #333 !important;
    }
}
@media (max-width: 767px) {
  #column-left-grid, #column-right-grid, #column-left, #column-right {
    z-index: 1050 !important;
  }
}

 
#search  .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 270px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
#search .dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
#search .dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
#search .dropdown-menu > li > a,
#search .dropdown-menu  li.disabled {
  display: block;
  padding: 3px 10px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: unset;
  text-decoration: none;
}
#search .dropdown-menu  li.inline a {
  border-radius: 5px;
  padding: 5px 5px;
}
#search .dropdown-menu  li.more a {
  padding: 0;
}
#search .dropdown-menu > li > a:hover,
#search .dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
  background-image: none;
}
#search .dropdown-menu > .active > a,
#search .dropdown-menu > .active > a:hover,
#search .dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-image: none;
  outline: 0;
}
#search .dropdown-menu > .disabled > a,
#search .dropdown-menu > .disabled > a:hover,
#search .dropdown-menu > .disabled > a:focus {
  color: #777;
}
#search .dropdown-menu > .disabled > a:hover,
#search .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

#search .dropdown-menu { 
  max-width: 100%;
  overflow: hidden auto;
  max-height: 60vh;
}
#search .dropdown-menu::-webkit-scrollbar-track {
  background-color: transparent;
}
#search .dropdown-menu::-webkit-scrollbar {
  width: 4px;
  background-color: white;
}
#search .dropdown-menu::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 10px;
}

#search .dropdown-menu li {
  list-style-image:  none !important;
  clear: both;
}
#search .dropdown-menu li:not(.disabled, .inline, .more) {
  border-bottom: 1px solid #f1f1f1;
}
#search .dropdown-menu li.inline { 
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}
#search .dropdown-menu li.inline .search-suggestion{ 
  text-align: center;
}
#search .dropdown-menu li .title {
  font-size: 1em;
  text-transform: none;
  line-height: normal;
}
#search .dropdown-menu li.disabled .title {
  width: fit-content;
  padding-bottom: 5px;
  font-size: 1.2em;
}
.search-suggestion {
  overflow: hidden;
  width: 100%;
  display: flex;
  gap: 15px;
}
.search-suggestion .center {
  flex-grow: 1;
  min-width: 0;
}
.search-suggestion .center .name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  height: 64px;
}
@media (min-width: 768px) {
  .search-suggestion .center .name {
    -webkit-line-clamp: 4;
    height: 84px;
  }
}
li:not(.inline, .more) .search-suggestion .center > div {
  margin-bottom: 3px;
}
.search-suggestion .left, .search-suggestion .right  {
  align-self: center;
  text-align: center;
}
.search-suggestion .label {
  font-weight: normal;
  color: darkgray;
  padding-left: 0;
  padding-right: 5px;
}
.search-suggestion  .image img {
  border-radius: 5px;
}
.search-suggestion  .price-old {
  text-decoration: line-through;
  text-decoration: none;
  margin-right: 10px;
  color: #666;  
  position: relative; 
  font-weight: normal;
  font-size: 0.8em;
  padding-left: 0;
}
.search-suggestion  .price-new {
  color: rgb(220,53,69);
}
.search-suggestion  .price-base {
  color: black;
}
.search-suggestion .more {
  line-height: 30px;
  text-align: center;
  font-size: 1.1em;
  color: white;
  opacity: 0.7;
}
.search-suggestion .more:hover {
  opacity: 1;
}
.search-suggestion .out-stock .value {
  color: #ff2e2e;
  color: white;
  background-color: #ff2e2e;
  width: fit-content;  
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 0.8em;
  font-weight: 700;
}
.search-suggestion .in-stock .value {
  color: #00dd00;
  color: white;
  background-color: #00dd00;
  width: fit-content;  
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 0.8em;
  font-weight: 700;
}
#cart > button {
  position: relative;
}

#cart > button .cart-spinner {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

#cart > button.loading .cart-spinner {
  display: flex;
}

#cart > button.loading > *:not(.cart-spinner) {
  opacity: 0;
}