@-webkit-keyframes dot-keyframes {

  0% {

    -webkit-transform: scale(0.5);

            transform: scale(0.5);

  }

  25% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  75% {

    -webkit-transform: scale(0.5);

            transform: scale(0.5);

  }

  100% {

    -webkit-transform: scale(0.5);

            transform: scale(0.5);

  }

}

@keyframes dot-keyframes {

  0% {

    -webkit-transform: scale(0.5);

            transform: scale(0.5);

  }

  25% {

    -webkit-transform: scale(1);

            transform: scale(1);

  }

  75% {

    -webkit-transform: scale(0.5);

            transform: scale(0.5);

  }

  100% {

    -webkit-transform: scale(0.5);

            transform: scale(0.5);

  }

}

@-webkit-keyframes rotate {

  100% {

    -webkit-transform: rotate(-360deg);

            transform: rotate(-360deg);

  }

}

@keyframes rotate {

  100% {

    -webkit-transform: rotate(-360deg);

            transform: rotate(-360deg);

  }

}

/*------------------------------------------------------------------

[Table of contents]

  01. Root

  02. Clearfix

  03. Helpers

  04. Forms

  05. Header

  06. Sidebar

  07. Blog

  08. WooCommerce

  09. Footer

-------------------------------------------------------------------*/

/*------------------------------------ 

    01 - Root

------------------------------------*/

:root {

  --color-white: #FFFFFF;

  --color-black: #020617;

  --color-slate-50: #f8fafc;

  --color-slate-100: #f1f5f9;

  --color-slate-200: #e2e8f0;

  --color-slate-300: #cbd5e1;

  --color-slate-400: #94a3b8;

  --color-slate-500: #64748b;

  --color-slate-600: #475569;

  --color-slate-700: #334155;

  --color-slate-800: #1e293b;

  --color-slate-900: #0f172a;

  --color-slate-950: #020617;

  --color-gray-50: #f9fafb;

  --color-gray-100: #f3f4f6;

  --color-gray-200: #e5e7eb;

  --color-gray-300: #d1d5db;

  --color-gray-400: #9ca3af;

  --color-gray-500: #6b7280;

  --color-gray-600: #4b5563;

  --color-gray-700: #374151;

  --color-gray-800: #1f2937;

  --color-gray-900: #111827;

  --color-gray-950: #030712;

  --color-red-50: #fef2f2;

  --color-red-100: #fee2e2;

  --color-red-200: #fecaca;

  --color-red-300: #fca5a5;

  --color-red-400: #f87171;

  --color-red-500: #ef4444;

  --color-red-600: #dc2626;

  --color-red-700: #b91c1c;

  --color-red-800: #991b1b;

  --color-red-900: #7f1d1d;

  --color-red-950: #450a0a;

  --color-orange-50: #fff7ed;

  --color-orange-100: #ffedd5;

  --color-orange-200: #fed7aa;

  --color-orange-300: #fdba74;

  --color-orange-400: #fb923c;

  --color-orange-500: #f97316;

  --color-orange-600: #ea580c;

  --color-orange-700: #c2410c;

  --color-orange-800: #9a3412;

  --color-orange-900: #7c2d12;

  --color-orange-950: #431407;

  --color-yellow-50: #fefce8;

  --color-yellow-100: #fef9c3;

  --color-yellow-200: #fef08a;

  --color-yellow-300: #fde047;

  --color-yellow-400: #facc15;

  --color-yellow-500: #eab308;

  --color-yellow-600: #ca8a04;

  --color-yellow-700: #a16207;

  --color-yellow-800: #854d0e;

  --color-yellow-900: #713f12;

  --color-yellow-950: #422006;

  --color-green-50: #f0fdf4;

  --color-green-100: #dcfce7;

  --color-green-200: #bbf7d0;

  --color-green-300: #86efac;

  --color-green-400: #4ade80;

  --color-green-500: #22c55e;

  --color-green-600: #16a34a;

  --color-green-700: #15803d;

  --color-green-800: #166534;

  --color-green-900: #14532d;

  --color-green-950: #052e16;

  --color-cyan-50: #ecfeff;

  --color-cyan-100: #cffafe;

  --color-cyan-200: #a5f3fc;

  --color-cyan-300: #67e8f9;

  --color-cyan-400: #22d3ee;

  --color-cyan-500: #06b6d4;

  --color-cyan-600: #0891b2;

  --color-cyan-700: #0e7490;

  --color-cyan-800: #155e75;

  --color-cyan-900: #164e63;

  --color-cyan-950: #083344;

  --color-blue-50: #eff6ff;

  --color-blue-100: #dbeafe;

  --color-blue-200: #bfdbfe;

  --color-blue-300: #93c5fd;

  --color-blue-400: #60a5fa;

  --color-blue-500: #3b82f6;

  --color-blue-600: #2563eb;

  --color-blue-700: #1d4ed8;

  --color-blue-800: #1e40af;

  --color-blue-900: #1e3a8a;

  --color-blue-950: #172554;

  --color-indigo-50: #eef2ff;

  --color-indigo-100: #e0e7ff;

  --color-indigo-200: #c7d2fe;

  --color-indigo-300: #a5b4fc;

  --color-indigo-400: #818cf8;

  --color-indigo-500: #6366f1;

  --color-indigo-600: #4f46e5;

  --color-indigo-700: #4338ca;

  --color-indigo-800: #3730a3;

  --color-indigo-900: #312e81;

  --color-indigo-950: #1e1b4b;

  --color-violet-50: #f5f3ff;

  --color-violet-100: #ede9fe;

  --color-violet-200: #ddd6fe;

  --color-violet-300: #c4b5fd;

  --color-violet-400: #a78bfa;

  --color-violet-500: #8b5cf6;

  --color-violet-600: #7c3aed;

  --color-violet-700: #6d28d9;

  --color-violet-800: #5b21b6;

  --color-violet-900: #4c1d95;

  --color-violet-950: #2e1065;

}



:root {

  --theme-site-width: 1440px;

  --theme-site-gutter: 1.875rem;

  --theme-site-border-radius: 0.375rem;

  --theme-site-brand-height: 2.125rem;

  --theme-site-brand-mobile-height: 1.875rem;

  --theme-body-font: Inter, sans-serif;

  --theme-body-font-size: 16px;

  --theme-body-font-weight: 400;

  --theme-body-letter-spacing: -0.02em;

  --theme-body-line-height: 1.5;

  --theme-body-text-align: left;

  --theme-body-color: #030712;

  --theme-body-background: #FFFFFF;

  --theme-heading-font: Inter, sans-serif;

  --theme-heading-font-weight: 700;

  --theme-heading-letter-spacing: -0.02em;

  --theme-main-menu-font: Inter, sans-serif;

  --theme-main-menu-font-size: 0.938rem;

  --theme-main-menu-font-weight: 600;

  --theme-main-menu-letter-spacing: -0.02em;

  --theme-product-title-font: Inter, sans-serif;

  --theme-product-title-font-size: 0.875rem;

  --theme-product-title-font-weight: 500;

  --theme-product-title-letter-spacing: -0.02em;

  --theme-product-price-font: Barlow, sans-serif;

  --theme-product-price-font-size: 1.375rem;

  --theme-product-price-font-weight: 700;

  --theme-product-price-letter-spacing: -0.02em;

  --theme-text-excerpt-font-size: 0.875rem;

  --theme-text-description-font-size: 1rem;

  --theme-text-teaser-font-size: 1.125rem;

  --theme-form-input-font: Inter, sans-serif;

  --theme-form-input-font-size: 0.875rem;

  --theme-form-input-font-weight: 500;

  --theme-form-input-letter-spacing: -0.02em;

  --theme-form-input-height: 2.625rem;

  --theme-form-button-font: Inter, sans-serif;

  --theme-form-button-font-size: 0.875rem;

  --theme-form-button-font-weight: 700;

  --theme-form-button-letter-spacing: -0.02em;

  --theme-form-button-height: 2.625rem;

  --theme-primary-color: #634C9F;

  --theme-primary-active-color: #39245F;

  --theme-secondary-color: #FFD200;

  --theme-secondary-active-color: #F3C901;

  --theme-transition: cubic-bezier(0.75, 0.155, 0.525, 0.875);

}



/*------------------------------------ 

    02 - Clearfix

------------------------------------*/

/* --- Body clearfix --- */

body {

  font-family: var(--theme-body-font);

  font-size: var(--theme-body-font-size);

  font-weight: var(--theme-body-font-weight);

  line-height: var(--theme-body-line-height);

  letter-spacing: var(--theme-body-letter-spacing);

  text-align: var(--theme-body-text-align);

  text-rendering: optimizeLegibility;

  -webkit-font-smoothing: antialiased;

  overscroll-behavior-y: contain;

  color: var(--theme-body-color);

  background-color: var(--theme-body-background);

}



/* --- Heading clearfix --- */

h1, h2, h3, h4, h5, h6 {

  font-family: var(--theme-heading-font);

  font-weight: var(--theme-heading-font-weight);

  letter-spacing: var(--theme-heading-letter-spacing);

}



/* --- Image clearfix --- */

img {

  max-width: 100%;

  height: auto;

  image-rendering: -webkit-optimize-contrast;

}



/* --- Line height clearfix --- */

.lh-1-1 {

  line-height: 1.1 !important;

}



/* --- Letter spacing clearfix --- */

.lt-base {

  letter-spacing: var(--theme-body-letter-spacing) !important;

}



.lt-tighter {

  letter-spacing: -0.04em !important;

}



.lt-spacing-05 {

  letter-spacing: 0.5px !important;

}



.lt-spacing-1 {

  letter-spacing: 0px !important;

}



.lt-spacing-2 {

  letter-spacing: 2px !important;

}



.lt-spacing-3 {

  letter-spacing: 3px !important;

}



/* --- Bootstrap border clearfix clearfix --- */

.border, .border-top, .border-end, .border-bottom, .border-start {

  border-color: transparent;

}



/* --- Filtered sidebar global class clearfix --- */

.filtered-sidebar-active, .share-buttons-active {

  overflow: hidden;

}

.filtered-sidebar-active .main-content, .share-buttons-active .main-content {

  z-index: unset !important;

}



/* --- Container clearfix --- */

.container, .site-slider.full-width .slider-item .entry-wrapper {

  --bs-gutter-x: var(--theme-site-gutter);

  max-width: var(--theme-site-width);

  margin-right: auto;

  margin-left: auto;

}

@media screen and (min-width: 1280px) {

  .container, .site-slider.full-width .slider-item .entry-wrapper {

    padding-right: 2.5rem;

    padding-left: 2.5rem;

  }

}



/* --- Content wrapper clearfix --- */

@media screen and (min-width: 992px) {

  .content-wrapper:not(.row-reverse) #sidebar {

    padding-right: calc(var(--theme-site-gutter) / 2 + 0.9375rem);

  }

}

.content-wrapper.row-reverse {

  gap: 1.25rem;

}

@media screen and (min-width: 992px) {

  .content-wrapper.row-reverse {

    gap: 0;

  }

  .content-wrapper.row-reverse #sidebar {

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

    padding-left: calc(var(--theme-site-gutter) / 2 + 0.9375rem);

  }

  .content-wrapper.row-reverse #primary {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

  }

}



/* --- Row clearfix --- */

.row {

  --bs-gutter-x: var(--theme-site-gutter);

}



/* --- Rounded base clearfix --- */

.rounded-base {

  border-radius: var(--theme-site-border-radius);

}



.rounded-2xbase {

  border-radius: calc(var(--theme-site-border-radius) + 0.125rem);

}



/* --- Custom paddings clearfix --- */

@media screen and (min-width: 1200px) {

  .custom-padding-left-330 {

    padding-right: 20.625rem;

  }

}



/* --- Max Width clearfix --- */

.max-w-920 {

  max-width: 57.5rem;

}



.max-w-780 {

  max-width: 48.75rem;

}



.max-w-660 {

  max-width: 41.25rem;

}



.max-w-520 {

  max-width: 32.5rem;

}



.max-w-345 {

  max-width: 21.5625rem;

}



.max-w-50 {

  max-width: 50%;

}



.max-w-60 {

  max-width: 60%;

}



.max-w-70 {

  max-width: 70%;

}



.max-w-80 {

  max-width: 80%;

}



.max-w-90 {

  max-width: 90%;

}



.max-w-100 {

  max-width: 100%;

}



@media screen and (min-width: 576px) {

  .sm-max-w-50 {

    max-width: 50%;

  }

  .sm-max-w-60 {

    max-width: 60%;

  }

  .sm-max-w-70 {

    max-width: 70%;

  }

  .sm-max-w-80 {

    max-width: 80%;

  }

  .sm-max-w-90 {

    max-width: 90%;

  }

  .sm-max-w-100 {

    max-width: 100%;

  }

}

@media screen and (min-width: 992px) {

  .md-max-w-50 {

    max-width: 50%;

  }

  .md-max-w-60 {

    max-width: 60%;

  }

  .md-max-w-70 {

    max-width: 70%;

  }

  .md-max-w-80 {

    max-width: 80%;

  }

  .md-max-w-90 {

    max-width: 90%;

  }

  .md-max-w-100 {

    max-width: 100%;

  }

}

@media screen and (min-width: 1200px) {

  .lg-max-w-50 {

    max-width: 50%;

  }

  .lg-max-w-60 {

    max-width: 60%;

  }

  .lg-max-w-70 {

    max-width: 70%;

  }

  .lg-max-w-80 {

    max-width: 80%;

  }

  .lg-max-w-90 {

    max-width: 90%;

  }

  .lg-max-w-100 {

    max-width: 100%;

  }

}

/* --- Gap clearfix --- */

.gap-0-5 {

  gap: 0.15rem;

}



/* --- Text excerpt clearfix --- */

.entry-excerpt {

  font-size: var(--theme-text-excerpt-font-size);

}



/* --- Text description clearfix --- */

.entry-description {

  font-size: var(--theme-text-description-font-size);

}



/* --- Text teaser clearfix --- */

.entry-teaser {

  font-size: var(--theme-text-teaser-font-size);

}



/* --- Entry media styles --- */

.entry-media > img, .entry-media > iframe, .entry-media > video {

  width: 100%;

}



/* --- Flex auto clearfix --- */

.flex-auto {

  -webkit-box-flex: 0;

      -ms-flex: 0 1 auto;

          flex: 0 1 auto;

}



/* --- Opacity clearfix --- */

.opacity-10 {

  opacity: 0.1;

}



.opacity-20 {

  opacity: 0.2;

}



.opacity-30 {

  opacity: 0.3;

}



.opacity-40 {

  opacity: 0.4;

}



.opacity-50 {

  opacity: 0.5;

}



.opacity-60 {

  opacity: 0.6;

}



.opacity-70 {

  opacity: 0.7;

}



.opacity-80 {

  opacity: 0.8;

}



.opacity-90 {

  opacity: 0.9;

}



/* --- Strech div clearfix --- */

.strech {

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

}



/* --- Scrollbar clearfix --- */

.site-scroll {

  position: relative;

  width: 100%;

  height: 100%;

  overflow: auto;

}

.site-scroll.scrollbar-active {

  padding-left: 0.625rem !important;

}



/*------------------------------------ 

    03. Helpers

------------------------------------*/

/* --- Overlay link styles --- */

.overlay-link {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  z-index: 3;

}



/* --- Global notification styles --- */

.global-notification {

  color: #fff;

  background-color: var(--theme-primary-color);

}

.global-notification p {

  margin-bottom: 0;

}

.global-notification .site-countdown .countdown-item > div {

  width: 1.375rem;

}



/* --- Site loaders styles --- */

.site-loader {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 100%;

  height: 100%;

}

.site-loader.dots-animation {

  gap: 0.125rem;

}



.loader-dot {

  display: block;

  width: 0.3125rem;

  height: 0.3125rem;

  background-color: var(--theme-primary-color);

  border-radius: 0.375rem;

  -webkit-transform: scale(0.5);

          transform: scale(0.5);

  -webkit-animation: dot-keyframes 1.2s infinite ease-in-out;

          animation: dot-keyframes 1.2s infinite ease-in-out;

}

.loader-dot:nth-of-type(2) {

  -webkit-animation-delay: 0.2s;

          animation-delay: 0.2s;

}

.loader-dot:nth-of-type(3) {

  -webkit-animation-delay: 0.3s;

          animation-delay: 0.3s;

}

.loader-dot:nth-of-type(4) {

  -webkit-animation-delay: 0.4s;

          animation-delay: 0.4s;

}

.loader-dot:nth-of-type(5) {

  -webkit-animation-delay: 0.5s;

          animation-delay: 0.5s;

}



.loader-default::after {

  content: "";

  position: absolute;

  width: 2.25rem;

  height: 2.25rem;

  border: 1px solid transparent;

  border-right-color: var(--color-gray-900);

  border-radius: 50%;

  vertical-align: middle;

  -webkit-animation: rotate 450ms infinite linear;

          animation: rotate 450ms infinite linear;

}



/* --- Site menu default styles --- */

.site-menu ul {

  list-style: none;

  margin: 0;

}

.site-menu ul a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  text-decoration: none;

  color: currentColor;

}

.site-menu.horizontal ul {

  padding: 0;

}

.site-menu.horizontal ul:not(.sub-menu) {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

}

.site-menu.horizontal ul li {

  white-space: nowrap;

}

.site-menu.horizontal ul a {

  -webkit-transition: all 0.1s var(--theme-transition);

  transition: all 0.1s var(--theme-transition);

}

.site-menu.horizontal ul .sub-menu a {

  color: var(--color-gray-900);

}

.site-menu.horizontal ul .menu-item-has-children {

  position: relative;

}

.site-menu.horizontal ul .menu-item-has-children > a::after {

  font-family: "klbtheme";

  font-size: 78%;

  font-weight: 700;

  content: "\e8e7";

  margin-right: 0.4375rem;

  text-shadow: 0 0 currentColor;

}

.site-menu.horizontal ul .menu-item-has-children > .sub-menu {

  position: absolute;

  top: 100%;

  right: 0;

  background-color: #FFFFFF;

  border: 1px solid #f3f4f6;

  border-bottom-right-radius: calc(var(--theme-site-border-radius) + 2px);

  border-bottom-left-radius: calc(var(--theme-site-border-radius) + 2px);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transition: all 0.15s var(--theme-transition);

  transition: all 0.15s var(--theme-transition);

}

.site-menu.horizontal ul .menu-item-has-children > .sub-menu a {

  height: auto;

}

.site-menu.horizontal ul .menu-item-has-children:not(.mega-menu) .sub-menu .sub-menu {

  right: 100%;

  top: 0;

}

.site-menu.horizontal ul .menu-item-has-children:hover > .sub-menu {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}

.site-menu.horizontal.menu-shadow .menu-item-has-children > .sub-menu {

  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);

          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);

}

.site-menu.vertical > ul {

  padding: 0;

}

.site-menu.vertical > ul li {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  overflow: hidden;

}

.site-menu.vertical > ul li a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

  font-size: 0.9375rem;

  font-weight: 600;

  max-height: 2.75rem;

  padding-top: 0.625rem;

  padding-bottom: 0.625rem;

}

.site-menu.vertical > ul li .menu-dropdown {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 2rem;

  height: 100%;

  -webkit-box-ordinal-group: 3;

      -ms-flex-order: 2;

          order: 2;

  cursor: pointer;

}

.site-menu.vertical > ul li .menu-dropdown svg {

  width: 1.25rem;

  pointer-events: none;

  -webkit-transition: all 0.2s var(--theme-transition);

  transition: all 0.2s var(--theme-transition);

}

.site-menu.vertical > ul li .sub-menu {

  position: relative;

  width: 100%;

  padding-right: 0.9375rem;

  -webkit-box-ordinal-group: 4;

      -ms-flex-order: 3;

          order: 3;

}

.site-menu.vertical > ul li .sub-menu > li:last-child {

  padding-bottom: 0.9375rem;

}

.site-menu.vertical > ul li .sub-menu li a {

  font-size: 0.875rem;

  font-weight: 400;

  padding-top: 0.3125rem;

  padding-bottom: 0.3125rem;

}

.site-menu.vertical > ul li .sub-menu .sub-menu > li:first-child {

  padding-top: 0.625rem;

}

.site-menu.vertical > ul li .sub-menu .sub-menu > li:last-child {

  padding-bottom: 0.625rem;

}

.site-menu.vertical > ul li.active > .menu-dropdown svg {

  -webkit-transform: rotate(-180deg);

          transform: rotate(-180deg);

}



/* --- Site categories menu default styles --- */

.site-categories {

  position: absolute;

  border: 1px solid var(--color-gray-200);

  border-bottom-right-radius: calc(var(--theme-site-border-radius) + 2px);

  border-bottom-left-radius: calc(var(--theme-site-border-radius) + 2px);

}

.site-categories > ul > li > a {

  position: relative;

  background-color: var(--color-white);

  overflow: hidden;

  -webkit-transition: none;

  transition: none;

}

.site-categories > ul > li > a::before {

  content: "";

  position: absolute;

  width: 0.125rem;

  height: 100%;

  top: 0;

  right: 0;

  background-color: var(--theme-primary-color);

  opacity: 0;

}

.site-categories > ul > li > a:hover {

  background-color: var(--color-gray-50);

}

.site-categories > ul > li > a:hover::before {

  opacity: 1;

}

.site-categories > ul > li:last-child > a {

  border-bottom-right-radius: calc(var(--theme-site-border-radius) + 2px);

  border-bottom-left-radius: calc(var(--theme-site-border-radius) + 2px);

}

.site-categories > ul > li .sub-menu {

  position: absolute;

  width: 100%;

  height: calc(100% + 0.0625rem);

  top: 0;

  right: 100%;

  padding: 1.125rem 1.625rem;

  background-color: var(--color-white);

  border-left: 1px solid var(--color-gray-200);

  border-right: 1px solid var(--color-gray-200);

  border-bottom: 1px solid var(--color-gray-200);

  border-bottom-left-radius: calc(var(--theme-site-border-radius) + 2px);

  background-size: cover;

  background-position: top left;

  background-repeat: no-repeat;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

}

.site-categories > ul > li .sub-menu li + li {

  margin-top: 0.3125rem;

}

.site-categories > ul > li .sub-menu li a {

  font-size: 0.875rem;

  text-decoration-color: transparent;

  text-underline-offset: 0.3125rem;

  color: currentColor;

  -webkit-transition: text-decoration-color 0.05s var(--theme-transition);

  transition: text-decoration-color 0.05s var(--theme-transition);

}

.site-categories > ul > li .sub-menu li a:hover {

  text-decoration-color: currentColor;

}

.site-categories > ul > li.menu-item-has-children > a::after {

  font-family: "klbtheme";

  font-size: 75%;

  font-weight: 700;

  content: "\e8ef";

  margin-right: auto;

  margin-left: 0.125rem;

  text-shadow: 0 0 0 currentColor;

}

.site-categories > ul > li.menu-item-has-children:hover > a {

  background-color: var(--color-gray-50);

}

.site-categories > ul > li.menu-item-has-children:hover > a::before {

  opacity: 1;

}

.site-categories > ul > li.menu-item-has-children:hover .sub-menu {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}



/* --- Site menu default styles --- */

.site-brand {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

.site-brand a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 1.875rem;

  font-weight: 700;

  text-decoration: none;

  color: currentColor;

}

.site-brand a .brand-text {

  line-height: 1;

}

.site-brand a img {

  height: var(--theme-site-brand-mobile-height);

}

@media screen and (min-width: 1200px) {

  .site-brand a img {

    height: var(--theme-site-brand-height);

  }

}



/* --- Search form styles --- */

.search-form {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.search-form input {

  height: 3rem !important;

}

.search-form button {

  position: absolute;

  font-size: 1.375rem;

  width: 2.375rem;

  height: 100%;

  left: 0;

  background-color: transparent;

  border-radius: var(--theme-site-border-radius);

}

@media screen and (min-width: 1200px) {

  .search-form button {

    font-size: 1.625rem;

    width: 2.625rem;

  }

}

.search-form button i {

  font-size: inherit;

}



/* --- Bootstrap badge styles --- */

.badge {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.625rem;

  height: 1.25rem;

  border-radius: 0.25rem;

}

.badge.xs {

  font-size: 0.6875rem;

  height: 1.5rem;

}



/* --- Mobile bottom menu styles --- */

.site-mobile-navbar {

  position: fixed;

  display: block;

  width: 100%;

  bottom: 0;

  right: 0;

  z-index: 100;

  padding-right: calc(var(--theme-site-gutter) / 2);

  padding-left: calc(var(--theme-site-gutter) / 2);

  background-color: var(--color-white);

  border-top: 1px solid var(--color-gray-100);

  border-top-right-radius: 1.25rem;

  border-top-left-radius: 1.25rem;

  color: var(--color-black);

  -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.0235294118);

          box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.0235294118);

  padding-top: 0.375rem;

  padding-bottom: 0.25rem;

}

@media screen and (min-width: 1200px) {

  .site-mobile-navbar {

    display: none;

  }

}

.site-mobile-navbar ul {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  gap: 0.625rem;

}

.site-mobile-navbar ul li {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

}

.site-mobile-navbar ul li a {

  position: relative;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  min-width: 2.875rem;

  height: 2.875rem;

  -webkit-transition: all 0.2s var(--theme-transition);

  transition: all 0.2s var(--theme-transition);

}

.site-mobile-navbar ul li a::before {

  content: "";

  position: absolute;

  width: 2.875rem;

  height: 2.875rem;

  background-color: var(--theme-primary-color);

  border-radius: var(--theme-site-border-radius);

  opacity: 0;

  -webkit-transition: all 0.2s var(--theme-transition);

  transition: all 0.2s var(--theme-transition);

}

.site-mobile-navbar ul li a i {

  font-size: 1.5rem;

  line-height: 1.5rem;

  -webkit-transition: all 0.2s var(--theme-transition);

  transition: all 0.2s var(--theme-transition);

}

.site-mobile-navbar ul li a .count {

  position: absolute;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 0.625rem;

  font-weight: 600;

  line-height: 1.0625rem;

  min-width: 1.0625rem;

  height: 1.0625rem;

  padding-right: 0.0625rem;

  padding-left: 0.0625rem;

  border-radius: 50%;

  color: var(--color-red-50);

  background-color: var(--color-red-600);

  top: -0.0625rem;

  margin-right: 1.25rem;

  -webkit-transition: all 0.2s var(--theme-transition);

  transition: all 0.2s var(--theme-transition);

}

.site-mobile-navbar ul li a .menu-text {

  display: block;

  font-size: 0.5625rem;

  font-weight: 600;

  line-height: 1;

  color: var(--color-gray-400);

  margin-top: 0.375rem;

  opacity: 0.7;

  -webkit-transition: all 0.2s var(--theme-transition);

  transition: all 0.2s var(--theme-transition);

}

.site-mobile-navbar ul li a.active {

  color: var(--theme-primary-color);

}

.site-mobile-navbar ul li a.active::before {

  opacity: 0.15;

}

.site-mobile-navbar ul li a.active i {

  -webkit-transform: translateY(7px);

          transform: translateY(7px);

}

.site-mobile-navbar ul li a.active .menu-text {

  opacity: 0;

  -webkit-transform: translateY(100%);

          transform: translateY(100%);

}



/* --- Close button styles --- */

.close-button {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-negative: 0;

      flex-shrink: 0;

}

.close-button a {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 1rem;

  text-decoration: none;

  color: var(--color-gray-500);

  width: 1.75rem;

  height: 1.75rem;

  border-radius: 50%;

  -webkit-transition: all 0.35s var(--theme-transition);

  transition: all 0.35s var(--theme-transition);

}

@media screen and (min-width: 1200px) {

  .close-button a {

    font-size: 1.125rem;

    width: 2rem;

    height: 2rem;

  }

}

.close-button a::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: var(--color-gray-200);

  border-radius: 50%;

  opacity: 0.7;

}

.close-button a i {

  position: relative;

  font-weight: 700;

  line-height: 1.375rem;

  text-shadow: 0 0 0 currentColor;

  z-index: 1;

}

.close-button a:hover {

  -webkit-transform: rotate(-90deg);

          transform: rotate(-90deg);

}



/* --- Site modal styles --- */

.site-modal {

  position: fixed;

  z-index: 100;

  padding-right: calc(var(--theme-site-gutter) / 2);

  padding-left: calc(var(--theme-site-gutter) / 2);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.site-modal-overlay {

  background-color: rgba(0, 0, 0, 0.3);

}

.site-modal-body {

  min-width: 17.5rem;

  border-radius: calc(var(--theme-site-border-radius) + 2px);

  -webkit-transform: translateY(-10px);

          transform: translateY(-10px);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);

  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);

}

.site-modal.active {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}

.site-modal.active .site-modal-body {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

          transform: translateY(0);

}



/* --- Location modal styles --- */

.modal-location .close-button {

  position: absolute;

  top: 0.5rem;

  left: 0.5rem;

}

@media screen and (min-width: 1200px) {

  .modal-location .close-button {

    top: 0.75rem;

    left: 0.75rem;

  }

}

.modal-location .site-modal-body {

  max-width: 30rem;

  width: 100%;

}

.modal-location .site-modal-body .entry-text {

  line-height: 1.3;

}

@media screen and (min-width: 1200px) {

  .modal-location .site-modal-body .entry-text {

    line-height: 1.4;

  }

}

.modal-location .site-modal-body .search-wrapper i {

  right: 0.625rem;

}

.modal-location .site-modal-body .search-wrapper input {

  height: 2.75rem;

  padding-right: 2.375rem;

  border-width: 0.125rem;

}

.modal-location .site-modal-body .search-wrapper input:focus {

  outline: none;

  border-color: var(--theme-primary-color);

}

@media screen and (min-width: 1200px) {

  .modal-location .site-modal-body .search-wrapper input {

    height: 3rem;

    padding-right: 2.5rem;

  }

}

.modal-location .site-modal-body .search-wrapper .site-loader {

  position: absolute;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  width: auto;

  left: 0.9375rem;

  opacity: 0;

}

.modal-location .site-modal-body .search-wrapper.loading .site-loader {

  opacity: 1;

}

.modal-location .site-modal-body .location-items ul {

  position: relative;

  list-style: none;

  margin: 0;

  padding: 0;

  max-height: 13.5625rem;

  overflow: auto;

}

@media screen and (min-width: 1200px) {

  .modal-location .site-modal-body .location-items ul {

    max-height: 18.75rem;

  }

}

.modal-location .site-modal-body .location-items ul li {

  position: relative;

  padding-top: 0.625rem;

  padding-bottom: 0.625rem;

}

.modal-location .site-modal-body .location-items ul li + li {

  border-top: 1px solid var(--color-gray-100);

}

.modal-location .site-modal-body .location-items ul li:first-child {

  padding-top: 0;

}

.modal-location .site-modal-body .location-items ul li:last-child {

  padding-bottom: 0;

}

.modal-location .site-modal-body .location-items ul li label {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  cursor: pointer;

  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.modal-location .site-modal-body .location-items ul li label i {

  position: relative;

  font-size: 1rem;

  line-height: 0.875rem;

}

@media screen and (min-width: 1200px) {

  .modal-location .site-modal-body .location-items ul li label i {

    font-size: 1.125rem;

    line-height: 1.375rem;

  }

}

.modal-location .site-modal-body .location-items ul li label i::before {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 1.125rem;

  height: 1.125rem;

  border-radius: 50%;

}

@media screen and (min-width: 1200px) {

  .modal-location .site-modal-body .location-items ul li label i::before {

    width: 1.375rem;

    height: 1.375rem;

  }

}

.modal-location .site-modal-body .location-items ul li label .location-detail .location-col {

  line-height: 1.2;

}

.modal-location .site-modal-body .location-items ul li label:hover .entry-title {

  color: var(--theme-primary-color);

}

.modal-location .site-modal-body .location-items ul li input {

  position: absolute;

  right: -9999px;

  opacity: 0;

}

.modal-location .site-modal-body .location-items ul li input:checked + label .entry-title {

  color: var(--theme-primary-color);

}

.modal-location .site-modal-body .location-items ul li input:checked + label i::before {

  content: "\e8b7";

  font-size: 0.875rem;

  color: var(--color-white);

  background-color: var(--theme-primary-color);

}

.modal-location .site-modal-body .btn {

  height: 2.75rem;

}

@media screen and (min-width: 1200px) {

  .modal-location .site-modal-body .btn {

    height: 3rem;

  }

}



/* --- Drawer global styles --- */

.site-drawer {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  opacity: 0;

  visibility: hidden;

  z-index: 99;

}

.site-drawer .site-drawer-row {

  padding-right: calc(var(--theme-site-gutter) / 2);

  padding-left: calc(var(--theme-site-gutter) / 2);

}

.site-drawer .site-drawer-inner {

  position: relative;

  width: 100%;

  height: 100%;

  background-color: var(--color-white);

  padding-left: 0 !important;

  -webkit-transform: translateX(100%);

          transform: translateX(100%);

  z-index: 1;

}

@media screen and (min-width: 1200px) {

  .site-drawer .site-drawer-inner {

    width: 21.25rem;

  }

}

.site-drawer .site-drawer-overlay {

  background-color: rgba(0, 0, 0, 0.3);

  opacity: 0;

  visibility: hidden;

}



/* --- Site categories menu styles --- */

.site-categories {

  width: 100%;

  top: 100%;

  right: 0;

}

.site-categories ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

.site-categories > ul > li + li {

  border-top: 1px solid var(--color-gray-200);

}

.site-categories > ul > li > a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.875rem;

  font-weight: 500;

  text-decoration: none;

  max-height: 2.875rem;

  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

  padding-right: 1.125rem;

  padding-left: 1.125rem;

  color: currentColor;

  -webkit-transition: all 0.15s var(--theme-transition);

  transition: all 0.15s var(--theme-transition);

}

.site-categories > ul > li > a:hover {

  background-color: var(--color-gray-50);

}

.site-categories > ul > li > a img, .site-categories > ul > li > a svg {

  width: 1.25rem;

  height: 1.25rem;

  margin-left: 0.9375rem;

}

.site-categories > ul > li > a i {

  font-size: 1.25rem;

  width: 1.25rem;

  margin-left: 0.9375rem;

}

.site-categories > ul > li > a i::before {

  margin: 0;

}

.site-categories > ul > li > a span {

  font-size: 0.6875rem;

  font-weight: 600;

  color: var(--color-gray-400);

  margin-right: auto;

}



/* --- Banner styles --- */

.banner-badge {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.6875rem;

  font-weight: 600;

  color: var(--color-gray-900);

  background: rgb(156, 163, 175);

  background: -webkit-gradient(linear, right top, left top, from(rgb(156, 163, 175)), color-stop(60%, rgba(156, 163, 175, 0)));

  background: linear-gradient(-90deg, rgb(156, 163, 175) 0%, rgba(156, 163, 175, 0) 60%);

  padding-right: 0.375rem;

  padding-left: 0.375rem;

  height: 1.375rem;

  border-radius: var(--theme-site-border-radius);

}

@media screen and (min-width: 992px) {

  .banner-badge {

    font-size: 0.75rem;

    padding-right: 0.625rem;

    padding-left: 0.625rem;

    height: 1.75rem;

  }

}

.banner-badge.green {

  color: var(--color-green-800);

  background: rgb(22, 163, 74);

  background: -webkit-gradient(linear, right top, left top, from(rgba(22, 163, 74, 0.5)), color-stop(60%, rgba(34, 197, 94, 0)));

  background: linear-gradient(-90deg, rgba(22, 163, 74, 0.5) 0%, rgba(34, 197, 94, 0) 60%);

}

.banner-badge.red {

  color: var(--color-red-900);

  background: rgb(220, 38, 38);

  background: -webkit-gradient(linear, right top, left top, from(rgba(220, 38, 38, 0.5)), color-stop(60%, rgba(239, 68, 68, 0)));

  background: linear-gradient(-90deg, rgba(220, 38, 38, 0.5) 0%, rgba(239, 68, 68, 0) 60%);

}

.banner-badge.orange {

  color: var(--color-orange-800);

  background: rgb(234, 88, 12);

  background: -webkit-gradient(linear, right top, left top, from(rgba(234, 88, 12, 0.5)), color-stop(60%, rgba(249, 115, 22, 0)));

  background: linear-gradient(-90deg, rgba(234, 88, 12, 0.5) 0%, rgba(249, 115, 22, 0) 60%);

}



/* --- Border blcok styles --- */

.border-block {

  position: relative;

}

.border-block::after {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  border: 1px solid var(--color-gray-200);

  border-radius: calc(var(--theme-site-border-radius) + 0.125rem);

  pointer-events: none;

}



/* --- Progress bar styles --- */

.site-progress-bar {

  position: relative;

  width: 100%;

  height: 0.375rem;

  background-color: var(--color-gray-200);

  border-radius: 0.875rem;

}

.site-progress-bar span {

  display: block;

  height: 100%;

  border-radius: 0.875rem;

  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

  -webkit-mask: linear-gradient(#fff 0 0);

  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));

  mask: linear-gradient(#fff 0 0);

}

.site-progress-bar span::before {

  content: "";

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  background-image: -webkit-gradient(linear, right top, left top, from(#FFD200), to(#DC2626));

  background-image: linear-gradient(to left, #FFD200, #DC2626);

}



/* --- Mobile overlay styles --- */

.mobile-overlay {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background-color: rgba(0, 0, 0, 0.3);

  z-index: 3;

  opacity: 0;

  visibility: hidden;

}



/* --- Page header styles --- */

.page-header {

  position: relative;

}

.page-header.with-image {

  padding-top: 2.5rem;

  padding-bottom: 2.5rem;

}

@media screen and (min-width: 576px) {

  .page-header.with-image {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    height: 26.25rem;

    padding-top: 0;

    padding-bottom: 0;

  }

}

.page-header.with-image .container {

  position: relative;

  color: var(--color-white);

  z-index: 2;

}

.page-header.with-image .page-header-image {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

}

.page-header.with-image .page-header-image::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background-color: var(--color-gray-950);

  opacity: 0.35;

  z-index: 1;

}

.page-header.with-image .page-header-image img {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  -o-object-fit: cover;

     object-fit: cover;

}



/* --- Site gdpr styles --- */

.site-gdpr {

  position: fixed;

  width: 100%;

  bottom: 0;

  color: var(--color-white);

  background-color: var(--color-gray-900);

  padding: 0.9375rem;

  will-change: opacity, transform;

  -webkit-transform: translateY(100%);

          transform: translateY(100%);

  opacity: 0;

  z-index: 999;

}

.site-gdpr-inner {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  text-align: center;

  width: 100%;

}

@media screen and (min-width: 576px) {

  .site-gdpr-inner {

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

        -ms-flex-direction: row;

            flex-direction: row;

  }

}

.site-gdpr-inner p {

  font-size: 0.8125rem;

}

@media screen and (min-width: 576px) {

  .site-gdpr-inner p {

    margin-bottom: 0;

    margin-left: 1.25rem;

  }

}

.site-gdpr-inner .btn {

  font-size: 0.75rem;

  height: 2.375rem;

}



/*------------------------------------ 

    04 - Forms

------------------------------------*/

/* --- Input styles --- */

input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, select, .form-control, .form-select {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-family: var(--theme-form-input-font);

  font-size: var(--theme-form-input-font-size);

  font-weight: var(--theme-form-input-font-weight);

  letter-spacing: var(--theme-form-input-letter-spacing);

  line-height: var(--theme-form-input-height);

  width: 100%;

  height: var(--theme-form-input-height);

  border-radius: calc(var(--theme-site-border-radius) + 2px);

  -webkit-transition: all 0.05s var(--theme-transition);

  transition: all 0.05s var(--theme-transition);

}

input[type=color]::-webkit-input-placeholder, input[type=date]::-webkit-input-placeholder, input[type=datetime-local]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=month]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=time]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=week]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, .form-control::-webkit-input-placeholder, .form-select::-webkit-input-placeholder {

  font-weight: 400;

  color: var(--color-gray-400);

}

input[type=color]::-moz-placeholder, input[type=date]::-moz-placeholder, input[type=datetime-local]::-moz-placeholder, input[type=datetime]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=month]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=time]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=week]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, .form-control::-moz-placeholder, .form-select::-moz-placeholder {

  font-weight: 400;

  color: var(--color-gray-400);

}

input[type=color]:-ms-input-placeholder, input[type=date]:-ms-input-placeholder, input[type=datetime-local]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=month]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=time]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=week]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, .form-control:-ms-input-placeholder, .form-select:-ms-input-placeholder {

  font-weight: 400;

  color: var(--color-gray-400);

}

input[type=color]::-ms-input-placeholder, input[type=date]::-ms-input-placeholder, input[type=datetime-local]::-ms-input-placeholder, input[type=datetime]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=month]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=search]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, input[type=time]::-ms-input-placeholder, input[type=url]::-ms-input-placeholder, input[type=week]::-ms-input-placeholder, textarea::-ms-input-placeholder, select::-ms-input-placeholder, .form-control::-ms-input-placeholder, .form-select::-ms-input-placeholder {

  font-weight: 400;

  color: var(--color-gray-400);

}

input[type=color]::placeholder, input[type=date]::placeholder, input[type=datetime-local]::placeholder, input[type=datetime]::placeholder, input[type=email]::placeholder, input[type=month]::placeholder, input[type=number]::placeholder, input[type=password]::placeholder, input[type=search]::placeholder, input[type=tel]::placeholder, input[type=text]::placeholder, input[type=time]::placeholder, input[type=url]::placeholder, input[type=week]::placeholder, textarea::placeholder, select::placeholder, .form-control::placeholder, .form-select::placeholder {

  font-weight: 400;

  color: var(--color-gray-400);

}

input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus, select:focus, .form-control:focus, .form-select:focus {

  border-color: var(--theme-primary-color);

  outline: 2px solid var(--theme-primary-color);

  -webkit-box-shadow: none !important;

          box-shadow: none !important;

}

input[type=color]:not(.filled), input[type=date]:not(.filled), input[type=datetime-local]:not(.filled), input[type=datetime]:not(.filled), input[type=email]:not(.filled), input[type=month]:not(.filled), input[type=number]:not(.filled), input[type=password]:not(.filled), input[type=search]:not(.filled), input[type=tel]:not(.filled), input[type=text]:not(.filled), input[type=time]:not(.filled), input[type=url]:not(.filled), input[type=week]:not(.filled), textarea:not(.filled), select:not(.filled), .form-control:not(.filled), .form-select:not(.filled) {

  color: var(--color-black);

  background-color: var(--color-white);

  border-color: var(--color-gray-300);

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

}

input[type=color]:not(.filled):hover, input[type=date]:not(.filled):hover, input[type=datetime-local]:not(.filled):hover, input[type=datetime]:not(.filled):hover, input[type=email]:not(.filled):hover, input[type=month]:not(.filled):hover, input[type=number]:not(.filled):hover, input[type=password]:not(.filled):hover, input[type=search]:not(.filled):hover, input[type=tel]:not(.filled):hover, input[type=text]:not(.filled):hover, input[type=time]:not(.filled):hover, input[type=url]:not(.filled):hover, input[type=week]:not(.filled):hover, textarea:not(.filled):hover, select:not(.filled):hover, .form-control:not(.filled):hover, .form-select:not(.filled):hover {

  border-color: var(--color-gray-400);

}

input[type=color].primary, input[type=date].primary, input[type=datetime-local].primary, input[type=datetime].primary, input[type=email].primary, input[type=month].primary, input[type=number].primary, input[type=password].primary, input[type=search].primary, input[type=tel].primary, input[type=text].primary, input[type=time].primary, input[type=url].primary, input[type=week].primary, textarea.primary, select.primary, .form-control.primary, .form-select.primary {

  border-color: var(--theme-primary-color);

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0980392157);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0980392157);

}

input[type=color].primary::-webkit-input-placeholder, input[type=date].primary::-webkit-input-placeholder, input[type=datetime-local].primary::-webkit-input-placeholder, input[type=datetime].primary::-webkit-input-placeholder, input[type=email].primary::-webkit-input-placeholder, input[type=month].primary::-webkit-input-placeholder, input[type=number].primary::-webkit-input-placeholder, input[type=password].primary::-webkit-input-placeholder, input[type=search].primary::-webkit-input-placeholder, input[type=tel].primary::-webkit-input-placeholder, input[type=text].primary::-webkit-input-placeholder, input[type=time].primary::-webkit-input-placeholder, input[type=url].primary::-webkit-input-placeholder, input[type=week].primary::-webkit-input-placeholder, textarea.primary::-webkit-input-placeholder, select.primary::-webkit-input-placeholder, .form-control.primary::-webkit-input-placeholder, .form-select.primary::-webkit-input-placeholder {

  color: var(--color-gray-500);

}

input[type=color].primary::-moz-placeholder, input[type=date].primary::-moz-placeholder, input[type=datetime-local].primary::-moz-placeholder, input[type=datetime].primary::-moz-placeholder, input[type=email].primary::-moz-placeholder, input[type=month].primary::-moz-placeholder, input[type=number].primary::-moz-placeholder, input[type=password].primary::-moz-placeholder, input[type=search].primary::-moz-placeholder, input[type=tel].primary::-moz-placeholder, input[type=text].primary::-moz-placeholder, input[type=time].primary::-moz-placeholder, input[type=url].primary::-moz-placeholder, input[type=week].primary::-moz-placeholder, textarea.primary::-moz-placeholder, select.primary::-moz-placeholder, .form-control.primary::-moz-placeholder, .form-select.primary::-moz-placeholder {

  color: var(--color-gray-500);

}

input[type=color].primary:-ms-input-placeholder, input[type=date].primary:-ms-input-placeholder, input[type=datetime-local].primary:-ms-input-placeholder, input[type=datetime].primary:-ms-input-placeholder, input[type=email].primary:-ms-input-placeholder, input[type=month].primary:-ms-input-placeholder, input[type=number].primary:-ms-input-placeholder, input[type=password].primary:-ms-input-placeholder, input[type=search].primary:-ms-input-placeholder, input[type=tel].primary:-ms-input-placeholder, input[type=text].primary:-ms-input-placeholder, input[type=time].primary:-ms-input-placeholder, input[type=url].primary:-ms-input-placeholder, input[type=week].primary:-ms-input-placeholder, textarea.primary:-ms-input-placeholder, select.primary:-ms-input-placeholder, .form-control.primary:-ms-input-placeholder, .form-select.primary:-ms-input-placeholder {

  color: var(--color-gray-500);

}

input[type=color].primary::-ms-input-placeholder, input[type=date].primary::-ms-input-placeholder, input[type=datetime-local].primary::-ms-input-placeholder, input[type=datetime].primary::-ms-input-placeholder, input[type=email].primary::-ms-input-placeholder, input[type=month].primary::-ms-input-placeholder, input[type=number].primary::-ms-input-placeholder, input[type=password].primary::-ms-input-placeholder, input[type=search].primary::-ms-input-placeholder, input[type=tel].primary::-ms-input-placeholder, input[type=text].primary::-ms-input-placeholder, input[type=time].primary::-ms-input-placeholder, input[type=url].primary::-ms-input-placeholder, input[type=week].primary::-ms-input-placeholder, textarea.primary::-ms-input-placeholder, select.primary::-ms-input-placeholder, .form-control.primary::-ms-input-placeholder, .form-select.primary::-ms-input-placeholder {

  color: var(--color-gray-500);

}

input[type=color].primary::placeholder, input[type=date].primary::placeholder, input[type=datetime-local].primary::placeholder, input[type=datetime].primary::placeholder, input[type=email].primary::placeholder, input[type=month].primary::placeholder, input[type=number].primary::placeholder, input[type=password].primary::placeholder, input[type=search].primary::placeholder, input[type=tel].primary::placeholder, input[type=text].primary::placeholder, input[type=time].primary::placeholder, input[type=url].primary::placeholder, input[type=week].primary::placeholder, textarea.primary::placeholder, select.primary::placeholder, .form-control.primary::placeholder, .form-select.primary::placeholder {

  color: var(--color-gray-500);

}

input[type=color].primary:hover, input[type=date].primary:hover, input[type=datetime-local].primary:hover, input[type=datetime].primary:hover, input[type=email].primary:hover, input[type=month].primary:hover, input[type=number].primary:hover, input[type=password].primary:hover, input[type=search].primary:hover, input[type=tel].primary:hover, input[type=text].primary:hover, input[type=time].primary:hover, input[type=url].primary:hover, input[type=week].primary:hover, textarea.primary:hover, select.primary:hover, .form-control.primary:hover, .form-select.primary:hover {

  border-color: var(--theme-primary-active-color);

}

input[type=color].filled, input[type=date].filled, input[type=datetime-local].filled, input[type=datetime].filled, input[type=email].filled, input[type=month].filled, input[type=number].filled, input[type=password].filled, input[type=search].filled, input[type=tel].filled, input[type=text].filled, input[type=time].filled, input[type=url].filled, input[type=week].filled, textarea.filled, select.filled, .form-control.filled, .form-select.filled {

  color: var(--color-black);

  border-color: transparent;

  background-color: var(--color-gray-100);

}

input[type=color].filled::-webkit-input-placeholder, input[type=date].filled::-webkit-input-placeholder, input[type=datetime-local].filled::-webkit-input-placeholder, input[type=datetime].filled::-webkit-input-placeholder, input[type=email].filled::-webkit-input-placeholder, input[type=month].filled::-webkit-input-placeholder, input[type=number].filled::-webkit-input-placeholder, input[type=password].filled::-webkit-input-placeholder, input[type=search].filled::-webkit-input-placeholder, input[type=tel].filled::-webkit-input-placeholder, input[type=text].filled::-webkit-input-placeholder, input[type=time].filled::-webkit-input-placeholder, input[type=url].filled::-webkit-input-placeholder, input[type=week].filled::-webkit-input-placeholder, textarea.filled::-webkit-input-placeholder, select.filled::-webkit-input-placeholder, .form-control.filled::-webkit-input-placeholder, .form-select.filled::-webkit-input-placeholder {

  color: var(--color-gray-500);

}

input[type=color].filled::-moz-placeholder, input[type=date].filled::-moz-placeholder, input[type=datetime-local].filled::-moz-placeholder, input[type=datetime].filled::-moz-placeholder, input[type=email].filled::-moz-placeholder, input[type=month].filled::-moz-placeholder, input[type=number].filled::-moz-placeholder, input[type=password].filled::-moz-placeholder, input[type=search].filled::-moz-placeholder, input[type=tel].filled::-moz-placeholder, input[type=text].filled::-moz-placeholder, input[type=time].filled::-moz-placeholder, input[type=url].filled::-moz-placeholder, input[type=week].filled::-moz-placeholder, textarea.filled::-moz-placeholder, select.filled::-moz-placeholder, .form-control.filled::-moz-placeholder, .form-select.filled::-moz-placeholder {

  color: var(--color-gray-500);

}

input[type=color].filled:-ms-input-placeholder, input[type=date].filled:-ms-input-placeholder, input[type=datetime-local].filled:-ms-input-placeholder, input[type=datetime].filled:-ms-input-placeholder, input[type=email].filled:-ms-input-placeholder, input[type=month].filled:-ms-input-placeholder, input[type=number].filled:-ms-input-placeholder, input[type=password].filled:-ms-input-placeholder, input[type=search].filled:-ms-input-placeholder, input[type=tel].filled:-ms-input-placeholder, input[type=text].filled:-ms-input-placeholder, input[type=time].filled:-ms-input-placeholder, input[type=url].filled:-ms-input-placeholder, input[type=week].filled:-ms-input-placeholder, textarea.filled:-ms-input-placeholder, select.filled:-ms-input-placeholder, .form-control.filled:-ms-input-placeholder, .form-select.filled:-ms-input-placeholder {

  color: var(--color-gray-500);

}

input[type=color].filled::-ms-input-placeholder, input[type=date].filled::-ms-input-placeholder, input[type=datetime-local].filled::-ms-input-placeholder, input[type=datetime].filled::-ms-input-placeholder, input[type=email].filled::-ms-input-placeholder, input[type=month].filled::-ms-input-placeholder, input[type=number].filled::-ms-input-placeholder, input[type=password].filled::-ms-input-placeholder, input[type=search].filled::-ms-input-placeholder, input[type=tel].filled::-ms-input-placeholder, input[type=text].filled::-ms-input-placeholder, input[type=time].filled::-ms-input-placeholder, input[type=url].filled::-ms-input-placeholder, input[type=week].filled::-ms-input-placeholder, textarea.filled::-ms-input-placeholder, select.filled::-ms-input-placeholder, .form-control.filled::-ms-input-placeholder, .form-select.filled::-ms-input-placeholder {

  color: var(--color-gray-500);

}

input[type=color].filled::placeholder, input[type=date].filled::placeholder, input[type=datetime-local].filled::placeholder, input[type=datetime].filled::placeholder, input[type=email].filled::placeholder, input[type=month].filled::placeholder, input[type=number].filled::placeholder, input[type=password].filled::placeholder, input[type=search].filled::placeholder, input[type=tel].filled::placeholder, input[type=text].filled::placeholder, input[type=time].filled::placeholder, input[type=url].filled::placeholder, input[type=week].filled::placeholder, textarea.filled::placeholder, select.filled::placeholder, .form-control.filled::placeholder, .form-select.filled::placeholder {

  color: var(--color-gray-500);

}

input[type=color].filled:hover, input[type=date].filled:hover, input[type=datetime-local].filled:hover, input[type=datetime].filled:hover, input[type=email].filled:hover, input[type=month].filled:hover, input[type=number].filled:hover, input[type=password].filled:hover, input[type=search].filled:hover, input[type=tel].filled:hover, input[type=text].filled:hover, input[type=time].filled:hover, input[type=url].filled:hover, input[type=week].filled:hover, textarea.filled:hover, select.filled:hover, .form-control.filled:hover, .form-select.filled:hover {

  background-color: var(--color-gray-200);

}

input[type=color].filled:focus, input[type=color].filled:active, input[type=date].filled:focus, input[type=date].filled:active, input[type=datetime-local].filled:focus, input[type=datetime-local].filled:active, input[type=datetime].filled:focus, input[type=datetime].filled:active, input[type=email].filled:focus, input[type=email].filled:active, input[type=month].filled:focus, input[type=month].filled:active, input[type=number].filled:focus, input[type=number].filled:active, input[type=password].filled:focus, input[type=password].filled:active, input[type=search].filled:focus, input[type=search].filled:active, input[type=tel].filled:focus, input[type=tel].filled:active, input[type=text].filled:focus, input[type=text].filled:active, input[type=time].filled:focus, input[type=time].filled:active, input[type=url].filled:focus, input[type=url].filled:active, input[type=week].filled:focus, input[type=week].filled:active, textarea.filled:focus, textarea.filled:active, select.filled:focus, select.filled:active, .form-control.filled:focus, .form-control.filled:active, .form-select.filled:focus, .form-select.filled:active {

  background-color: var(--color-white);

}



input[type=number].qty::-webkit-outer-spin-button, input[type=number].qty::-webkit-inner-spin-button {

  -moz-appearance: textfield;

  -webkit-appearance: none;

  margin: 0;

}



/* --- Button styles --- */

button, .button, input[type=submit], .submit, .btn {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-family: var(--theme-form-button-font);

  font-size: var(--theme-form-button-font-size);

  font-weight: var(--theme-form-button-font-weight);

  letter-spacing: var(--theme-form-button-letter-spacing);

  line-height: var(--theme-form-button-height);

  border: 0;

  padding-top: 0;

  padding-bottom: 0;

  padding-right: 1.125rem;

  padding-left: 1.125rem;

  border-radius: calc(var(--theme-site-border-radius) + 2px);

  -webkit-transition: all 0.15s var(--theme-transition);

  transition: all 0.15s var(--theme-transition);

}

button i, .button i, input[type=submit] i, .submit i, .btn i {

  font-size: 1rem;

  line-height: 1;

}

button i.klb-icon-shopping-bag-3, .button i.klb-icon-shopping-bag-3, input[type=submit] i.klb-icon-shopping-bag-3, .submit i.klb-icon-shopping-bag-3, .btn i.klb-icon-shopping-bag-3 {

  position: relative;

  top: -0.0625rem;

}

button i.klb-icon-move-right, button i.klb-icon-upload, .button i.klb-icon-move-right, .button i.klb-icon-upload, input[type=submit] i.klb-icon-move-right, input[type=submit] i.klb-icon-upload, .submit i.klb-icon-move-right, .submit i.klb-icon-upload, .btn i.klb-icon-move-right, .btn i.klb-icon-upload {

  font-size: 1.125rem;

}

button.icon-right i, .button.icon-right i, input[type=submit].icon-right i, .submit.icon-right i, .btn.icon-right i {

  margin-right: 0.375rem;

}

button.icon-left i, .button.icon-left i, input[type=submit].icon-left i, .submit.icon-left i, .btn.icon-left i {

  margin-left: 0.375rem;

}

button.rounded, .button.rounded, input[type=submit].rounded, .submit.rounded, .btn.rounded {

  border-radius: 62.4375rem !important;

}

@media screen and (max-width: 575.98px) {

  button.mobile-small, .button.mobile-small, input[type=submit].mobile-small, .submit.mobile-small, .btn.mobile-small {

    font-size: 0.75rem;

    padding-right: 0.75rem;

    padding-left: 0.75rem;

    height: 2.25rem;

  }

  button.mobile-small i, .button.mobile-small i, input[type=submit].mobile-small i, .submit.mobile-small i, .btn.mobile-small i {

    font-size: 1rem;

    line-height: 1;

  }

}

button.btn-primary, .button.btn-primary, input[type=submit].btn-primary, .submit.btn-primary, .btn.btn-primary {

  background-color: var(--theme-primary-color);

}

button.btn-primary:hover, .button.btn-primary:hover, input[type=submit].btn-primary:hover, .submit.btn-primary:hover, .btn.btn-primary:hover {

  opacity: 0.9;

}

button.btn-white, .button.btn-white, input[type=submit].btn-white, .submit.btn-white, .btn.btn-white {

  background-color: var(--color-white);

  border: 1px solid var(--color-gray-200);

}

button.btn-white:hover, .button.btn-white:hover, input[type=submit].btn-white:hover, .submit.btn-white:hover, .btn.btn-white:hover {

  background-color: var(--color-gray-50);

}

button.btn-success, .button.btn-success, input[type=submit].btn-success, .submit.btn-success, .btn.btn-success {

  background-color: var(--color-green-600);

}

button.btn-success:hover, .button.btn-success:hover, input[type=submit].btn-success:hover, .submit.btn-success:hover, .btn.btn-success:hover {

  background-color: var(--color-green-700);

}

button.btn-danger, .button.btn-danger, input[type=submit].btn-danger, .submit.btn-danger, .btn.btn-danger {

  background-color: var(--color-orange-600);

}

button.btn-danger:hover, .button.btn-danger:hover, input[type=submit].btn-danger:hover, .submit.btn-danger:hover, .btn.btn-danger:hover {

  background-color: var(--color-orange-700);

}

button.btn-alert, .button.btn-alert, input[type=submit].btn-alert, .submit.btn-alert, .btn.btn-alert {

  background-color: var(--color-red-600);

}

button.btn-alert:hover, .button.btn-alert:hover, input[type=submit].btn-alert:hover, .submit.btn-alert:hover, .btn.btn-alert:hover {

  background-color: var(--color-red-700);

}

button.btn-info, .button.btn-info, input[type=submit].btn-info, .submit.btn-info, .btn.btn-info {

  color: var(--color-white);

  background-color: var(--color-gray-500);

}

button.btn-info:hover, .button.btn-info:hover, input[type=submit].btn-info:hover, .submit.btn-info:hover, .btn.btn-info:hover {

  background-color: var(--color-gray-600);

}

button.btn-black, .button.btn-black, input[type=submit].btn-black, .submit.btn-black, .btn.btn-black {

  color: var(--color-white);

  background-color: var(--color-gray-900);

}

button.btn-black:hover, .button.btn-black:hover, input[type=submit].btn-black:hover, .submit.btn-black:hover, .btn.btn-black:hover {

  background-color: var(--color-gray-800);

}

button.btn-link, .button.btn-link, input[type=submit].btn-link, .submit.btn-link, .btn.btn-link {

  font-size: 0.8125rem;

  text-decoration: none;

  height: auto;

  padding-right: 0;

  padding-left: 0;

  color: var(--color-blue-600);

}

button.xs, .button.xs, input[type=submit].xs, .submit.xs, .btn.xs {

  font-size: 0.75rem;

  height: 2.125rem;

  padding-right: 0.75rem;

  padding-left: 0.75rem;

}

button.xs i, .button.xs i, input[type=submit].xs i, .submit.xs i, .btn.xs i {

  font-size: 0.875rem;

}

button.btn-more span, .button.btn-more span, input[type=submit].btn-more span, .submit.btn-more span, .btn.btn-more span {

  display: none;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 576px) {

  button.btn-more span, .button.btn-more span, input[type=submit].btn-more span, .submit.btn-more span, .btn.btn-more span {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

  }

}

button.btn-more > i, .button.btn-more > i, input[type=submit].btn-more > i, .submit.btn-more > i, .btn.btn-more > i {

  font-size: 1.125rem;

  margin-right: 0;

  line-height: 1;

}

@media screen and (min-width: 576px) {

  button.btn-more > i, .button.btn-more > i, input[type=submit].btn-more > i, .submit.btn-more > i, .btn.btn-more > i {

    display: none;

  }

}

button.btn-cart.style-1, .button.btn-cart.style-1, input[type=submit].btn-cart.style-1, .submit.btn-cart.style-1, .btn.btn-cart.style-1 {

  position: relative;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  font-size: 0.8125rem;

  font-weight: 500;

  width: 100%;

  height: 2.125rem;

  padding-right: 0.875rem;

  padding-left: 0.625rem;

  color: var(--theme-primary-color);

  border: 1px solid var(--theme-primary-color);

  border-radius: 62.4375rem;

  overflow: hidden;

}

button.btn-cart.style-1 i, .button.btn-cart.style-1 i, input[type=submit].btn-cart.style-1 i, .submit.btn-cart.style-1 i, .btn.btn-cart.style-1 i {

  font-size: 1rem;

  font-weight: 700;

  line-height: 1;

  text-shadow: 0 0 0 currentColor;

}

button.btn-cart.style-1::before, .button.btn-cart.style-1::before, input[type=submit].btn-cart.style-1::before, .submit.btn-cart.style-1::before, .btn.btn-cart.style-1::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background-color: var(--theme-primary-color);

  opacity: 0;

  -webkit-transition: all 0.15s var(--theme-transition);

  transition: all 0.15s var(--theme-transition);

}

button.btn-cart.style-1:hover::before, .button.btn-cart.style-1:hover::before, input[type=submit].btn-cart.style-1:hover::before, .submit.btn-cart.style-1:hover::before, .btn.btn-cart.style-1:hover::before {

  opacity: 0.07;

}

button.btn-cart.style-2, .button.btn-cart.style-2, input[type=submit].btn-cart.style-2, .submit.btn-cart.style-2, .btn.btn-cart.style-2 {

  width: 2rem;

  height: 2rem;

  padding: 0;

  color: var(--color-white);

  background-color: var(--theme-primary-color);

  border-radius: 50%;

}

button.btn-cart.style-2 i, .button.btn-cart.style-2 i, input[type=submit].btn-cart.style-2 i, .submit.btn-cart.style-2 i, .btn.btn-cart.style-2 i {

  font-weight: 700;

  line-height: 1;

  text-shadow: 0 0 0 white;

  pointer-events: none;

}

button.btn-cart.style-3, .button.btn-cart.style-3, input[type=submit].btn-cart.style-3, .submit.btn-cart.style-3, .btn.btn-cart.style-3 {

  width: 2.125rem;

  height: 2.125rem;

  color: var(--color-white);

  background-color: var(--color-green-600);

}

button.btn-cart.style-3 i, .button.btn-cart.style-3 i, input[type=submit].btn-cart.style-3 i, .submit.btn-cart.style-3 i, .btn.btn-cart.style-3 i {

  font-size: 1.25rem;

}



/*------------------------------------ 

    05 - Header

------------------------------------*/

/* --- Header default styles --- */

.site-header {

  --navbar-height: 48px;

}

@media screen and (max-width: 991.98px) {

  body.filtered-sidebar-active .site-header {

    z-index: 0 !important;

  }

}

.site-header .header-row.header-row-white {

  color: #030712;

  background-color: #FFFFFF;

  border-color: #e5e7eb;

}

.site-header .header-row.header-row-white .site-location-text {

  color: #030712;

}

.site-header .header-row.header-row-white .categories-toggle {

  background-color: #FFFFFF;

}

.site-header .header-row.header-row-white .categories-toggle::before {

  border-color: #e5e7eb;

}

.site-header .header-row.header-row-white[class*=text-gray-] a:hover {

  color: #030712;

}

.site-header .header-row.header-row-white .primary-menu > ul > li > a.active {

  color: var(--theme-primary-color);

}

.site-header .header-row.header-row-white .primary-menu > ul > li > a.active::before {

  background-color: var(--theme-primary-color);

}

.site-header .header-row.header-row-white .quick-button.filled .action-link {

  color: var(--theme-primary-active-color);

}

.site-header .header-row.header-row-white .quick-button.filled .action-link::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background-color: var(--theme-primary-color);

  opacity: 0.1;

  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.site-header .header-row.header-row-white .quick-button.filled .action-link:hover::before {

  opacity: 0.15;

}

.site-header .header-row.header-row-primary-active {

  color: var(--color-gray-50);

  background-color: var(--theme-primary-active-color);

}

.site-header .header-row.header-row-primary-active[class*=text-gray-] {

  color: var(--color-gray-100) !important;

}

.site-header .header-row.header-row-primary-active[class*=text-gray-] a:hover {

  color: #fff;

}

.site-header .header-row.header-row-primary-active .site-menu .sub-menu a:hover {

  color: var(--color-gray-900);

}

.site-header .header-row.header-row-primary-active .theme-switcher .currency > ul > li > a::before {

  opacity: 0.1;

}

.site-header .header-row.header-row-primary {

  color: var(--color-gray-50);

  background-color: var(--theme-primary-color);

}

.site-header .header-row.header-row-primary .quick-button .action-link .action-icon.filled {

  color: var(--color-white);

}

.site-header .header-row.header-row-primary .quick-button .action-link .action-icon.filled::before {

  background-color: var(--color-white);

}

.site-header .header-row.header-row-primary .quick-button.filled .action-link {

  color: var(--color-white);

}

.site-header .header-row.header-row-primary .quick-button.filled .action-link::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background-color: var(--color-black);

  opacity: 0.4;

  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.site-header .header-row.header-row-primary .quick-button.filled .action-link:hover::before {

  opacity: 0.5;

}

.site-header .header-row.header-row-primary .quick-button.filled .action-link > * {

  position: relative;

  z-index: 1;

}

.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input {

  background-color: rgba(255, 255, 255, 0.08);

  border-color: rgba(255, 255, 255, 0.2);

}

.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input::-webkit-input-placeholder {

  color: var(--color-white);

}

.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input::-moz-placeholder {

  color: var(--color-white);

}

.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input:-ms-input-placeholder {

  color: var(--color-white);

}

.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input::-ms-input-placeholder {

  color: var(--color-white);

}

.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input::placeholder {

  color: var(--color-white);

}

.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) input:hover {

  background-color: rgba(255, 255, 255, 0.1);

  border-color: rgba(255, 255, 255, 0.3);

}

.site-header .header-row.header-row-primary .header-search.search-overlay:not(.is-searchable) button {

  color: var(--color-white);

  -webkit-transition: none;

  transition: none;

}

.site-header .header-search {

  position: relative;

}

@media screen and (min-width: 1200px) {

  .site-header .header-search {

    padding-right: 0.875rem;

  }

}

.site-header .header-search form input.primary {

  padding-right: 2.875rem;

}

.site-header .header-search form input.primary + button {

  color: var(--theme-primary-color);

  left: auto !important;

  right: 0.25rem;

}

.site-header .header-search form button {

  left: 0.125rem;

}

.site-header .header-search.search-overlay::before {

  content: "";

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background-color: var(--color-gray-900);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

}

.site-header .header-search.search-overlay .search-form::before {

  content: "";

  position: absolute;

  right: -0.375rem;

  left: -0.375rem;

  top: -0.375rem;

  bottom: -0.375rem;

  background-color: var(--color-white);

  border-top-right-radius: calc(var(--theme-site-border-radius) + 0.25rem);

  border-top-left-radius: calc(var(--theme-site-border-radius) + 0.25rem);

  opacity: 0;

  visibility: hidden;

}

.site-header .header-search.search-overlay .search-form input, .site-header .header-search.search-overlay .search-form button {

  z-index: 1;

}

.site-header .header-search.search-overlay .header-search-result {

  position: absolute;

  top: calc(100% + 0.375rem);

  right: 1.125rem;

  left: -0.375rem;

  background-color: var(--color-white);

  padding-right: 1.125rem;

  padding-left: 1.125rem;

  padding-top: 0.75rem;

  padding-bottom: 1.25rem;

  border-bottom-right-radius: calc(var(--theme-site-border-radius) + 0.25rem);

  border-bottom-left-radius: calc(var(--theme-site-border-radius) + 0.25rem);

  opacity: 0;

  visibility: hidden;

}

.site-header .header-search.search-overlay .header-search-result > * + * {

  margin-top: 1.25rem;

  padding-top: 1.25rem;

  border-top: 1px solid var(--color-gray-200);

}

.site-header .header-search.search-overlay .header-search-result .search-popular-tags span {

  margin-bottom: 0.5rem;

}

.site-header .header-search.search-overlay .header-search-result .search-popular-tags ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 0.1875rem;

  margin: 0;

  padding: 0;

  list-style: none;

}

.site-header .header-search.search-overlay .header-search-result .search-popular-tags ul li a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.75rem;

  font-weight: 500;

  text-decoration: none;

  color: var(--color-gray-700);

  background-color: var(--color-white);

  height: 1.625rem;

  padding-right: 0.5rem;

  padding-left: 0.5rem;

  border: 1px solid var(--color-gray-300);

  border-radius: calc(var(--theme-site-border-radius) - 0.125rem);

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0274509804);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0274509804);

}

.site-header .header-search.search-overlay .header-search-result .search-popular-tags ul li a:hover {

  background-color: var(--color-gray-100);

}

.site-header .header-search.search-overlay .header-search-result .search-popular-products > span {

  display: block;

  margin-bottom: 0.9375rem;

}

.site-header .header-search.search-overlay .header-search-result .search-popular-products .products {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-right: -0.875rem;

  margin-left: -0.875rem;

}

.site-header .header-search.search-overlay .header-search-result .search-popular-products .products .product {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

  padding-right: 0.875rem;

  padding-left: 0.875rem;

}

.site-header .header-search.search-overlay .header-search-result .search-popular-products .products .product .thumbnail-wrapper {

  width: 3.25rem;

}

.site-header .header-search.search-overlay .header-search-result .search-popular-products .products .product .product-title {

  color: var(--color-gray-900);

}

.site-header .header-search.search-overlay.is-searchable {

  z-index: 2;

}

.site-header .header-search.search-overlay.is-searchable::before {

  opacity: 0.25;

  visibility: visible;

  pointer-events: auto;

}

.site-header .header-search.search-overlay.is-searchable .search-form::before {

  opacity: 1;

  visibility: visible;

}

.site-header .header-search.search-overlay.is-searchable .header-search-result {

  opacity: 1;

  visibility: visible;

}

.site-header .quick-button {

  position: relative;

  z-index: 2;

}

.site-header .quick-button .action-link {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  text-decoration: none;

  color: currentColor;

}

.site-header .quick-button .action-link .action-icon {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 1.625rem;

  width: 2.375rem;

  height: 2.25rem;

}

.site-header .quick-button .action-link .action-icon.filled {

  font-size: 1.5rem;

  color: var(--theme-primary-color);

}

.site-header .quick-button .action-link .action-icon.filled::before {

  content: "";

  position: absolute;

  right: -0.0625rem;

  left: -0.0625rem;

  top: -0.0625rem;

  bottom: -0.0625rem;

  background-color: var(--theme-primary-color);

  border-radius: 50%;

  opacity: 0.1;

  -webkit-transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.site-header .quick-button .action-link .action-icon .action-count {

  position: absolute;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 0.625rem;

  font-weight: 600;

  line-height: 1.0625rem;

  min-width: 1.0625rem;

  height: 1.0625rem;

  padding-right: 0.0625rem;

  padding-left: 0.0625rem;

  border-radius: 50%;

  color: var(--color-red-50);

  background-color: var(--color-red-600);

  top: 0.0625rem;

  left: 0;

}

.site-header .quick-button .action-link .action-icon i {

  line-height: 2.25rem;

}

.site-header .quick-button .action-link .action-text {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  line-height: 1.2;

}

.site-header .quick-button .action-link .action-text span {

  font-size: 0.6875rem;

  opacity: 0.7;

}

.site-header .quick-button .action-link .action-text p {

  font-size: 0.8125rem;

  font-weight: 500;

  margin-bottom: 0;

}

.site-header .quick-button .action-link:hover .action-icon.filled::before {

  opacity: 0.15;

}

.site-header .quick-button.menu-drawer-toggle.active .action-icon i::before {

  content: "\e8b6";

}

.site-header .quick-button.location-selector-button + .login-form-button {

  margin-right: 0.5rem;

}

.site-header .quick-button.mobile-menu-button .action-icon, .site-header .quick-button.search-holder-button .action-icon {

  width: 1.875rem;

}

.site-header .quick-button.style-1 .action-link .action-text {

  margin-right: 0.5rem;

}

.site-header .quick-button.style-2 .action-link {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.site-header .quick-button.style-2 .action-link .action-text p {

  font-size: 0.75rem;

}

.site-header .quick-button.style-3 .action-text {

  margin-right: 0.375rem;

}

.site-header .quick-button.style-3 .action-text p {

  font-size: 0.75rem;

}

.site-header .quick-button.filled .action-link {

  position: relative;

  height: 2.875rem;

  padding-right: 0.375rem;

  padding-left: 0.375rem;

  border-radius: calc(var(--theme-site-border-radius) + 0.125rem);

  overflow: hidden;

}

.site-header .quick-button.filled.categories-button {

  margin-right: 0.625rem;

}

.site-header .quick-button.filled.categories-button .action-link {

  padding-right: 0.75rem;

  padding-left: 0.75rem;

}

.site-header .quick-button.filled.categories-button .action-icon {

  font-size: 1.375rem;

  width: auto;

}

.site-header .quick-button.filled.categories-button .action-text p {

  font-size: 0.875rem;

  font-weight: 600;

}

.site-header .quick-button.filled.categories-button + .header-search {

  padding-right: 0.625rem;

}

.site-header .quick-button.filled.categories-button + .header-search .header-search-result {

  right: 0.25rem;

}

@media screen and (min-width: 1200px) {

  .site-header .quick-button + .header-search {

    padding-right: 1.5rem;

  }

}

.site-header .quick-button .mini-cart-holder {

  position: absolute;

  min-width: 18.75rem;

  top: 100%;

  left: 0;

  padding: 1.25rem;

  color: var(--color-black);

  background-color: var(--color-white);

  border: 1px solid var(--color-gray-200);

  border-radius: var(--theme-site-border-radius);

  -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2509803922);

          box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.2509803922);

  overflow: hidden;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  z-index: 1;

}

.site-header .quick-button .mini-cart-holder .products {

  margin-bottom: 0.9375rem;

}

.site-header .quick-button .mini-cart-holder .products .product + .product {

  margin-top: 0.625rem;

  padding-top: 0.625rem;

  border-top: 1px solid var(--color-gray-200);

}

.site-header .quick-button .mini-cart-holder .products .product .product-inner {

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

}

.site-header .quick-button .mini-cart-holder .products .product .thumbnail-wrapper {

  width: 3rem !important;

}

.site-header .quick-button .mini-cart-holder .products .product .content-wrapper {

  position: relative;

  line-height: 0 !important;

  top: -0.125rem;

}

.site-header .quick-button .mini-cart-holder .products .product .content-wrapper .product-title {

  margin-bottom: 0.1875rem !important;

  font-weight: 400 !important;

}

.site-header .quick-button .mini-cart-holder .products .product .content-wrapper .price {

  font-size: 0.8125rem !important;

  font-weight: 600 !important;

}

.site-header .quick-button .mini-cart-holder .products .product .content-wrapper .price .woocommerce-Price-amount {

  color: var(--color-red-600);

}

.site-header .quick-button .mini-cart-holder .products .product .remove_from_cart_button {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 0.75rem;

  font-weight: 700;

  text-decoration: none;

  text-shadow: 0 0 0 currentColor;

  width: 1.125rem;

  height: 1.125rem;

  color: currentColor;

  border: 1px solid var(--color-gray-300);

  border-radius: var(--theme-site-border-radius);

}

.site-header .quick-button .mini-cart-holder .products .product .remove_from_cart_button:hover {

  background-color: var(--color-gray-100);

}

.site-header .quick-button .mini-cart-holder .products .product .remove_from_cart_button i {

  line-height: 1;

}

.site-header .quick-button .mini-cart-holder .empty-cart {

  text-align: center;

  padding: 1.25rem 0;

}

.site-header .quick-button .mini-cart-holder .empty-cart svg {

  max-width: 5.125rem;

  height: auto;

  margin-bottom: 1.25rem;

}

.site-header .quick-button .mini-cart-holder .mini-cart-notice {

  margin-right: -1.25rem;

  margin-left: -1.25rem;

  margin-top: -1.25rem;

  padding-top: 0.75rem;

  padding-right: 1.25rem;

  padding-left: 1.25rem;

  padding-bottom: 0.75rem;

  background-color: var(--color-blue-50);

  border-bottom: 1px solid var(--color-blue-100);

  margin-bottom: 1.25rem;

}

.site-header .quick-button .mini-cart-holder .mini-cart-notice p {

  color: var(--color-blue-900);

  margin-bottom: 0.5rem;

}

.site-header .quick-button .mini-cart-holder .mini-cart-notice .cart-notice-progress {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  width: 100%;

  height: 0.3125rem;

  border-radius: 0.625rem;

  background-color: rgba(0, 0, 0, 0.08);

}

.site-header .quick-button .mini-cart-holder .mini-cart-notice .cart-notice-progress span {

  display: block;

  height: 0.3125rem;

  background-color: var(--color-blue-400);

  border-radius: 0.625rem;

}

.site-header .quick-button .mini-cart-holder .shipping-notice {

  margin-right: -1.25rem;

  margin-left: -1.25rem;

  margin-bottom: -1.25rem;

  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

  border-top: 1px solid var(--color-gray-200);

}

.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__total {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  font-size: 0.875rem;

  padding-top: 0.625rem;

  margin-bottom: 0.625rem;

  border-top: 1px solid var(--color-gray-200);

}

.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__total strong {

  font-size: 0.75rem;

  font-weight: 700;

  color: var(--color-gray-400);

}

.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__total .woocommerce-Price-amount {

  font-family: var(--theme-product-price-font);

  font-size: 0.9375rem;

  font-weight: 600;

  color: var(--color-red-600);

}

.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 0.3125rem;

}

.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons a {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

  font-size: 0.7125rem;

  height: 2.375rem;

}

.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons a:not(.checkout) {

  border: 1px solid var(--color-gray-400);

}

.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons a:not(.checkout):hover {

  background-color: var(--color-gray-100);

}

.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons a.checkout {

  color: var(--color-white);

  background-color: var(--theme-primary-color);

}

.site-header .quick-button .mini-cart-holder .woocommerce-mini-cart__buttons a.checkout:hover {

  opacity: 0.9;

}

.site-header .quick-button.mini-cart-button:hover .mini-cart-holder {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}

.site-header .categories-menu {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  width: 18.75rem;

  height: 100%;

  margin-left: 1.875rem;

}

.site-header .categories-menu::before {

  content: "";

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background-color: var(--color-gray-900);

  opacity: 0;

  visibility: hidden;

  z-index: 11;

}

.site-header .categories-menu .categories-toggle {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-negative: 0;

      flex-shrink: 0;

  font-family: var(--theme-main-menu-font);

  font-size: var(--theme-main-menu-font-size);

  font-weight: var(--theme-main-menu-font-weight);

  letter-spacing: var(--theme-main-menu-letter-spacing);

  line-height: var(--navbar-height);

  text-decoration: none;

  width: 100%;

  height: var(--navbar-height);

  padding-top: 0.0625rem;

  padding-right: 1.125rem;

  padding-left: 1.125rem;

  border-top-right-radius: calc(var(--theme-site-border-radius) + 2px);

  border-top-left-radius: calc(var(--theme-site-border-radius) + 2px);

  color: currentColor;

}

.site-header .categories-menu .categories-toggle::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  border: 1px solid;

  border-bottom: 0;

  border-top-right-radius: calc(var(--theme-site-border-radius) + 2px);

  border-top-left-radius: calc(var(--theme-site-border-radius) + 2px);

  pointer-events: none;

}

.site-header .categories-menu .categories-toggle::after {

  font-family: "klbtheme";

  font-size: 78%;

  font-weight: 700;

  content: "\e8e7";

  margin-right: auto;

  text-shadow: 0 0 currentColor;

}

.site-header .categories-menu .categories-toggle i {

  font-size: 1.125rem;

  font-weight: 100;

  line-height: 1.125rem;

  width: 1.25rem;

  margin-left: 0.9375rem;

}

.site-header .primary-menu > ul {

  -webkit-column-gap: 1.5625rem;

     -moz-column-gap: 1.5625rem;

          column-gap: 1.5625rem;

}

.site-header .primary-menu > ul li a {

  font-family: var(--theme-main-menu-font);

  font-size: var(--theme-main-menu-font-size);

  font-weight: var(--theme-main-menu-font-weight);

  letter-spacing: var(--theme-main-menu-letter-spacing);

}

.site-header .primary-menu > ul li:not(.mega-menu) .sub-menu {

  min-width: 11.25rem;

  padding-top: 1rem;

  padding-bottom: 1rem;

}

.site-header .primary-menu > ul li:not(.mega-menu) .sub-menu .menu-item-has-children > a::after {

  content: "\e8ef";

  line-height: 0;

  margin-right: 0.9375rem;

  padding-top: 0.125rem;

  text-decoration: none;

}

.site-header .primary-menu > ul li:not(.mega-menu) .sub-menu a {

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

  padding-right: 1.875rem;

  padding-left: 1.875rem;

}

.site-header .primary-menu > ul li:not(.mega-menu) .sub-menu .sub-menu {

  top: -1.0625rem !important;

  border-top-left-radius: calc(var(--theme-site-border-radius) + 2px);

}

.site-header .primary-menu > ul li.mega-menu {

  position: static;

}

.site-header .primary-menu > ul li.mega-menu > .sub-menu {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  width: 100%;

  padding-top: 1.5rem;

  padding-bottom: 1.5rem;

  padding-right: 1rem;

  padding-left: 1rem;

}

.site-header .primary-menu > ul li.mega-menu > .sub-menu > li {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

  padding-right: 1.25rem;

  padding-left: 1.25rem;

}

.site-header .primary-menu > ul li.mega-menu > .sub-menu > li > a {

  font-weight: 600;

  margin-bottom: 0.625rem;

  pointer-events: none;

}

.site-header .primary-menu > ul li.mega-menu > .sub-menu > li > a::after {

  display: none;

}

.site-header .primary-menu > ul li.mega-menu > .sub-menu > li:last-child > .sub-menu::before {

  display: none;

}

.site-header .primary-menu > ul li.mega-menu > .sub-menu .sub-menu {

  all: unset;

}

.site-header .primary-menu > ul li.mega-menu > .sub-menu .sub-menu::before {

  position: absolute;

  content: "";

  width: 1px;

  height: 100%;

  top: 0;

  left: 0;

  background-color: currentColor;

  opacity: 0.08;

}

.site-header .primary-menu > ul li.mega-menu > .sub-menu .sub-menu a {

  padding-right: 0;

  padding-left: 0;

}

.site-header .primary-menu > ul > li > a {

  line-height: var(--navbar-height);

  height: var(--navbar-height);

  padding-top: 0.0625rem;

}

.site-header .primary-menu > ul > li > a.active::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 1px;

  right: 0;

  bottom: 0;

  background-color: currentColor;

}

.site-header .primary-menu > ul > li:not(.mega-menu) > .sub-menu {

  right: -1.875rem;

}

.site-header .primary-menu > ul .sub-menu a {

  font-size: calc(var(--theme-main-menu-font-size) - 1px);

  font-weight: 400;

  text-decoration: underline;

  text-decoration-color: transparent;

  text-underline-offset: 0.3125rem;

  -webkit-transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.05s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.site-header .primary-menu > ul .sub-menu a:hover {

  text-decoration-color: currentColor;

}

.site-header .custom-button > a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-family: var(--theme-main-menu-font);

  font-size: var(--theme-main-menu-font-size);

  font-weight: var(--theme-main-menu-font-weight);

  letter-spacing: var(--theme-main-menu-letter-spacing);

  text-decoration: none;

  line-height: var(--navbar-height);

  height: var(--navbar-height);

  padding-top: 0.0625rem;

  color: currentColor;

}

.site-header .custom-button > a .badge {

  margin-right: 0.5rem;

}

.site-header .custom-button.has-children > a::after {

  font-family: "klbtheme";

  font-size: 78%;

  font-weight: 700;

  content: "\e8e7";

  margin-right: 0.625rem;

  text-shadow: 0 0 currentColor;

}

.site-header .custom-button .custom-button-holder {

  position: absolute;

  width: 100%;

  top: 100%;

  left: 0;

  background-color: var(--color-white);

  border: 1px solid var(--color-gray-200);

  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);

          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);

  border-radius: var(--theme-site-border-radius);

  padding: 1.25rem;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.site-header .custom-button .custom-button-holder .products .product + .product {

  border-right: 1px solid var(--color-gray-200);

}

.site-header .custom-button .custom-button-holder .products .product .product-title {

  font-size: 0.8125rem;

  line-height: 1.3;

}

.site-header .custom-button .custom-button-holder .products .product .product-title a {

  text-underline-offset: 0.125rem;

}

.site-header .custom-button:hover .custom-button-holder {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}

.site-header.category-menu-hover .header-topbar {

  z-index: 1 !important;

}

.site-header.category-menu-hover .categories-menu::before {

  opacity: 0.25;

  visibility: visible;

}

.site-header.category-menu-hover .categories-menu .categories-toggle, .site-header.category-menu-hover .categories-menu .site-categories {

  z-index: 12;

}

.site-header.category-menu-hover .categories-menu .site-categories > ul > li:last-child > a {

  border-bottom-left-radius: 0;

}

.site-header.search-overlay-focus .header-topbar {

  z-index: 1 !important;

}

.site-header .header-categories-holder {

  position: fixed;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  z-index: 10;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.site-header .header-categories-holder .categories-holder-body {

  position: relative;

  width: 100%;

  max-width: 56.25rem;

  margin-right: auto;

  margin-left: auto;

  z-index: 1;

  -webkit-transform: translateY(-10px);

          transform: translateY(-10px);

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);

  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);

}

.site-header .header-categories-holder .categories-holder-body .close-button {

  position: absolute;

  left: -0.625rem;

  top: -0.625rem;

  z-index: 2;

}

.site-header .header-categories-holder .categories-holder-body .close-button a {

  background-color: var(--color-white);

  -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);

          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1019607843), 0 4px 6px -4px rgba(0, 0, 0, 0.1019607843);

  opacity: 1;

}

.site-header .header-categories-holder .categories-holder-body .close-button a::before {

  display: none;

}

.site-header .header-categories-holder .categories-holder-body .categories-holder-inner {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  background-color: var(--color-white);

  border-radius: calc(var(--theme-site-border-radius) + 0.125rem);

  overflow: hidden;

}

.site-header .header-categories-holder .categories-holder-body .categories-holder-inner > * {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

}

.site-header .header-categories-holder .categories-holder-body .categories-holder-inner > *:nth-child(2) {

  width: 18.75rem;

}

.site-header .header-categories-holder .categories-holder-body .categories-holder-inner .site-categories {

  position: relative;

  min-width: 18.75rem;

  top: 0;

  border: 0;

}

.site-header .header-categories-holder .categories-holder-body .categories-holder-inner .site-categories .sub-menu {

  border-bottom: 0;

  border-left: 0;

  border-radius: 0;

  background-color: var(--color-white);

  background-image: none !important;

}

.site-header .header-categories-holder .categories-holder-body .categories-holder-inner .products {

  height: 100%;

  border-right: 1px solid var(--color-gray-200);

}

.site-header .header-categories-holder .categories-holder-body .categories-holder-inner .products .product {

  padding: 1.25rem;

}

.site-header .header-categories-holder .categories-holder-overlay {

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background-color: rgba(0, 0, 0, 0.3);

  z-index: 0;

}

.site-header .header-categories-holder.active {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}

.site-header .header-categories-holder.active .categories-holder-body {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

  -webkit-transform: translateY(0);

          transform: translateY(0);

}

.site-header .header-categories-holder.active .categories-holder-body .site-categories .focus > .sub-menu {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}



/* --- Header topbar --- */

.header-topbar .header-inner {

  height: 2.5rem;

}

.header-topbar .site-location {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.header-topbar .site-location-text {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-left: 0.375rem;

}

.header-topbar .site-location-text > * {

  color: currentColor;

}

.header-topbar .site-location-text i {

  margin-left: 0.25rem;

}

.header-topbar .site-location a {

  font-weight: 500;

  text-decoration: none;

}

.header-topbar .site-menu > ul {

  gap: 0.9375rem;

}

.header-topbar .site-menu > ul a {

  height: 2.5rem;

}

.header-topbar .site-menu .sub-menu {

  min-width: 5.9375rem;

  padding-top: 0.625rem;

  padding-bottom: 0.625rem;

  right: -1.25rem !important;

}

.header-topbar .site-menu .sub-menu li a {

  font-weight: 400;

  padding-top: 0.25rem;

  padding-bottom: 0.25rem;

  padding-right: 1.25rem;

  padding-left: 1.25rem;

}

.header-topbar .site-menu .sub-menu li:hover > a {

  opacity: 0.7;

}

.header-topbar .theme-switcher {

  gap: 0.875rem;

}

.header-topbar .theme-switcher .currency {

  margin-right: 0.4375rem;

  margin-left: 0.375rem;

}

.header-topbar .theme-switcher .currency > ul > li > a {

  position: relative;

}

.header-topbar .theme-switcher .currency > ul > li > a::before {

  content: "";

  position: absolute;

  right: -0.4375rem;

  left: -0.375rem;

  height: 55%;

  border-radius: var(--theme-site-border-radius);

  background-color: currentColor;

  opacity: 0.07;

  -webkit-transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: opacity 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.header-topbar .theme-switcher .currency > ul > li > a:hover::before {

  opacity: 0.09;

}



/* --- Header main --- */

.header-main .header-inner {

  height: 3.5rem;

}

@media screen and (min-width: 1200px) {

  .header-main .header-inner {

    height: auto;

    padding-top: 0.9375rem;

    padding-bottom: 0.9375rem;

  }

}



/* --- Header nav --- */

.header-nav .custom-button + .custom-button {

  margin-right: 1.5625rem;

}



/* --- Menu drawer --- */

.site-menu-drawer .site-drawer-inner .site-drawer-footer {

  padding-bottom: calc(var(--mobile-nav-height) + 1.25rem);

}

.site-menu-drawer .site-drawer-inner .site-drawer-location i {

  position: relative;

  top: -0.0625rem;

}

.site-menu-drawer .site-drawer-inner .site-drawer-location .modal-button {

  position: relative;

  top: -0.125rem;

}

.site-menu-drawer .site-drawer-inner .site-menu.drawer-primary > ul > li + li {

  border-top: 1px solid var(--color-gray-200);

}

.site-menu-drawer .site-drawer-inner .site-menu.drawer-secondary a {

  font-size: 0.875rem;

  font-weight: 400;

  padding-top: 0.125rem;

  padding-bottom: 0.125rem;

}

.site-menu-drawer .site-drawer-inner .site-drawer-contact ul {

  padding: 0;

  margin: 0;

  list-style: none;

}

.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li + li {

  margin-top: 1.375rem;

}

.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li .contact-icon {

  font-size: 1.375rem;

  width: 1.375rem;

  height: 1.375rem;

  margin-left: 0.75rem;

}

.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li .contact-detail {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

  font-size: 0.875rem;

  font-weight: 600;

}

.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li .contact-detail a {

  text-decoration: none;

  color: currentColor;

}

.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li .contact-detail a.phone {

  font-size: 1.125rem;

}

.site-menu-drawer .site-drawer-inner .site-drawer-contact ul li .contact-detail span {

  font-size: 0.75rem;

  font-weight: 400;

  color: var(--color-gray-500);

}



/* --- Categories drawer --- */

body:not(.site-has-scroll) .site-categories-drawer.get-header-height {

  top: var(--header-height);

}

.site-categories-drawer .site-drawer-inner {

  border-top: 1px solid var(--color-gray-200);

  padding-bottom: calc(var(--mobile-nav-height) + 1.25rem);

  -webkit-transform: translateX(-100%);

          transform: translateX(-100%);

}

.site-categories-drawer .site-drawer-inner .site-categories {

  position: relative;

  top: 0;

  right: 0;

  border: 0;

  border-radius: 0;

}



/* --- Search drawer --- */

.site-search-drawer.get-header-height {

  top: var(--header-height);

}

.site-search-drawer .site-drawer-inner {

  border-top: 1px solid var(--color-gray-200);

  padding-top: 0.625rem;

  padding-bottom: calc(var(--mobile-nav-height) + 1.25rem);

  -webkit-transform: translateX(-100%);

          transform: translateX(-100%);

}

.site-search-drawer .site-drawer-inner .header-search input {

  padding-right: 2.625rem;

}

.site-search-drawer .site-drawer-inner .header-search button {

  right: 0.1875rem;

  left: auto;

}



/*------------------------------------ 

    06 - Sidebar

------------------------------------*/

/* --- Sidebar default styles --- */

#sidebar .widget:not(:last-child) {

  margin-bottom: 0.9375rem;

  padding-bottom: 0.9375rem;

  border-bottom: 1px solid var(--color-gray-200);

}

@media screen and (min-width: 576px) {

  #sidebar .widget:not(:last-child) {

    margin-bottom: 1.5625rem;

    padding-bottom: 1.5625rem;

  }

}

#sidebar.filter-sidebar .filter-sidebar-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding-bottom: 0.875rem;

  padding-top: 0.875rem;

  margin-bottom: 0.875rem;

  border-bottom: 1px solid var(--color-gray-200);

}

#sidebar.filter-sidebar .filter-sidebar-header .entry-title {

  font-size: 0.875rem;

}

@media screen and (min-width: 992px) {

  #sidebar.filter-sidebar .filter-sidebar-header {

    display: none;

  }

}

@media screen and (max-width: 991.98px) {

  #sidebar.filter-sidebar {

    position: fixed !important;

    background-color: var(--color-white);

    top: 0;

    right: 0;

    width: 18.75rem;

    height: 100%;

    -webkit-transform: translateX(100%);

            transform: translateX(100%);

    z-index: 100;

  }

  #sidebar.filter-sidebar .theiaStickySidebar {

    position: relative !important;

    width: 100% !important;

    height: 100% !important;

    right: 0 !important;

  }

}

@media screen and (max-width: 575.98px) {

  #sidebar.filter-sidebar {

    width: 100%;

  }

}



/* --- Sidebar widget styles --- */

.widget {

  position: relative;

  font-size: 0.875rem;

}

.widget .widget-title {

  font-size: 0.875rem;

  font-weight: 600;

  margin-bottom: 0.75rem;

}

@media screen and (min-width: 576px) {

  .widget .widget-title {

    margin-bottom: 1.25rem;

  }

}

.widget .menu {

  list-style: none;

  margin: 0;

  padding: 0;

}

.widget .menu li + li {

  margin-top: 0.3125rem;

}

.widget .menu li a {

  text-decoration-color: transparent;

  text-underline-offset: 0.3125rem;

  -webkit-transition: all 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.widget .menu li a:hover {

  text-decoration-color: currentColor;

}

.widget .woocommerce-widget-layered-nav-list, .widget .widget-checkbox-list {

  margin: 0;

  padding: 0;

  list-style: none;

}

.widget .woocommerce-widget-layered-nav-list li + li, .widget .widget-checkbox-list li + li {

  margin-top: 0.75rem;

}

.widget .woocommerce-widget-layered-nav-list li .type-button, .widget .widget-checkbox-list li .type-button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.8125rem;

  font-weight: 500;

  line-height: 1;

  color: currentColor;

  text-decoration: none;

}

.widget .woocommerce-widget-layered-nav-list li .type-button a, .widget .widget-checkbox-list li .type-button a {

  color: currentColor;

  text-decoration: none;

}

.widget .woocommerce-widget-layered-nav-list li .type-button .button-box, .widget .widget-checkbox-list li .type-button .button-box {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 1rem;

  height: 1rem;

  border-radius: 0.25rem;

  background-color: var(--color-white);

  border: 1px solid var(--color-gray-300);

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

  margin-left: 0.625rem;

  -webkit-transition: border-color 0.05s var(--theme-transition);

  transition: border-color 0.05s var(--theme-transition);

}

.widget .woocommerce-widget-layered-nav-list li .type-button:hover .button-box, .widget .widget-checkbox-list li .type-button:hover .button-box {

  border-color: var(--color-gray-400);

}

.widget .woocommerce-widget-layered-nav-list li .type-button .button-text, .widget .widget-checkbox-list li .type-button .button-text {

  line-height: 0;

}

.widget .woocommerce-widget-layered-nav-list li .type-button .count, .widget .widget-checkbox-list li .type-button .count {

  color: var(--color-gray-400);

  margin-right: auto;

  padding-right: 0.5rem;

}

.widget .woocommerce-widget-layered-nav-list li .type-button label, .widget .widget-checkbox-list li .type-button label {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  width: 100%;

  line-height: 1;

}

.widget .woocommerce-widget-layered-nav-list li .type-button input, .widget .widget-checkbox-list li .type-button input {

  position: absolute;

  opacity: 0;

  right: -9999px;

}

.widget .woocommerce-widget-layered-nav-list li .type-button input:checked + label .button-box, .widget .widget-checkbox-list li .type-button input:checked + label .button-box {

  color: var(--color-white);

  background-color: var(--theme-primary-color);

  border-color: transparent;

}

.widget .woocommerce-widget-layered-nav-list li .type-button input:checked + label .button-box::before, .widget .widget-checkbox-list li .type-button input:checked + label .button-box::before {

  position: relative;

  font-family: "klbtheme";

  font-weight: 700;

  content: "\e8b7";

  top: 0.0625rem;

}

.widget .woocommerce-widget-layered-nav-list li .type-button input:checked + label .button-text, .widget .widget-checkbox-list li .type-button input:checked + label .button-text {

  color: var(--theme-primary-color);

}

.widget .woocommerce-widget-layered-nav-list li.chosen .type-button .button-box, .widget .widget-checkbox-list li.chosen .type-button .button-box {

  color: var(--color-white);

  background-color: var(--theme-primary-color);

  border-color: transparent;

}

.widget .woocommerce-widget-layered-nav-list li.chosen .type-button .button-box::before, .widget .widget-checkbox-list li.chosen .type-button .button-box::before {

  font-family: "klbtheme";

  font-weight: 700;

  content: "\e8b7";

}

.widget .woocommerce-widget-layered-nav-list li.chosen .type-button a, .widget .widget-checkbox-list li.chosen .type-button a {

  color: var(--theme-primary-color);

}

.widget .price_slider_wrapper .price_slider_amount {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  margin-bottom: 1.25rem;

}

.widget .price_slider_wrapper .price_slider_amount > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

}

.widget .price_slider_wrapper .price_slider_amount > *.separator {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  margin: 1.25rem 0.625rem 0;

}

.widget .price_slider_wrapper .price_slider_amount > * .price-placeholder {

  display: block;

  font-size: 0.75rem;

  color: var(--color-gray-500);

  margin-bottom: 0.25rem;

}

.widget .price_slider_wrapper .price_slider_amount > * input {

  height: 2.375rem;

  border: 1px solid var(--color-gray-300);

  padding-right: 0.875rem;

  padding-left: 0.875rem;

}

.widget .price_slider_wrapper .price_slider_amount > * input:hover {

  border-color: var(--color-gray-400);

}

.widget .price_slider_wrapper .ui-widget-content {

  position: relative;

  height: 0.1875rem;

  background-color: var(--color-gray-200);

  border-radius: 0.625rem;

  margin-bottom: 1.25rem;

}

.widget .price_slider_wrapper .ui-widget-content .ui-slider-range {

  position: absolute;

  display: block;

  width: 100%;

  height: 0.1875rem;

  border: 0;

  border-radius: 0.625rem;

  background-color: var(--color-gray-900);

  z-index: 1;

}

.widget .price_slider_wrapper .ui-widget-content .ui-slider-handle {

  position: absolute;

  width: 0.875rem;

  height: 0.875rem;

  background-color: var(--color-gray-900);

  border-radius: 50%;

  top: -0.375rem;

  right: 0;

  margin: 0;

  outline: 0;

  cursor: pointer;

  -webkit-box-shadow: none;

          box-shadow: none;

  -webkit-transform: translateX(0px);

          transform: translateX(0px);

}

.widget .price_slider_wrapper .ui-widget-content .ui-slider-handle:last-child {

  right: 100%;

  -webkit-transform: translateX(100%);

          transform: translateX(100%);

}

.widget .price_slider_wrapper .price_slider_bottom {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

          flex-direction: row-reverse;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.widget .price_slider_wrapper .price_slider_bottom button {

  height: 2.375rem;

  background-color: var(--color-gray-200);

}

.widget .price_slider_wrapper .price_slider_bottom button:hover {

  background-color: var(--color-gray-300);

}

.widget .price_slider_wrapper .price_slider_bottom .price_label {

  margin-left: auto;

}

.widget .post-widget .post {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.widget .post-widget .post .post-gallery {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  width: 3.5rem;

  margin-left: 1.25rem;

}

.widget .post-widget .post .post-gallery a {

  position: relative;

  display: block;

  overflow: hidden;

  border-radius: 50%;

}

.widget .post-widget .post .post-body {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

}

.widget .post-widget .post .post-body .entry-post-meta {

  font-size: 0.6875rem;

}

.widget .post-widget .post:last-child {

  margin-bottom: 0;

}

.widget .social-widget ul {

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

}

.widget .social-widget ul li {

  width: 100%;

}

.widget .social-widget ul li a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-pack: start;

      -ms-flex-pack: start;

          justify-content: flex-start;

  text-decoration: none;

  width: 100%;

  height: 2.5rem;

  padding-right: 0.75rem;

  padding-left: 0.75rem;

}

.widget .social-widget ul li a .social-icon {

  font-size: 1rem;

  width: 1.25rem;

  margin-left: 0.625rem;

}

.widget .social-widget ul li a .social-label {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.widget .social-widget ul li a .social-label span {

  margin-right: auto;

  opacity: 0.5;

}



/*------------------------------------ 

    08 - WooCommerce

------------------------------------*/

/* --- WooCommerce price styles --- */

.price {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-orient: horizontal;

  -webkit-box-direction: reverse;

      -ms-flex-direction: row-reverse;

          flex-direction: row-reverse;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  font-family: var(--theme-product-price-font);

  font-size: var(--theme-product-price-font-size);

  font-weight: var(--theme-product-price-font-weight);

  line-height: 1;

  letter-spacing: var(--theme-product-price-letter-spacing);

}

.price ins {

  text-decoration: none;

  color: var(--color-red-600);

}

.price del {

  font-size: 73%;

  font-weight: 500;

  color: var(--color-gray-900);

  text-decoration-color: var(--color-red-600);

  margin-right: 0.4375rem;

}



/* --- Price sale percentage styles --- */

.sale-percentage {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.75rem;

  line-height: 1;

  height: 1.375rem;

  padding-right: 0.375rem;

  padding-left: 0.375rem;

  padding-top: 0.0625rem;

  border-radius: var(--theme-site-border-radius);

  color: var(--color-red-700);

  background-color: var(--color-red-100);

  margin-bottom: 0.125rem;

}

.sale-percentage strong {

  font-weight: 700;

  margin-left: 0.1875rem;

}



/* --- WooCommerce products quantity styles --- */

.quantity {

  --qty-size: 2.125rem;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  line-height: 1;

}

.quantity .quantity-button {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 1.0625rem;

  min-width: var(--qty-size);

  min-height: var(--qty-size);

  -webkit-transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

  cursor: pointer;

  -webkit-user-select: none;

     -moz-user-select: none;

      -ms-user-select: none;

          user-select: none;

}

.quantity .quantity-button i {

  text-shadow: 0 0 0 currentColor;

}

.quantity .qty {

  text-align: center;

  width: var(--qty-size);

  height: var(--qty-size);

  padding-right: 0;

  padding-left: 0;

  border-radius: 0;

  border: 0;

  -webkit-box-shadow: none !important;

          box-shadow: none !important;

}

.quantity .qty:focus, .quantity .qty:active {

  outline: none;

}

.quantity.ajax-quantity {

  display: none;

}

.quantity.ajax-quantity.style-1 {

  position: relative;

  width: 100%;

  background-color: var(--color-white);

  border: 1px solid var(--color-gray-200);

  border-radius: 3.125rem;

  overflow: hidden;

}

.quantity.ajax-quantity.style-1 .quantity-button {

  position: relative;

  height: 100%;

}

.quantity.ajax-quantity.style-1 .quantity-button i {

  pointer-events: none;

}

.quantity.ajax-quantity.style-1 .quantity-button.minus {

  background-color: var(--color-gray-100);

}

.quantity.ajax-quantity.style-1 .quantity-button.plus {

  background-color: var(--color-yellow-400);

}

.quantity.ajax-quantity.style-1 .qty {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

}

.quantity.ajax-quantity.style-1.primary {

  border: 0;

}

.quantity.ajax-quantity.style-1.primary::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  border-radius: 3.125rem;

  border: 1px solid var(--theme-primary-color);

  opacity: 0.15;

  pointer-events: none;

}

.quantity.ajax-quantity.style-1.primary .quantity-button {

  height: 100%;

}

.quantity.ajax-quantity.style-1.primary .quantity-button.minus {

  color: var(--theme-primary-color);

  background-color: transparent;

}

.quantity.ajax-quantity.style-1.primary .quantity-button.minus::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background-color: var(--theme-primary-color);

  opacity: 0.07;

}

.quantity.ajax-quantity.style-1.primary .quantity-button.plus {

  color: var(--color-white);

  background-color: var(--theme-primary-color);

}

.quantity.ajax-quantity.style-3 {

  --qty-size: 2rem;

  position: relative;

  width: 100%;

  background-color: var(--color-white);

  border: 1px solid var(--color-gray-200);

  border-radius: 3.125rem;

  overflow: hidden;

  border-radius: calc(var(--theme-site-border-radius) + 2px);

}

.quantity.ajax-quantity.style-3 .qty {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

}

.quantity.ajax-quantity.style-3 .quantity-button {

  position: relative;

  height: 100%;

}

.quantity.ajax-quantity.style-3 .quantity-button i {

  pointer-events: none;

}

.quantity.ajax-quantity.style-3 .quantity-button.minus {

  color: var(--color-green-800);

}

.quantity.ajax-quantity.style-3 .quantity-button.minus::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background-color: var(--color-green-800);

  opacity: 0.08;

}

.quantity.ajax-quantity.style-3 .quantity-button.plus {

  color: var(--color-green-50);

  background-color: var(--color-green-600);

}



/* --- WooCommerce product box styles --- */

.product .product-wrapper.style-2 .product-gallery-dots {

  bottom: 1.5625rem;

}

.product .thumbnail-wrapper {

  margin-bottom: 0.625rem;

}

.product .product-heading {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  gap: 0.3125rem;

  margin-bottom: 0.875rem;

}

@media screen and (min-width: 576px) {

  .product .product-heading {

    gap: 0.5rem;

    margin-bottom: 1rem;

  }

}

.product .product-title {

  display: -webkit-box;

  font-family: var(--theme-product-title-font);

  font-size: calc(var(--theme-product-title-font-size) - 1px);

  font-weight: var(--theme-product-title-font-weight);

  line-height: 1.3;

  letter-spacing: var(--theme-product-title-letter-spacing);

  max-width: 100%;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  overflow: hidden;

  white-space: normal;

  margin-bottom: 0;

}

@media screen and (min-width: 576px) {

  .product .product-title {

    font-size: var(--theme-product-title-font-size);

  }

}

.product .product-title a {

  color: currentColor;

  text-decoration-color: transparent;

  text-underline-offset: 0.25rem;

  -webkit-transition: all 0.05s var(--theme-transition);

  transition: all 0.05s var(--theme-transition);

}

.product .product-title a:hover {

  text-decoration-color: currentColor;

}

.products .product:hover .thumbnail-wrapper .thumbnail-buttons > * {

  -webkit-transform: translateX(0);

          transform: translateX(0);

  opacity: 1;

}

.product:hover .product-footer .site-countdown .countdown-item {

  background-color: var(--color-red-50);

  border: 1px solid var(--color-red-100);

}

.product:hover .product-footer .site-countdown .countdown-item > * {

  color: var(--color-red-700);

}



/* --- Product thumbnail styles --- */

.thumbnail-wrapper {

  position: relative;

  padding: 0.625rem;

}

.thumbnail-wrapper .thumbnail-badges {

  position: absolute;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  top: 0.5625rem;

  bottom: 0;

  right: 0;

  pointer-events: none;

  z-index: 1;

}

.thumbnail-wrapper .thumbnail-badges .badge {

  font-size: 0.5625rem;

  font-weight: 800;

  line-height: 0;

  text-transform: uppercase;

  color: var(--color-gray-500);

  background-color: var(--color-gray-100);

  border-top-right-radius: 0.875rem;

  border-bottom-right-radius: 0.875rem;

  border-top-left-radius: 2.5rem;

  border-bottom-left-radius: 2.5rem;

}

@media screen and (min-width: 576px) {

  .thumbnail-wrapper .thumbnail-badges .badge {

    font-size: 0.625rem;

    height: 1.5rem;

    padding-right: 0.5rem;

    padding-left: 0.625rem;

  }

}

.thumbnail-wrapper .thumbnail-badges .badge svg {

  width: 0.6875rem;

  height: 0.6875rem;

  margin-left: 0.1875rem;

  margin-right: -0.125rem;

}

@media screen and (min-width: 576px) {

  .thumbnail-wrapper .thumbnail-badges .badge svg {

    width: 0.875rem;

    height: 0.875rem;

    margin-left: 0.3125rem;

  }

}

.thumbnail-wrapper .thumbnail-badges .badge.sale {

  color: var(--color-red-50);

  background-color: var(--color-red-600);

}

.thumbnail-wrapper .thumbnail-badges .badge.cold-sale {

  color: var(--color-cyan-600);

  background: rgb(165, 239, 255);

  background: -webkit-gradient(linear, right top, left top, from(rgb(165, 239, 255)), color-stop(50%, rgb(231, 248, 253)));

  background: linear-gradient(-90deg, rgb(165, 239, 255) 0%, rgb(231, 248, 253) 50%);

  margin-top: auto;

}

.thumbnail-wrapper .thumbnail-badges .badge.hot-sale {

  color: var(--color-red-800);

  background: rgb(255, 219, 219);

  background: -webkit-gradient(linear, right top, left top, from(rgb(255, 219, 219)), color-stop(76%, rgb(255, 178, 155)));

  background: linear-gradient(-90deg, rgb(255, 219, 219) 0%, rgb(255, 178, 155) 76%);

  margin-top: auto;

}

.thumbnail-wrapper .thumbnail-badges .badge.organic {

  color: var(--color-green-800);

  background: rgb(212, 252, 121);

  background: -webkit-gradient(linear, right top, left top, from(rgb(212, 252, 121)), color-stop(50%, rgb(150, 230, 161)));

  background: linear-gradient(-90deg, rgb(212, 252, 121) 0%, rgb(150, 230, 161) 50%);

  margin-top: auto;

}

.thumbnail-wrapper .thumbnail-buttons {

  position: absolute;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  gap: 0.25rem;

  top: 0.3125rem;

  left: 0.3125rem;

  z-index: 1;

}

.thumbnail-wrapper .thumbnail-buttons > * {

  -webkit-transition: opacity 0.25s var(--theme-transition), -webkit-transform 0.25s var(--theme-transition);

  transition: opacity 0.25s var(--theme-transition), -webkit-transform 0.25s var(--theme-transition);

  transition: opacity 0.25s var(--theme-transition), transform 0.25s var(--theme-transition);

  transition: opacity 0.25s var(--theme-transition), transform 0.25s var(--theme-transition), -webkit-transform 0.25s var(--theme-transition);

}

.thumbnail-wrapper .thumbnail-buttons > *:nth-child(2) {

  -webkit-transform: translateX(-6px);

          transform: translateX(-6px);

  opacity: 0;

}

.thumbnail-wrapper .thumbnail-buttons > *:nth-child(3) {

  -webkit-transform: translateX(-8px);

          transform: translateX(-8px);

  -webkit-transition-delay: 0.04s;

          transition-delay: 0.04s;

  opacity: 0;

}

.thumbnail-wrapper .thumbnail-buttons a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 1.125rem;

  line-height: 1.125rem;

  text-decoration: none;

  width: 1.625rem;

  height: 1.625rem;

  color: currentColor;

  background-color: var(--color-white);

  border-radius: 50%;

  -webkit-transition: background-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: background-color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

}

@media screen and (min-width: 576px) {

  .thumbnail-wrapper .thumbnail-buttons a {

    font-size: 1.25rem;

    line-height: 1.25rem;

    width: 2rem;

    height: 2rem;

  }

}

.thumbnail-wrapper .thumbnail-buttons a i {

  line-height: 1;

  text-shadow: 0 0 0 currentColor;

}

.thumbnail-wrapper .thumbnail-buttons a:hover {

  background-color: var(--color-gray-100);

}

.thumbnail-wrapper .thumbnail-buttons .wishlist-button a {

  font-size: 0;

}

.thumbnail-wrapper .thumbnail-buttons .wishlist-button a::before {

  font-family: "klbtheme";

  font-size: 1.125rem;

  line-height: 1.125rem;

  text-shadow: 0 0 0 currentColor;

  -webkit-transition: color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: color 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  content: "\e812";

}

@media screen and (min-width: 576px) {

  .thumbnail-wrapper .thumbnail-buttons .wishlist-button a::before {

    font-size: 1.375rem;

    line-height: 1.375rem;

  }

}

.thumbnail-wrapper .thumbnail-buttons .wishlist-button a:hover {

  color: var(--color-red-600);

  background-color: var(--color-red-50);

}

@media screen and (min-width: 576px) {

  .thumbnail-wrapper .thumbnail-buttons .compare-button a {

    font-size: 1.1875rem;

  }

}

.thumbnail-wrapper .product-cart {

  position: absolute;

  left: 0;

  bottom: -0.375rem;

  z-index: 2;

}

.thumbnail-wrapper .product-cart .ajax-quantity {

  --qty-size: 2rem;

  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1019607843), 0 8px 10px -6px rgba(0, 0, 0, 0.1019607843);

          box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1019607843), 0 8px 10px -6px rgba(0, 0, 0, 0.1019607843);

}

.thumbnail-wrapper .product-cart .ajax-quantity .quantity-button {

  font-size: 1.125rem;

  line-height: 1;

}



/* --- Product rating styles --- */

.product-rating {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.product-rating .star-rating {

  top: 0.0625rem;

}

.product-rating .rating-count {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  line-height: 1;

  margin-right: 0.5rem;

}

.product-rating .rating-count .rating {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.8125rem;

  font-weight: 600;

  line-height: 0;

  height: 1.4375rem;

  padding-right: 0.25rem;

  padding-left: 0.25rem;

  border-radius: var(--theme-site-border-radius);

  border: 1px solid var(--color-gray-300);

  margin-left: 0.375rem;

}

.product-rating .rating-count .count-text {

  font-size: 0.75rem;

  color: var(--color-gray-500);

}



/* --- Rating stars styles --- */

.star-rating {

  --font-size: 0.6875rem;

  --lt-spacing: 0.0625rem;

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  line-height: 1;

  overflow: hidden;

}

.star-rating::before {

  font-family: "klbtheme";

  content: "\e818\e818\e818\e818\e818";

  font-size: var(--font-size);

  letter-spacing: var(--lt-spacing);

  color: var(--color-gray-300);

}

.star-rating span {

  position: absolute;

  font-size: 0;

  overflow: hidden;

}

.star-rating span::before {

  font-family: "klbtheme";

  content: "\e818\e818\e818\e818\e818";

  font-size: var(--font-size);

  letter-spacing: var(--lt-spacing);

  color: var(--color-yellow-400);

}



/* --- Product excerpt styles --- */

/* --- Product progress styles --- */

.product-progress .site-progress-bar {

  margin-bottom: 0.3125rem;

}

.product-progress .product-progress-detail {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 0.375rem;

  text-align: center;

}

.product-progress .product-progress-detail p {

  font-size: 0.75rem;

  color: var(--color-gray-500);

  margin-bottom: 0;

}

.product-progress .product-progress-detail span {

  font-family: var(--theme-product-title-font);

  font-size: 0.875rem;

  font-weight: 700;

  letter-spacing: -1px;

}

@media screen and (min-width: 576px) {

  .product-progress .product-progress-detail span {

    font-size: 1rem;

  }

}



/* --- Product footer styles --- */

.product-footer {

  margin-top: 0.625rem;

}

.product-footer.bordered {

  border-top: 1px solid var(--color-gray-200);

  padding-top: 0.75rem;

  margin-top: 0.75rem;

}

.product-footer > * + * {

  border-top: 1px solid var(--color-gray-200);

  padding-top: 1rem;

  margin-top: 0.875rem;

}

.product-footer .site-countdown .countdown-separator {

  margin-right: 0.3125rem;

  margin-left: 0.3125rem;

}

.product-footer .site-countdown .countdown-item {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 1.625rem;

  height: 1.625rem;

  background-color: var(--color-gray-100);

  border: 1px solid var(--color-gray-200);

  border-radius: var(--theme-site-border-radius);

}

.product-footer .site-countdown .countdown-item > * {

  font-weight: 600;

  color: var(--color-gray-600);

}



/* --- Featured product styles --- */

.site-featured-product {

  border: 0.125rem solid var(--color-red-600);

  border-radius: calc(var(--theme-site-border-radius) + 0.125rem);

  padding: 0.9375rem;

}

@media screen and (min-width: 576px) {

  .site-featured-product {

    border-width: 0.25rem;

    padding: 1.875rem;

  }

}

.site-featured-product.style-1 .product .product-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.site-featured-product.style-1 .product .product-inner > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 auto;

          flex: 1 0 auto;

  width: 100%;

}

@media screen and (min-width: 576px) {

  .site-featured-product.style-1 .product .product-inner > * {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    width: 50%;

  }

  .site-featured-product.style-1 .product .product-inner > *.thumbnail-wrapper {

    width: 57%;

    margin-left: 1.25rem;

    margin-bottom: 0;

  }

  .site-featured-product.style-1 .product .product-inner > *.content-wrapper {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 0%;

            flex: 1 0 0%;

  }

  .site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-title {

    font-size: 1.25rem;

    font-weight: 600;

  }

  .site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-price-wrapper {

    margin-bottom: 0.625rem;

  }

  .site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-price-wrapper .price {

    font-size: 2rem;

  }

}

.site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-excerpt {

  font-size: 0.8125rem;

  color: var(--color-gray-600);

}

.site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-progress {

  border-top: 1px solid var(--color-gray-200);

  margin-top: 1.25rem;

  padding-top: 1.25rem;

  margin-bottom: 1.25rem;

}

.site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-cart {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 0.625rem;

}

.site-featured-product.style-1 .product .product-inner > *.content-wrapper .product-cart > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

}

.site-featured-product.style-2 .product .content-wrapper .product-title {

  font-weight: 600;

}

.site-featured-product.style-2 .product .content-wrapper .product-excerpt {

  font-size: 0.8125rem;

  color: var(--color-gray-600);

}

.site-featured-product.style-2 .product .content-wrapper .product-progress {

  border-top: 1px solid var(--color-gray-200);

  margin-top: 1.25rem;

  padding-top: 1.25rem;

  margin-bottom: 1.25rem;

}

@media screen and (min-width: 576px) {

  .site-featured-product.style-2 .product .content-wrapper .product-price-wrapper .price {

    font-size: 1.625rem;

  }

}

.site-featured-product.style-2 .product .content-wrapper .product-cart {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 0.625rem;

}

.site-featured-product.style-2 .product .content-wrapper .product-cart > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

}



/* --- Product extra padding styles --- */

@media screen and (min-width: 576px) {

  .product-extra-padding .product .product-wrapper {

    padding: 1.25rem !important;

  }

}



/* --- WooCommerce products list styles --- */

.products:not(.slick-slider) {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.products:not(.slick-slider) > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 auto;

          flex: 1 0 auto;

  width: 100%;

}

.products:not(.slick-slider).column-1 > * {

  width: 100%;

}

.products:not(.slick-slider).column-2 > * {

  width: 50%;

}

.products:not(.slick-slider).column-3 > * {

  width: 33.33333333%;

}

.products:not(.slick-slider).column-4 > * {

  width: 25%;

}

.products:not(.slick-slider).column-5 > * {

  width: 20%;

}

.products:not(.slick-slider).column-6 > * {

  width: 16.66666667%;

}

@media screen and (min-width: 576px) {

  .products:not(.slick-slider).sm-column-1 > * {

    width: 100%;

  }

  .products:not(.slick-slider).sm-column-2 > * {

    width: 50%;

  }

  .products:not(.slick-slider).sm-column-3 > * {

    width: 33.33333333%;

  }

  .products:not(.slick-slider).sm-column-4 > * {

    width: 25%;

  }

  .products:not(.slick-slider).sm-column-5 > * {

    width: 20%;

  }

  .products:not(.slick-slider).sm-column-6 > * {

    width: 16.66666667%;

  }

}

@media screen and (min-width: 992px) {

  .products:not(.slick-slider).md-column-1 > * {

    width: 100%;

  }

  .products:not(.slick-slider).md-column-2 > * {

    width: 50%;

  }

  .products:not(.slick-slider).md-column-3 > * {

    width: 33.33333333%;

  }

  .products:not(.slick-slider).md-column-4 > * {

    width: 25%;

  }

  .products:not(.slick-slider).md-column-5 > * {

    width: 20%;

  }

  .products:not(.slick-slider).md-column-5 > * .product-title {

    font-size: calc(var(--theme-product-title-font-size) - 0.0625rem);

  }

  .products:not(.slick-slider).md-column-5 > * .product-title a {

    text-underline-offset: 0.125rem;

  }

  .products:not(.slick-slider).md-column-6 > * {

    width: 16.66666667%;

  }

  .products:not(.slick-slider).md-column-6 > * .product-title {

    font-size: calc(var(--theme-product-title-font-size) - 0.0625rem);

  }

  .products:not(.slick-slider).md-column-6 > * .product-title a {

    text-underline-offset: 0.125rem;

  }

}

@media screen and (min-width: 1200px) {

  .products:not(.slick-slider).lg-column-1 > * {

    width: 100%;

  }

  .products:not(.slick-slider).lg-column-2 > * {

    width: 50%;

  }

  .products:not(.slick-slider).lg-column-3 > * {

    width: 33.33333333%;

  }

  .products:not(.slick-slider).lg-column-4 > * {

    width: 25%;

  }

  .products:not(.slick-slider).lg-column-5 > * {

    width: 20%;

  }

  .products:not(.slick-slider).lg-column-6 > * {

    width: 16.66666667%;

  }

}

.products:not(.slick-slider).list-style .product-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.products:not(.slick-slider).list-style .product-inner > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

}

.products:not(.slick-slider).list-style .product-inner > *.thumbnail-wrapper {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  width: 5.375rem;

  padding: 0;

  margin-bottom: 0;

  margin-left: 0.9375rem;

}

.products:not(.slick-slider).list-style .product-inner > *.content-wrapper .product-title {

  font-size: 0.875rem;

  margin-bottom: 0.5rem;

}

.products:not(.slick-slider).list-style .product-inner > *.content-wrapper .price {

  font-size: 1.25rem;

}

.products:not(.slick-slider).list-style.base-list .product-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 1.25rem;

}

@media screen and (min-width: 576px) {

  .products:not(.slick-slider).list-style.base-list .product-wrapper {

    gap: 2.5rem;

  }

}

.products:not(.slick-slider).list-style.base-list .product-wrapper .product-excerpt {

  font-size: 0.8125rem;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  width: 100%;

  color: var(--color-gray-600);

}

@media screen and (min-width: 576px) {

  .products:not(.slick-slider).list-style.base-list .product-wrapper .product-excerpt {

    width: 18.75rem;

  }

}

.products:not(.slick-slider).list-style.base-list .product-inner {

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

}

.products:not(.slick-slider).list-style.base-list .product-inner .thumbnail-wrapper {

  width: 35%;

  margin-left: 0.625rem;

}

@media screen and (min-width: 576px) {

  .products:not(.slick-slider).list-style.base-list .product-inner .thumbnail-wrapper {

    margin-left: 2.5rem;

  }

}

.products:not(.slick-slider).list-style.base-list .product-inner .content-wrapper .product-title {

  font-size: 0.9375rem;

}

@media screen and (min-width: 576px) {

  .products:not(.slick-slider).list-style.xs-list .product-inner > *.thumbnail-wrapper {

    width: 3.5rem;

    margin-left: 0.9375rem;

  }

}

.products:not(.slick-slider).list-style.xs-list .product-inner > *.content-wrapper {

  line-height: 1;

}

@media screen and (min-width: 576px) {

  .products:not(.slick-slider).list-style.xs-list .product-inner > *.content-wrapper .product-title {

    font-size: 0.75rem;

    margin-bottom: 0.25rem;

  }

  .products:not(.slick-slider).list-style.xs-list .product-inner > *.content-wrapper .product-title a {

    text-underline-offset: 0.1875rem;

  }

}

@media screen and (min-width: 576px) {

  .products:not(.slick-slider).list-style.xs-list .product-inner > *.content-wrapper .price {

    font-size: 0.9375rem;

  }

}

@media screen and (min-width: 576px) {

  .products:not(.slick-slider).sm-list-style .product-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

  .products:not(.slick-slider).sm-list-style .product-inner > * {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 auto;

            flex: 1 0 auto;

    width: 48%;

  }

  .products:not(.slick-slider).sm-list-style .product-inner .thumbnail-wrapper {

    margin-left: 0.9375rem;

    margin-bottom: 0;

  }

}

@media screen and (min-width: 992px) {

  .products:not(.slick-slider).md-list-style .product-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

  .products:not(.slick-slider).md-list-style .product-inner > * {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 auto;

            flex: 1 0 auto;

    width: 48%;

  }

  .products:not(.slick-slider).md-list-style .product-inner .thumbnail-wrapper {

    margin-left: 0.9375rem;

    margin-bottom: 0;

  }

}

@media screen and (min-width: 1200px) {

  .products:not(.slick-slider).lg-list-style .product-inner {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

        flex-wrap: wrap;

  }

  .products:not(.slick-slider).lg-list-style .product-inner > * {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 auto;

            flex: 1 0 auto;

  }

}



/* --- Product separate styles --- */

.products-separate-top .product + .product {

  border-top: 1px solid var(--color-gray-200);

}



.products-separate-left .product + .product {

  border-right: 1px solid var(--color-gray-200);

}



.products-separate-right .product + .product {

  border-left: 1px solid var(--color-gray-200);

}



/* --- WooCommerce breadcrumb styles --- */

.woocommerce-breadcrumb {

  margin-top: 0.625rem;

}

@media screen and (min-width: 576px) {

  .woocommerce-breadcrumb {

    margin-top: 1.25rem;

  }

}

.woocommerce-breadcrumb ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 0.375rem;

  list-style: none;

  margin: 0;

  padding: 0;

}

.woocommerce-breadcrumb ul li {

  font-size: 0.75rem;

}

.woocommerce-breadcrumb ul li a {

  position: relative;

  text-decoration: none;

  color: var(--color-gray-400);

}

.woocommerce-breadcrumb ul li a::after {

  font-family: "klbtheme";

  content: "\e82d";

  margin-right: 0.25rem;

}



/* --- WooCommerce shop page styles --- */

.woocommerce-page-header {

  margin-bottom: 0.625rem;

}



/* --- Before shop loop styles --- */

.before-shop-loop {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  background-color: var(--color-gray-100);

  border-radius: var(--theme-site-border-radius);

  padding: 0.625rem;

  padding-right: 0.9375rem;

  padding-left: 0.9375rem;

  margin-bottom: 0.625rem;

  z-index: 3;

}

.before-shop-loop .filter-wide-button {

  position: static;

  margin-left: 0.9375rem;

}

.before-shop-loop .filter-wide-button > a {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.8125rem;

  font-weight: 500;

  color: currentColor;

  text-decoration: none;

}

.before-shop-loop .filter-wide-button > a::after {

  font-family: "klbtheme";

  font-size: 1.125rem;

  margin-right: 0.5rem;

  content: "\e82c";

  border: 0;

}

.before-shop-loop .filter-wide-button .dropdown-menu {

  width: 100%;

  border-color: var(--color-gray-200);

  -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1019607843), 0 8px 10px -6px rgba(0, 0, 0, 0.1019607843);

          box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1019607843), 0 8px 10px -6px rgba(0, 0, 0, 0.1019607843);

  margin-top: -0.1875rem;

  padding: 2.5rem;

}

.before-shop-loop .filter-wide-button .dropdown-menu-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-right: -1.875rem;

  margin-left: -1.875rem;

}

.before-shop-loop .filter-wide-button .dropdown-menu-inner > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

  padding-right: 1.875rem;

  padding-left: 1.875rem;

}

.before-shop-loop .filter-wide-button .dropdown-menu-inner > * + * {

  border-right: 0.0625rem solid var(--color-gray-200);

}

.before-shop-loop .filter-wide-button .dropdown-menu-inner > * .widget-title {

  font-size: 0.6875rem;

  text-transform: uppercase;

  color: var(--color-gray-400);

}

.before-shop-loop .filter-button {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.8125rem;

  font-weight: 600;

  text-decoration: none;

  color: currentColor;

  margin-left: 0.9375rem;

}

@media screen and (min-width: 992px) {

  .before-shop-loop .filter-button {

    display: none;

  }

}

.before-shop-loop .filter-button i {

  font-size: 1.125rem;

  line-height: 1;

  margin-left: 0.25rem;

}

.before-shop-loop .woocommerce-result-count {

  display: none;

  font-size: 0.75rem;

  color: var(--color-gray-500);

  margin-bottom: 0;

}

@media screen and (min-width: 576px) {

  .before-shop-loop .woocommerce-result-count {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

  }

}

.before-shop-loop .sorting-button {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  padding-right: 0.8125rem;

  border-right: 1px solid var(--color-gray-300);

}

.before-shop-loop .sorting-button > span {

  font-size: 0.8125rem;

  font-weight: 600;

  margin-right: 0.375rem;

}

.before-shop-loop .sorting-button > i {

  font-size: 1.25rem;

  line-height: 1;

}

@media screen and (min-width: 576px) {

  .before-shop-loop .sorting-button {

    display: none;

  }

}

.before-shop-loop .shop-sorting-wrapper {

  display: none;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

@media screen and (min-width: 576px) {

  .before-shop-loop .shop-sorting-wrapper {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

  }

}

@media screen and (max-width: 575.98px) {

  .before-shop-loop .shop-sorting-wrapper {

    position: absolute;

    width: 100%;

    top: calc(100% - 0.1875rem);

    right: 0;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-right: 0.9375rem;

    padding-left: 0.9375rem;

    background-color: var(--color-gray-100);

    border-top: 1px solid var(--color-gray-200);

    border-bottom-right-radius: var(--theme-site-border-radius);

    border-bottom-left-radius: var(--theme-site-border-radius);

  }

  .before-shop-loop .shop-sorting-wrapper.active {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

  }

}

.before-shop-loop .sorting-products, .before-shop-loop .sorting-per-page {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  line-height: 1;

}

.before-shop-loop .sorting-products > span, .before-shop-loop .sorting-per-page > span {

  font-size: 0.75rem;

  font-weight: 500;

  color: var(--color-gray-400);

  margin-left: 0.375rem;

}

.before-shop-loop .sorting-products select, .before-shop-loop .sorting-per-page select {

  font-size: 0.75rem;

  height: auto;

  background-color: transparent;

  -webkit-box-shadow: none;

          box-shadow: none;

  border: 0;

}

.before-shop-loop .sorting-products select:focus, .before-shop-loop .sorting-products select::after, .before-shop-loop .sorting-per-page select:focus, .before-shop-loop .sorting-per-page select::after {

  -webkit-box-shadow: none;

          box-shadow: none;

  outline: none;

}

.before-shop-loop .sorting-per-page {

  padding-right: 0.625rem;

  margin-right: 0.625rem;

  border-right: 1px solid var(--color-gray-300);

}

.before-shop-loop .product-views-buttons {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 0.1875rem;

  margin-right: 1.25rem;

}

.before-shop-loop .product-views-buttons a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 1.125rem;

  width: 1.75rem;

  height: 1.75rem;

  border-radius: var(--theme-site-border-radius);

  color: var(--color-gray-500);

  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

}

@media screen and (min-width: 576px) {

  .before-shop-loop .product-views-buttons a {

    width: 1.875rem;

    height: 1.875rem;

  }

}

.before-shop-loop .product-views-buttons a i {

  line-height: 1;

}

.before-shop-loop .product-views-buttons a:not(.active):hover {

  color: var(--color-gray-900);

}

.before-shop-loop .product-views-buttons a.active {

  color: var(--color-gray-900);

  background-color: var(--color-gray-300);

}



/* --- Shop listing products styles --- */

.shop-products-wrapper {

  position: relative;

  overflow: hidden;

}

.shop-products-wrapper.border-block {

  border-radius: var(--theme-site-border-radius);

}

.shop-products-wrapper.border-block .product {

  border-bottom: 1px solid var(--color-gray-200);

}

.shop-products-wrapper.border-block .product + .product {

  border-right: 1px solid var(--color-gray-200);

}



/* --- WooCommerce pagination styles --- */

.woocommerce-pagination {

  margin-top: 0.9375rem;

}

@media screen and (min-width: 576px) {

  .woocommerce-pagination {

    margin-top: 1.875rem;

  }

}

.woocommerce-pagination ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  gap: 0.125rem;

  list-style: none;

  margin: 0;

  padding: 0;

}

.woocommerce-pagination ul li a {

  text-decoration: none;

  color: currentColor;

  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.woocommerce-pagination ul li > * {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 0.8125rem;

  font-weight: 600;

  line-height: 0.8125rem;

  width: 1.75rem;

  height: 1.75rem;

  background-color: var(--color-gray-100);

  border-radius: var(--theme-site-border-radius);

}

@media screen and (min-width: 576px) {

  .woocommerce-pagination ul li > * {

    font-size: 0.875rem;

    width: 2.125rem;

    height: 2.125rem;

  }

}

.woocommerce-pagination ul li > *:not(.current):hover, .woocommerce-pagination ul li > *:not(.prev):hover, .woocommerce-pagination ul li > *:not(.next):hover, .woocommerce-pagination ul li > *:not(.dots):hover {

  background-color: var(--color-gray-200);

}

.woocommerce-pagination ul li > *.dots {

  font-size: 1rem;

  line-height: 1rem;

  background-color: transparent !important;

}

.woocommerce-pagination ul li > *.prev, .woocommerce-pagination ul li > *.next {

  font-size: 1.25rem;

  background-color: transparent !important;

}

@media screen and (min-width: 576px) {

  .woocommerce-pagination ul li > *.prev, .woocommerce-pagination ul li > *.next {

    font-size: 1.5rem;

  }

}

.woocommerce-pagination ul li > *.current {

  color: var(--color-white);

  background-color: var(--theme-primary-color) !important;

}



/* --- WooCommerce single product styles --- */

.single-product-wrapper {

  position: relative;

  gap: 1.25rem;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper {

    gap: 2.5rem;

  }

}

.single-product-wrapper .column {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 auto;

          flex: 1 0 auto;

  width: 100%;

  min-width: 0;

}

@media screen and (min-width: 992px) {

  .single-product-wrapper.style-1 .column {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 0%;

            flex: 1 0 0%;

    width: 50%;

  }

}

.single-product-wrapper .woocommerce-product-gallery img {

  width: 100%;

}

.single-product-wrapper .woocommerce-product-gallery #product-images {

  margin-bottom: 0.9375rem;

}

.single-product-wrapper .woocommerce-product-gallery #product-thumbnails {

  margin-right: -0.1875rem;

  margin-left: -0.1875rem;

}

.single-product-wrapper .woocommerce-product-gallery #product-thumbnails .slider-item {

  position: relative;

  padding-right: 0.1875rem;

  padding-left: 0.1875rem;

}

.single-product-wrapper .woocommerce-product-gallery #product-thumbnails .slider-item .slider-image {

  position: relative;

  padding: 0.3125rem;

  cursor: pointer;

  overflow: hidden;

}

.single-product-wrapper .woocommerce-product-gallery #product-thumbnails .slider-item .slider-image::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  border: 1px solid var(--color-gray-200);

  border-radius: calc(var(--theme-site-border-radius) + 0.125rem);

}

.single-product-wrapper .woocommerce-product-gallery #product-thumbnails .slider-item .slider-image img {

  border-radius: var(--theme-site-border-radius);

}

.single-product-wrapper .woocommerce-product-gallery #product-thumbnails .slider-item.slick-current .slider-image::before {

  border-color: var(--color-gray-900);

}

.single-product-wrapper .woocommerce-product-gallery.woocommerce-product-gallery {

  position: relative;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .woocommerce-product-gallery.woocommerce-product-gallery.vertical {

    padding-right: 7.5rem;

  }

  .single-product-wrapper .woocommerce-product-gallery.woocommerce-product-gallery.vertical .product-thumbnail-items {

    position: absolute;

    width: 5rem;

    top: 0;

    right: 0;

  }

  .single-product-wrapper .woocommerce-product-gallery.woocommerce-product-gallery.vertical .product-thumbnail-items #product-thumbnails {

    margin-right: 0;

    margin-left: 0;

    margin-top: -0.1875rem;

    margin-bottom: -0.1875rem;

  }

  .single-product-wrapper .woocommerce-product-gallery.woocommerce-product-gallery.vertical .product-thumbnail-items #product-thumbnails .slider-item {

    padding-right: 0;

    padding-left: 0;

    padding-top: 0.1875rem;

    padding-bottom: 0.1875rem;

  }

}

.single-product-wrapper .product_title {

  font-size: 1.5rem;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product_title {

    font-size: 2.375rem;

    margin-bottom: 0.9375rem;

  }

}

.single-product-wrapper .product-meta {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 0.625rem;

  border-bottom: 1px solid var(--color-gray-200);

  padding-bottom: 0.625rem;

  margin-bottom: 1.25rem;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product-meta {

    gap: 0.875rem;

  }

}

.single-product-wrapper .product-meta > * + *::before {

  content: "";

  display: block;

  width: 0.0625rem;

  height: 0.875rem;

  background-color: var(--color-gray-200);

  margin-left: 0.625rem;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product-meta > * + *::before {

    margin-left: 0.875rem;

  }

}

.single-product-wrapper .product-meta .product-store {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.8125rem;

}

.single-product-wrapper .product-meta .product-store span {

  color: var(--color-gray-500);

  margin-left: 0.1875rem;

}

.single-product-wrapper .product-meta .product-store a {

  font-weight: 600;

  color: currentColor;

  text-decoration: none;

}

.single-product-wrapper .product-meta .product-sku {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.8125rem;

}

.single-product-wrapper .product-meta .product-sku span {

  color: var(--color-gray-500);

  margin-left: 0.1875rem;

}

.single-product-wrapper .product-meta .product-sku p {

  font-weight: 500;

  margin-bottom: 0;

}

.single-product-wrapper .product-excerpt {

  font-size: 0.875rem;

  color: var(--color-gray-600);

  margin-bottom: 1.25rem;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product-excerpt {

    margin-bottom: 2.1875rem;

  }

}

.single-product-wrapper .product-price-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: end;

      -ms-flex-align: end;

          align-items: flex-end;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  gap: 1.25rem;

  margin-bottom: 1.25rem;

}

.single-product-wrapper .product-price-wrapper .product-price {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

}

.single-product-wrapper .product-price-wrapper .product-price .sale-percentage {

  margin-bottom: 0.25rem;

}

.single-product-wrapper .product-price-wrapper .product-price .price {

  font-size: 1.75rem;

  margin-bottom: 0.25rem;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product-price-wrapper .product-price .price {

    font-size: 1.875rem;

  }

}

.single-product-wrapper .product-price-wrapper .product-recomended {

  gap: 0.625rem;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product-price-wrapper .product-recomended {

    margin-bottom: 0.9375rem;

  }

}

.single-product-wrapper .product-price-wrapper .product-recomended p {

  max-width: 9.375rem;

  margin-bottom: 0;

}

.single-product-wrapper .product-price-wrapper + form.cart {

  border-top: 1px solid var(--color-gray-200);

  padding-top: 0.625rem;

}

.single-product-wrapper .product-counter {

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.single-product-wrapper .product-counter > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 auto;

          flex: 1 0 auto;

  width: 100%;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product-counter > span {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    width: auto;

  }

  .single-product-wrapper .product-counter > .product-countdown {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 0%;

            flex: 1 0 0%;

  }

}

.single-product-wrapper .product-counter .site-countdown .countdown-item {

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 1.75rem;

  height: 1.75rem;

  background-color: var(--color-orange-100);

  border: 1px solid var(--color-orange-200);

  border-radius: var(--theme-site-border-radius);

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product-counter .site-countdown .countdown-item {

    width: 2.125rem;

    height: 2.125rem;

  }

}

.single-product-wrapper .product-counter .site-countdown .countdown-item > * {

  font-weight: 600;

  color: var(--color-orange-700);

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product-counter .site-countdown .countdown-item > * {

    font-size: 0.8125rem;

  }

}

@media screen and (max-width: 575.98px) {

  .single-product-wrapper .product-counter strong {

    display: block;

  }

}

.single-product-wrapper form.cart {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 0.625rem;

  margin-bottom: 1.875rem;

}

.single-product-wrapper form.cart table {

  width: 100%;

}

.single-product-wrapper form.cart table td {

  font-size: 0.8125rem;

  padding-top: 0.9375rem;

  padding-bottom: 0.9375rem;

}

.single-product-wrapper form.cart table td.label {

  width: 5.625rem;

  color: var(--color-gray-400);

}

.single-product-wrapper form.cart table td.value {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 0.1875rem;

}

.single-product-wrapper form.cart table td.value .item-select {

  position: relative;

}

.single-product-wrapper form.cart table td.value .item-select label {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-weight: 600;

  min-width: 3.75rem;

  height: 1.875rem;

  padding-right: 0.5rem;

  padding-left: 0.5rem;

  border: 1px solid var(--color-gray-200);

  border-radius: var(--theme-site-border-radius);

  cursor: pointer;

  -webkit-transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.single-product-wrapper form.cart table td.value .item-select label:hover {

  border-color: var(--color-gray-300);

}

.single-product-wrapper form.cart table td.value .item-select input {

  position: absolute;

  opacity: 0;

  right: -9999px;

}

.single-product-wrapper form.cart table td.value .item-select input:checked + label {

  color: var(--theme-primary-color);

  border-color: var(--theme-primary-color);

}

.single-product-wrapper form.cart .quantity {

  --qty-size: 2.625rem;

  border: 1px solid var(--color-gray-300);

  border-radius: var(--theme-site-border-radius);

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

}

@media screen and (min-width: 576px) {

  .single-product-wrapper form.cart .quantity {

    --qty-size: 2.875rem;

  }

  .single-product-wrapper form.cart .quantity input {

    font-size: 0.9375rem;

  }

  .single-product-wrapper form.cart .quantity > * {

    width: 2.5rem;

  }

  .single-product-wrapper form.cart .quantity > *.quantity-button {

    width: auto;

    min-width: 2.25rem;

  }

}

.single-product-wrapper form.cart .btn {

  min-width: 10rem;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper form.cart .btn {

    height: 2.875rem;

  }

}

.single-product-wrapper .product-notices {

  border: 1px solid var(--color-gray-200);

  border-radius: var(--theme-site-border-radius);

  margin-bottom: 1.25rem;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product-notices {

    margin-bottom: 1.875rem;

  }

}

.single-product-wrapper .product-notices ul {

  list-style: none;

  margin: 0;

  padding: 0;

}

.single-product-wrapper .product-notices ul li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  color: var(--color-gray-500);

  padding: 0.75rem;

}

.single-product-wrapper .product-notices ul li + li {

  border-top: 1px solid var(--color-gray-200);

}

.single-product-wrapper .product-notices ul li .notice-icon {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 1.625rem;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  width: 2.625rem;

  margin-left: 1.1875rem;

}

.single-product-wrapper .product-notices ul li .notice-icon i {

  font-weight: 300;

  line-height: 1;

}

.single-product-wrapper .product-notices ul li .notice-detail {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

}

.single-product-wrapper .product-notices ul li .notice-detail p {

  font-size: 0.8125rem;

  margin-bottom: 0;

}

.single-product-wrapper .product-bottom {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 0.9375rem;

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product-bottom {

    gap: 1.5625rem;

  }

}

.single-product-wrapper .product-bottom > * {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

}

.single-product-wrapper .product-bottom > * > a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 1.125rem;

  color: currentColor;

  text-decoration: none;

  width: 1.875rem;

  height: 1.875rem;

  border: 1px solid var(--color-gray-200);

  border-radius: var(--theme-site-border-radius);

  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.single-product-wrapper .product-bottom > * > a:hover {

  background-color: var(--color-gray-100);

}

@media screen and (min-width: 576px) {

  .single-product-wrapper .product-bottom > * > a {

    font-size: 1.375rem;

    width: 2.25rem;

    height: 2.25rem;

  }

}

.single-product-wrapper .product-bottom > * span {

  font-size: 0.8125rem;

  font-weight: 500;

  margin-right: 0.5rem;

}

.single-product-wrapper .product-bottom > *.wishlist-button a::before {

  font-family: "klbtheme";

  content: "\e802";

}

.single-product-wrapper .product-bottom > *.wishlist-button a:hover {

  color: var(--color-red-600);

  background-color: var(--color-red-50);

}

.single-product-wrapper .product-bottom .share-buttons-holder {

  position: fixed;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 100%;

  height: 100%;

  padding-right: 0.9375rem;

  padding-left: 0.9375rem;

  top: 0;

  right: 0;

  z-index: 100;

  opacity: 0;

  visibility: hidden;

  pointer-events: none;

  -webkit-transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.15s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body {

  position: relative;

  max-width: 25rem;

  width: 100%;

  border-radius: var(--theme-site-border-radius);

  background-color: var(--color-white);

  z-index: 1;

  -webkit-transform: translateY(-10px);

          transform: translateY(-10px);

  opacity: 0;

  visibility: hidden;

  -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);

  transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);

}

.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  padding: 0.9375rem;

}

.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-header .entry-title {

  font-size: 0.9375rem;

  margin-bottom: 0;

}

.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner {

  padding: 0 0.9375rem 0.9375rem;

}

.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .site-social a {

  font-size: 1rem;

  width: 2.25rem;

  height: 2.25rem;

}

.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .copy-url > p {

  margin-bottom: 0.3125rem;

}

.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .copy-url .site-url {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  line-height: 1;

  width: 100%;

  height: 2.625rem;

  padding-right: 0.75rem;

  padding-left: 0.75rem;

  background-color: var(--color-gray-100);

  border-radius: var(--theme-site-border-radius);

  cursor: pointer;

}

.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .copy-url .site-url .url {

  white-space: nowrap;

  width: 10rem;

  overflow: hidden;

  text-overflow: ellipsis;

  margin-right: 0;

  opacity: 0.5;

}

.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .copy-url .site-url .copy-text {

  margin-right: auto;

}

.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-body .share-buttons-inner .copy-url .site-url .copy-text > * {

  font-size: 0.6875rem;

  font-weight: 700;

}

.single-product-wrapper .product-bottom .share-buttons-holder .share-buttons-overlay {

  position: fixed;

  width: 100%;

  height: 100%;

  top: 0;

  right: 0;

  background-color: rgba(0, 0, 0, 0.3);

}

.single-product-wrapper .product-bottom .share-buttons-holder.active {

  opacity: 1;

  visibility: visible;

  pointer-events: auto;

}

.single-product-wrapper .product-bottom .share-buttons-holder.active .share-buttons-body {

  opacity: 1;

  visibility: visible;

  -webkit-transform: translateY(0);

          transform: translateY(0);

}



/* --- WooCommerce single tabs styles --- */

.woocommerce-tabs {

  margin-top: 1.875rem;

}

@media screen and (min-width: 576px) {

  .woocommerce-tabs {

    margin-top: 3.75rem;

  }

}

.woocommerce-tabs .wc-tabs {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 0.9375rem;

  list-style: none;

  margin: 0 0 1.25rem;

  padding: 0 0 1.25rem;

  border-bottom: 1px solid var(--color-gray-200);

}

@media screen and (min-width: 576px) {

  .woocommerce-tabs .wc-tabs {

    gap: 1.875rem;

  }

}

.woocommerce-tabs .wc-tabs li a {

  position: relative;

  color: currentColor;

  text-decoration: none;

}

.woocommerce-tabs .wc-tabs li.active a::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 0.125rem;

  right: 0;

  bottom: -1.4375rem;

  background-color: currentColor;

}

.woocommerce-tabs .woocommerce-Tabs-panel.woocommerce-Tabs-panel--description > h2:first-child {

  display: none;

}



/* --- WooCommerce single tabs styles --- */

.product-gallery-items {

  position: relative;

}

.product-gallery-items .single-badge {

  position: absolute;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-orient: vertical;

  -webkit-box-direction: normal;

      -ms-flex-direction: column;

          flex-direction: column;

  color: var(--color-white);

  background-position: center center;

  background-repeat: no-repeat;

  background-size: cover;

  width: 5rem;

  height: 5rem;

  top: 0;

  right: 0;

  z-index: 1;

}

@media screen and (min-width: 576px) {

  .product-gallery-items .single-badge {

    width: 6rem;

    height: 6rem;

  }

}

.product-gallery-items .single-badge .subtitle, .product-gallery-items .single-badge .description {

  font-size: 0.625rem;

  font-weight: 900;

  text-transform: uppercase;

  line-height: 1;

  opacity: 0.6;

}

.product-gallery-items .single-badge .price {

  display: block;

  margin-bottom: 0.0625rem;

}

@media screen and (min-width: 576px) {

  .product-gallery-items .single-badge .price {

    font-size: 1.75rem;

  }

}



/* --- WooCommerce cart styles --- */

.woocommerce-cart-wrapper {

  position: relative;

}

.woocommerce-cart-wrapper .cart-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  gap: 1.25rem;

}

@media screen and (min-width: 992px) {

  .woocommerce-cart-wrapper .cart-wrapper {

    gap: 1.875rem;

  }

}

.woocommerce-cart-wrapper .cart-wrapper > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 auto;

          flex: 1 0 auto;

  width: 100%;

}

@media screen and (min-width: 992px) {

  .woocommerce-cart-wrapper .cart-wrapper > *.woocommerce-cart-form, .woocommerce-cart-wrapper .cart-wrapper > *#customer_details {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 0%;

            flex: 1 0 0%;

  }

  .woocommerce-cart-wrapper .cart-wrapper > *.cart-collaterals {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    width: 20rem;

  }

  .woocommerce-cart-wrapper .cart-wrapper > *.order-review-wrapper {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    width: 23.75rem;

  }

}

.woocommerce-cart-wrapper .shop_table {

  width: 100%;

}

.woocommerce-cart-wrapper .shop_table tr {

  position: relative;

}

.woocommerce-cart-wrapper .shop_table tr th {

  font-size: 0.75rem;

  font-weight: 500;

  color: var(--color-gray-400);

}

@media screen and (max-width: 575.98px) {

  .woocommerce-cart-wrapper .shop_table tr th.product-remove {

    display: none;

  }

}

.woocommerce-cart-wrapper .shop_table tr td {

  font-size: 0.8125rem;

  vertical-align: middle;

  border-color: var(--color-gray-200);

}

@media screen and (min-width: 576px) {

  .woocommerce-cart-wrapper .shop_table tr td {

    font-size: 0.875rem;

  }

}

.woocommerce-cart-wrapper .shop_table tr td a {

  color: currentColor;

  text-decoration: none;

}

.woocommerce-cart-wrapper .shop_table tr td.product-thumbnail {

  max-width: 2.875rem;

  padding-right: 0;

}

.woocommerce-cart-wrapper .shop_table tr td.product-name a {

  font-weight: 600;

}

@media screen and (max-width: 575.98px) {

  .woocommerce-cart-wrapper .shop_table tr td.product-name {

    max-width: 9.375rem;

  }

}

@media screen and (max-width: 575.98px) {

  .woocommerce-cart-wrapper .shop_table tr td.product-quantity {

    width: 5.75rem;

    padding-left: 0;

  }

}

.woocommerce-cart-wrapper .shop_table tr td.product-quantity .quantity {

  --qty-size: 1.875rem;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  border: 1px solid var(--color-gray-200);

  border-radius: var(--theme-site-border-radius);

}

.woocommerce-cart-wrapper .shop_table tr td.product-quantity .quantity .quantity-button {

  font-size: 1rem;

  min-width: 1.625rem;

}

.woocommerce-cart-wrapper .shop_table tr td.product-quantity .quantity input {

  font-size: 0.8125rem;

}

.woocommerce-cart-wrapper .shop_table tr td.product-subtotal {

  font-weight: 600;

}

.woocommerce-cart-wrapper .shop_table tr td.product-remove {

  width: 0;

  padding-left: 0;

}

.woocommerce-cart-wrapper .shop_table tr td.product-remove a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 0.875rem;

  width: 1.25rem;

  height: 1.25rem;

  border: 1px solid var(--color-gray-200);

  background-color: var(--color-white);

  border-radius: 0.25rem;

  -webkit-transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.woocommerce-cart-wrapper .shop_table tr td.product-remove a:hover {

  background-color: var(--color-gray-100);

}

.woocommerce-cart-wrapper .shop_table tr td.product-remove a i {

  font-weight: 700;

  line-height: 1;

  text-shadow: 0 0 0 currentColor;

}

@media screen and (max-width: 575.98px) {

  .woocommerce-cart-wrapper .shop_table tr td.product-remove {

    position: absolute;

    right: 0;

    top: 0.625rem;

    padding: 0;

  }

}

.woocommerce-cart-wrapper .shop_table tr td.actions {

  padding-right: 0;

  padding-left: 0;

  padding-top: 1.125rem;

  padding-bottom: 1rem;

}

.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

}

.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-left: auto;

}

.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon label {

  font-size: 0.75rem;

  margin-left: 0.375rem;

}

.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon input {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

  min-width: 16.25rem;

  padding-right: 0.75rem;

  padding-left: 0.75rem;

  border: 1px solid var(--color-gray-300);

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

  margin-left: 0.25rem;

}

.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon input:hover {

  border-color: var(--color-gray-400);

}

@media screen and (max-width: 575.98px) {

  .woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon input {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    width: 100%;

    margin-bottom: 0.125rem;

  }

}

.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon button {

  font-size: 0.875rem;

  font-weight: 600;

  color: var(--color-white);

  background-color: var(--color-gray-900);

}

.woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon button:hover {

  background-color: var(--color-gray-800);

}

@media screen and (max-width: 575.98px) {

  .woocommerce-cart-wrapper .shop_table tr td.actions .actions-wrapper .coupon button {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    width: 100%;

    margin-bottom: 0.3125rem;

  }

}

.woocommerce-cart-wrapper .shop_table tr td.actions button {

  font-weight: 600;

  background-color: var(--color-gray-100);

}

.woocommerce-cart-wrapper .shop_table tr td.actions button[name=update_cart] {

  margin-right: 0.375rem;

}

@media screen and (max-width: 575.98px) {

  .woocommerce-cart-wrapper .shop_table tr td.actions button[name=update_cart] {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 0%;

            flex: 1 0 0%;

    width: 100%;

    margin-right: 0;

  }

}

.woocommerce-cart-wrapper .shop_table tr td.actions button[name=ts_empty_cart] {

  margin-right: 0.375rem;

}

@media screen and (max-width: 575.98px) {

  .woocommerce-cart-wrapper .shop_table tr td.actions button[name=ts_empty_cart] {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 0%;

            flex: 1 0 0%;

    width: 100%;

  }

}

@media screen and (max-width: 575.98px) {

  .woocommerce-cart-wrapper .shop_table tr th.product-price, .woocommerce-cart-wrapper .shop_table tr th.product-subtotal, .woocommerce-cart-wrapper .shop_table tr td.product-price, .woocommerce-cart-wrapper .shop_table tr td.product-subtotal {

    display: none;

  }

}



/* --- WooCommerce notice styles --- */

.woocommerce-notice {

  position: relative;

  padding: 0.625rem 0.75rem;

  background-color: var(--color-gray-50);

  border: 1px solid var(--color-gray-200);

  border-radius: var(--theme-site-border-radius);

  margin-bottom: 0.625rem;

}

@media screen and (min-width: 576px) {

  .woocommerce-notice {

    padding: 1.125rem 1.375rem;

  }

}

.woocommerce-notice .notice-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.woocommerce-notice .notice-header i {

  position: relative;

  font-size: 1.0625rem;

  line-height: 1;

  margin-left: 0.375rem;

  top: 0.0625rem;

}

.woocommerce-notice .notice-header p {

  font-size: 0.8125rem;

  font-weight: 600;

  margin-bottom: 0;

}

.woocommerce-notice .notice-header.shipping-notice-header {

  margin-bottom: 0.9375rem;

}

.woocommerce-notice .shipping-progress {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  height: 0.3125rem;

  overflow: hidden;

}

.woocommerce-notice .shipping-progress::before {

  content: "";

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.08);

  border-radius: 0.625rem;

}

.woocommerce-notice .shipping-progress span {

  display: block;

  height: 100%;

  background-color: var(--color-gray-400);

  border-radius: 0.625rem;

}



/* --- WooCommerce cart collaterals styles --- */

.cart-collaterals .cart_totals {

  background-color: rgba(0, 0, 0, 0.01);

  border: 1px solid var(--color-gray-200);

  border-radius: var(--theme-site-border-radius);

  padding: 1.25rem;

}

.cart-collaterals .cart_totals > h2 {

  font-size: 0.9375rem;

  font-weight: 600;

}

.cart-collaterals .cart_totals .shop_table tr th, .cart-collaterals .cart_totals .shop_table tr td {

  padding-top: 0.625rem;

  padding-bottom: 0.625rem;

  border-bottom: 1px solid var(--color-gray-200);

}

.cart-collaterals .cart_totals .shop_table tr td {

  text-align: left;

}

.cart-collaterals .wc-proceed-to-checkout {

  margin-top: 0.625rem;

}

.cart-collaterals .wc-proceed-to-checkout a {

  width: 100%;

  height: 2.75rem;

}



/* --- WooCommerce customer detail styles --- */

#customer_details > * {

  width: 100%;

}

#customer_details > * .woocommerce-billing-fields > h3, #customer_details > * .woocommerce-additional-fields > h3 {

  font-size: 0.9375rem;

  font-weight: 700;

}

#customer_details > * .woocommerce-billing-fields__field-wrapper, #customer_details > * .woocommerce-additional-fields__field-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-right: -0.625rem;

  margin-left: -0.625rem;

}

#customer_details > * .woocommerce-billing-fields__field-wrapper > *, #customer_details > * .woocommerce-additional-fields__field-wrapper > * {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  width: 100%;

  padding-right: 0.625rem;

  padding-left: 0.625rem;

}

@media screen and (min-width: 576px) {

  #customer_details > * .woocommerce-billing-fields__field-wrapper > *#billing_first_name_field, #customer_details > * .woocommerce-billing-fields__field-wrapper > *#billing_last_name_field, #customer_details > * .woocommerce-additional-fields__field-wrapper > *#billing_first_name_field, #customer_details > * .woocommerce-additional-fields__field-wrapper > *#billing_last_name_field {

    width: 50%;

  }

}

#customer_details > * .woocommerce-billing-fields__field-wrapper > * label, #customer_details > * .woocommerce-additional-fields__field-wrapper > * label {

  display: block;

  font-size: 0.8125rem;

  margin-bottom: 0.3125rem;

}

#customer_details > * .woocommerce-billing-fields__field-wrapper > * input, #customer_details > * .woocommerce-billing-fields__field-wrapper > * select, #customer_details > * .woocommerce-additional-fields__field-wrapper > * input, #customer_details > * .woocommerce-additional-fields__field-wrapper > * select {

  border: 1px solid var(--color-gray-300);

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

  padding-right: 0.75rem;

  padding-left: 0.75rem;

}

#customer_details > * .woocommerce-billing-fields__field-wrapper > * input:hover, #customer_details > * .woocommerce-billing-fields__field-wrapper > * select:hover, #customer_details > * .woocommerce-additional-fields__field-wrapper > * input:hover, #customer_details > * .woocommerce-additional-fields__field-wrapper > * select:hover {

  border-color: var(--color-gray-400);

}

@media screen and (min-width: 576px) {

  #customer_details > * .woocommerce-billing-fields__field-wrapper > * input, #customer_details > * .woocommerce-billing-fields__field-wrapper > * select, #customer_details > * .woocommerce-additional-fields__field-wrapper > * input, #customer_details > * .woocommerce-additional-fields__field-wrapper > * select {

    height: 2.75rem;

  }

}

#customer_details > * .woocommerce-billing-fields__field-wrapper > * textarea, #customer_details > * .woocommerce-additional-fields__field-wrapper > * textarea {

  min-height: 5.625rem;

  padding-right: 0.75rem;

  padding-left: 0.75rem;

}



/* --- WooCommerce order review styles --- */

.order-review-wrapper {

  background-color: rgba(0, 0, 0, 0.01);

  border: 1px solid var(--color-gray-200);

  border-radius: var(--theme-site-border-radius);

  padding: 1.25rem;

}

.order-review-wrapper > h3 {

  font-size: 0.9375rem;

  font-weight: 600;

}

.order-review-wrapper .shop_table tr th, .order-review-wrapper .shop_table tr td {

  padding-top: 0.625rem;

  padding-bottom: 0.625rem;

  border-bottom: 1px solid var(--color-gray-200);

}

.order-review-wrapper .shop_table tr th.product-total {

  text-align: left;

}

.order-review-wrapper .shop_table tr td {

  text-align: left;

}

.order-review-wrapper .shop_table tr td.product-name {

  font-size: 0.75rem;

  text-align: right;

}

.order-review-wrapper .woocommerce-checkout-payment {

  margin-top: 0.9375rem;

}

.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods {

  list-style: none;

  margin: 0;

  padding: 0;

}

.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li {

  position: relative;

}

.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li + li {

  margin-top: 0.625rem;

}

.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li label {

  position: relative;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.875rem;

  font-weight: 600;

  text-transform: capitalize;

}

.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li label::before {

  content: "";

  position: relative;

  display: block;

  width: 1rem;

  height: 1rem;

  border: 1px solid var(--color-gray-300);

  border-radius: 50%;

  margin-left: 0.5rem;

}

.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li input {

  position: absolute;

  opacity: 0;

  right: -9999px;

}

.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li input:checked + label::before {

  border-color: var(--color-gray-900);

}

.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li input:checked + label::after {

  content: "";

  position: absolute;

  width: 0.625rem;

  height: 0.625rem;

  background-color: var(--color-gray-900);

  border-radius: 50%;

  right: 0.1875rem;

}

.order-review-wrapper .woocommerce-checkout-payment .wc_payment_methods li .payment_box {

  font-size: 0.8125rem;

  margin-top: 0.625rem;

  color: var(--color-gray-600);

}

.order-review-wrapper .place-order {

  margin-top: 0.9375rem;

}

@media screen and (min-width: 576px) {

  .order-review-wrapper .place-order {

    margin-top: 1.5625rem;

  }

}

.order-review-wrapper .place-order .woocommerce-privacy-policy-text {

  font-size: 0.75rem;

}

.order-review-wrapper .place-order .woocommerce-privacy-policy-text p {

  color: var(--color-gray-500);

}

.order-review-wrapper .place-order .woocommerce-privacy-policy-text p a {

  font-weight: 500;

  color: var(--color-gray-700);

}

.order-review-wrapper .place-order .validate-required {

  line-height: 1;

}

.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox {

  position: relative;

  display: inline;

}

.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {

  position: relative;

  display: inline;

  font-size: 0.75rem;

}

.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text::before {

  content: "";

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 1rem;

  height: 1rem;

  border-radius: 0.25rem;

  background-color: var(--color-white);

  border: 1px solid var(--color-gray-300);

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

  margin-left: 0.625rem;

  top: -0.3125rem;

  -webkit-transition: border-color 0.05s var(--theme-transition);

  transition: border-color 0.05s var(--theme-transition);

}

.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text a {

  margin-right: 0.25rem;

}

.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox input {

  position: absolute;

  opacity: 0;

  right: -9999px;

}

.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox input:checked + .woocommerce-terms-and-conditions-checkbox-text::before {

  background-color: var(--theme-primary-color);

  border-color: transparent;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.order-review-wrapper .place-order .validate-required .woocommerce-form__label-for-checkbox input:checked + .woocommerce-terms-and-conditions-checkbox-text::after {

  position: absolute;

  font-family: "klbtheme";

  font-size: 0.875rem;

  font-weight: 700;

  text-shadow: 0 0 0 currentColor;

  content: "\e8b7";

  top: 0;

  right: 0.0625rem;

  color: var(--color-white);

}

.order-review-wrapper .place-order > button {

  width: 100%;

}

@media screen and (min-width: 576px) {

  .order-review-wrapper .place-order > button {

    height: 2.875rem;

  }

}



/* --- WooCommerce my account styles --- */

.woocommerce-my-account {

  position: relative;

}

.woocommerce-my-account .my-account-user {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  margin-bottom: 1.5rem;

}

@media screen and (min-width: 992px) {

  .woocommerce-my-account .my-account-user {

    margin-bottom: 2.5rem;

    margin-top: 0.625rem;

  }

}

.woocommerce-my-account .my-account-user .user-avatar {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  font-size: 1.25rem;

  width: 2.25rem;

  height: 2.25rem;

  background-color: var(--color-gray-100);

  border-radius: 50%;

  margin-left: 0.625rem;

}

@media screen and (min-width: 576px) {

  .woocommerce-my-account .my-account-user .user-avatar {

    font-size: 1.375rem;

    width: 2.625rem;

    height: 2.625rem;

    margin-left: 0.9375rem;

  }

}

.woocommerce-my-account .my-account-user .user-avatar i {

  line-height: 1;

}

.woocommerce-my-account .my-account-user .user-detail {

  line-height: 1;

}

.woocommerce-my-account .my-account-user .user-detail span {

  display: block;

  font-size: 0.75rem;

  font-weight: 500;

  color: var(--color-gray-400);

  margin-bottom: 0.3125rem;

}

.woocommerce-my-account .my-account-user .user-detail p {

  font-size: 0.875rem;

  font-weight: 700;

  margin-bottom: 0;

}

.woocommerce-my-account .my-account-user .user-menu-toggle {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  margin-right: auto;

  padding-right: 0.9375rem;

}

@media screen and (min-width: 992px) {

  .woocommerce-my-account .my-account-user .user-menu-toggle {

    display: none;

  }

}

.woocommerce-my-account .my-account-user .user-menu-toggle a {

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  color: currentColor;

  text-decoration: none;

  height: 2.25rem;

  padding-right: 0.5rem;

  padding-left: 0.5rem;

  border: 1px solid var(--color-gray-200);

  border-radius: var(--theme-site-border-radius);

}

.woocommerce-my-account .my-account-user .user-menu-toggle a i {

  font-size: 1.25rem;

  line-height: 1;

  margin-left: 0.375rem;

}

.woocommerce-my-account .my-account-user .user-menu-toggle a span {

  font-size: 0.75rem;

  font-weight: 600;

  text-transform: uppercase;

  line-height: 1;

  color: var(--color-gray-400);

}

.woocommerce-my-account .my-account-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 0.9375rem;

}

@media screen and (min-width: 992px) {

  .woocommerce-my-account .my-account-inner {

    gap: 2.5rem;

  }

}

.woocommerce-my-account .my-account-inner > * {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  width: 100%;

}

@media screen and (min-width: 992px) {

  .woocommerce-my-account .my-account-inner > *.my-account-navigation {

    width: 18.75rem;

  }

  .woocommerce-my-account .my-account-inner > *.woocommerce-MyAccount-content {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 0%;

            flex: 1 0 0%;

  }

}

.woocommerce-my-account .my-account-inner .my-account-navigation {

  display: none;

}

@media screen and (min-width: 992px) {

  .woocommerce-my-account .my-account-inner .my-account-navigation {

    display: block;

  }

}

@media screen and (max-width: 991.98px) {

  .woocommerce-my-account .my-account-inner .my-account-navigation.active {

    display: block;

  }

}

.woocommerce-my-account .my-account-inner .my-account-navigation ul {

  position: relative;

  list-style: none;

  margin: 0;

  padding: 0;

  border-radius: var(--theme-site-border-radius);

  border: 1px solid var(--color-gray-200);

  overflow: hidden;

}

.woocommerce-my-account .my-account-inner .my-account-navigation ul li + li {

  border-top: 1px solid var(--color-gray-200);

}

.woocommerce-my-account .my-account-inner .my-account-navigation ul li a {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  font-size: 0.875rem;

  font-weight: 600;

  color: currentColor;

  text-decoration: none;

  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

  padding-right: 0.75rem;

  padding-left: 0.75rem;

}

.woocommerce-my-account .my-account-inner .my-account-navigation ul li.is-active {

  color: var(--theme-primary-color);

  background: rgb(255, 255, 255);

  background: -webkit-gradient(linear, right top, left top, from(rgb(255, 255, 255)), to(rgb(241, 245, 249)));

  background: linear-gradient(-90deg, rgb(255, 255, 255) 0%, rgb(241, 245, 249) 100%);

}

.woocommerce-my-account .my-account-inner .woocommerce-MyAccount-content p {

  font-size: 0.875rem;

}

.woocommerce-my-account .my-account-inner .woocommerce-MyAccount-content p a {

  font-weight: 500;

  color: var(--color-blue-700);

}



/* --- WooCommerce login form styles --- */

.site-login {

  padding: 2.5rem 0 0;

}

@media screen and (min-width: 576px) {

  .site-login {

    padding: 5.625rem 0;

  }

}

.site-login .site-login-inner {

  max-width: 30rem;

  margin-right: auto;

  margin-left: auto;

}

.site-login .site-login-inner .site-login-overflow {

  position: relative;

  overflow: hidden;

  padding-right: 0.25rem;

  padding-left: 0.25rem;

}

.site-login .site-login-inner .site-login-overflow .login-page-tab {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  list-style: none;

  margin: 0;

  padding: 0;

  gap: 1.25rem;

  margin-bottom: 1.25rem;

}

@media screen and (min-width: 992px) {

  .site-login .site-login-inner .site-login-overflow .login-page-tab {

    margin-bottom: 1.875rem;

  }

}

.site-login .site-login-inner .site-login-overflow .login-page-tab li a {

  position: relative;

  font-size: 1.375rem;

  font-weight: 600;

  color: var(--color-gray-400);

  text-decoration: none;

  padding-right: 0.25rem;

  padding-left: 0.25rem;

  -webkit-transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.1s cubic-bezier(0.25, 0.1, 0.25, 1);

}

@media screen and (min-width: 992px) {

  .site-login .site-login-inner .site-login-overflow .login-page-tab li a {

    font-size: 1.75rem;

  }

}

.site-login .site-login-inner .site-login-overflow .login-page-tab li a.active {

  color: var(--color-gray-900);

}

.site-login .site-login-inner .site-login-overflow .login-form-container {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  width: 200%;

  -webkit-transform: translateX(0);

          transform: translateX(0);

  -webkit-transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);

  transition: all 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);

}

.site-login .site-login-inner .site-login-overflow .login-form-container > * {

  padding: 0.0625rem;

  width: 100%;

  -webkit-transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);

  transition: opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);

  transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);

  transition: transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), opacity 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 0.4s cubic-bezier(0.455, 0.03, 0.515, 0.955);

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.register-form {

  opacity: 0;

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form > p {

  font-size: 0.8125rem;

  text-align: center;

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p {

  font-size: 0.8125rem;

  margin-bottom: 0;

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox {

  position: relative;

  display: inline;

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox span {

  position: relative;

  display: inline;

  font-size: 0.75rem;

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox span::before {

  content: "";

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 1rem;

  height: 1rem;

  border-radius: 0.25rem;

  background-color: var(--color-white);

  border: 1px solid var(--color-gray-300);

  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0470588235);

  margin-left: 0.625rem;

  top: -0.3125rem;

  -webkit-transition: border-color 0.05s var(--theme-transition);

  transition: border-color 0.05s var(--theme-transition);

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox span a {

  margin-right: 0.25rem;

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox input {

  position: absolute;

  opacity: 0;

  right: -9999px;

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox input:checked + span::before {

  background-color: var(--theme-primary-color);

  border-color: transparent;

  -webkit-box-shadow: none;

          box-shadow: none;

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p .woocommerce-form__label-for-checkbox input:checked + span::after {

  position: absolute;

  font-family: "klbtheme";

  font-size: 0.875rem;

  font-weight: 700;

  text-shadow: 0 0 0 currentColor;

  content: "\e8b7";

  top: -0.1875rem;

  right: 0.0625rem;

  color: var(--color-white);

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.login-form .lost-password p.woocommerce-LostPassword a {

  text-decoration: none;

  color: var(--color-blue-700);

}

.site-login .site-login-inner .site-login-overflow .login-form-container > * label {

  display: block;

  font-size: 0.8125rem;

  margin-bottom: 0.3125rem;

}

.site-login .site-login-inner .site-login-overflow .login-form-container > * input {

  padding-right: 0.75rem;

  padding-left: 0.75rem;

  border: 1px solid var(--color-gray-300);

}

.site-login .site-login-inner .site-login-overflow .login-form-container > * input:hover {

  border-color: var(--color-gray-400);

}

.site-login .site-login-inner .site-login-overflow .login-form-container > * button {

  width: 100%;

  margin-top: 1.25rem;

  color: var(--color-white);

  background-color: var(--theme-primary-color);

}

.site-login .site-login-inner .site-login-overflow .login-form-container > * button:hover {

  opacity: 0.9;

}

@media screen and (min-width: 992px) {

  .site-login .site-login-inner .site-login-overflow .login-form-container > * button {

    height: 2.875rem;

  }

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.register-form > p {

  font-size: 0.8125rem;

  text-align: center;

}

.site-login .site-login-inner .site-login-overflow .login-form-container > *.register-form .woocommerce-privacy-policy-text {

  font-size: 0.75rem;

}

.site-login .site-login-inner .site-login-overflow .login-form-container.show-register-form {

  -webkit-transform: translateX(50%);

          transform: translateX(50%);

}

.site-login .site-login-inner .site-login-overflow .login-form-container.show-register-form .login-form {

  opacity: 0;

}

.site-login .site-login-inner .site-login-overflow .login-form-container.show-register-form .register-form {

  opacity: 1;

}



/* --- WooCommerce quickview styles --- */

.site-quickview {

  position: relative;

  max-width: 61.875rem;

  background-color: var(--color-white);

  border-radius: var(--theme-site-border-radius);

  margin-right: auto;

  margin-left: auto;

  padding: 1.25rem;

}

@media screen and (min-width: 576px) {

  .site-quickview {

    padding: 2.5rem;

  }

}

.site-quickview .single-product-wrapper {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 1.25rem;

}

@media screen and (min-width: 576px) {

  .site-quickview .single-product-wrapper {

    gap: 0;

  }

}

.site-quickview .single-product-wrapper > * {

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  width: 105%;

  min-width: 0;

}

@media screen and (min-width: 576px) {

  .site-quickview .single-product-wrapper > * {

    width: 55%;

  }

}

.site-quickview .single-product-wrapper > *.woocommerce-product-gallery {

  width: 100%;

}

@media screen and (min-width: 576px) {

  .site-quickview .single-product-wrapper > *.woocommerce-product-gallery {

    width: 45%;

  }

}

.site-quickview .single-product-wrapper > *.product-detail {

  padding-right: 1.25rem;

}

@media screen and (min-width: 576px) {

  .site-quickview .single-product-wrapper > *.product-detail .product_title {

    font-size: 1.875rem;

  }

}



/*------------------------------------ 

    05 - Footer

------------------------------------*/

/* --- Footer default styles --- */

.site-footer {

  margin-top: 1.875rem;

}

@media screen and (min-width: 576px) {

  .site-footer {

    margin-top: 3.75rem;

  }

}

.site-footer.gray {

  color: var(--color-gray-900);

  background-color: var(--color-gray-100);

}

.site-footer.gray p {

  color: var(--color-gray-500);

}

.site-footer.gray .footer-inner {

  border-color: var(--color-gray-200);

}

.site-footer.gray .footer-contact .contact-detail p a {

  color: var(--color-gray-900);

}

.site-footer.gray .widget .menu a {

  color: var(--color-gray-600);

}

.site-footer.gray .footer-row + .footer-row .footer-inner {

  border-color: var(--color-gray-300);

}

.site-footer.white {

  color: var(--color-gray-900);

  background-color: var(--color-white);

  border-top: 1px solid var(--color-gray-200);

}

.site-footer.white p {

  color: var(--color-gray-500);

}

.site-footer.dark {

  color: var(--color-gray-50);

  background-color: var(--color-gray-900);

}

.site-footer.dark p {

  color: var(--color-gray-400);

}

.site-footer.dark .footer-inner {

  border-color: var(--color-gray-700) !important;

}

.site-footer.dark .widget .menu a {

  color: var(--color-gray-200);

}

.site-footer.primary {

  color: var(--color-gray-50);

  background-color: var(--theme-primary-color);

}

.site-footer.primary p {

  color: var(--color-gray-50);

  opacity: 0.6;

}

.site-footer .footer-row + .footer-row .footer-inner {

  border-top: 1px solid;

}

.site-footer .footer-row .footer-inner {

  padding-top: 1.5625rem;

  padding-bottom: 1.5625rem;

}

@media screen and (min-width: 576px) {

  .site-footer .footer-row .footer-inner {

    padding-top: 3.125rem;

    padding-bottom: 3.125rem;

  }

}



/* --- Footer newsletter styles --- */

.footer-newsletter .footer-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.footer-newsletter .footer-inner > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 auto;

          flex: 1 0 auto;

  width: 100%;

}

@media screen and (min-width: 576px) {

  .footer-newsletter .footer-inner > * {

    width: 50%;

  }

}

.footer-newsletter .footer-inner .site-newsletter-form {

  max-width: 26.25rem;

  width: 100%;

}

.footer-newsletter .footer-inner .site-newsletter-form form {

  position: relative;

}

.footer-newsletter .footer-inner .site-newsletter-form form i {

  position: absolute;

  font-size: 1.125rem;

  color: var(--color-gray-400);

  top: 0.4375rem;

  right: 0.75rem;

}

@media screen and (min-width: 576px) {

  .footer-newsletter .footer-inner .site-newsletter-form form i {

    font-size: 1.25rem;

    top: 0.6875rem;

  }

}

@media screen and (min-width: 576px) {

  .footer-newsletter .footer-inner .site-newsletter-form form input, .footer-newsletter .footer-inner .site-newsletter-form form button {

    height: 3.125rem;

  }

}

.footer-newsletter .footer-inner .site-newsletter-form form input {

  padding-right: 2.5rem;

}

.footer-newsletter .footer-inner .site-newsletter-form form button {

  position: absolute;

  top: 0;

  left: 0;

  border-top-right-radius: 0;

  border-bottom-right-radius: 0;

}

.footer-newsletter .footer-inner .site-newsletter-form .privacy-policy {

  font-size: 0.6875rem;

  margin-top: 0.625rem;

}

.footer-newsletter .footer-inner .site-newsletter-form .privacy-policy p {

  margin-bottom: 0;

}

.footer-newsletter .footer-inner .site-newsletter-form .privacy-policy a {

  font-weight: 500;

  color: var(--theme-primary-color);

}



/* --- Footer widgets styles --- */

.footer-widgets .footer-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 1.25rem;

}

@media screen and (min-width: 576px) {

  .footer-widgets .footer-inner {

    gap: 1.875rem;

  }

}

.footer-widgets .footer-inner > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 auto;

          flex: 1 0 auto;

  width: 100%;

}

@media screen and (min-width: 576px) {

  .footer-widgets .footer-inner > *.footer-contact-block {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    width: 20rem;

  }

  .footer-widgets .footer-inner > *.footer-widgets-block {

    -webkit-box-flex: 1;

        -ms-flex: 1 0 0%;

            flex: 1 0 0%;

  }

}

.footer-widgets .widget {

  font-size: 0.8125rem;

}

.footer-widgets .footer-contact ul {

  list-style: none;

}

.footer-widgets .footer-contact ul li {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

}

.footer-widgets .footer-contact ul li + li {

  margin-top: 1.25rem;

}

@media screen and (min-width: 576px) {

  .footer-widgets .footer-contact ul li + li {

    margin-top: 1.875rem;

  }

}

.footer-widgets .footer-contact ul li .contact-icon {

  position: relative;

  display: -webkit-inline-box;

  display: -ms-inline-flexbox;

  display: inline-flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  -webkit-box-flex: 0;

      -ms-flex: 0 0 auto;

          flex: 0 0 auto;

  font-size: 1.75rem;

  line-height: 1;

  width: 2rem;

  height: 2rem;

  margin-left: 1.25rem;

  top: 0.25rem;

}

.footer-widgets .footer-contact ul li .contact-detail {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 0%;

          flex: 1 0 0%;

}

.footer-widgets .footer-contact ul li .contact-detail span {

  font-size: 0.75rem;

  opacity: 0.6;

}

.footer-widgets .footer-contact ul li .contact-detail p {

  font-size: 0.875rem;

  font-weight: 600;

  margin-bottom: 0;

}

.footer-widgets .footer-contact ul li .contact-detail p.phone {

  font-size: 1rem;

  font-weight: 700;

  letter-spacing: -1px;

}

@media screen and (min-width: 576px) {

  .footer-widgets .footer-contact ul li .contact-detail p.phone {

    font-size: 1.25rem;

  }

}

.footer-widgets .footer-contact ul li .contact-detail p a {

  color: currentColor;

  text-decoration: none;

}

.footer-widgets .footer-widgets-block {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  gap: 1.875rem;

  margin-right: -calc(var(--theme-site-gutter) / 2);

  margin-left: -calc(var(--theme-site-gutter) / 2);

}

@media screen and (min-width: 992px) {

  .footer-widgets .footer-widgets-block {

    gap: 0;

  }

}

.footer-widgets .footer-widgets-block > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 auto;

          flex: 1 0 auto;

  width: 100%;

  padding-right: calc(var(--theme-site-gutter) / 2);

  padding-left: calc(var(--theme-site-gutter) / 2);

}

@media screen and (min-width: 576px) {

  .footer-widgets .footer-widgets-block.column-2 > * {

    width: 50%;

  }

}

@media screen and (min-width: 576px) {

  .footer-widgets .footer-widgets-block.column-3 > * {

    width: 50%;

  }

}

@media screen and (min-width: 992px) {

  .footer-widgets .footer-widgets-block.column-3 > * {

    width: 33.33333333%;

  }

}

@media screen and (min-width: 576px) {

  .footer-widgets .footer-widgets-block.column-4 > * {

    width: 50%;

  }

}

@media screen and (min-width: 992px) {

  .footer-widgets .footer-widgets-block.column-4 > * {

    width: 25%;

  }

}

.footer-widgets .app-buttons .app-button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 0.625rem;

}

.footer-widgets .app-buttons .app-button + * {

  margin-top: 0.625rem;

}

@media screen and (min-width: 576px) {

  .footer-widgets .app-buttons .app-button {

    gap: 0.9375rem;

  }

}

.footer-widgets .app-buttons .app-button img {

  max-width: 8.75rem;

}

@media screen and (min-width: 576px) {

  .footer-widgets .app-buttons .app-button img {

    max-width: 7.5rem;

  }

}

.footer-widgets .app-buttons .app-button p {

  font-size: 0.75rem;

  font-weight: 500;

  margin-bottom: 0;

}

@media screen and (min-width: 576px) {

  .footer-widgets .app-buttons .app-button p {

    font-size: 0.625rem;

  }

}



/* --- Footer copyright styles --- */

.footer-copyright {

  margin-bottom: var(--mobile-nav-height);

}

.footer-copyright .footer-inner {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

  gap: 0.625rem;

}

@media screen and (min-width: 576px) {

  .footer-copyright .footer-inner {

    gap: 0;

  }

}

.footer-copyright .footer-inner > * {

  -webkit-box-flex: 1;

      -ms-flex: 1 0 auto;

          flex: 1 0 auto;

  width: 100%;

}

@media screen and (min-width: 576px) {

  .footer-copyright .footer-inner > * {

    -webkit-box-flex: 0;

        -ms-flex: 0 0 auto;

            flex: 0 0 auto;

    width: 50%;

  }

  .footer-copyright .footer-inner > *.footer-copyright-menu {

    display: -webkit-inline-box;

    display: -ms-inline-flexbox;

    display: inline-flex;

    -webkit-box-pack: end;

        -ms-flex-pack: end;

            justify-content: flex-end;

  }

}

.footer-copyright .footer-menu {

  margin-top: 0.9375rem;

  padding-top: 0.9375rem;

  border-top: 1px solid var(--color-gray-300);

}

@media screen and (min-width: 576px) {

  .footer-copyright .footer-menu {

    margin-top: 0;

    padding-top: 0;

    border-top: 0;

  }

}

.footer-copyright .footer-menu ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  font-size: 0.75rem;

  gap: 0.5rem;

  list-style: none;

  margin: 0;

  padding: 0;

}

.footer-copyright .footer-menu ul li a {

  text-decoration: underline;

  text-decoration-color: transparent !important;

  text-underline-offset: 0.3125rem;

  -webkit-transition: all 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);

  transition: all 0.07s cubic-bezier(0.25, 0.1, 0.25, 1);

}

.footer-copyright .footer-menu ul li a:hover {

  text-decoration-color: currentColor !important;

}

.footer-copyright .site-payment-cards ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  gap: 0.625rem;

  list-style: none;

  margin: 0;

  padding: 0;

}