/** Shopify CDN: Minification failed

Line 1928:41 Unexpected ":"
Line 1928:76 Unexpected ":"

**/
*, ::after, ::before {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  text-decoration: inherit;
  vertical-align: inherit;
}
html {
  outline: none;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}
body, html {
  scrollbar-width: none;
}
body::-webkit-scrollbar {
  display: none;
}
svg, img {
  max-width: 100%;
  display: block;
}
a, .btn, button {
  text-decoration: none;
  outline: none;
  color: inherit;
  transition: all ease-in-out 0.3s;
  display: inline-block;
  cursor: pointer;
}
a, a:hover, a:focus, a:active, button, button:hover, button:focus, input, input:hover, input:focus, select, select:hover, select:focus, textarea, textarea:hover, textarea:focus, .btn, .btn:hover, .btn:focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  text-decoration: none;
  outline: none;
  box-shadow: none;
  font-family: var(--first-font);
}
.form-control:focus, [type="text"]:focus, [type="email"]:focus, [type="checkbox"]:focus, [type="password"]:focus, [type="file"]:focus, [type="radio"]:focus, [type="submit"]:focus, [type="date"]:focus, [type="time"]:focus, [type="tel"]:focus, [type="search"]:focus, [type="button"]:focus, [type="number"]:focus, textarea:focus, select:focus {
  outline: none;
  box-shadow: none;
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
::placeholder {
  color: var(--white);
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  font-size: 100%;
  list-style: none;
  vertical-align: baseline;
}
body {
  font: var(--common-text);
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow-x: hidden;
  background: var(--color-bg, var(--theme-color));
  color: var(--color-text, var(--white));
}
::selection {
  background: var(--color-accent, var(--second-color));
  color: var(--color-accent-contrast, var(--theme-color));
}
a {
  color: inherit;
}
a:hover {
  color: inherit;
}
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, .btn:focus-visible, .link-btn:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}
:root {
  --z-layer-1: 1;
  --z-layer-2: 2;
  --z-layer-3: 3;
  --z-layer-4: 4;
  --z-layer-5: 5;
  --fs-body: clamp(14px, 0.95vw, 16px);
  --lh-body: 1.65;
  --fs-h1: clamp(28px, 3.2vw, 56px);
  --fs-h2: clamp(22px, 2.4vw, 40px);
  --fs-h3: clamp(18px, 1.8vw, 28px);
  --fs-h4: clamp(16px, 1.4vw, 22px);
  --fs-h5: clamp(14px, 1.2vw, 18px);
  --fs-h6: clamp(12px, 1.0vw, 16px);
  --lh-head: 1.1;
  --ls-head: 0.04em;
}
p, li {
  margin: 0;
  padding: 0;
  font-family: var(--first-font);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6 {
  margin: 0;
  text-transform: uppercase;
  font-family: var(--second-font);
  line-height: var(--lh-head);
  letter-spacing: var(--ls-head);
}
h1,.h1 {
  font-size: var(--fs-h1);
}
h2,.h2 {
  font-size: var(--fs-h2);
}
h3,.h3 {
  font-size: var(--fs-h3);
}
h4,.h4 {
  font-size: var(--fs-h4);
}
h5,.h5 {
  font-size: var(--fs-h5);
}
h6,.h6 {
  font-size: var(--fs-h6);
}
.uppercase {
  text-transform: uppercase;
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
b, strong {
  font-weight: 700;
}
p:not(:last-of-type) {
  margin-bottom: 15px;
}
.container {
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 15px;
}
.row {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.no-gutters {
  margin: 0 !important;
}
.row [class*="col-"] {
  padding: 0 15px;
}
.no-gutters [class*="col-"] {
  padding: 0;
}
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.d-flex {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.align-items-start {
  align-items: flex-start;
}
.align-items-end {
  align-items: flex-end;
}
.align-items-center {
  align-items: center;
}
.justify-content-around {
  justify-content: space-around;
}
.justify-content-between {
  justify-content: space-between;
}
.justify-content-start {
  justify-content: flex-start;
}
.justify-content-center {
  justify-content: center;
}
.justify-content-end {
  justify-content: flex-end;
}
.direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.no-wrap {
  flex-wrap: nowrap;
}
.desk-only, .hidden, .visually-hidden, [hidden] {
  display: none !important;
}
.mobile-only {
  display: block !important;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  user-select: none;
  -webkit-touch-callout: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: grabbing;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  transform: translate3d(0,0,0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track::before, .slick-track::after {
  content: "";
  display: table;
}
.slick-track::after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
  max-width: 100%;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
  outline: none;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
}
.slick-arrow.slick-hidden {
  display: none;
}
.slick-dots {
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: var(--z-layer-1);
  position: absolute;
  bottom: 20px;
}
.slick-dots li:not(:last-child) {
  margin-right: 9px;
}
.slick-dots li {
  display: flex;
  height: 5px;
  width: 5px;
  background: var(--theme-color);
  border-radius: 100%;
  border: 0;
  position: relative;
  transition: all ease-in-out 0.5s;
  cursor: pointer;
}
.slick-dots li::before {
  content: "";
  position: absolute;
  height: 13px;
  width: 13px;
  border: 1px solid var(--black);
  top: -4px;
  left: -4px;
  right: 0;
  bottom: 0;
  border-radius: 100px;
  transition: all ease-in-out 0.5s;
  opacity: 0;
}
.slick-dots li.slick-active::before {
  opacity: 1;
}
.slick-dots li button {
  display: none;
}
.slick-slider .slick-next, .slick-slider .slick-prev {
  display: inline-block;
  vertical-align: middle;
}
.slick-slider .slick-next::before, .slick-slider .slick-prev::before {
  display: none;
}
.slick-slider .slick-arrow {
  background: var(--second-color);
  position: absolute;
  text-align: center;
  border: none;
  font-size: 0;
  text-transform: uppercase;
  min-width: 32px;
  min-height: 32px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  width: auto;
  height: auto;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: var(--z-layer-1);
}
.slick-slider:hover .slick-arrow {
  opacity: 1;
}
.slick-slider .slick-arrow:hover {
  opacity: 0.5;
}
.slick-slider .slick-arrow svg {
  width: 11px;
  height: 11px;
}
.slick-slider .slick-prev {
  left: 10px;
}
.slick-slider .slick-prev svg {
  transform: rotate(180deg);
}
.slick-slider .slick-next {
  right: 10px;
}
.slick-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity .35s ease;
  z-index: var(--z-layer-5);
  background: rgba(8, 8, 8, 0.96);
  backdrop-filter: blur(8px);
  overscroll-behavior: none;
}
.slick-lightbox .slick-loading .slick-list {
  background-color: transparent;
}
.slick-lightbox .slick-prev {
  left: 15px;
}
.slick-lightbox .slick-next {
  right: 15px;
}
.slick-lightbox-inner .slick-arrow {
  background: var(--white) url(right-black-arrow.svg);
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 50% 50%;
}
.slick-lightbox-hide {
  opacity: 0;
}
.slick-lightbox-hide-init {
  position: absolute;
  top: -9999px;
  opacity: 0;
}
.slick-lightbox-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.slick-lightbox-slick-item {
  text-align: center;
  overflow: hidden;
}
.slick-lightbox-slick-item::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-bottom: 20px;
  text-align: center;
}
.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-caption {
  display: block;
  text-align: center;
}
.slick-lightbox-slick-item-inner {
  display: inline-block;
  vertical-align: middle;
  max-width: 90%;
  max-height: 90%;
}
.slick-lightbox-slick-img {
  display: block;
  margin: 0 auto;
  max-width: 90%;
  max-height: 90%;
}
.slick-lightbox-slick-caption {
  display: none;
  margin: 10px 0 0;
  color: var(--white);
}
.slick-lightbox-close {
  position: absolute;
  top: 15px;
  right: 15px;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  border: none;
  background: transparent;
  color: transparent;
  font-size: 0;
  line-height: 0;
  cursor: pointer;
}
.slick-lightbox .close {
  position: absolute;
  padding: 0;
  opacity: 1;
  top: 18px;
  right: 18px;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: #111111;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
}
.slick-lightbox .close svg {
  width: 16px;
  height: 16px;
}
.slick-lightbox .slick-arrow.slick-prev {
  transform: translateY(-50%) scale(-1);
}
.slick-lightbox .slick-arrow:hover, .slick-lightbox .slick-arrow:focus {
  background-color: var(--white);
}
.btn {
  text-align: center;
  padding: 11px 25px;
  font-family: var(--first-font);
  color: var(--color-accent-contrast, var(--theme-color));
  background-color: var(--color-accent, var(--second-color));
  box-shadow: none;
  appearance: none;
  outline: none;
  border: 1px solid var(--color-accent, var(--second-color));
  position: relative;
  border-radius: 0;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  z-index: 1;
}
.btn svg {
  width: 20px;
  margin-left: 8px;
  height: 18px;
}
.btn svg path {
  fill: currentColor;
  transition: all ease-in-out 0.5s;
}
.btn:hover, .btn:focus {
  background-color: transparent;
  color: var(--color-accent, var(--second-color));
}
.btn:focus svg path, .btn:hover svg path {
  fill: currentColor;
}
.btn.white-btn {
  color: var(--color-text, var(--white));
  background-color: var(--color-surface, var(--border-color));
  border-color: var(--color-border, var(--border-color));
}
.btn.white-btn svg path {
  fill: currentColor;
}
.btn.white-btn:hover, .btn.white-btn:focus {
  color: var(--color-accent, var(--second-color));
  border-color: var(--color-accent, var(--second-color));
  background-color: transparent;
}
.btn.white-btn:hover svg path, .btn.white-btn:focus svg path {
  fill: currentColor;
}
.btn-secondary {
  display: inline-flex;
  align-items: center;
  padding: 10px 15px;
  border: 1px solid var(--color-accent, var(--second-color));
  color: var(--color-accent, var(--second-color));
  background: transparent;
  justify-content: center;
  font-size: 14px;
  line-height: 1;
  font-weight: 600;
  transition: all ease-in-out 0.4s;
  border-radius: 0;
  text-transform: uppercase;
}
.btn-ic {
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--theme-color);
  margin-left: 10px;
  transition: all ease-in-out 0.4s;
  border-radius: 30px;
}
.btn-secondary svg {
  width: 12px;
  height: 12px;
}
.btn-secondary svg path {
  transition: all ease-in-out 0.4s;
  fill: currentColor;
}
.btn-secondary:hover {
  background: var(--color-accent, var(--second-color));
  color: var(--color-accent-contrast, var(--theme-color));
}
.btn-secondary.white-btn .btn-ic {
  background: var(--color-surface, var(--border-color));
}
.btn-secondary.white-btn {
  border: 1px solid var(--color-surface, var(--border-color));
  color: var(--color-text-inverse, var(--border-color));
}
.btn-secondary.white-btn:hover .btn-ic {
  background: var(--color-accent, var(--second-color));
}
.btn-secondary.white-btn svg path {
  fill: currentColor;
}
.btn-secondary.white-btn:hover {
  border: 1px solid var(--color-surface, var(--border-color));
  color: var(--color-accent, var(--second-color));
  background: var(--color-surface, var(--border-color));
}
.btn-secondary:hover .btn-ic {
  background: var(--color-surface, var(--border-color));
}
.btn-secondary.white-btn:hover svg path {
  fill: currentColor;
}
.add-cart-btn {
  display: inline-flex;
  align-items: center;
  padding: 10px 15px;
  background: var(--second-color);
  border-radius: 30px;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  min-width: 150px;
  letter-spacing: 0.5px;
  color: var(--white);
  justify-content: center;
  text-transform: uppercase;
  box-shadow: 0 4.53333px 11.3333px 3px rgba(241, 110, 54, 0.29);
}
.add-cart-btn .atc-ic {
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  border-radius: 20px;
  background: var(--color-accent-soft, #f5a280);
}
.add-cart-btn .atc-ic svg {
  width: 10px;
  height: 11px;
  margin: 0 auto;
  fill: var(--color-accent, var(--second-color));
}
.add-cart-btn:hover, .add-cart-btn:focus {
  background: var(--color-surface, var(--border-color));
  color: var(--color-accent, var(--second-color));
  box-shadow: 0 4.53333px 11.3333px 3px rgba(241, 110, 54, 0.29);
}
.form-control, input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), select, textarea {
  position: relative;
  border: 1px solid var(--color-border, var(--border-color));
  display: block;
  width: 100%;
  padding: 15px 20px;
  background: var(--color-surface-soft, transparent);
  font-size: 14px;
  line-height: 1.3;
  color: var(--color-text, var(--white));
}
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"])::placeholder, select::placeholder, textarea::placeholder {
  color: var(--color-text-soft, var(--grey-color));
}
input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):focus, select:focus, textarea:focus, .form-group .nice-select.open, .form-group .nice-select:focus-within {
  border-color: var(--color-border-strong, var(--second-color));
  box-shadow: var(--focus-ring);
}
select option {
  color: var(--color-text, var(--white));
}
textarea {
  resize: none;
}
form .row {
  margin: 0 -8px;
}
form .row [class*="col-"] {
  padding: 0 10px;
}
.form-group {
  margin-bottom: 15px;
}
.form-group label {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
}
.form-group .nice-select .list, .form-group .form-control {
  border-radius: 0;
}
sup {
  top: -0.5em;
}
sub, sup {
  position: relative;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  margin-left: 5px;
}
.form-group label sup {
  color: var(--color-danger, red);
  font-size: 10px;
  line-height: 0;
  margin-right: 3px;
}
.checkbox-custom input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox-custom label {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
  margin: 0;
  padding: 0 0 0 30px;
}
.checkbox-custom label::before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  padding: 8px;
  display: inline-block;
  position: absolute;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 15px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid var(--theme-color);
}
.checkbox-custom input:checked+label::before {
  border-color: var(--second-color);
  background-color: var(--theme-color);
}
.checkbox-custom input:checked+label::after {
  content: "";
  display: block;
  position: absolute;
  top: 45%;
  left: 6px;
  width: 6px;
  height: 10px;
  border: solid var(--white);
  border-width: 0 1px 1px 0;
  transform: translateY(-50%) rotate(45deg);
}
.checkbox-custom label a {
  text-decoration: underline;
  font-weight: 600;
}
.radio-group input[type="radio"] {
  display: none;
  padding: 0;
  border: 0;
  background: transparent;
}
.radio-group label {
  cursor: pointer;
  position: relative;
  font-size: 12px;
  padding-left: 24px;
  color: var(--color-text, var(--white));
  margin: 0;
  vertical-align: bottom;
}
.radio-group label::before {
  content: "";
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: transparent;
  border: 2px solid var(--second-color);
  border-radius: 50%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: border-color 400ms ease;
}
.radio-group label::after {
  content: "";
  position: absolute;
  width: 13px;
  height: 13px;
  background-color: var(--second-color);
  border: 2px solid var(--second-color);
  border-radius: 50%;
  top: 50%;
  left: 1px;
  right: auto;
  transform: translateY(-50%) scale(0);
  transition: transform 400ms ease;
}
.radio-group input[type="radio"]:checked+label::before {
  border-color: var(--second-color);
}
.radio-group input[type="radio"]:checked+label::after {
  transform: translateY(-50%) scale(0.55);
}
body.active-menu, body.no-scroll {
  overflow: hidden;
  position: relative;
}
html.lightbox-scroll-lock, html.lightbox-scroll-lock body {
  overflow: hidden !important;
}
body.lightbox-scroll-lock {
  position: fixed !important;
  inset: 0;
  width: 100%;
  overflow: hidden !important;
}
.right-gliter {
  bottom: 0;
  right: 0;
}
.gliter-img {
  position: absolute;
  z-index: -1;
}
.padding-top {
  padding-top: 70px;
}
.padding-bottom, .product .bestseller-section {
  padding-bottom: 70px;
}
.section-title {
  margin-bottom: 26px;
}
.subtitle {
  font-weight: 500;
  line-height: 88%;
  margin-bottom: 12px;
  text-transform: uppercase;
}
.site-header.header-style-one, .site-header.header-style-one.dark-header {
  background: transparent !important;
  border: 0 !important;
  margin: 0;
  padding: 0;
}
body.kga-lock {
  overflow: hidden;
}
.kga-header {
  --header-bg: var(--second-color);
  --header-fg: var(--border-color);
  --panel-bg: var(--second-color);
  --panel-fg: var(--border-color);
  --header-border: rgba(255, 255, 255, 0.12);
  --hover-bg: rgba(255, 255, 255, 0.07);
  --muted: rgba(255, 255, 255, 0.72);
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
  --radius: 18px;
  --radius-sm: 14px;
  --badge-bg: #e11d48;
  --badge-fg: #fff;
  --logo-w: 105px;
  --logo-w-m: 92px;
  --kga-header-layer-bar: var(--kga-under-announcement-layer, var(--z-layer-2));
  --kga-header-layer-item: var(--z-layer-1);
  --kga-header-layer-item-open: var(--z-layer-2);
  --kga-header-layer-dropdown: var(--z-layer-3);
  --kga-header-layer-modal: var(--z-layer-4);
  position: relative;
  z-index: var(--z-layer-4);
}
.kga-header.kga-under-announcebar {
  z-index: var(--z-layer-4);
}
.kga-header.is-home {
  --header-bg: var(--border-color);
  --header-fg: var(--second-color);
  --panel-bg: var(--border-color);
  --panel-fg: var(--second-color);
  --header-border: rgba(0, 0, 0, 0.1);
  --hover-bg: rgba(0, 0, 0, 0.05);
  --muted: rgba(0, 0, 0, 0.68);
  --shadow: 0 18px 40px rgba(0, 0, 0, 0.08);
}
.kga-header__bar {
  position: sticky;
  top: var(--kga-announcement-offset, 0px);
  width: 100%;
  background: var(--header-bg);
  color: var(--header-fg);
  border-bottom: 1px solid var(--header-border);
  transition: background-color 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
  z-index: var(--kga-header-layer-bar);
  isolation: isolate;
  overflow: visible;
}
.kga-header__bar .container {
  max-width: 1660px !important;
  width: 100%;
  overflow: visible;
}
.kga-header.is-scrolled .kga-header__bar {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.kga-header__row {
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.kga-header__brand {
  flex: 0 0 auto;
  min-width: 0;
}
.kga-header__logo, .kga-drawer__logo {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: var(--logo-w);
  max-width: 100%;
  text-decoration: none;
  color: inherit;
}
.kga-drawer__logo {
  width: var(--logo-w-m);
}
.kga-header__logo img, .kga-drawer__logo img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 54px;
  object-fit: contain;
}
.kga-header__logo-text {
  font-size: 1.1rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1;
}
.kga-header__nav {
  flex: 1 1 auto;
  min-width: 0;
}
.kga-header__nav, .kga-nav, .kga-header__actions {
  position: relative;
  z-index: var(--kga-header-layer-item);
  overflow: visible;
}
.kga-nav, .kga-dropdown__list, .kga-submenu, .kga-mega__list, .kga-mobile, .kga-mobile__submenu ul, .kga-mobile__sublist, .kga-drawer__account-links {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kga-nav {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 34px;
}
.kga-nav__item {
  position: relative;
  z-index: var(--kga-header-layer-item);
  overflow: visible;
}
.kga-nav__item:hover, .kga-nav__item:focus-within, .kga-account:hover, .kga-account:focus-within {
  z-index: var(--kga-header-layer-item-open);
}
.kga-nav__link {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 86px;
  padding: 0;
  color: var(--header-fg);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 14px;
  font-weight: 700;
  transition: color 0.2s ease, opacity 0.2s ease;
}
.kga-nav__link:hover, .kga-nav__link.is-active {
  opacity: 0.78;
}
.kga-nav__link::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 22px;
  width: 0;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
  transition: width 0.25s ease;
}
.kga-nav__link:hover::before, .kga-nav__link.is-active::before {
  width: 100%;
}
.kga-nav__link--caret {
  padding-right: 16px;
}
.kga-nav__link--caret::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
  height: 7px;
  margin-top: -6px;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}
.kga-nav__item.has-dropdown:hover > .kga-nav__link--caret::after, .kga-nav__item.has-dropdown:focus-within > .kga-nav__link--caret::after {
  transform: rotate(225deg);
  margin-top: -1px;
}
.kga-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 18px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--badge-custom, var(--badge-bg));
  color: var(--badge-fg);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}
.kga-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: 0 0 auto;
}
.kga-icon-btn, .kga-burger, .kga-mobile__toggle, .kga-search__close, .kga-drawer__close {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  outline: 0;
  background: transparent;
  box-shadow: none;
  cursor: pointer;
}
.kga-icon-btn, .kga-burger {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  min-width: 42px;
  padding: 10px 12px;
  border-radius: 999px;
  color: var(--header-fg);
  text-decoration: none;
  transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;
}
.kga-icon-btn:hover, .kga-burger:hover {
  background: var(--hover-bg);
}
.kga-nav__link:focus-visible, .kga-icon-btn:focus-visible, .kga-burger:focus-visible, .kga-mobile__toggle:focus-visible, .kga-mobile__link:focus-visible, .kga-search__close:focus-visible, .kga-drawer__close:focus-visible, .kga-search__submit:focus-visible, .kga-search__input:focus-visible, .kga-account__dropdown a:focus-visible, .kga-dropdown__list > li > a:focus-visible, .kga-submenu a:focus-visible, .kga-mega__list a:focus-visible, .kga-mobile__submenu a:focus-visible, .kga-drawer__account-links a:focus-visible, .kga-drawer__socials a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.kga-icon-btn i, .kga-burger i, .kga-search__close i, .kga-drawer__close i {
  font-size: 18px;
  line-height: 1;
}
.kga-action-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
}
.kga-cart-btn {
  padding-right: 14px;
}
.kga-cart-badge-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
}
.kga-cart-count {
  position: absolute;
  top: -8px;
  right: -10px;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--color-danger, #ef233c);
  color: var(--color-danger-contrast, #fff);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}
.kga-account {
  position: relative;
  z-index: var(--kga-header-layer-item);
}
.kga-account__dropdown {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  min-width: 220px;
  padding: 10px;
  border: 1px solid var(--header-border);
  border-radius: var(--radius-sm);
  background: var(--panel-bg);
  box-shadow: var(--shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
  z-index: var(--kga-header-layer-dropdown);
}
.kga-account:hover .kga-account__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.kga-account__dropdown a {
  display: block;
  padding: 11px 12px;
  border-radius: 10px;
  color: var(--panel-fg);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  transition: background-color 0.2s ease, opacity 0.2s ease;
}
.kga-account__dropdown a:hover {
  background: var(--hover-bg);
}
.kga-dropdown {
  position: absolute;
  top: calc(100% + 1px);
  left: 0;
  min-width: 250px;
  padding: 14px;
  border: 1px solid var(--header-border);
  border-radius: var(--radius);
  background: var(--panel-bg);
  box-shadow: var(--shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(12px);
  transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease;
  z-index: var(--kga-header-layer-dropdown);
  pointer-events: none;
}
.kga-header.is-home .kga-dropdown, .kga-header.is-home .kga-account__dropdown {
  background: #ffffff;
  color: #111111;
  border-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.12);
}
.kga-header.is-home .kga-dropdown__list > li > a, .kga-header.is-home .kga-submenu a, .kga-header.is-home .kga-mega__list a, .kga-header.is-home .kga-mega__title, .kga-header.is-home .kga-account__dropdown a {
  color: #111111;
}
.kga-header.is-home .kga-submenu {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.kga-nav__item.has-dropdown:hover > .kga-dropdown, .kga-nav__item.has-dropdown:focus-within > .kga-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}
.kga-dropdown--mega {
  left: 50%;
  transform: translate(-50%, 12px);
  width: min(1080px, calc(100vw - 40px));
}
.kga-nav__item.has-dropdown:hover > .kga-dropdown--mega, .kga-nav__item.has-dropdown:focus-within > .kga-dropdown--mega {
  transform: translate(-50%, 0);
}
.kga-dropdown__list > li + li {
  margin-top: 10px;
}
.kga-dropdown__list > li > a, .kga-submenu a, .kga-mega__list a {
  display: block;
  color: var(--panel-fg);
  text-decoration: none;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 600;
  transition: opacity 0.2s ease;
}
.kga-dropdown__list > li > a:hover, .kga-submenu a:hover, .kga-mega__list a:hover {
  opacity: 0.72;
}
.kga-dropdown__list > li.has-children > a {
  margin-bottom: 8px;
}
.kga-submenu {
  padding-left: 12px;
  border-left: 1px solid var(--header-border);
}
.kga-submenu li + li {
  margin-top: 8px;
}
.kga-mega {
  display: flex;
  align-items: flex-start;
  gap: 28px;
}
.kga-mega__col {
  flex: 1 1 0;
  min-width: 0;
}
.kga-mega__title {
  margin: 0 0 14px;
  color: var(--panel-fg);
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}
.kga-mega__list li + li {
  margin-top: 10px;
}
.kga-mega__promo {
  flex: 0 0 240px;
  max-width: 240px;
}
.kga-mega__promo-link {
  display: block;
  overflow: hidden;
  border-radius: 16px;
  text-decoration: none;
}
.kga-mega__promo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.kga-cardmenu {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}
.kga-cardmenu__item {
  flex: 1 1 calc(25% - 14px);
  min-width: 180px;
  color: var(--panel-fg);
  text-decoration: none;
}
.kga-cardmenu__media {
  display: block;
  overflow: hidden;
  border-radius: 16px;
  margin-bottom: 10px;
}
.kga-cardmenu__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.kga-cardmenu__title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.kga-search, .kga-drawer {
  position: fixed;
  inset: 0;
  z-index: var(--kga-header-layer-modal);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overscroll-behavior: contain;
  transition: opacity 0.22s ease, visibility 0.22s ease;
}
.kga-search.is-open, .kga-drawer.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.kga-search__backdrop, .kga-drawer__backdrop {
  position: absolute;
  inset: 0;
  width: 100%;
  padding: 0;
  border: 0;
  background: rgba(0, 0, 0, 0.45);
  z-index: 0;
}
.kga-search__dialog {
  position: relative;
  width: min(840px, calc(100vw - 28px));
  margin: 8vh auto 0;
  padding: 24px;
  border-radius: 24px;
  background: var(--panel-bg);
  color: var(--panel-fg);
  box-shadow: var(--shadow);
  transform: translateY(18px);
  transition: transform 0.22s ease;
  z-index: 1;
}
.kga-search.is-open .kga-search__dialog {
  transform: translateY(0);
}
.kga-search__close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: var(--panel-fg);
}
.kga-search__close:hover {
  background: var(--hover-bg);
}
.kga-search__inner {
  padding-top: 10px;
}
.kga-search__title {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.kga-search__form {
  display: flex;
  align-items: center;
  gap: 12px;
}
.kga-search__input {
  width: 100%;
  height: 56px;
  padding: 0 18px;
  border: 1px solid var(--header-border);
  border-radius: 16px;
  background: transparent;
  color: var(--panel-fg);
  font-size: 16px;
  outline: 0;
  box-shadow: none;
}
.kga-search__input::placeholder {
  color: var(--muted);
}
.kga-search__submit {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 16px;
  background: var(--panel-fg);
  color: var(--panel-bg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.kga-search__submit:hover {
  opacity: 0.88;
  transform: translateY(-1px);
}
.kga-drawer {
  display: block;
}
.kga-drawer__panel {
  position: absolute;
  top: 0;
  right: 0;
  width: min(430px, 100%);
  height: 100%;
  background: var(--panel-bg);
  color: var(--panel-fg);
  box-shadow: var(--shadow);
  transform: translateX(100%);
  transition: transform 0.24s ease;
  display: flex;
  flex-direction: column;
  z-index: 1;
}
.kga-drawer.is-open .kga-drawer__panel {
  transform: translateX(0);
}
.kga-drawer__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 18px 14px;
  border-bottom: 1px solid var(--header-border);
}
.kga-drawer__close {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  color: var(--panel-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.kga-drawer__close:hover {
  background: var(--hover-bg);
}
.kga-drawer__body {
  flex: 1 1 auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 10px 18px 24px;
}
.kga-mobile__item {
  border-bottom: 1px solid var(--header-border);
}
.kga-mobile__link, .kga-mobile__toggle {
  width: 100%;
  min-height: 56px;
  padding: 14px 0;
  color: var(--panel-fg);
  text-decoration: none;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  text-align: left;
}
.kga-mobile__link span, .kga-mobile__toggle span, .kga-mobile__submenu a, .kga-mobile__group-title, .kga-drawer__account-links a {
  min-width: 0;
  overflow-wrap: anywhere;
}
.kga-mobile__toggle i {
  font-size: 14px;
  transition: transform 0.2s ease;
}
.kga-mobile__item.is-open > .kga-mobile__toggle i {
  transform: rotate(45deg);
}
.kga-mobile__submenu {
  display: none;
  padding: 0 0 16px;
}
.kga-mobile__item.is-open > .kga-mobile__submenu {
  display: block;
}
.kga-mobile__submenu > ul > li + li, .kga-mobile__group + .kga-mobile__group {
  margin-top: 10px;
}
.kga-mobile__submenu a {
  display: block;
  color: var(--panel-fg);
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  padding: 4px 0;
  opacity: 0.92;
}
.kga-mobile__sublist {
  margin-top: 8px;
  padding-left: 12px;
  border-left: 1px solid var(--header-border);
}
.kga-mobile__sublist li + li {
  margin-top: 6px;
}
.kga-mobile__group-title {
  margin: 0 0 8px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--muted);
}
.kga-mobile__cards {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.kga-mobile__card {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--panel-fg);
  text-decoration: none;
}
.kga-mobile__card-media {
  flex: 0 0 72px;
  width: 72px;
  height: 86px;
  overflow: hidden;
  border-radius: 12px;
}
.kga-mobile__card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kga-mobile__card-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}
.kga-drawer__footer {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid var(--header-border);
}
.kga-drawer__account-links a {
  display: block;
  color: var(--panel-fg);
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  padding: 6px 0;
}
.kga-drawer__socials {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
}
.kga-drawer__socials a {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  background: var(--hover-bg);
  color: var(--panel-fg);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.kga-burger {
  display: none;
}
.overlay {
  transition: all ease-in-out 0.4s;
}
.overlay.menu-overlay, .overlay.active, .cartOpen .overlay::after, .quick-active .overlay::after {
  content: " ";
  z-index: var(--z-layer-3);
  background: rgba(0, 0, 0, 0.6);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
}
.cartOpen .overlay::after {
  z-index: 40;
  background: rgba(7, 7, 10, 0.58);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.subscribe-overlay {
  transition: all ease-in-out 0.4s;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: var(--z-layer-3);
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 1;
}
.cartDrawer {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 41;
  background: #151515;
  color: var(--color-text-inverse, #fff);
  width: min(420px, 100vw);
  height: 100dvh;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: -10px 0 36px rgba(0, 0, 0, .32);
  border-left: 1px solid rgba(255,255,255,.08);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  overflow: hidden;
  transition: transform 0.32s ease, opacity 0.2s ease, visibility 0.2s ease;
  will-change: transform;
}
.cartOpen .cartDrawer {
  opacity: 1;
  visibility: visible;
  display: flex;
  transform: translateX(0);
}
.cartDrawer .mini-cart-header {
  position: relative;
  text-align: left;
  padding: 18px 72px 18px 22px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  background: #181818;
  color: var(--color-text-inverse, #fff);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.cartDrawer .mini-cart-header h4 {
  margin: 0;
  font: 800 16px/1 var(--font-display);
  letter-spacing: -.02em;
  text-transform: uppercase;
}
.cartDrawer .cart-tottl-itm {
  padding: 6px 10px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  background: #202020;
  font-weight: 700;
  font-size: 11px;
  line-height: 1;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  opacity: 1;
  white-space: nowrap;
}
.cartDrawer .mini-cart-has-item {
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.cartDrawer .mini-cart-body {
  overflow-y: auto;
  padding: 18px;
  flex: 1;
  scrollbar-width: none;
}
.cartDrawer .mini-cart-body::-webkit-scrollbar {
  width: 0;
  display: none;
}
.cartDrawer .mini-cart-body::-webkit-scrollbar-track {
  background: rgba(255,255,255,.05);
}
.cartDrawer .mini-cart-body::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,.24);
  border-radius: 999px;
}
.mini-cart-item {
  padding: 12px;
  display: grid;
  grid-template-columns: 88px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: #1a1a1a;
  box-shadow: none;
}
.mini-cart-item:not(:last-of-type) {
  margin-bottom: 16px;
}
.mini-cart-image {
  width: 88px;
  border: 0;
  border-radius: 12px;
  overflow: hidden;
  background: #dbe4f2;
}
.mini-cart-image a {
  display: block;
  padding-top: 150%;
  position: relative;
}
.mini-cart-image img {
  top: 0;
  width: 100%;
  object-fit: cover;
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  aspect-ratio: 1/1;
}
.mini-cart-details {
  min-width: 0;
  width: auto;
  padding-left: 0;
  text-align: left;
}
.mini-cart-title {
  color: var(--color-text-inverse, #fff) !important;
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 12.5px;
  line-height: 1.32;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  overflow-wrap: anywhere;
}
.mini-cart-title a {
  color: inherit;
}
.cart-variable {
  margin-bottom: 10px;
  display: grid;
  gap: 3px;
}
.cart-variable .swatch-lbl {
  color: rgba(255,255,255,.74);
  font-size: 10.5px;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.cart-variable .swatch-lbl strong {
  color: var(--color-text-inverse, #fff);
}
.cart-variable p {
  margin: 0 0 5px;
  font-size: 12px;
  line-height: 14px;
  color: var(--white);
  opacity: .85;
  margin-bottom: 10px;
}
.qty-spinner {
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  display: flex;
  max-width: 92px;
  height: 34px;
  width: 100%;
  overflow: hidden;
  background: #202020;
}
.qty-spinner button {
  background: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  flex: 1;
  color: var(--color-text-inverse, #fff);
}
.qty-spinner button svg {
  margin: auto;
  height: 12px;
  width: 12px;
  pointer-events: none;
}
.qty-spinner button svg path {
  fill: var(--white);
}
.qty-spinner input {
  border: 0;
  flex: 1;
  width: 29px;
  background: transparent;
  color: var(--white);
  padding: 0;
  text-align: center;
  font-size: 13px;
  line-height: 1;
  margin: 0;
  appearance: textfield;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.interiors-design-section .row:nth-child(:last-of-type) .col-lg-6:nth-child(:last-of-type) del {
  color: var(--second-color);
  opacity: 0.8;
  font-weight: 600;
  font-size: 15px;
  line-height: 1;
  text-decoration: line-through;
}
.cartDrawer .qty-spinner button svg path {
  fill: var(--color-text-inverse, #fff);
}
.cartDrawer .qty-spinner input, .cartDrawer del {
  color: var(--color-text-inverse, #fff);
}
.mini-cart-item del {
  margin-left: 10px;
}
.price {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.price-lbl {
  display: block;
  width: 100%;
  text-align: left;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}
ins {
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
}
.cartDrawer .mini-cart-details .price {
  justify-content: center;
  font: var(--common-text);
  align-items: flex-end;
  color: var(--color-text-inverse, #fff);
}
.cartDrawer .pvarprice {
  margin-top: 10px;
}
.cartDrawer .price del {
  margin-left: 10px;
  line-height: 1;
}
.cartDrawer .price ins {
  align-items: center;
  font-size: 13px;
  color: var(--color-text-inverse, #fff);
}
.cartDrawer .price .currency-type {
  font-weight: 500;
  font-size: 10px;
  line-height: 1;
  margin-left: 0;
  display: inline-block;
}
.webi-mini-cart-footer {
  padding: 16px 18px 18px;
  border-top: 1px solid rgba(255,255,255,.08);
  background: #151515;
}
.mini-cart-footer-total-row {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  display: flex;
  align-items: center;
  color: var(--theme-color);
  margin: 0 -10px 20px;
}
.mini-cart-footer-total-row div ins {
  font-size: 20px;
}
.mini-cart-footer-total-row div {
  padding: 0 10px;
}
.webi-mini-cart-footer .checkout-btn {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 20px;
  display: flex;
  padding: 12px 30px;
}
.webi-mini-cart-footer .link-btn {
  display: flex;
  justify-content: center;
  color: var(--black);
  font-weight: 600;
}
.webi-mini-cart-footer .link-btn svg {
  height: 20px;
  width: 20px;
}
.remove_item svg path {
  fill: var(--theme-color);
}
.remove_item svg {
  height: 15px !important;
  width: 15px !important;
}
.cartDrawer .emptyCart {
  padding: 50px 0 0 0;
}
.mini-cart-item .qty-spinner {
  max-width: 90px;
}
.search-popup, .size-popup {
  --ks-overlay-bg: color-mix(in srgb, var(--black) 88%, transparent);
  --ks-overlay-blur: 6px;
  --ks-panel-bg: var(--border-color, var(--white));
  --ks-panel-text: var(--second-color, var(--theme-color));
  --ks-panel-muted: var(--grey-color, var(--second-color));
  --ks-panel-border: color-mix(in srgb, var(--second-color) 22%, transparent);
  --ks-panel-shadow: var(--shadow-strong, 0 18px 60px color-mix(in srgb, var(--black) 45%, transparent));
  position: fixed;
  background: var(--ks-overlay-bg);
  backdrop-filter: blur(var(--ks-overlay-blur));
  -webkit-backdrop-filter: blur(var(--ks-overlay-blur));
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  z-index: var(--z-layer-4);
  padding: 0 30px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: opacity ease-in-out 0.5s, visibility ease-in-out 0.5s;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.search-popup.active, .size-popup.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.search-popup::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 3px;
  width: 0;
  background: var(--hiro-accent);
  transition: width 0.6s cubic-bezier(.22,1,.36,1) 0.1s;
}
.search-popup.active::before {
  width: 100%;
}
.search-form-wrapper {
  max-width: 1260px;
  width: 100%;
  margin-top: 100px;
  transform: translateY(-20px);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(.22,1,.36,1) 0.1s, opacity 0.4s ease 0.1s;
}
.search-popup.active .search-form-wrapper {
  transform: translateY(0);
  opacity: 1;
}
.search-form-wrapper form {
  width: 100%;
  position: relative;
}
.search-form-wrapper::before {
  content: "What are you looking for?";
  display: block;
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--hiro-accent);
  margin-bottom: 16px;
}
.search-form-wrapper .form-inputs {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 2px solid color-mix(in srgb, var(--white) 20%, transparent);
  transition: border-color 0.3s;
}
.search-form-wrapper .form-inputs:focus-within {
  border-bottom-color: var(--hiro-dark);
}
.search-form-wrapper input[type="text"], .search-form-wrapper input[type="search"] {
  flex: 1;
  width: 100%;
  padding: 16px 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  outline: none !important;
  box-shadow: none !important;
  font-family: var(--font-display) !important;
  font-size: clamp(30px, 4vw, 50px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.01em !important;
  text-transform: uppercase !important;
  color: var(--white) !important;
  -webkit-text-fill-color: var(--white) !important;
  caret-color: var(--hiro-accent) !important;
  line-height: 1 !important;
}
.search-form-wrapper input[type="text"]::placeholder, .search-form-wrapper input[type="search"]::placeholder {
  color: color-mix(in srgb, var(--white) 20%, transparent) !important;
}
.search-form-wrapper .btn {
  position: static !important;
  transform: none !important;
  top: auto !important;
  right: auto !important;
  width: 54px !important;
  height: 54px !important;
  padding: 0 !important;
  background: var(--hiro-accent) !important;
  border: none !important;
  border-radius: 0 !important;
  flex-shrink: 0;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer;
  transition: opacity 0.2s, transform 0.2s;
}
.search-form-wrapper .btn:hover {
  opacity: 0.85;
  transform: scale(1.05);
}
.search-form-wrapper .btn svg {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  fill: none !important;
  stroke: var(--white) !important;
  stroke-width: 2.2 !important;
}
.search-popup .close-search {
  position: absolute;
  right: 40px;
  top: 36px;
  cursor: pointer;
  width: 44px;
  height: 44px;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s, transform 0.3s;
  padding: 0;
}
.search-popup .close-search:hover {
  opacity: 0.7;
  transform: rotate(90deg);
}
.search-popup .close-search svg {
  width: 18px;
  height: 18px;
  stroke: var(--white);
  stroke-width: 2;
  fill: none;
}
.search-popup .predictive-search, .search-popup .predictive-search__results, .search-popup .search__results, .search-popup .search-results, .search-popup .results, .search-popup [data-predictive-search] {
  width: min(1260px, 100%);
  margin: 18px auto 0;
}
.search-popup .predictive-search__results, .search-popup .search-results, .search-popup .search__results {
  background: var(--ks-panel-bg);
  color: var(--ks-panel-text);
  border: 1px solid var(--ks-panel-border);
  box-shadow: var(--ks-panel-shadow);
  max-height: min(62vh, 680px);
  overflow: auto;
  border-radius: 26px;
}
.search-popup .predictive-search__results::-webkit-scrollbar, .search-popup .search-results::-webkit-scrollbar, .search-popup .search__results::-webkit-scrollbar {
  width: 10px;
}
.search-popup .predictive-search__results::-webkit-scrollbar-thumb, .search-popup .search-results::-webkit-scrollbar-thumb, .search-popup .search__results::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--ks-panel-text) 22%, transparent);
  border-radius: 999px;
}
.search-popup .predictive-search__results-list, .search-popup .predictive-search__item-list, .search-popup .search-results-grid, .search-popup .results-grid, .search-popup ul[role="list"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px !important;
  padding: 22px !important;
  list-style: none;
  margin: 0;
}
.search-popup .predictive-search__item a, .search-popup .result-item a, .search-popup .search-result a {
  display: block;
  text-decoration: none !important;
  color: inherit;
}
.search-popup .predictive-search__item img, .search-popup .search-result img, .search-popup .result-item img, .search-popup img {
  width: 100% !important;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: color-mix(in srgb, var(--ks-panel-text) 6%, transparent);
  border: 1px solid color-mix(in srgb, var(--ks-panel-border) 70%, transparent);
}
.search-popup .predictive-search__item-heading, .search-popup .predictive-search__item-title, .search-popup .card__heading, .search-popup .product-title, .search-popup .title, .search-popup .predictive-search__item-title {
  font-family: var(--font-display);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-size: 14px;
  line-height: 1.2;
  color: var(--ks-panel-text);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 10px;
}
.search-popup .predictive-search__item-caption, .search-popup .vendor, .search-popup .product-vendor {
  font-size: 12px;
  color: color-mix(in srgb, var(--ks-panel-text) 70%, transparent);
  margin-top: 6px;
}
.kga-search .predictive-search, .kga-search [data-predictive-search] {
  width: min(1260px, 100%);
  margin: 18px auto 0;
}
.kga-search #predictive-search-results {
  margin-top: 18px;
  padding: 20px;
  border: 1px solid color-mix(in srgb, var(--color-text) 10%, transparent);
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(250,249,246,.98) 100%);
  box-shadow: 0 24px 60px rgba(0,0,0,.16);
  max-height: min(62vh, 680px);
  overflow: auto;
}
.kga-search #predictive-search-results::-webkit-scrollbar {
  width: 10px;
}
.kga-search #predictive-search-results::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--color-text) 18%, transparent);
  border-radius: 999px;
}
.kga-search .predictive-search__results-list, .kga-search .predictive-search__item-list, .kga-search ul[role="list"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px !important;
  width: 100%;
  margin: 0;
  padding: 0 !important;
  float: none;
  list-style: none;
}
.kga-search .predictive-search__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.kga-search #predictive-search-products {
  margin: 0;
  color: var(--color-text, #111);
  font: 900 14px/1 var(--font-body);
  letter-spacing: .14em;
  text-transform: uppercase;
}
.kga-search .predictive-search__count {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid color-mix(in srgb, var(--color-text) 10%, transparent);
  border-radius: 999px;
  background: rgba(17,17,17,.04);
  color: color-mix(in srgb, var(--color-text) 68%, transparent);
  font: 700 11px/1 var(--font-body);
  letter-spacing: .08em;
  text-transform: uppercase;
}
.kga-search #predictive-search-results-list li, .kga-search #predictive-search-results-list .predictive-search__list-item {
  width: auto !important;
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0;
  float: none;
}
.kga-search #predictive-search-results #predictive-search-results-list li .search-inner {
  display: flex;
  flex-direction: column;
  gap: 14px;
  min-height: 100%;
  padding: 16px;
  border: 1px solid color-mix(in srgb, var(--color-text) 10%, transparent);
  border-radius: 22px;
  background: var(--color-surface, #fff);
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.kga-search #predictive-search-results #predictive-search-results-list li .search-inner:hover {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--color-text) 16%, transparent);
  box-shadow: 0 16px 28px rgba(0,0,0,.1);
}
.kga-search .predictive-search__item.predictive-search__item--link {
  position: relative;
  display: block;
  padding-top: 0;
  aspect-ratio: 1 / 1;
  border-radius: 18px;
  overflow: hidden;
  background: var(--color-surface-soft, #eef3fb);
}
.kga-search .predictive-search__item.predictive-search__item--link img {
  position: static;
  width: 100% !important;
  height: 100%;
  object-fit: contain;
  display: block;
  border: 0;
  background: transparent;
}
.kga-search #predictive-search-results #predictive-search-results-list li .search-inner .predictive-search__item-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
}
.kga-search .predictive-search__item-heading, .kga-search .predictive-search__item-title {
  margin: 0;
  color: var(--color-text, #111);
  -webkit-line-clamp: 2;
  font-size: 15px;
  line-height: 1.15;
}
.kga-search .predictive-search__item-heading a {
  color: inherit;
  text-decoration: none;
}
.kga-search .predictive-search__item-vendor {
  color: color-mix(in srgb, var(--color-text) 58%, transparent);
  font: 700 10px/1.2 var(--font-body);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.kga-search .predictive-search__price, .kga-search .predictive-search__item-content .price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px;
  color: var(--color-text, #111);
}
.kga-search .predictive-search__price *, .kga-search .predictive-search__item-content .price * {
  color: inherit;
}
.kga-search .predictive-search__price .price-item--regular, .kga-search .predictive-search__price ins, .kga-search .predictive-search__item-content .price-item--regular, .kga-search .predictive-search__item-content ins {
  display: inline-flex;
  align-items: baseline;
  font-size: 15px;
  font-weight: 800;
}
.kga-search .predictive-search__price .price-item--sale, .kga-search .predictive-search__price del, .kga-search .predictive-search__price s, .kga-search .predictive-search__item-content .price-item--sale, .kga-search .predictive-search__item-content del, .kga-search .predictive-search__item-content s {
  display: none !important;
}
.kga-search .predictive-search-bottom {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 14px;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--color-text) 10%, transparent);
}
.kga-search .predictive-search-bottom .btn {
  min-height: 46px;
  border-radius: 16px;
  padding-inline: 18px;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.kga-search .predictive-search__item--term {
  padding-inline: 18px;
}
.search-popup .price__sale, .search-popup .price-item--sale, .search-popup .price-item--last, .search-popup .price__compare, .search-popup .compare-at-price, .search-popup .compare_at_price, .search-popup s, .search-popup .money--compare, .search-popup .was-price {
  display: none !important;
}
.search-popup .price__regular, .search-popup .price-item--regular, .search-popup .money {
  display: inline-block !important;
}
.subscribe-popup {
  position: fixed;
  top: 50%;
  left: 0;
  right: 0;
  max-width: 550px;
  width: 95%;
  margin: 0 auto;
  text-align: center;
  padding: 60px 50px;
  background: var(--theme-color);
  color: var(--white);
  z-index: var(--z-layer-4);
  transition: all ease-in-out 0.5s;
  transform: translateY(-50%);
  border: 1px solid var(--border-color);
}
.subscribe-popup[hidden], .subscribe-overlay[hidden] {
  display: none !important;
}
.subscribe-popup .close-sub-btn {
  position: absolute;
  top: 16px;
  right: 16px;
  background: transparent;
  border: 0;
  height: 16px;
  width: 16px;
  padding: 0;
}
.subscribe-popup .close-sub-btn svg {
  height: 100%;
  width: 100%;
}
.subscribe-popup .close-sub-btn svg path {
  fill: var(--white);
}
.subscribe-popup h2 {
  font-family: var(--first-font);
  font-weight: 500;
  font-size: 31px;
  letter-spacing: 1px;
  margin-bottom: 24px;
  font-style: italic;
}
.subscribe-popup p {
  letter-spacing: 1px;
  max-width: 330px;
  margin: 0 auto 25px;
}
.subscribe-popup .nice-select {
  color: var(--color-text) !important;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 18px;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--color-text) 8%, transparent);
}
.subscribe-popup .nice-select::after {
  border-right-color: var(--color-text);
  border-bottom-color: var(--color-text);
}
.subscribe-popup .nice-select .current {
  color: var(--color-text);
}
.subscribe-popup .nice-select .list {
  margin-top: 10px;
  border: 1px solid var(--color-border);
  border-radius: 18px;
  background: var(--color-surface);
  box-shadow: 0 18px 40px color-mix(in srgb, var(--color-text) 12%, transparent);
  z-index: var(--z-layer-2);
}
.subscribe-popup .nice-select .option {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  color: var(--color-text);
  background: transparent;
}
.subscribe-popup .nice-select .option:hover, .subscribe-popup .nice-select .option.focus, .subscribe-popup .nice-select .option.selected {
  background: var(--color-surface-soft);
  color: var(--color-text);
}
.form-row {
  position: relative;
}
.form-row .btn-svg {
  background: transparent;
  border: 0;
  position: absolute;
  top: 50%;
  right: 20px;
  padding: 0;
  height: 25px;
  width: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
}
.form-row .btn-svg svg {
  width: 100%;
  height: 100%;
}
.form-row .btn-svg svg path {
  fill: var(--white);
}
.thank-u-for, .form-row input {
  padding: 13px 50px 13px 15px;
  background: transparent;
  color: var(--white);
  border: 1px solid var(--white);
  font-size: 13px;
  letter-spacing: 1px;
}
.form-row input::placeholder {
  color: var(--white);
}
.thank-u-for svg {
  margin-left: 12px;
}
.cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background: var(--theme-color);
  color: var(--white);
  padding: 15px 50px 15px 15px;
  transition: all ease-in-out 0.5s;
}
.cookie p {
  font-weight: 500;
  letter-spacing: 0.2px;
}
.cookie-close {
  position: absolute;
  right: 13px;
  top: 50%;
  background: transparent;
  border: 1px solid var(--white);
  width: 25px;
  height: 25px;
  padding: 5px;
  transform: translateY(-50%);
}
.cookie-close svg {
  width: 100%;
  height: 100%;
}
.cookie-close svg path {
  fill: var(--white);
}
.menu-right .profile-header .menu-dropdown .wishlist a span:first-child {
  margin-left: 5px;
}

/* =========================================================
   KANGA HERO / SLIDESHOW — FINAL RESPONSIVE CSS
   Replace your old hero/slideshow CSS completely.
   No stacked overrides needed.
========================================================= */

/* =========================
   BASE / TOKENS
========================= */

.main-hiro-section {
  --hiro-max: 1720px;
  --hiro-gap: 16px;
  --hiro-pad-x: 20px;
  --hiro-card-pad: clamp(18px, 1.35vw, 28px);
  --hiro-shell-h: clamp(520px, 76vh, 660px);
  --hiro-rail-card-h: clamp(160px, 10.8vw, 205px);

  --hiro-bg: #f5f4f0;
  --hiro-panel: #e8eff9;
  --hiro-panel-soft: #f7f7f7;
  --hiro-white: #ffffff;
  --hiro-black: #050505;
  --hiro-text: #050505;
  --hiro-muted: rgba(5, 5, 5, 0.58);
  --hiro-border: rgba(5, 5, 5, 0.1);
  --hiro-border-strong: rgba(5, 5, 5, 0.18);
  --hiro-red: #781010;
  --hiro-shadow: 0 18px 45px rgba(0, 0, 0, 0.075);

  --font-display: var(--second-font);
  --font-body: var(--first-font);

  position: relative;
  overflow: hidden;
  margin-bottom: 34px;
  color: var(--hiro-text);
  background: linear-gradient(180deg, #faf9f6 0%, var(--hiro-bg) 100%);
}
.main-hiro-section,
.main-hiro-section * {
  box-sizing: border-box;
}
.main-hiro-section .container {
  width: 100%;
  max-width: var(--hiro-max);
  margin: 0 auto;
  padding-inline: var(--hiro-pad-x);
}

/* =========================
   MAIN SLIDER STRUCTURE
========================= */

.kga-hiro {
  position: relative;
  width: 100%;
}
.kga-hiro__track {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.kga-hiro__track::-webkit-scrollbar {
  display: none;
}
.kga-hiro__slide {
  position: relative;
  flex: 0 0 100%;
  min-width: 100%;
  scroll-snap-align: start;
}
.kga-hiro__inner.main-hiro-grid {
  display: grid;
  grid-template-columns:
    minmax(320px, 0.95fr)
    minmax(440px, 1.2fr)
    minmax(350px, 0.98fr);
  gap: var(--hiro-gap);
  height: var(--hiro-shell-h);
  min-height: var(--hiro-shell-h);
  max-height: var(--hiro-shell-h);
  align-items: stretch;
}
.kga-hiro__inner,
.kga-hiro__left,
.kga-hiro__center,
.kga-hiro__right,
.main-hiro-col,
.main-hiro-left,
.main-hiro-center,
.main-hiro-right,
.product-image,
.card__media,
.main-hiro-pro-box {
  position: relative;
  min-width: 0;
}
.kga-hiro__center,
.kga-hiro__right,
.main-hiro-center,
.main-hiro-right {
  height: var(--hiro-shell-h);
  min-height: 0;
  max-height: var(--hiro-shell-h);
}

/* Hide arrows everywhere */
.kga-hiro__arrow,
.kga-hiro__arrow--prev,
.kga-hiro__arrow--next {
  display: none !important;
}

/* =========================
   MAIN SLIDE DOTS
========================= */

.kga-hiro__dots {
  position: absolute;
  left: 50%;
  bottom: 18px;
  z-index: 10;
  display: flex;
  align-items: center;
  gap: 4px;
  transform: translateX(-50%);
}
.kga-hiro__dot {
  position: relative;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
}
.kga-hiro__dot::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 7px;
  height: 7px;
  border-radius: 999px;
  background: rgba(5, 5, 5, 0.26);
  transform: translate(-50%, -50%);
  transition: width 0.2s ease, background 0.2s ease;
}
.kga-hiro__dot:hover::after,
.kga-hiro__dot:focus-visible::after,
.kga-hiro__dot.is-active::after {
  width: 20px;
  background: var(--hiro-black);
}
.kga-hiro__dot:focus-visible {
  outline: 2px solid var(--hiro-black);
  outline-offset: 2px;
}

/* =========================
   LEFT COLUMN
========================= */

.kga-hiro__left {
  align-self: start;
  height: auto;
}
.main-hiro-left {
  display: grid;
  grid-template-rows: auto auto;
  gap: 14px;
  height: auto;
  align-content: start;
}
.main-hiro-left-top,
.main-hiro-left-bottom {
  position: relative;
  padding: var(--hiro-card-pad);
  background: var(--hiro-panel);
  border: 1px solid var(--hiro-border);
  box-shadow: var(--hiro-shadow);
  isolation: isolate;
}
.main-hiro-left-top {
  min-height: clamp(160px, 11vw, 220px);
  display: flex;
  align-items: flex-start;
  overflow: visible;
}
.main-hiro-left-bottom {
  display: grid;
  gap: 18px;
  min-height: clamp(260px, 18vw, 335px);
  align-content: start;
  overflow: hidden;
}
.main-hiro-left-top::before,
.main-hiro-left-bottom::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  width: 3px;
  background: linear-gradient(180deg, #9b1717 0%, #4c0606 100%);
}
.main-hiro-left-top::after,
.main-hiro-left-bottom::after {
  content: "";
  position: absolute;
  right: -90px;
  bottom: -130px;
  z-index: 0;
  width: 280px;
  height: 280px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.32);
  filter: blur(28px);
  pointer-events: none;
}
.main-hiro-left-top > *,
.main-hiro-left-bottom > * {
  position: relative;
  z-index: 2;
}

/* =========================
   HERO TEXT / CHIPS
========================= */

.hiro-overlay--desktop {
  width: min(100%, 560px);
}
.hiro-overlay__title {
  margin: 0 0 10px;
  color: var(--hiro-text);
  text-transform: uppercase;
  text-wrap: balance;
  letter-spacing: -0.058em;
  font: 900 clamp(30px, 2.45vw, 48px) / 0.88 var(--font-display);
}
.hiro-overlay__desc {
  margin: 0 0 14px;
  max-width: 460px;
  color: var(--hiro-muted);
  font: 400 13.5px / 1.5 var(--font-body);
}
.hiro-chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 13px;
}
.hiro-chip,
.hiro-overlay__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.hiro-chip {
  min-height: 32px;
  padding-inline: 13px;
  border: 1px solid rgba(5, 5, 5, 0.14);
  background: rgba(255, 255, 255, 0.65);
  color: var(--hiro-black);
  letter-spacing: 0.07em;
  font: 800 10px / 1 var(--font-body);
}
.hiro-chip::after {
  content: "→";
  margin-left: 7px;
}
.hiro-chip:hover {
  transform: translateY(-1px);
  background: var(--hiro-black);
  color: #fff;
  border-color: var(--hiro-black);
}
.hiro-overlay__btn {
  min-height: 40px;
  padding-inline: 24px;
  border: 1px solid rgba(5, 5, 5, 0.18);
  background: #fff;
  color: var(--hiro-black);
  letter-spacing: 0.1em;
  font: 900 11px / 1 var(--font-body);
}
.hiro-overlay__btn:hover {
  transform: translateY(-1px);
  background: var(--hiro-black);
  color: #fff;
  border-color: var(--hiro-black);
}

/* =========================
   BACKGROUND LABEL
========================= */

.banner-labl {
  position: absolute;
  left: 50%;
  bottom: 18px;
  z-index: 1;
  width: max-content;
  max-width: 92%;
  transform: translateX(-50%);
  pointer-events: none;
}
.banner-labl span {
  display: block;
  color: transparent;
  opacity: 0.05;
  white-space: nowrap;
  text-transform: uppercase;
  letter-spacing: -0.055em;
  font: 900 clamp(58px, 6.2vw, 118px) / 0.86 var(--font-display);
  -webkit-text-stroke: 1px rgba(5, 5, 5, 0.86);
}

/* =========================
   LEFT PRODUCT CARD
========================= */

.main-hiro-left-bottom .subtitle {
  margin: 0;
  color: rgba(5, 5, 5, 0.52);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font: 800 11px / 1 var(--font-body);
}
.main-hiro-left-bottom h2,
.main-hiro-product-title {
  margin: 0;
  max-width: 500px;
  color: var(--hiro-text);
  text-transform: uppercase;
  text-wrap: balance;
  letter-spacing: -0.058em;
  font: 900 clamp(26px, 2.05vw, 38px) / 0.9 var(--font-display);
}
.main-hiro-left-bottom h2 a,
.main-hiro-product-title a {
  color: inherit;
  text-decoration: none;
}
.main-hiro-left-bottom .jdgm-widget {
  margin: -2px 0 2px;
}
.main-hiro-left-bottom select.no-js,
.main-hiro-section .price-item--sale,
.main-hiro-section .price__badge-sale,
.main-hiro-section .price__badge-sold-out {
  display: none !important;
}

/* Variants */
.main-hiro-left-bottom .size-selectors {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 2px 0 0;
}
.main-hiro-left-bottom .size-selectors :is(.nice-select, .select__select) {
  min-width: 104px;
  min-height: 44px;
  padding: 0 40px 0 13px;
  border: 1px solid rgba(5, 5, 5, 0.1);
  border-radius: 4px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8l4 4 4-4' stroke='%23111111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 13px center;
  background-size: 14px 14px;
  color: var(--hiro-black) !important;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font: 800 10px / 1 var(--font-body);
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.main-hiro-left-bottom .size-selectors .color-select {
  min-width: 152px;
}
.main-hiro-left-bottom .size-selectors .size-select {
  min-width: 82px;
  max-width: 92px;
}
.main-hiro-left-bottom .size-selectors :is(.nice-select, .select__select):hover {
  border-color: rgba(5, 5, 5, 0.25);
}
.main-hiro-left-bottom .size-selectors :is(.nice-select, .select__select):focus,
.main-hiro-left-bottom .size-selectors :is(.nice-select, .select__select):focus-visible {
  outline: none;
  border-color: var(--hiro-black);
  box-shadow: 0 0 0 2px rgba(5, 5, 5, 0.08);
}
.main-hiro-left-bottom .size-selectors :is(.nice-select, .select__select) option {
  color: #111 !important;
  background: #fff !important;
}

/* Price + Add to cart */
.main-hiro-left-bottom .price-btn {
  display: grid;
  grid-template-columns: minmax(120px, max-content) minmax(225px, 1fr);
  gap: 20px;
  align-items: center;
  margin-top: 5px;
}
.main-hiro-left-bottom .main-hiro-price-wrap,
.main-hiro-left-bottom .main-hiro-atc-wrap,
.main-hiro-left-bottom .main-hiro-atc-wrap product-form,
.main-hiro-left-bottom .main-hiro-atc-wrap .product-form,
.main-hiro-left-bottom .main-hiro-atc-wrap .form {
  display: flex;
  width: 100%;
  min-width: 0;
}
.main-hiro-left-bottom .main-hiro-price-wrap .price,
.main-hiro-left-bottom .main-hiro-price-wrap .price * {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: inherit;
}
.main-hiro-left-bottom .main-hiro-price-wrap .price {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  color: var(--hiro-black);
  white-space: nowrap;
  letter-spacing: -0.05em;
  font: 900 clamp(16px, 1.1vw, 22px) / 1 var(--font-display);
}
.main-hiro-left-bottom .product-form__submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 48px;
  padding: 0 20px;
  border: 1px solid rgba(5, 5, 5, 0.18);
  background: #f8f8f8;
  color: var(--hiro-black);
  box-shadow: none;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font: 900 11px / 1 var(--font-body);
  cursor: pointer;
  transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}
.main-hiro-left-bottom .product-form__submit:hover {
  transform: translateY(-1px);
  background: var(--hiro-black);
  color: #fff;
  border-color: var(--hiro-black);
}
.main-hiro-left-bottom .product-form__submit:disabled {
  opacity: 0.45;
  cursor: not-allowed;
  transform: none;
}
.main-hiro-left-bottom .product-form__error-message-wrapper,
.main-hiro-left-bottom .wbquicksuccess {
  margin-top: 6px;
  font-size: 12px;
}

/* =========================
   CENTER IMAGE
========================= */

.main-hiro-center {
  z-index: 2;
  display: grid;
  width: 100%;
  height: 100%;
  min-height: var(--hiro-shell-h);
  min-width: 0;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(5, 5, 5, 0.06);
  background: #f3f2ee;
  box-shadow: var(--hiro-shadow);
}
.main-hiro-center::before {
  display: none;
}
.main-hiro-section .main-hiro-center :is(.product-image, .card__media) {
  position: relative;
  z-index: 1;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0;
  max-width: none !important;
  overflow: hidden;
  background: transparent;
  flex: none !important;
}
.main-hiro-center :is(.product__media-item, .hover-img, .product-image > a, .card__media > a) {
  position: absolute !important;
  inset: 0 !important;
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.main-hiro-center .product__media-item:not(:first-of-type),
.main-hiro-center .hover-img {
  display: none;
}
.main-hiro-center img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  transform: none !important;
}

/* =========================
   TOOLTIPS
========================= */

.tooltip {
  position: absolute;
  z-index: 6;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  transition: transform 0.18s ease, opacity 0.18s ease;
}
.tooltip:hover {
  transform: translateY(-1px);
}
.tooltip__icon {
  display: grid;
  place-items: center;
  width: 25px;
  height: 25px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #111;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.tooltip__icon i,
.tooltip__icon svg {
  width: 11px;
  height: 11px;
  font-size: 10px;
  color: currentColor;
}
.tooltip-txt {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  background: rgba(10, 10, 10, 0.58);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font: 800 10px / 1 var(--font-body);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* =========================
   RIGHT RAIL - COMPLETE CLEAN VERSION
   Fixed: price visible, better spacing, balanced layout
========================= */

.main-hiro-right {
  --hiro-rail-media: clamp(170px, 34%, 215px);
  --hiro-rail-min-h: var(--hiro-rail-card-h);
  --hiro-rail-pad: clamp(18px, 2vw, 30px);
  --hiro-rail-title-fs: clamp(18px, 1.45vw, 24px);
  --hiro-rail-price-fs: clamp(20px, 1.55vw, 25px);
  --hiro-rail-meta-fs: clamp(12px, 0.9vw, 14px);
  --hiro-rail-action-size: 43px;

  height: var(--hiro-shell-h);
  min-height: 0;
  max-height: var(--hiro-shell-h);
  overflow: hidden;
}

/* Stack */
.main-hiro-right-stack {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  gap: 14px;
  height: 100%;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
}

/* Full-height wrappers */
.main-hiro-right .main-hiro-pro-box,
.main-hiro-right .main-hiro-pro-box__inner,
.main-hiro-right .main-hiro-pro-slider,
.main-hiro-right .main-hiro-pro-slider .slick-list,
.main-hiro-right .main-hiro-pro-slider .slick-track,
.main-hiro-right .main-hiro-pro-slider .slick-slide,
.main-hiro-right .main-hiro-pro-slider .slick-slide > div,
.main-hiro-right .hiro-pro-itm,
.main-hiro-right .product-card,
.main-hiro-right .hiro-rail-card {
  min-width: 0;
  height: 100%;
}

/* Product box */
.main-hiro-right .main-hiro-pro-box {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(17, 17, 17, 0.12);
  background: #fff;
  box-shadow: var(--hiro-shadow);
}

.main-hiro-right .main-hiro-pro-box.bg-light {
  background: var(--hiro-panel);
  --hiro-rail-card-bg: var(--hiro-panel);
  --hiro-rail-media-bg: var(--hiro-panel);
}

.main-hiro-right .main-hiro-pro-box.bg-black {
  background: #f7f7f7;
  --hiro-rail-card-bg: #f7f7f7;
  --hiro-rail-media-bg: #d9d9d9;
}

/* Slider fallback */
.main-hiro-right .main-hiro-pro-slider {
  position: relative;
}

.main-hiro-right .main-hiro-pro-slider:not(.slick-initialized) {
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}

.main-hiro-right .main-hiro-pro-slider:not(.slick-initialized)::-webkit-scrollbar {
  display: none;
}

.main-hiro-right .main-hiro-pro-slider:not(.slick-initialized) .hiro-pro-itm {
  flex: 0 0 100%;
  scroll-snap-align: start;
}

/* Card layout */
.main-hiro-right .hiro-rail-card {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(170px, var(--hiro-rail-media)) minmax(0, 1fr) !important;
  grid-template-areas: "media content";
  min-height: var(--hiro-rail-min-h);
  overflow: hidden;
  isolation: isolate;
  border: 0;
  color: #111;
  background: var(--hiro-rail-card-bg, #fff);
}

.main-hiro-right .product-card-reverse .hiro-rail-card {
  grid-template-columns: minmax(0, 1fr) minmax(170px, var(--hiro-rail-media)) !important;
  grid-template-areas: "content media";
}

.main-hiro-right .hiro-rail-card > * {
  min-width: 0;
}

/* Media */
.main-hiro-right .hiro-rail-card__media {
  grid-area: media;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: none !important;
  min-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  background: var(--hiro-rail-media-bg, #f1f1f1);
}

.main-hiro-right .hiro-rail-card__media :is(.product-image > a, .product__media-item, .hover-img) {
  position: absolute;
  inset: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  min-width: 100%;
  min-height: 100%;
  margin: 0 !important;
  padding: 0 !important;
}

.main-hiro-right .hiro-rail-card__media :is(.product__media-item:not(:first-of-type), .hover-img) {
  display: none !important;
}

.main-hiro-right .hiro-rail-card__image,
.main-hiro-right .hiro-rail-card__media img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  min-width: 100%;
  min-height: 100%;
  padding: clamp(16px, 2vw, 26px);
  object-fit: contain !important;
  object-position: center;
  transform: none;
}

/* Floating actions */
.main-hiro-right .hiro-rail-card__actions {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 5;
  display: grid;
  gap: 9px;
  align-content: start;
}

.main-hiro-right :is(
  .wbwish,
  .wbquickv,
  .quick-view,
  .wishlist,
  .compare,
  .product-card__button,
  .hiro-rail-card__actions button,
  .hiro-rail-card__actions a
) {
  display: grid;
  place-items: center;
  width: var(--hiro-rail-action-size);
  height: var(--hiro-rail-action-size);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: #111;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

/* Content */
.main-hiro-right .hiro-rail-card__content {
  grid-area: content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(22px, 3.2vw, 44px);
  padding: var(--hiro-rail-pad);
  color: #111;
  background: var(--hiro-rail-card-bg, #fff);
}

.main-hiro-right .hiro-rail-card__main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: clamp(22px, 3vw, 38px);
  min-height: 0;
}

.main-hiro-right .hiro-rail-card__head,
.main-hiro-right .hiro-rail-card__body {
  display: grid;
  align-content: start;
  min-width: 0;
  margin: 0;
}

.main-hiro-right .hiro-rail-card__head {
  gap: 10px;
  padding-right: 0;
}

.main-hiro-right .hiro-rail-card__body {
  gap: 16px;
}

.main-hiro-right .hiro-rail-card__eyebrow,
.main-hiro-right .hiro-rail-card__title,
.main-hiro-right .hiro-rail-card__title a {
  margin: 0;
  color: inherit;
  text-decoration: none;
}

.main-hiro-right .hiro-rail-card__eyebrow {
  color: rgba(17, 17, 17, 0.58);
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font: 800 var(--hiro-rail-meta-fs) / 1.1 var(--font-body);
}

.main-hiro-right .hiro-rail-card__title {
  text-transform: uppercase;
  letter-spacing: -0.04em;
  font: 900 var(--hiro-rail-title-fs) / 0.98 var(--font-body);
}

.main-hiro-right .hiro-rail-card__title a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* Hide extras that make card look crowded
.main-hiro-right .hiro-rail-card__footer,
.main-hiro-right .hiro-rail-card__variants {
  display: none !important;
} */

.main-hiro-right .hiro-rail-card__footer {
  display: none !important;
}

.main-hiro-right .hiro-rail-card__variants {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0;
  max-width: 100%;
}

/* Price + button */
.main-hiro-right .hiro-rail-card__price-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  align-items: start;
  justify-items: start;
  width: 100%;
}

.main-hiro-right :is(
  .hiro-rail-card__price-box,
  .hiro-rail-card__form-wrap,
  .hiro-rail-card__product-form,
  .hiro-rail-card__form,
  .hiro-rail-card__price,
  .hiro-rail-card__price .price,
  .hiro-rail-card__price .price__container,
  .hiro-rail-card__price .price__regular,
  .hiro-rail-card__price .price__sale
) {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.main-hiro-right .hiro-rail-card__price-box,
.main-hiro-right .hiro-rail-card__price,
.main-hiro-right .hiro-rail-card__price .price,
.main-hiro-right .hiro-rail-card__price .price__container,
.main-hiro-right .hiro-rail-card__price .price__regular,
.main-hiro-right .hiro-rail-card__price .price__sale {
  width: auto !important;
  max-width: 100%;
  flex: 0 0 auto;
}

.main-hiro-right .hiro-rail-card__form-wrap,
.main-hiro-right .hiro-rail-card__product-form,
.main-hiro-right .hiro-rail-card__form {
  width: auto !important;
  flex: 0 0 auto;
  justify-self: start;
  margin-left: 0 !important;
}

.main-hiro-right .hiro-rail-card__price :is(
  .price,
  .price__container,
  .price__regular,
  .price__sale,
  .price-item,
  .price-item--regular,
  .price-item--sale,
  .money
) {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  color: #111 !important;
}

.main-hiro-right .hiro-rail-card__price :is(.price-item--regular, .price-item--sale, .money) {
  font: 950 var(--hiro-rail-price-fs) / 1 var(--font-body);
  letter-spacing: -0.04em;
  white-space: nowrap;
}

.main-hiro-right .hiro-rail-card__price :is(
  .price-item--compare,
  .compare-at-price,
  .old-price,
  .was-price,
  s
) {
  display: inline-flex !important;
  align-items: center;
  color: rgba(17, 17, 17, 0.45);
  font: 700 12px / 1 var(--font-body);
  text-decoration: line-through;
  white-space: nowrap;
}

.main-hiro-right .hiro-rail-card__price :is(.price__badge-sale, .price__badge-sold-out, .badge) {
  display: none !important;
}

.main-hiro-right .hiro-rail-card__submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: clamp(176px, 18vw, 230px);
  min-height: clamp(54px, 4.5vw, 66px);
  padding: 0 clamp(22px, 2.2vw, 34px) !important;
  border: 1px solid #050505;
  border-radius: 999px;
  background: #050505 !important;
  color: #fff !important;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: none !important;
  font: 950 clamp(13px, 1vw, 16px) / 1 var(--font-body);
  letter-spacing: -0.03em;
  transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.main-hiro-right .hiro-rail-card__submit:hover {
  background: transparent !important;
  color: #050505 !important;
  border-color: #050505;
  transform: translateY(-1px);
}

.main-hiro-right .hiro-rail-card__submit:disabled {
  opacity: 0.55;
  cursor: not-allowed;
  transform: none;
}

/* Dots */
.main-hiro-right .main-hiro-pro-slider .slick-dots {
  position: absolute;
  right: 18px;
  bottom: 16px;
  display: flex !important;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 0;
}

.main-hiro-right .main-hiro-pro-slider .slick-dots li {
  display: flex;
  margin: 0;
  padding: 0;
  background: transparent;
}

.main-hiro-right .main-hiro-pro-slider .slick-dots li::before {
  content: none;
  display: none;
}

.main-hiro-right .main-hiro-pro-slider .slick-dots button,
.main-hiro-right .main-hiro-pro-slider .slick-dots .slick-active button {
  display: block;
  width: 9px;
  height: 9px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  font-size: 0;
  line-height: 0;
  box-shadow: none;
  transition: background 0.18s ease;
}

.main-hiro-right .main-hiro-pro-slider .slick-dots button {
  background: rgba(17, 17, 17, 0.26);
}

.main-hiro-right .main-hiro-pro-slider .slick-dots .slick-active button {
  background: #111;
}

/* Responsive */
@media (max-width: 991.98px) {
  .main-hiro-right {
    --hiro-rail-pad: 20px;
    --hiro-rail-media: 38%;
    --hiro-rail-title-fs: clamp(17px, 2.6vw, 22px);
    --hiro-rail-price-fs: clamp(19px, 2.8vw, 23px);
    --hiro-rail-action-size: 42px;
  }

  .main-hiro-right .hiro-rail-card__content,
  .main-hiro-right .hiro-rail-card__main {
    gap: 24px;
  }
}

@media (max-width: 575.98px) {
  .main-hiro-right {
    --hiro-rail-pad: 16px;
    --hiro-rail-media: 42%;
    --hiro-rail-title-fs: 16px;
    --hiro-rail-price-fs: 18px;
    --hiro-rail-meta-fs: 10px;
    --hiro-rail-action-size: 38px;
  }

  .main-hiro-right-stack {
    gap: 10px;
  }

  .main-hiro-right .hiro-rail-card,
  .main-hiro-right .product-card-reverse .hiro-rail-card {
    grid-template-columns: minmax(120px, var(--hiro-rail-media)) minmax(0, 1fr) !important;
    grid-template-areas: "media content";
  }

  .main-hiro-right .hiro-rail-card__content,
  .main-hiro-right .hiro-rail-card__main {
    gap: 18px;
  }

  .main-hiro-right .hiro-rail-card__head {
    gap: 7px;
  }

  .main-hiro-right .hiro-rail-card__body,
  .main-hiro-right .hiro-rail-card__price-row {
    gap: 12px;
  }

  .main-hiro-right .hiro-rail-card__submit {
    min-width: 142px;
    min-height: 48px;
    padding: 0 18px !important;
    font-size: 12px;
  }

  .main-hiro-right .hiro-rail-card__actions {
    top: 10px;
    right: 10px;
    gap: 7px;
  }

  .main-hiro-right .main-hiro-pro-slider .slick-dots {
    right: 12px;
    bottom: 10px;
    gap: 6px;
  }

  .main-hiro-right .main-hiro-pro-slider .slick-dots button,
  .main-hiro-right .main-hiro-pro-slider .slick-dots .slick-active button {
    width: 7px;
    height: 7px;
  }
}

/* =========================
   LAPTOP / SMALL DESKTOP
========================= */

/* =========================================================
   TABLET LANDSCAPE / iPad HORIZONTAL
   Center image controls height.
   Shows 3 compact right cards if they fit.
========================================================= */

/* =========================================================
   TABLET PORTRAIT / iPad VERTICAL
   40/60 split. Left content + fixed-height image.
   Image has the same visual height on every slide.
   Right rail hidden. KANGASTYLE sits centered in the left dead space.
========================================================= */

/* =========================
   PHONE
   True mobile: image hero with overlay, no side cards.
========================= */

/* =========================
   SMALL PHONE
========================= */

/* =========================
   ACCESSIBILITY
========================= */


/* =========================================================
   FINAL FIXES ON GOOD VERSION
   Compact hero, cover image, no duplicate mobile overlay,
   right rail no clipping.
========================================================= */

/* No Read More */
.main-hiro-read-more {
  display: none !important;
}

/* Desktop/tablet use left overlay only */
.hiro-overlay--mobile {
  display: none !important;
}

/* More room between title, variants, price and Add to Cart */
.main-hiro-left-bottom {
  gap: clamp(14px, 1.2vw, 20px) !important;
  overflow: visible !important;
}
.main-hiro-left-bottom .price-btn,
.price-btn.main-hiro-price-row {
  margin-top: clamp(14px, 1.4vw, 24px) !important;
  gap: clamp(18px, 1.8vw, 32px) !important;
}

/* Center image always cover */
.main-hiro-center,
.main-hiro-center .product-image,
.main-hiro-center .card__media,
.main-hiro-center .product__media-item {
  overflow: hidden !important;
}
.main-hiro-center img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  padding: 0 !important;
  transform: none !important;
}

/* Right rail cannot overflow compact hero */

/* If height is tight, hide only low-priority rail details */



/* Mobile: only image + one overlay. No duplicated left box. */


/* =========================================================
   FINAL RESPONSIVE TITLES + DESCRIPTION RESTORE
   Keeps description visible and makes all hero titles fluid.
========================================================= */

/* Small hero description: always visible when text exists in Liquid */
.main-hiro-section .hiro-overlay__desc {
  display: block !important;
  margin: clamp(8px, 0.75vw, 12px) 0 clamp(10px, 0.9vw, 16px) !important;
  max-width: min(48ch, 100%) !important;
  color: rgba(5, 5, 5, 0.66) !important;
  font-family: var(--font-body, var(--first-font)) !important;
  font-size: clamp(12px, 0.82vw, 14px) !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
}

/* Fluid title system */
.main-hiro-section {
  --hero-title-fluid: clamp(28px, 2.65vw, 54px);
  --hero-product-title-fluid: clamp(24px, 2.15vw, 42px);
  --hero-title-tight: 0.88;
  --hero-title-track: -0.055em;
}

/* Main top title */
.main-hiro-section .hiro-overlay__title {
  width: min(100%, 12.5ch);
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  color: var(--second-color, #050505) !important;
  text-transform: uppercase !important;
  letter-spacing: var(--hero-title-track) !important;
  font-family: var(--font-display, var(--second-font)) !important;
  font-size: var(--hero-title-fluid) !important;
  font-weight: 950 !important;
  line-height: var(--hero-title-tight) !important;
}

/* Product title */
.main-hiro-section .main-hiro-product-title,
.main-hiro-section .main-hiro-product-title a {
  width: min(100%, 14ch);
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
  color: var(--second-color, #050505) !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: -0.045em !important;
  font-family: var(--font-display, var(--second-font)) !important;
  font-size: var(--hero-product-title-fluid) !important;
  font-weight: 950 !important;
  line-height: 0.9 !important;
}

/* Prevent titles from becoming too wide inside left cards */
.main-hiro-section .main-hiro-left-top,
.main-hiro-section .main-hiro-left-bottom {
  container-type: inline-size;
}

@container (max-width: 390px) {
  .main-hiro-section .hiro-overlay__title {
    font-size: clamp(24px, 9.4cqw, 38px) !important;
    width: min(100%, 11ch);
  }
.main-hiro-section .main-hiro-product-title,
  .main-hiro-section .main-hiro-product-title a {
    font-size: clamp(21px, 8.5cqw, 32px) !important;
    width: min(100%, 12.5ch);
  }
}

@container (min-width: 391px) and (max-width: 520px) {
  .main-hiro-section .hiro-overlay__title {
    font-size: clamp(28px, 8.1cqw, 46px) !important;
    width: min(100%, 12ch);
  }
.main-hiro-section .main-hiro-product-title,
  .main-hiro-section .main-hiro-product-title a {
    font-size: clamp(24px, 6.9cqw, 38px) !important;
    width: min(100%, 14ch);
  }
}

/* Buttons and chips adapt with title */
.main-hiro-section .hiro-overlay__btn,
.main-hiro-section .hiro-chip {
  min-height: clamp(30px, 2.2vw, 38px) !important;
  padding-inline: clamp(11px, 1vw, 17px) !important;
  font-size: clamp(8.5px, 0.62vw, 11px) !important;
}
.main-hiro-section .main-hiro-left-bottom .subtitle {
  font-size: clamp(9.5px, 0.75vw, 13px) !important;
}

/* Better spacing around product title and CTA */
.main-hiro-section .main-hiro-left-bottom {
  gap: clamp(13px, 1.15vw, 20px) !important;
}
.main-hiro-section .main-hiro-variants-wrap {
  margin-top: clamp(2px, 0.45vw, 8px) !important;
}
.main-hiro-section .main-hiro-price-row,
.main-hiro-section .price-btn.main-hiro-price-row {
  margin-top: clamp(14px, 1.35vw, 24px) !important;
  gap: clamp(18px, 1.8vw, 34px) !important;
}

/* Desktop width tuning */

/* Laptop */

/* Tablet landscape */

/* Tablet portrait 40/60 */

/* Mobile overlay title and description */

/* Small phones */

/* Keep description visible even on very short desktop screens */

/* =========================================================
   MAIN HIRO — FIX TITLE WRAP + ADD TO CART OVERFLOW
   Final override: use smaller responsive text instead of
   forced narrow title widths.
========================================================= */

/* Stop forced title wrapping from older rules */
.main-hiro-section .hiro-overlay__title,
.main-hiro-section .main-hiro-product-title,
.main-hiro-section .main-hiro-product-title a {
  width: 100% !important;
  max-width: none !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

/* Main overlay title: responsive by size, not forced width */
.main-hiro-section .hiro-overlay__title {
  font-size: clamp(30px, 2.25vw, 48px) !important;
  line-height: 0.9 !important;
  letter-spacing: -0.055em !important;
}

/* Product title: smaller and responsive */
.main-hiro-section .main-hiro-product-title,
.main-hiro-section .main-hiro-product-title a {
  font-size: clamp(25px, 1.85vw, 38px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.045em !important;
}

/* Keep description visible and balanced */
.main-hiro-section .hiro-overlay__desc {
  display: block !important;
  max-width: 46ch !important;
  margin: 10px 0 14px !important;
  color: rgba(5, 5, 5, 0.64) !important;
  font-size: clamp(12px, 0.78vw, 14px) !important;
  line-height: 1.42 !important;
}

/* Better spacing inside left product card */
.main-hiro-section .main-hiro-left-bottom {
  gap: clamp(14px, 1vw, 18px) !important;
}
.main-hiro-section .main-hiro-price-row,
.main-hiro-section .price-btn.main-hiro-price-row {
  grid-template-columns: minmax(90px, max-content) minmax(0, 1fr) !important;
  gap: clamp(14px, 1.3vw, 24px) !important;
  align-items: center !important;
}

/* Prevent left Add to Cart from escaping */
.main-hiro-section .main-hiro-atc-wrap {
  min-width: 0 !important;
  width: 100% !important;
}
.main-hiro-section .main-hiro-atc-wrap .product-form,
.main-hiro-section .main-hiro-atc-wrap form {
  width: 100% !important;
}
.main-hiro-section .main-hiro-atc-wrap .product-form__submit {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 46px !important;
  white-space: nowrap !important;
}

/* Laptop / smaller desktop */

/* Tablet landscape */

/* Tablet portrait */

/* Mobile overlay title keeps good ratio */


/* =========================================================
   MAIN HIRO RIGHT RAIL — FINAL CLEAN FIX
   Fixes product rail spacing, button position, image size, title,
   price alignment, and prevents awkward overflow.
========================================================= */

.main-hiro-section .main-hiro-right {
  overflow: hidden !important;
}
.main-hiro-section .main-hiro-right-stack {
  display: grid !important;
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(8px, 0.7vw, 11px) !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.main-hiro-section .main-hiro-right .main-hiro-pro-box,
.main-hiro-section .main-hiro-right .main-hiro-pro-box__inner,
.main-hiro-section .main-hiro-right .main-hiro-pro-slider,
.main-hiro-section .main-hiro-right .slick-list,
.main-hiro-section .main-hiro-right .slick-track,
.main-hiro-section .main-hiro-right .slick-slide,
.main-hiro-section .main-hiro-right .slick-slide > div,
.main-hiro-section .main-hiro-right .hiro-pro-itm {
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

/* Main card layout inside right rail */
.main-hiro-section .main-hiro-right .hiro-rail-card {
  display: grid !important;
  grid-template-columns: minmax(120px, 36%) minmax(0, 1fr) !important;
  grid-template-areas: "media content" !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transform: none !important;
  overflow: hidden !important;
}
.main-hiro-section .main-hiro-right .product-card-reverse .hiro-rail-card {
  grid-template-columns: minmax(0, 1fr) minmax(120px, 36%) !important;
  grid-template-areas: "content media" !important;
}
.main-hiro-section .main-hiro-right .product-card-reverse .hiro-rail-card__media {
  order: 2 !important;
}
.main-hiro-section .main-hiro-right .product-card-reverse .hiro-rail-card__content {
  order: 1 !important;
}

/* Image area */
.main-hiro-section .main-hiro-right .hiro-rail-card__media {
  grid-area: media !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__media-item,
.main-hiro-section .main-hiro-right .hiro-rail-card__hover-image,
.main-hiro-section .main-hiro-right .hiro-rail-card__media-placeholder {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__image,
.main-hiro-section .main-hiro-right .hiro-rail-card__media img,
.main-hiro-section .main-hiro-right .hiro-rail-card__placeholder {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  padding: clamp(8px, 0.8vw, 12px) !important;
  transform: none !important;
}

/* Wishlist / quickview */
.main-hiro-section .main-hiro-right .hiro-rail-card__actions {
  top: 9px !important;
  right: 9px !important;
  display: grid !important;
  gap: 6px !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__action-label,
.main-hiro-section .main-hiro-right .hiro-rail-card__action-btn {
  width: clamp(30px, 2vw, 36px) !important;
  height: clamp(30px, 2vw, 36px) !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: #050505 !important;
  box-shadow: 0 10px 22px rgba(0, 0, 0, 0.08) !important;
}

/* Content layout */
.main-hiro-section .main-hiro-right .hiro-rail-card__content {
  grid-area: content !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-content: stretch !important;
  min-width: 0 !important;
  min-height: 0 !important;
  gap: clamp(7px, 0.6vw, 10px) !important;
  padding: clamp(13px, 1vw, 18px) !important;
  overflow: hidden !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__head {
  display: grid !important;
  gap: clamp(5px, 0.45vw, 8px) !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding-right: clamp(28px, 2.3vw, 42px) !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__main {
  display: grid !important;
  grid-template-rows: minmax(0, 1fr) auto !important;
  gap: clamp(7px, 0.6vw, 10px) !important;
  min-height: 0 !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__body {
  display: grid !important;
  align-content: end !important;
  gap: clamp(7px, 0.6vw, 10px) !important;
  min-height: 0 !important;
}

/* Text */
.main-hiro-section .main-hiro-right .hiro-rail-card__eyebrow,
.main-hiro-section .main-hiro-right .card-category,
.main-hiro-section .main-hiro-right .subtitle {
  margin: 0 !important;
  color: rgba(5, 5, 5, 0.54) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.17em !important;
  font-family: var(--second-font) !important;
  font-size: clamp(9px, 0.65vw, 12px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__title,
.main-hiro-section .main-hiro-right .card-title {
  margin: 0 !important;
  min-width: 0 !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__title a,
.main-hiro-section .main-hiro-right .card-title a {
  display: -webkit-box !important;
  max-width: 100% !important;
  color: #050505 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  letter-spacing: -0.025em !important;
  font-family: var(--second-font) !important;
  font-size: clamp(13px, 0.95vw, 18px) !important;
  font-weight: 950 !important;
  line-height: 1.04 !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Hide selectors in right rail by default to keep card clean */
.main-hiro-section .main-hiro-right .hiro-rail-card__variants,
.main-hiro-section .main-hiro-right .size-selectors {
  display: none !important;
}

/* Price + button row */
.main-hiro-section .main-hiro-right .hiro-rail-card__price-row,
.main-hiro-section .main-hiro-right .price-btn {
  display: grid !important;
  grid-template-columns: minmax(0, max-content) auto !important;
  align-items: center !important;
  justify-content: start !important;
  gap: clamp(12px, 1vw, 18px) !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 0 !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__price-box,
.main-hiro-section .main-hiro-right .card-price-box {
  min-width: 0 !important;
  width: auto !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__price,
.main-hiro-section .main-hiro-right .hiro-rail-card__price .price,
.main-hiro-section .main-hiro-right .hiro-rail-card__price .price-item,
.main-hiro-section .main-hiro-right .card-price-box .price,
.main-hiro-section .main-hiro-right .card-price-box .price-item {
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #050505 !important;
  font-family: var(--second-font) !important;
  font-size: clamp(14px, 0.95vw, 18px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__price :is(.price__sale, .price__regular),
.main-hiro-section .main-hiro-right .card-price-box .price :is(.price__sale, .price__regular) {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 5px !important;
}
.main-hiro-section .main-hiro-right .price__compare,
.main-hiro-section .main-hiro-right .price-item--regular {
  display: none !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__form-wrap,
.main-hiro-section .main-hiro-right .hiro-rail-card__product-form,
.main-hiro-section .main-hiro-right .hiro-rail-card__form,
.main-hiro-section .main-hiro-right .product-form-wrap,
.main-hiro-section .main-hiro-right .product-form,
.main-hiro-section .main-hiro-right form {
  min-width: 0 !important;
  width: auto !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__submit,
.main-hiro-section .main-hiro-right .product-form__submit,
.main-hiro-section .main-hiro-right .cart-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
  max-width: none !important;
  min-width: clamp(116px, 8.2vw, 150px) !important;
  min-height: clamp(38px, 2.5vw, 44px) !important;
  padding: 0 clamp(14px, 1vw, 18px) !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #050505 !important;
  color: #fff !important;
  text-transform: uppercase !important;
  letter-spacing: 0.035em !important;
  font-family: var(--second-font) !important;
  font-size: clamp(9px, 0.62vw, 11px) !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__submit-text,
.main-hiro-section .main-hiro-right .cart-btn__txt {
  display: inline-block !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
.main-hiro-section .main-hiro-right .hiro-rail-card__submit-icon,
.main-hiro-section .main-hiro-right .product-form__submit svg,
.main-hiro-section .main-hiro-right .cart-button svg {
  flex: 0 0 auto !important;
  width: 14px !important;
  height: 14px !important;
}

/* Footer is hidden in hero rail to avoid crowding */
.main-hiro-section .main-hiro-right .hiro-rail-card__footer,
.main-hiro-section .main-hiro-right .card-footer {
  display: none !important;
}

/* Slick dots: keep clean */
.main-hiro-section .main-hiro-right .slick-dots {
  position: absolute !important;
  right: 12px !important;
  bottom: 10px !important;
  z-index: 5 !important;
  display: flex !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.main-hiro-section .main-hiro-right .slick-dots li,
.main-hiro-section .main-hiro-right .slick-dots button {
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}
.main-hiro-section .main-hiro-right .slick-dots button {
  width: 6px !important;
  height: 6px !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(5, 5, 5, 0.22) !important;
  font-size: 0 !important;
}
.main-hiro-section .main-hiro-right .slick-dots .slick-active button {
  background: #050505 !important;
}

/* Middle reversed card gets a little more room for text */
.main-hiro-section .main-hiro-right .product-card-reverse .hiro-rail-card__content {
  padding-right: clamp(13px, 1vw, 18px) !important;
}

/* Compact screens */

/* Tablet landscape */

.video-play-colum{
  max-width: 150px;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.poster-button {
  display: flex;
  background: var(--second-color);
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  margin-right: 15px;
  box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.37), 0 0 0 0 rgba(255, 130, 77, 0.67);
  transform: translate3d(0, 0, 0);
  animation: pulse 2s infinite cubic-bezier(0.66, 0.33, 0, 1);
}
.poster-button svg {
  height: 20px;
  width: 20px;
}
.video-lbl {
  font-weight: 600;
  font-size: 14px;
}
.overlay-popup {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: all ease-in-out 0.5s;
  visibility: hidden;
  opacity: 0;
  z-index: var(--z-layer-4);
}
.overlay-popup.popup-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  border-radius: 0;
  max-width: 50%;
  width: 100%;
  transition: 1s ease-in-out;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.popup-inner .content {
  display: flex;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.close-popup {
  position: absolute;
  transition: 200ms ease-in;
  font-size: 30px;
  text-decoration: none;
  z-index: 1;
  top: -40px;
  right: 1px;
  width: 30px;
  height: 30px;
  font-weight: bold;
  background-color: var(--second-color);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.close-popup svg {
  height: 15px;
  width: 15px;
}
.popup-inner .content iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  box-shadow: none;
}
.playbutton-sec {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.offset-container {
  position: relative;
}
.offset-left {
  margin-left: calc((100% - 1170px) / 2);
  padding-left: 15px;
}
.offset-right {
  margin-right: calc((100% - 1170px) / 2);
  margin-left: 0;
  padding-right: 15px;
}
.variant-webi .title {
  margin: 0 0 5px;
}
.variant-webi .size-select {
  width: 100%;
  margin: 0 0 10px;
  border: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.variant-webi label.color-swatch {
  border: 1px solid var(--black);
  padding: 5px;
  display: inline-block;
}
.product-image:not(.hiro-rail-card__media) {
  max-width: 40%;
  width: 100%;
  display: flex;
}
.product-content {
  width: 100%;
  display: flex;
  justify-content: center;
  flex: 1;
  padding: 15px 15px;
  flex-direction: column;
}
.product-image:not(.hiro-rail-card__media) a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.product-image:not(.hiro-rail-card__media) a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-position: center;
}
.main-hiro-pro-box {
  position: relative;
}
.product-card {
  display: flex;
}
.product-card .product-card-inner {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.product-cont-top {
  width: 100%;
  flex: 1;
}
.product-cont-top :is(h3, h4) {
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.product-cont-top :is(h3, h4) a {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.blog-caption :is(h3, h5) a {
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.price-btn .cart-button {
  border: none;
  color: var(--white);
  padding: 0;
  flex-shrink: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  outline: none;
}
.price-btn .cart-button .kga-icon, .qnty-btn-wrp .cart-btn .kga-icon, .qnty-btn-wrp .qv-add-btn .kga-icon {
  --icon-size: 18px;
  color: currentColor;
}
.blog-caption p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}
.price-btn .cart-button[disabled] {
  opacity: 0.4;
  cursor: not-allowed;
}
.bg-light .price-btn .cart-button {
  background: var(--border-color);
  border: 1px solid var(--second-color);
}
.bg-black .product-card .link-btn {
  justify-content: flex-start;
}
.bestseller-section .price-btn .cart-button .kga-icon {
  --icon-size: 16px;
  color: var(--white) !important;
}
.price-btn .cart-button .loading-overlay__spinner :is(svg, .kga-spinner) {
  margin: 0 !important;
}
.product-card-itm {
  padding: 0 12px;
}
.bg-light {
  background-color: var(--color-accent, var(--second-color));
  color: var(--color-text-inverse, var(--border-color));
}
.bg-black {
  background-color: var(--color-surface, var(--border-color));
  color: var(--color-text, var(--white));
}
.main-hiro-pro-box.bg-light::after {
  background: var(--second-color);
}
.main-hiro-pro-box.bg-black::after {
  background: var(--border-color);
}
.product-card, .product-card-inner {
  position: relative;
}
.product-card-reverse .product-card-inner {
  flex-direction: row-reverse;
}
.product-card .custom_label {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  background: var(--color-danger, var(--grey-color));
  color: var(--color-danger-contrast, var(--border-color));
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
  border: 1px solid color-mix(in srgb, var(--color-danger-contrast, var(--border-color)) 28%, transparent);
}
.product-card-inner .wish-lbl-wrp {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.product-card-inner .wish-lbl-wrp .kga-icon {
  --icon-size: 18px;
}
.price-btn {
  display: flex;
  align-items: stretch;
  width: 100%;
  flex-wrap: nowrap;
}
.price-btn .price {
  margin: 0;
  padding: 0 14px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  border: 0;
  box-shadow: none;
}
.price-item--regular, .price-item--sale, .price-btn ins {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
}
.price-btn del, .price-btn s, .price-btn .price-item--compare {
  display: none !important;
}
.product-card .price-btn .cart-button, .product-card .add-cart-btn {
  width: 100%;
}
.bg-black .product-card .price-btn .cart-button {
  color: var(--color-accent-contrast, var(--theme-color));
  background: var(--color-accent, var(--second-color));
}
.bg-black .product-card .price-btn .cart-button :is(.kga-icon, svg, i) {
  color: currentColor;
}
.product-card sub, .product-card sup {
  font-size: 10px;
}
.product-card .product-card-content h4, .product-card .card-title {
  font-size: 14px;
  line-height: 1.2;
  margin: 0;
}
.product-card .product-card-content p, .product-card .subtitle, .product-card .card-category {
  font-size: 12px;
  line-height: 1.4;
  margin: 0 0 6px;
}
.link-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 18px;
  line-height: 1;
  text-decoration: none;
  color: currentColor;
}
.link-btn svg, .link-btn i {
  width: 10px;
  height: 10px;
  fill: currentColor;
  color: currentColor;
  margin: 0;
}
.product-card .link-btn {
  margin-left: auto;
  justify-content: flex-end;
  margin-top: 20px;
}
.bg-black .slick-dots li {
  background: color-mix(in srgb, var(--color-text) 26%, transparent);
}
.bg-black .slick-dots li.slick-active::before {
  border-color: var(--color-text);
}
.bg-light .slick-dots li {
  background: color-mix(in srgb, var(--color-text-inverse) 30%, transparent);
}
.bg-light .slick-dots li.slick-active::before {
  border-color: var(--color-text-inverse);
}
.size-selectors {
  margin: 0 0 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.size-selectors .nice-select {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto !important;
  max-width: 100%;
  min-height: 30px;
  padding: 0 12px;
  appearance: none;
  text-align: center !important;
  white-space: nowrap;
  line-height: 1.2;
  font-size: 12px;
  color: currentColor;
  background: transparent;
  border: 1px solid currentColor;
  box-shadow: none;
}
.size-selectors .nice-select:not(:first-of-type) {
  text-align: center !important;
}
.size-selectors .nice-select:not(:last-of-type)::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  transform: translateY(-50%);
  background: currentColor;
}
.size-selectors .nice-select::after {
  display: none;
}
.main-hiro-pro-box.bg-black {
  border-left: 1px solid #ebe8e3;
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b {
  font-weight: 400;

}

/* =========================================================
   HOME CATEGORY — DESKTOP GRID / MOBILE SLIDER
========================================================= */

.home-cat-section {
  --cat-max: 1600px;
  --cat-gap: 18px;
  --cat-gap-mobile: 12px;
  --cat-pad-x: 24px;
  --cat-pad-x-mobile: 14px;
  --cat-media-ratio: 1 / 1;

  width: 100%;
  max-width: var(--cat-max) !important;
  margin-inline: auto !important;
  padding-inline: var(--cat-pad-x) !important;
  box-sizing: border-box;
}
.home-cat-section,
.home-cat-section * {
  box-sizing: border-box;
}
.home-cat-section .home-cat-inner {
  width: 100%;
  min-width: 0;
}

/* =========================================================
   HOME CATEGORY TITLE — MATCH BESTSELLERS
========================================================= */

.home-cat-section .home-cat-heading {
  margin: 0 0 clamp(14px, 1.4vw, 22px) !important;
  padding-bottom: clamp(10px, 0.9vw, 14px) !important;
  border-bottom: 2px solid var(--second-color, #050505) !important;
  color: var(--second-color, #050505) !important;
  font-family: var(--second-font) !important;
  font-size: clamp(30px, 3.2vw, 54px) !important;
  font-weight: 950 !important;
  line-height: 0.9 !important;
  letter-spacing: -0.055em !important;
  text-transform: uppercase !important;
}

/* Desktop section spacing */
.home-cat-section {
  padding-top: clamp(18px, 2vw, 34px) !important;
}

/* Tablet */

/* Mobile */

/* Desktop grid */
.home-cat-section .home-cat-left-inner {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: var(--cat-gap) !important;
  align-items: start;
  width: 100%;
  min-width: 0;
}
.home-cat-section .home-cat-box {
  width: 100%;
  min-width: 0;
  margin: 0 !important;
}
.home-cat-section .home-cat-box > a {
  position: relative !important;
  display: block !important;
  width: 100%;
  overflow: hidden;
  padding: 0 !important;
  color: inherit;
  text-decoration: none;
}
.home-cat-section .home-cat-box > a::after {
  content: none !important;
}
.home-cat-section .home-cat-box > a > img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: var(--cat-media-ratio);
  object-fit: cover !important;
  object-position: center;
  transform: scale(1);
  transition: transform 0.25s ease;
}
.home-cat-section .home-cat-box:hover > a > img,
.home-cat-section .home-cat-box > a:focus-visible > img {
  transform: scale(1.03);
}

/* Text */
.home-cat-section .home-cat-text {
  position: static !important;
  z-index: auto !important;
  max-width: none !important;
  padding-top: 12px;
  color: inherit;
}
.home-cat-section .home-cat-text .subtitle {
  margin: 0 0 5px;
  opacity: 0.65;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 10px;
  line-height: 1.2;
}
.home-cat-section .home-cat-text h3 {
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: 0.045em;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.15;
}
.home-cat-section .home-cat-text .home-cat-desc {
  margin: 0 0 12px;
  opacity: 0.72;
  font-size: 13px;
  line-height: 1.45;
}
.home-cat-section .home-cat-text .link-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-top: 4px;
  padding-bottom: 2px;
  border-bottom: 2px solid currentColor;
  color: inherit;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.06em;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.2;
}
.home-cat-section .home-cat-text .link-btn svg {
  display: none !important;
}

/* Tablet */

/* =========================================================
   MOBILE — REAL HORIZONTAL SLIDER
========================================================= */

/* Small phones */

/* Large phones */.feature-pro-itm {
  height: calc(50% - 15px);
  display: flex;
  padding: 10px 0;
  overflow: hidden;
  width: 100%;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.featured-img-wrp {
  display: flex;
  overflow: hidden;
  height: 100%;
}
.featured-img-wrp img {
  width: 100%;
  transition: all ease-in-out 0.7s;
  height: 100%;
  object-fit: cover;
}
.featured-img-wrp:hover img {
  transform: scale(1.1);
}
.feature-pro {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.feature-verticle {
  display: flex;
  align-items: flex-end;
  margin-top: auto;
}
.feature-title {
  display: flex;
}
.feature-pro-itm select, .hiro-pro-itm select {
  color: var(--black);
}
.quickview_popup_data label {
  color: var(--black);
}
.feature-verticle h2, .feature-verticle .subheading {
  margin: 0px 11px 0px;
  writing-mode: tb-rl;
  text-orientation: sideways-right;
  transform: rotate(180deg);
  max-height: min-content;
  text-transform: uppercase;
}
.feature-verticle .subheading {
  margin: 0 !important;
  line-height: normal;
  font-size: 24px;
}
.feature-verticle h2 {
  font-size: 54px;
  line-height: 1;
}
.new-featured-section {
  position: relative;
  z-index: 1;
}
.new-featured-section .featured-section, .new-featured-section .row {
  align-items: stretch;
}
.new-featured-section .feature-img, .new-featured-section .feature-pro, .new-featured-section .feature-title {
  display: flex;
}
.new-featured-section .featured-img-wrp {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  border-radius: 22px;
  background: color-mix(in srgb, var(--color-surface) 76%, var(--color-bg) 24%);
}
.new-featured-section .featured-img-wrp img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 100%;
  object-fit: cover;
}
.feature-pro-itm .product-card-inner, .feature-pro-itm .best-seller-card, .special-product .product-card-inner, .main-hiro-pro-slider .product-card-inner {
  width: 100%;
}
.border-left-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 66px;
}
.border-left-btn::before {
  z-index: -1;
  content: "";
  height: 1px;
  background: color-mix(in srgb, var(--color-text) 18%, transparent);
  width: calc(50% - 96px);
  left: 0;
  position: absolute;
  
}

/* =========================================================
   HIRO RAIL CARD — CLEAN / LIGHT / RESPONSIVE
   Replace the old .hiro-rail-card CSS with this.
========================================================= */

.hiro-rail-card {
  --hr-text: var(--color-text, #050505);
  --hr-bg: var(--color-surface, #fff);
  --hr-page: var(--color-bg, #f5f2ee);
  --hr-surface: color-mix(in srgb, var(--hr-bg) 76%, var(--hr-page) 24%);
  --hr-border: var(--color-border, rgba(5, 5, 5, 0.12));
  --hr-border-strong: var(--color-border-strong, rgba(5, 5, 5, 0.28));
  --hr-muted: var(--color-text-soft, rgba(5, 5, 5, 0.58));
  --hr-accent: var(--color-accent, #050505);
  --hr-accent-contrast: var(--color-accent-contrast, #fff);
  --hr-danger: var(--color-danger, #dc0000);
  --hr-danger-contrast: var(--color-danger-contrast, #fff);
  --hr-font: var(--second-font, inherit);
  --hr-body-font: var(--first-font, inherit);

  position: relative;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-width: 0;
  min-height: 100%;
  overflow: hidden;
  background: var(--hr-bg);
  border: 1px solid var(--hr-border);
  color: var(--hr-text);
}

/* =========================
   MEDIA
========================= */

.hiro-rail-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1.08;
  overflow: hidden;
  background: var(--hr-surface);
}
.hiro-rail-card__media-item,
.hiro-rail-card__hover-image,
.hiro-rail-card__media-placeholder {
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
}
.hiro-rail-card__image,
.hiro-rail-card__placeholder {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.hiro-rail-card__hover-image {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.hiro-rail-card__badge {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 3;
  max-width: calc(100% - 20px);
  padding: 6px 9px;
  border: 1px solid color-mix(in srgb, var(--hr-danger-contrast) 20%, transparent);
  border-radius: 999px;
  background: var(--hr-danger);
  color: var(--hr-danger-contrast);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font: 900 9px / 1 var(--hr-font);
}

/* =========================
   ACTIONS
========================= */

.hiro-rail-card__actions {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 4;
  display: grid;
  gap: 7px;
}
.hiro-rail-card__action {
  margin: 0;
  padding: 0;
}
.hiro-rail-card__action-label,
.hiro-rail-card__action-btn {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid color-mix(in srgb, var(--hr-text) 10%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--hr-bg) 86%, transparent);
  color: var(--hr-text);
  text-decoration: none;
  cursor: pointer;
}
.hiro-rail-card__action-btn :is(svg, i),
.hiro-rail-card__action-label :is(svg, i) {
  width: 18px;
  height: 18px;
  color: currentColor;
}
.hiro-rail-card__action .checkmark,
.hiro-rail-card .compare-now {
  display: none !important;
}
.hiro-rail-card__actions .pro-wishlist.active :is(.hiro-rail-card__action-label, .hiro-rail-card__action-btn, .wishlist-label),
.hiro-rail-card__actions .pro-wishlist.active :is(svg, path) {
  color: var(--hr-danger) !important;
  fill: var(--hr-danger) !important;
  stroke: var(--hr-danger) !important;
}

/* =========================
   CONTENT
========================= */

.hiro-rail-card__content {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  gap: 10px;
  min-width: 0;
  min-height: 0;
  padding: 14px;
  background: var(--hr-bg);
}
.hiro-rail-card__head,
.hiro-rail-card__main,
.hiro-rail-card__body {
  display: grid;
  min-width: 0;
  min-height: 0;
}
.hiro-rail-card__head {
  gap: 6px;
}
.hiro-rail-card__main {
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 8px;
}
.hiro-rail-card__body {
  align-content: end;
  gap: 8px;
}
.hiro-rail-card__eyebrow {
  margin: 0;
  color: var(--hr-muted);
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font: 900 10px / 1 var(--hr-body-font);
}
.hiro-rail-card__title {
  margin: 0;
  min-width: 0;
}
.hiro-rail-card__title a {
  display: -webkit-box;
  color: var(--hr-text);
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  font: 900 clamp(12px, 0.82vw, 14px) / 1.12 var(--hr-body-font);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* =========================
   VARIANTS
========================= */

.hiro-rail-card__variants {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}
.hiro-rail-card__select,
.hiro-rail-card__select.nice-select {
  min-width: 92px;
  min-height: 34px;
  padding: 0 14px;
  border: 1px solid var(--hr-border);
  border-radius: 999px;
  background: var(--hr-bg);
  color: var(--hr-text);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font: 900 9px / 1 var(--hr-body-font);
}

/* =========================
   PRICE + CTA
========================= */

.hiro-rail-card__price-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  margin-top: auto;
  min-width: 0;
}
.hiro-rail-card__price-box {
  min-width: 0;
}
.hiro-rail-card__price {
  display: flex;
  align-items: center;
  min-height: 38px;
  min-width: 0;
  color: var(--hr-text);
  font: 900 clamp(12px, 0.82vw, 14px) / 1 var(--hr-font);
}
.hiro-rail-card__price :is(.price, .price__container, .price-item) {
  font: inherit;
  color: inherit;
}
.hiro-rail-card__price :is(.price__sale, .price__regular) {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.hiro-rail-card__form-wrap,
.hiro-rail-card__product-form,
.hiro-rail-card__form {
  width: 100%;
  min-width: 0;
}
.hiro-rail-card__submit {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 116px;
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--hr-accent);
  border-radius: 999px;
  background: var(--hr-accent);
  color: var(--hr-accent-contrast);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font: 900 9px / 1 var(--hr-font);
  cursor: pointer;
}
.hiro-rail-card__submit :is(.kga-icon, svg, i) {
  width: 16px;
  height: 16px;
  color: currentColor;
}

/* =========================
   FOOTER
========================= */

.hiro-rail-card__footer {
  display: flex;
  align-items: center;
  min-height: 20px;
}
.hiro-rail-card__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--hr-accent);
  text-decoration: none;
  font: 900 10px / 1.1 var(--hr-body-font);
}
.hiro-rail-card__link-icon {
  width: 12px;
  height: 12px;
}

/* =========================
   INSIDE MAIN HERO RIGHT RAIL
   Overrides only when card is inside .main-hiro-right.
========================= */

.main-hiro-right .hiro-rail-card {
  display: grid !important;
  grid-template-columns: minmax(112px, 38%) minmax(0, 1fr);
  grid-template-rows: 1fr;
  height: 100%;
  min-height: 0 !important;
  border-radius: 0;
  box-shadow: none;
}
.main-hiro-right .product-card-reverse .hiro-rail-card {
  grid-template-columns: minmax(0, 1fr) minmax(112px, 38%);
}
.main-hiro-right .product-card-reverse .hiro-rail-card__media {
  order: 2;
}
.main-hiro-right .product-card-reverse .hiro-rail-card__content {
  order: 1;
}
.main-hiro-right .hiro-rail-card__media {
  aspect-ratio: auto;
  height: 100%;
  min-height: 0 !important;
}
.main-hiro-right .hiro-rail-card__image,
.main-hiro-right .hiro-rail-card__placeholder {
  object-fit: contain !important;
  padding: clamp(6px, 0.7vw, 10px);
}
.main-hiro-right .hiro-rail-card__content {
  gap: 6px;
  padding: clamp(9px, 0.75vw, 14px);
  overflow: hidden;
}
.main-hiro-right .hiro-rail-card__head {
  gap: 5px;
}
.main-hiro-right .hiro-rail-card__main {
  gap: 6px;
}
.main-hiro-right .hiro-rail-card__body {
  gap: 6px;
}
.main-hiro-right .hiro-rail-card__eyebrow {
  font-size: var(--hiro-rail-meta-fs, 9px);
  letter-spacing: 0.16em;
}
.main-hiro-right .hiro-rail-card__title a {
  font-family: var(--second-font);
  font-size: var(--hiro-rail-title-fs, 14px);
  line-height: 1.05;
}
.main-hiro-right .hiro-rail-card__price {
  min-height: auto;
  font-family: var(--second-font);
  font-size: var(--hiro-rail-price-fs, 14px);
}
.main-hiro-right .hiro-rail-card__select {
  min-height: 32px !important;
  min-width: 88px !important;
  font-size: 8.5px !important;
}
.main-hiro-right .hiro-rail-card__submit {
  min-width: 106px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 8.5px;
}
.main-hiro-right .hiro-rail-card__footer {
  min-height: 16px;
}

/* Compact height safety */

/* Mobile outside hero */

/* Reduced motion */



/* =========================================================
   BESTSELLERS — LIGHTWEIGHT CATALOG STYLE
========================================================= */

.bestseller-section{
  --bs-max:1760px;
  --bs-pad-x:clamp(16px,1.8vw,28px);
  --bs-gap:16px;
  --bs-bg:var(--color-bg,#f5f2ee);
  --bs-card:var(--color-surface,#fff);
  --bs-text:var(--color-text,#050505);
  --bs-muted:color-mix(in srgb,var(--bs-text) 58%,transparent);
  --bs-border:color-mix(in srgb,var(--bs-text) 12%,transparent);
  --bs-accent:var(--color-accent,#050505);
  --bs-accent-contrast:var(--color-accent-contrast,#fff);
  --bs-font-display:var(--second-font);
  --bs-font-body:var(--first-font);
  width:100%;
  padding:0 0 clamp(30px,3vw,48px);
  color:var(--bs-text);
  background:transparent;
}
.bestseller-section,
.bestseller-section *{box-sizing:border-box}
.bestseller-wrap{
  width:100%;
  max-width:var(--bs-max);
  margin-inline:auto;
  padding-inline:var(--bs-pad-x);
}
.bestseller-wrap .container{
  width:100%!important;
  max-width:none!important;
  margin:0 0 16px!important;
  padding:0!important;
}
.bestseller-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:end!important;
  padding:14px 0 12px;
  margin:0 0 18px;
  border-bottom:1px solid var(--bs-border);
}
.bestseller-head h2,
.bestseller-section .section-title h2{
  margin:0;
  color:var(--bs-text);
  text-transform:uppercase;
  letter-spacing:-.05em;
  font:900 clamp(30px,2.5vw,46px)/.86 var(--bs-font-display);
}
.bestseller-section .cat-tab{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:7px;
  margin:0;
  padding:0;
  list-style:none;
}
.bestseller-section .cat-tab li{
  flex:0 0 auto;
  margin:0;
  padding:0;
}
.bestseller-section .cat-tab li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border:1px solid var(--bs-border);
  border-radius:999px;
  background:transparent;
  color:var(--bs-text);
  text-decoration:none;
  white-space:nowrap;
  text-transform:uppercase;
  letter-spacing:.055em;
  font:850 10px/1 var(--bs-font-body);
}
.bestseller-section .cat-tab li a:hover{border-color:var(--bs-text)}
.bestseller-section .cat-tab li.active a{
  background:var(--bs-accent);
  border-color:var(--bs-accent);
  color:var(--bs-accent-contrast);
}
.bestseller-body,
.tab-content,
.tab-content.active,
.bestsellers-desktop,
.bestsellers-mobile-grid,
.bestseller-itm,
.main-best,
.bmobile-item,
.best-slide,
.best-slide-inner{min-width:0}
.bestseller-body{
  position:relative;
  overflow:visible;
}
.tab-content{display:none}
.tab-content.active{display:block}
.bestsellers-desktop{display:block}
.bestsellers-mobile-grid{display:none}
.bestseller-section .bg-black,
.bestseller-itm{background:transparent!important}
.bestseller-itm{
  display:block!important;
  width:100%;
  max-width:100%;
  padding:0!important;
  border:0!important;
  box-shadow:none!important;
}
.best-seller-card{
  --card-img-bg:color-mix(in srgb,var(--bs-text) 7%,var(--bs-bg) 93%);
  position:relative;
  display:grid;
  grid-template-rows:auto auto auto;
  width:100%;
  min-height:100%;
  overflow:visible;
  color:var(--bs-text);
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.best-seller-card:hover{
  transform:none;
  box-shadow:none;
}
.best-seller-card__media{
  position:relative;
  width:100%;
  aspect-ratio:1/.92;
  max-height:360px;
  overflow:hidden;
  background:var(--card-img-bg);
}
.best-seller-card__image-link{
  position:relative;
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}
.best-seller-card__image{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.best-seller-card__actions{
  position:absolute;
  top:12px;
  right:12px;
  z-index:5;
  display:grid;
  gap:6px;
}
.best-seller-card__action{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}
.best-seller-card__action label,
.best-seller-card__action a,
.best-seller-card__action .wishlist-label,
.best-seller-card__action .compare-label{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--bs-text);
  text-decoration:none;
  cursor:pointer;
}
.best-seller-card__action i,
.best-seller-card__action svg{
  width:19px;
  height:19px;
  color:currentColor;
  stroke-width:1.6px;
}
.best-seller-card__action label:hover,
.best-seller-card__action a:hover{opacity:.68}
.best-seller-card__action .checkmark,
.best-seller-card__action .compare-now{display:none!important}
.best-seller-card__action.pro-wishlist.active,
.best-seller-card__action.pro-wishlist.active label,
.best-seller-card__action.pro-wishlist.active .wishlist-label{color:#dc0000!important}
.best-seller-card__action.pro-wishlist.active i,
.best-seller-card__action.pro-wishlist.active svg,
.best-seller-card__action.pro-wishlist.active svg *,
.best-seller-card__action.pro-wishlist.active .wishlist-label *{
  color:#dc0000!important;
  fill:#dc0000!important;
  stroke:currentColor;
}
.best-seller-card__thumbs{
  display:flex;
  align-items:center;
  gap:4px;
  width:100%;
  min-width:0;
  padding:4px 0 0;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.best-seller-card__thumbs::-webkit-scrollbar{display:none}
.best-seller-card__thumb,
.best-seller-card__thumb-more{
  position:relative;
  flex:0 0 clamp(48px,4.8vw,72px);
  width:clamp(48px,4.8vw,72px);
  height:clamp(48px,4.8vw,72px);
  margin:0;
  padding:0;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:0;
  background:color-mix(in srgb,var(--bs-text) 8%,var(--bs-bg) 92%);
  color:var(--bs-text);
  overflow:hidden;
  cursor:pointer;
}
.best-seller-card__thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.best-seller-card__thumb.is-active{border-bottom-color:var(--bs-text)}
.best-seller-card__thumb-more{
  display:grid;
  place-items:center;
  text-decoration:none;
  font:900 12px/1 var(--bs-font-body);
}
.best-seller-card__label,
.best-seller-card__promo,
.best-seller-card__review,
.best-seller-card__swatches,
.best-seller-card__selectors,
.best-seller-card__discount,
.best-seller-card__price-old,
.best-seller-card__variant-form{display:none!important}
.best-seller-card__content{
  display:grid;
  gap:4px;
  padding:10px 0 0;
  background:transparent;
  text-align:left;
}
.best-seller-card__price{
  order:1;
  display:flex;
  align-items:center;
  gap:6px;
  margin:0 0 4px;
}
.best-seller-card__price-current{
  color:var(--bs-text);
  font:900 14px/1 var(--bs-font-body);
}
.best-seller-card__title{
  order:2;
  margin:0;
  min-height:0;
  color:var(--bs-text);
  text-transform:none;
  letter-spacing:0;
  font:500 13px/1.18 var(--bs-font-body);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.best-seller-card__title a,
.best-seller-card__title span{
  color:inherit;
  text-decoration:none;
}
.best-seller-card__type{
  order:3;
  margin:0;
  color:var(--bs-muted);
  text-transform:none;
  letter-spacing:0;
  font:400 12px/1.2 var(--bs-font-body);
}
.best-seller-card__status{
  order:4;
  color:var(--bs-text);
  font:400 12px/1.2 var(--bs-font-body);
}
.bestseller-section .slick-arrow,
.bestseller-section .slick-prev,
.bestseller-section .slick-next,
.bestseller-section .slick-dots{display:none!important}
.bestseller-custom-nav{
  display:grid;
  grid-template-columns:minmax(180px,540px) auto;
  grid-template-areas:"page next" "bar next";
  align-items:center;
  gap:28px 48px;
  width:100%;
  max-width:1120px;
  margin:clamp(30px,3.4vw,54px) auto 0;
}
.bestseller-custom-nav__page{
  grid-area:page;
  justify-self:center;
  color:var(--bs-text);
  font:400 clamp(17px,1.2vw,23px)/1 var(--bs-font-body);
}
.bestseller-custom-nav__bar{
  grid-area:bar;
  position:relative;
  width:100%;
  height:5px;
  background:rgba(5,5,5,.08);
  overflow:hidden;
}
.bestseller-custom-nav__bar span{
  position:absolute;
  inset:0 auto 0 0;
  width:0%;
  background:#050505;
  transition:width .22s ease;
}
.bestseller-custom-nav__next{
  grid-area:next;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  min-width:150px;
  min-height:66px;
  padding:0 30px;
  border:1px solid #050505;
  background:transparent;
  color:#050505;
  cursor:pointer;
  font:800 clamp(17px,1.2vw,23px)/1 var(--bs-font-body);
}
.bestseller-custom-nav__next:hover{
  background:#050505;
  color:#fff;
}
.bestseller-custom-nav__arrow{
  font-size:32px;
  font-weight:400;
  line-height:1;
}
.pdp-skincare-section .section-title {
  margin-bottom: 20px;
}
.men-skincare-section {
  overflow-x: hidden;
}
.skincare-left-box .section-title {
  max-width: 235px;
}
.section-title .subtitle {
  line-height: 18px;
  color: color-mix(in srgb, var(--second-color) 70%, transparent);
}
.skincare-left-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.skincare-right {
  height: 100%;
}
.skincare-left {
  width: 100%;
}
.skincare-pro .skincare-pro-full:not(:last-of-type) {
  margin-bottom: 30px;
}
.skincare-right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.skincare-pro-full .hiro-pro-itm {
  display: flex !important;
}
.bestsell-slider .slick-list {
  margin: 0 -10px;
}
.men-skincare-section .slick-slider .slick-arrow, .pdp-skincare-section .slick-slider .slick-arrow {
  background: var(--second-color);
  color: var(--white);
}
.men-skincare-section .slick-slider .slick-arrow:hover, .pdp-skincare-section .slick-slider .slick-arrow:hover {
  background: var(--theme-color);
  color: var(--white);
}
.vedio-top-section {
  position: relative;
  z-index: 1;
}
.vedio-top-section .row {
  margin-bottom: -150px;
}
.vedio-top-left-inner {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  padding-top: 60px;
}
.vedio-top-left-inner .section-title {
  margin: 0;
  max-width: 216px;
}
.vedio-top-left-contnt {
  flex: 1;
  padding-left: 40px;
}
.vedio-top-left-inner .section-title h2 {
  line-height: 1.1;
}
.vedio-top-right a {
  position: relative;
  display: flex;
  min-height: 400px;
  align-items: flex-end;
}
.vedio-top-right a img {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 0;
  right: 0;
  width: 100%;
  object-fit: cover;
  z-index: 0;
}
.vedio-top-right a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.vedio-tp-right-contn {
  position: relative;
  z-index: 1;
  padding: 20px;
}
.vedio-tp-right-contn .section-title {
  margin-bottom: 15px;
  max-width: 200px;
}
.vedio-tp-right-contn .link-btn svg {
  fill: var(--white);
}
.vedio-tp-right-contn .section-title .subtitle {
  font-size: 20px;
}
.video-right-wrap {
  position: relative;
  padding-top: 50%;
}
.video-right-wrap video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.video-right-wrap .play-vid {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
}
.video-right-wrap .play-vid svg {
  width: 80px;
  height: 80px;
  fill: var(--border-color);
  margin-right: 20px;
}
.play-vid span {
  font-size: 18px;
  max-width: 124px;
  line-height: 1.1;
  color: var(--border-color);
}
.play-vid span b {
  font-weight: normal;
}
.video-bottom-section .container {
  max-width: 1400px;
  margin-top: -90px;
  margin-bottom: 20px;
}
.video-bottom-section .bg-black {
  background-color: transparent !important;
}
.video-bottom-section .bg-black .product-card .product-card-inner {
  background-color: var(--theme-color);
  border-radius: 14px;
  overflow: hidden;
}
.video-bottom-section .bg-black .product-card .link-btn {
  display: none !important;
}
.video-bottom-section .price-item--sale {
  display: none !important;
}
.video-bottom-section .slick-slider .slick-arrow {
  background: transparent !important;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  width: 44px;
  height: 44px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.video-bottom-section .slick-slider .slick-arrow::before {
  opacity: 1 !important;
}
.video-bottom-section .slick-slider .slick-prev {
  left: -18px;
}
.video-bottom-section .slick-slider .slick-next {
  right: -18px;
}
.video-bottom-section .slick-slider .slick-arrow:active {
  transform: translateY(0);
}
.review-stars svg {
  margin-right: 10px;
}
.review-stars span b {
  color: var(--second-color);
}
.testi-img {
  width: 50px;
  height: 50px;
}
.testi-img img {
  height: 100%;
  width: 100%;
}
.test-auth-detail {
  flex: 1;
  padding-left: 10px;
}
.testimonial-itm-inner {
  border: 1px solid var(--border-color);
  height: 100%;
  display: flex;
  flex-direction: column;
}
.testimonial-itm-inner .testm-top {
  padding: 15px;
  flex: 1;
}
.testimonial-itm-inner .testm-top .review-title-wrp {
  gap: 10px;
}
.testimonial-slider .slick-track, .testimonial-slider .slick-list {
  display: flex;
}
.testimonial-itm {
  padding: 1px 10px;
  height: 100%;
}
.testimonial-slider .slick-list {
  margin: 0 -10px;
}
.testm-top h3 {
  font: var(--h5);
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.testm-top p {
  margin-top: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.test-auth-detail span {
  text-transform: uppercase;
  font-size: 13px;
}
.testimonial-section .section-title {
  margin-bottom: 30px;
}
.white-dots .slick-dots li {
  background: var(--white);
}
.white-dots .slick-dots li::before {
  border-color: var(--white);
}
.white-dots .slick-dots {
  position: relative;
  justify-content: flex-start;
  margin: 30px 15px 5px;
  bottom: auto;
}
.home-blog-slider .slick-list {
  margin: 0 -10px;
}
.home-blog-slider .slick-track, .home-blog-slider .slick-list {
  display: flex;
}
.blog-itm {
  padding: 0 10px;
  display: flex !important;
}
.blog-caption .blog-lbl-row {
  margin: 0px 0 15px;
}
.blog-caption .blog-lbl-row .blog-labl:not(:last-of-type) {
  margin-right: 15px;
  padding-right: 15px;
  position: relative;
}
.blog-caption .blog-lbl-row .blog-labl:not(:last-of-type)::after {
  content: "";
  height: 3px;
  width: 3px;
  background: var(--white);
  position: absolute;
  right: 0;
  border-radius: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.blog-itm-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--border-color);
}
.blog-caption {
  padding: 15px 15px 15px;
}
.blg-lbl {
  position: absolute;
  top: 10px;
  left: 10px;
  font-weight: 500;
  font-size: 12px;
  z-index: 1;
  background: var(--theme-color);
  padding: 5px;
  line-height: 1;
}
.blog-caption :is(h3, h5) {
  margin-bottom: 15px;
  font-size: 16px;
}
.blog-img {
  position: relative;
}
.blog-img a {
  display: block;
  padding-top: 60%;
  position: relative;
}
.blog-img a img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  object-fit: cover;
}
.site-footer {
  --f-bg: var(--color-accent);
  --f-text: var(--color-text-inverse);
  --f-muted: color-mix(in srgb, var(--color-text-inverse) 62%, transparent);
  --f-soft: color-mix(in srgb, var(--color-text-inverse) 10%, transparent);
  --f-soft-2: color-mix(in srgb, var(--color-text-inverse) 16%, transparent);
  --f-accent: var(--color-accent-contrast);
  --f-font-display: var(--second-font);
  --f-font-body: var(--first-font);
  background: var(--f-bg);
  color: var(--f-text);
  margin-top: 0;
  overflow: hidden;
  position: relative;
}
.site-footer .container {
  max-width: 1480px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
.site-footer .footer-eyebrow {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 22px 0 18px;
  border-bottom: 1px solid var(--f-soft-2);
  margin-bottom: 24px;
}
.site-footer .footer-eyebrow__brand {
  font-family: var(--f-font-display);
  font-size: clamp(28px, 3vw, 48px);
  font-weight: 900;
  letter-spacing: -.05em;
  line-height: .9;
  text-transform: uppercase;
  text-decoration: none;
  color: var(--f-text);
}
.site-footer .footer-eyebrow__brand:hover {
  color: var(--f-text);
}
.site-footer .footer-eyebrow__tagline {
  font-family: var(--f-font-body);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--f-text);
  white-space: nowrap;
  text-align: right;
}
.site-footer .footer-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1.15fr;
  gap: 0;
  align-items: start;
  border-top: 1px solid var(--f-soft);
  border-left: 1px solid var(--f-soft);
}
.site-footer .footer-col {
  min-width: 0;
  padding: 28px 26px 24px;
  border-right: 1px solid var(--f-soft);
  border-bottom: 1px solid var(--f-soft);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.site-footer .footer-link .footer-widget {
  width: 100%;
}
.site-footer .footer-subscribe-col {
  background: color-mix(in srgb, var(--color-text-inverse) 6%, transparent);
}
.site-footer .footer-subscribe-col .footer-widget {
  width: 100%;
  max-width: 420px;
}
.site-footer .footer-widget h4 {
  margin: 0 0 14px;
  padding-bottom: 10px;
  position: relative;
  font-family: var(--f-font-body);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.site-footer .footer-widget h4::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 24px;
  height: 2px;
  background: var(--f-accent);
}
.site-footer .footer-widget ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.site-footer .footer-widget ul li {
  margin: 0;
}
.site-footer .footer-widget ul li + li {
  margin-top: 9px;
}
.site-footer .footer-widget ul li a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: color-mix(in srgb, var(--f-text) 84%, transparent);
  text-decoration: none;
  font-family: var(--f-font-body);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.35;
  transition: color .18s ease, transform .18s ease;
}
.site-footer .footer-widget ul li a::before {
  content: "";
  width: 0;
  height: 1px;
  background: var(--f-accent);
  transition: width .18s ease;
}
.site-footer .footer-widget ul li a:hover {
  color: var(--f-text);
  transform: translateX(2px);
}
.site-footer .footer-widget ul li a:hover::before {
  width: 10px;
}
.site-footer .footer-widget h3 {
  margin: 0 0 10px;
  font-family: var(--f-font-display);
  font-size: clamp(24px, 2.4vw, 26px);
  font-weight: 900;
  line-height: .92;
  letter-spacing: -.05em;
  text-transform: uppercase;
  color: var(--f-text);
}
.site-footer .footer-widget > p {
  margin: 0 0 18px;
  max-width: 34ch;
  font-family: var(--f-font-body);
  font-size: 13px;
  line-height: 1.65;
  color: var(--f-text);
}
.site-footer .footer-subscribe-form .input-wrapper {
  width: 100%;
}
.site-footer .newsletter-form__field-wrapper {
  width: 100%;
}
.site-footer .footer-subscribe-form .field {
  display: flex;
  align-items: stretch;
  min-height: 32px;
  border: 1px solid var(--f-soft-2);
  background: color-mix(in srgb, var(--f-bg) 90%, var(--f-text) 10%);
  transition: border-color .18s ease, background .18s ease;
}
.site-footer .footer-subscribe-form .field:focus-within {
  border-color: color-mix(in srgb, var(--f-text) 42%, transparent);
  background: color-mix(in srgb, var(--f-bg) 84%, var(--f-text) 16%);
}
.site-footer .footer-subscribe-form .field__input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: none;
  box-shadow: none;
  background: transparent;
  color: var(--f-text);
  padding: 0 14px;
  font-family: var(--f-font-body);
  font-size: 13px;
  letter-spacing: .02em;
}
.site-footer .footer-subscribe-form .field__input::placeholder {
  color: var(--f-muted);
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: .16em;
}
.site-footer .newsletter-form__button {
  width: 56px;
  min-width: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-left: 1px solid var(--f-soft-2);
  background: var(--f-accent);
  color: var(--f-bg);
  cursor: pointer;
  transition: background .18s ease, color .18s ease;
}
.site-footer .newsletter-form__button:hover {
  background: var(--f-text);
  color: var(--f-bg);
}
.site-footer .newsletter-form__button i {
  font-size: 15px;
  line-height: 1;
}
.site-footer .newsletter-form__message {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  font-family: var(--f-font-body);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}
.site-footer .newsletter-form__message i {
  font-size: 13px;
  flex: 0 0 auto;
}
.site-footer .newsletter-form__message--error {
  color: color-mix(in srgb, var(--color-danger-contrast) 20%, var(--color-danger) 80%);
}
.site-footer .newsletter-form__message--success {
  color: color-mix(in srgb, #78d99b 78%, var(--f-text) 22%);
}
.site-footer .footer-bottom-row {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 16px 0 18px;
  border-top: 1px solid var(--f-soft-2);
}
.site-footer .footer-bottom-row p, .site-footer .footer-bottom-row p a {
  margin: 0;
  font-family: var(--f-font-body);
  font-size: 12px;
  line-height: 1.5;
  color: var(--f-text);
  text-decoration: none;
}
.site-footer .footer-bottom-row p a:hover {
  color: var(--f-muted);
}
.site-footer .payment-image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}
.site-footer .payment-image {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 22px;
  opacity: .9;
}
.site-footer .payment-image-wrapper .payment-image img {
  width: 40px;
}
.site-footer .payment-image:hover {
  transform: translateY(-1px);
  opacity: 1;
}
.site-footer .payment-image i {
  font-size: 20px;
  line-height: 1;
}
.site-footer .footer-bottom-row ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  flex-wrap: wrap;
}
.site-footer .footer-bottom-row ul li {
  margin: 0;
}
.site-footer .footer-bottom-row ul li a {
  color: var(--f-text);
  text-decoration: none;
  font-family: var(--f-font-body);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  transition: color .18s ease;
}
.site-footer .footer-bottom-row ul li a:hover {
  color: var(--f-muted);
}
.main-hiro-pro-slider:not(.slick-initialized) *:not(:first-child) {
  display: none !important;
}
.common-banner-section {
  padding: 70px 0;
  background: var(--second-color);
  color: var(--theme-color);
  background-position: 50% 50%;
  position: relative;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
}
.blog-page-banner .back-btn span svg path {
  fill: var(--white);
}
.common-banner-content .section-title h2 span {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}
.common-banner-content .section-title {
  margin-bottom: 12px;
}
.common-banner-content .back-btn {
  margin-bottom: 20px;
}
.back-btn span {
  width: 34px;
  height: 34px;
  display: flex;
  vertical-align: middle;
  border: 1px solid;
  border-radius: 100%;
  text-align: center;
  padding: 4px 0;
  margin-right: 10px;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.back-btn span svg path {
  fill: var(--black);
}
.back-btn {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.product-heading-row .row {
  align-items: center;
  border-bottom: 1px solid var(--border-color);
}
.product-filter-body {
  position: relative;
  padding-bottom: 0;
}
.product-filter-column .product-filter-body::before {
  content: "";
  position: absolute;
  left: -50vw;
  width: 50vw;
  height: 100%;
}
.product-heading-right-column {
  padding: 20px 0 20px 22px !important;
}
.product-filter-right-column {
  padding-left: 22px !important;
  padding-top: 22px !important;
}
.product-filter-right-column .row {
  margin: 0 -10px;
}
.product-filter-right-column .product-card {
  padding: 0 10px 20px;
}
.product-filter-right-column .product-card .link-btn {
  display: none;
}
.product-filter-right-column .product-content-bottom .price {
  width: 100%;
  margin-bottom: 10px;
}
.product-filter-right-column .addtocart-btn svg {
  fill: var(--theme-color);
}
.product-filter-right-column .flip-countdown.simple-countdown {
  margin-top: 15px;
}
.filter-select-box {
  min-width: 160px;
}
.sorting-select {
  min-width: 125px;
}
.sorting-select select {
  padding: 10px 15px 9px;
  color: var(--black);
}
.product-heading-row .sort-lbl {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
}
.product-heading-row .nice-select {
  border: 1px solid var(--white);
  color: var(--white);
  width: 170px;
  padding: 10px;
  background: url(down-arrow.svg) no-repeat calc(95%) 50% / 12px;
}
.product-heading-row .nice-select::after {
  right: 0;
}
.active-facets__button-remove {
  margin-left: 5px;
  padding: 9px 10px;
}
.produdt-filter-cat li a {
  font-weight: 500;
}
.produdt-filter-cat li:not(:last-of-type) {
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
}
.produdt-filter-cat li:not(:last-of-type)::after {
  content: "/";
  position: absolute;
  right: -1px;
}
.product-widget {
  padding: 10px 0;
}
.product-widget:not(:last-of-type) {
  border-bottom: 1px solid #e2e2e2;
}
.product-widget .acnav-label {
  display: block;
  position: relative;
  font-weight: 600;
}
.product-widget > .pro-itm > .acnav-label {
  font-weight: 600;
  padding: 9px 0;
  text-transform: uppercase;
}
.product-widget .acnav-list li a {
  text-transform: capitalize;
}
.product-widget .acnav-list li:not(:last-of-type) {
  margin-bottom: 8px;
}
.product-widget .acnav-label::before {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: 2px;
  background: var(--second-color);
}
.product-widget .acnav-label::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 10px;
  background: var(--second-color);
  transition: opacity .5s ease;
}
.product-widget.disclosure-has-popup[open] .acnav-label::after, .product-widget .is-open > .acnav-label::after {
  opacity: 0;
}
.acnav-list {
  display: none;
  padding: 0 0 10px;
}
.product-cat-widget .acnav-list {
  padding: 0 0 10px 10px;
}
.pro-itm-inner > .filter-listing > ul > li > .acnav-list {
  padding: 10px 0 10px 10px;
}
.product-price-widget .acnav-list {
  padding: 0 20px 10px 0;
}
.text-checkbox .checkbox {
  margin: 0;
  float: left;
  padding-right: 9px;
  padding-bottom: 10px;
}
.text-checkbox .checkbox input[type="checkbox"] {
  display: none;
}
.text-checkbox .checkbox input[type="checkbox"] + .checkbox-label {
  display: inline-block;
  border: 1px solid var(--second-color);
  color: var(--second-color);
  padding: 11px 19px;
  font-size: 13px;
  font-weight: 600;
  border-radius: 47px;
  text-transform: lowercase;
  cursor: pointer;
  transition: all 250ms ease;
}
.text-checkbox .checkbox input[type="checkbox"]:checked + .checkbox-label {
  background-color: var(--second-color);
  color: var(--theme-color);
}
.colours-col:not(:last-of-type) {
  padding: 0 15px 0 0;
}
.colors-checkbox label, .custom-checkbox {
  display: flex;
  align-items: center;
  position: relative;
  text-align: left;
  margin: 0;
}
.product-widget .acnav-list .colors-checkbox {
  margin-top: 8px;
}
.custom-checkbox input[type="checkbox"], .custom-checkbox input[type="radio"] {
  position: absolute;
  left: 0;
  opacity: 0;
  cursor: pointer;
  margin-top: .25rem;
}
.color, .custom-checkbox input[type="checkbox"] + span.color {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 10px;
  border: 1px solid rgba(0,0,0,.05);
  box-shadow: 0 0 3px rgba(0,0,0,.15);
  background-size: contain;
  cursor: pointer;
}
.custom-checkbox input[type="checkbox"] + .color, .custom-checkbox input[type="radio"] + .color {
  width: .9375rem;
  height: .9375rem;
  margin-right: 3px;
  border: 1px solid var(--border-color);
  border-radius: 3px;
}
.custom-checkbox input[type="checkbox"]:checked + span.color {
  border: 2px solid var(--theme-color);
}
.custom-checkbox input[type="checkbox"]:checked + span.color::after {
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 8px;
  width: 5px;
  height: 9px;
  border: solid var(--theme-color);
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
.color-name {
  display: flex;
  flex: 1;
  justify-content: space-between;
  padding-right: 10px;
  font-size: 13px;
  font-weight: 500;
}
.colors-checkbox label {
  width: 100%;
}
#range-slider {
  max-width: 100%;
  margin: 0 auto;
  padding-top: 23px;
}
.ui-widget-content {
  background: #ddd !important;
  border: none !important;
  border-radius: 0 !important;
  height: 1px !important;
}
.ui-slider-horizontal .ui-slider-range {
  background: var(--second-color);
  height: 3px !important;
  top: -1px !important;
  border-radius: 0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  width: 11px !important;
  height: 11px !important;
  top: -5px !important;
  margin-left: 0 !important;
  background: var(--theme-color);
  border: 2px solid var(--second-color) !important;
  border-radius: 10px;
  font-weight: normal;
  z-index: 1;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-state-active, .ui-widget-content .ui-state-active, .ui-button:hover, .ui-button:focus {
  background: var(--theme-color) !important;
  border: 1px solid var(--second-color) !important;
}
.price-select {
  margin: 0 -5px;
}
.select-col {
  width: 100%;
  max-width: 50%;
  padding: 0 5px;
}
.select-col p {
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 4px;
}
.product-tag-widget ul li {
  display: inline-block;
}
.product-tag-widget ul li:not(:last-of-type) {
  margin-right: 5px;
}
.product-tag-widget ul li a {
  display: inline-block;
  padding: 10px 12px;
  background: transparent;
  color: var(--theme-color);
  font-size: 12px;
  line-height: 1;
  border: 1px solid var(--theme-color);
}
.product-tag-widget ul li a:hover, .product-tag-widget ul li.active a {
  background: var(--theme-color);
  color: var(--white);
}
.delete-all {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  cursor: pointer;
  margin: 10px 0 0;
}
.delete-all svg {
  width: 12px;
  height: 12px;
  margin-right: 5px;
}
.delete-all svg path {
  fill: var(--second-color);
}
.bordered-card .product-card-inner {
  border: 1px solid var(--border-color);
}
.bg-white .link-btn svg {
  fill: var(--white);
}
.product-heading-row .nice-select .list {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 0;
  box-shadow: var(--shadow-soft);
  width: 100%;
}
.product-heading-row .nice-select .option {
  color: var(--color-text);
  background: var(--color-surface);
  font-size: 13px;
  font-weight: 500;
  padding: 10px 16px;
  line-height: 1.4;
}
.product-heading-row .nice-select .option:hover, .product-heading-row .nice-select .option.focus, .product-heading-row .nice-select .option.selected.focus {
  background: var(--color-accent);
  color: var(--color-accent-contrast);
}
.product-heading-row .nice-select .select .option {
  font-weight: 700;
  color: var(--color-accent);
}
.size-popup {
  --sp-bg: var(--second-color, #0a0a0a);
  --sp-text: var(--border-color, #ffffff);
  --sp-muted: rgba(255, 255, 255, 0.62);
  --sp-line: rgba(255, 255, 255, 0.12);
  --sp-line-strong: rgba(255, 255, 255, 0.20);
  --sp-hover: rgba(255, 255, 255, 0.06);
  --sp-row-alt: rgba(255, 255, 255, 0.03);
  --sp-overlay: rgba(0, 0, 0, 0.74);
  --sp-shadow: 0 24px 80px rgba(0, 0, 0, 0.38);
  --sp-radius: 0px;
  --sp-trans: 0.22s ease;
  position: fixed;
  inset: 0;
  display: none;
  place-items: center;
  padding: 24px;
  background: var(--sp-overlay);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  z-index: var(--z-layer-4);
}
.size-popup.is-open, .size-popup.active {
  display: grid;
}
.size-popup-overlay {
  position: absolute;
  inset: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.size-popup .container {
  position: relative;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  pointer-events: none;
}
.size-table-wrapper {
  position: relative;
  width: min(94vw, 920px);
  max-height: min(88vh, 920px);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--sp-bg);
  border: 1px solid var(--sp-line-strong);
  border-radius: var(--sp-radius);
  box-shadow: var(--sp-shadow);
  pointer-events: auto;
}
.size-close-btn {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 0 18px;
  background: var(--sp-bg);
  border-bottom: 1px solid var(--sp-line);
}
.size-popup-title {
  margin: 0;
  color: var(--sp-text);
  font-size: 0.96rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
}
.size-popup-close, .size-close-btn .close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid var(--sp-line);
  background: transparent;
  color: var(--sp-text);
  border-radius: var(--sp-radius) !important;
  cursor: pointer;
  white-space: nowrap;
  transition: background var(--sp-trans), border-color var(--sp-trans), opacity var(--sp-trans);
}
.size-popup-close:hover, .size-close-btn .close-btn:hover {
  background: var(--sp-hover);
  border-color: rgba(255, 255, 255, 0.28);
}
.size-popup-close i, .size-close-btn .close-btn i {
  font-size: 0.85rem;
  line-height: 1;
}
.size-popup-close span, .size-close-btn .close-btn span {
  display: inline-block;
  line-height: 1;
}
.size-form {
  flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px 18px 18px;
  scrollbar-width: thin;
}
.size-form-inner {
  width: 100%;
}
.size-table-scroll {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.size-tbl {
  width: 100%;
  min-width: 860px;
  border-collapse: collapse;
  background: transparent;
}
.size-tbl thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: var(--sp-bg);
}
.size-tbl th, .size-tbl td {
  padding: 12px 14px;
  border: 1px solid var(--sp-line);
  text-align: center;
  vertical-align: middle;
  color: var(--sp-text);
  font-size: 0.88rem;
  line-height: 1.3;
}
.size-tbl th {
  color: var(--sp-muted);
  font-size: 0.73rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.size-tbl tbody tr:nth-child(even) td, .size-tbl td.bg-gray {
  background: var(--sp-row-alt);
}
.size-tbl td:first-child, .size-tbl th:first-child {
  text-align: left;
  font-weight: 700;
}
.size-tbl tbody td {
  white-space: nowrap;
}
.row-reverse {
  flex-direction: row-reverse;
}
.about-our-shop-section .row {
  margin-top: 50px;
}
.abt-shp-column-right img {
  width: 100%;
}
.aboutpage-btm-sec {
  background: var(--theme-color);
}
.aboutpage-btm-sec .about-us-box {
  padding: 20px 18px;
  border: 1px solid var(--border-color);
  position: relative;
}
.aboutpage-btm-sec .about-us-box p {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.aboutpage-btm-sec .about-us-box svg {
  fill: var(--second-color);
}
.aboutpage-btm-sec .section-title {
  max-width: 900px;
}
.aboutpage-btm-sec .section-title p {
  margin-top: 20px;
}
.about-us-section .section-title {
  margin: 0 auto 30px;
}
.about-us-section .about-us-box img {
  position: absolute;
  top: 20px;
  right: 15px;
}
.about-us-section .about-us-box h3 {
  margin-bottom: 15px;
  font: var(--h4);
  max-width: 85%;
  width: 100%;
}
.cms-page p:not(:last-of-type) {
  margin-bottom: 25px;
}
.cms-page h3, .cms-page h4, .cms-page h5 {
  margin: 20px 0;
}
.cms-page p a {
  display: inline-block;
  font-weight: 600;
  text-decoration: underline;
}
.cms-page ul {
  margin: 20px;
}
.cms-page ul li {
  list-style: disc;
}
.cms-page ul li:not(:last-of-type) {
  margin-bottom: 9px;
}
.contact-right-column {
  margin-top: -270px;
}
.contact-form {
  padding: 24px 20px;
  border: 2px solid var(--second-color);
  background: var(--theme-color);
  position: relative;
  z-index: 1;
}
.submit-btn {
  width: 100%;
  padding: 11px 10px;
  text-transform: capitalize;
  align-items: center;
}
.contact-right-inner {
  position: relative;
  z-index: 1;
}
.contact-right-inner h2 {
  color: var(--theme-color);
}
.contact-left-inner * {
  color: var(--white);
}
.contact-left-inner ul li {
  margin-bottom: 30px;
}
.contact-left-inner ul li h4 {
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-size: 14px;
}
.contact-left-inner ul li p {
  margin-bottom: 0;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 500;
  word-break: break-all;
}
.contact-left-inner ul li .address {
  font-size: 12px;
  line-height: 26px;
}
.faq-search-form {
  max-width: 400px;
  margin: 25px 0;
}
.set {
  border: 1px solid var(--border-color);
  margin-bottom: 30px;
}
.set .acnav-label {
  color: var(--second-color);
  padding: 15px 45px 15px 15px;
  position: relative;
  font-size: 14px;
  font-weight: 600;
  width: 100%;
}
.set .acnav-list {
  padding: 15px;
  border-top: 1px solid var(--border-color);
}
.set .acnav-list p {
  font-size: 13px;
}
.faq-search-form .input-wrapper input {
  border-color: var(--black);
  color: var(--black);
  border-radius: 50px;
}
.faq-search-form .input-wrapper input::placeholder {
  color: var(--black);
}
.faq-search-form .input-wrapper .btn-subscibe {
  background-color: var(--black);
  border-radius: 50px;
}
.faq-search-form .input-wrapper .btn-subscibe svg, .faq-search-form .input-wrapper .btn-subscibe svg path {
  fill: var(--second-color);
}
.blog-page-banner {
  color: var(--second-color);
}
.blog-page-banner .section-title {
  margin-bottom: 30px;
}
.blog-cat {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
  row-gap: 10px;
}
.blog-cat li:not(:last-of-type) {
  margin-right: 20px;
}
.blog-cat li:first-of-type {
  padding: 10px 20px;
  color: var(--white);
  background: transparent;
  line-height: 1;
}
.blog-cat li.active {
  background: var(--white);
  color: var(--theme-color);
}
.blog-grid .blog-widget-inner {
  border-color: var(--theme-color);
}
.blog-grid .blog-caption {
  border-top: 1px solid var(--theme-color);
}
.blog-grid .blog-btn {
  background: var(--theme-color);
}
.blog-grid .blog-btn svg {
  fill: var(--white);
}
.blog-grid .blog-widget {
  margin-bottom: 30px;
}
.blog-head-row {
  margin-bottom: 40px;
  border-bottom: 1px solid var(--border-color);
}
.blog-col-left ul li a {
  padding: 10px 15px;
  font-size: 14px;
  display: block;
  position: relative;
  opacity: 0.5;
  font-weight: 600;
}
.blog-col-left ul li a::before {
  content: "";
  height: 2px;
  width: 100%;
  bottom: -1px;
  background: var(--white);
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all ease-in-out 0.5s;
}
.blog-col-left ul li a:hover::before, .blog-col-left ul li.active a::before {
  opacity: 1;
}
.blog-col-left ul li a:hover, .blog-col-left ul li.active a {
  opacity: 1;
}
.blog-col-right .select-lbl {
  display: block;
  flex-shrink: 0;
  font-size: 12px;
  font-weight: 600;
}
.blog-col-left {
  flex: 1;
}
.blog-col-right .nice-select {
  flex: 1;
  border: none;
  padding: 10px 20px 10px 15px;
  font-size: 12px;
}
.blog-col-right .nice-select::after {
  right: 0;
}
.blog-grid-section .section-title h2 b {
  font-style: normal;
}
.blog-page-banner .common-banner-content p {
  margin-bottom: 30px;
}
.blog-grid-row {
  margin-bottom: -30px;
}
.blog-grid-row .blog-itm {
  margin-bottom: 30px;
}
.article-banner .common-banner-content .back-btn {
  margin: 0 auto 26px auto;
  justify-content: center;
  display: flex;
  max-width: fit-content;
}
.article-banner .blog-cat {
  margin: 40px 0;
}
.post-lbl {
  margin-left: 50px;
}
.article-section .abt-user-img {
  border-color: var(--second-color);
}
.article-section .section-title h2 {
  font-weight: 400;
  max-width: 400px;
  margin: 30px 0 0;
  text-transform: unset;
}
.aticleleftbar h5 {
  margin: 20px 0;
  font-weight: normal;
  line-height: 1.5;
  text-transform: unset;
}
.related-blogs {
  background: transparent;
  color: var(--second-color);
}
.related-blogs .section-title {
  color: var(--second-color);
  border-top: 1px solid var(--border-color);
}
.aticleleftbar p {
  margin-bottom: 25px;
}
.aticleleftbar img {
  margin-bottom: 15px;
  width: 100%;
}
.art-auther {
  margin-bottom: 15px;
  font-size: 14px;
}
.quote-box {
  position: relative;
  padding: 30px 0 30px 60px;
}
.quote-box h3 {
  font: var(--h4);
  font-weight: 500;
  line-height: 1.6;
  font-family: var(--first-font);
  text-transform: unset;
}
.quote-box svg {
  position: absolute;
  left: 0;
}
.article-socials li a {
  height: 28px;
  width: 28px;
  background: var(--second-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  transition: all ease-in-out 0.3s;
}
.article-socials li a svg {
  fill: var(--theme-color);
  height: 12px;
  width: 12px;
}
.article-socials li a svg path {
  fill: var(--theme-color);
  transition: all ease-in-out 0.3s;
}
.article-socials li a:hover {
  background: var(--grey-color);
}
.article-socials li a:hover svg path {
  fill: var(--white);
}
.article-socials li:not(:last-of-type) {
  margin-right: 10px;
}
.article-socials li span {
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
}
.blog-media {
  position: relative;
}
.about-pro h6 span {
  display: block;
  font-style: italic;
  font-weight: 400;
}
.about-pro h6 {
  margin-right: 20px;
  font-weight: 700;
}
.abt-user-img {
  border: 1px solid var(--white);
  border-radius: 72.2951px;
  width: 60px;
  height: 60px;
  padding: 5px;
  margin-right: 15px;
}
.abt-user-img img {
  width: 100%;
  height: 100%;
}
.about-user h6 span {
  display: block;
  font-weight: 700;
}
.about-user h6 {
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
}
.articlerightbar .blog-itm {
  padding: 0;
}
.articlerightbar .blog-itm:not(:last-of-type) {
  margin-bottom: 30px;
}
.backbtn .btn-secondary svg {
  transform: scale(-1);
  margin-right: 12px;
}
.backbtn .btn-secondary {
  min-width: 190px;
  margin-top: 25px;
  background: var(--color-accent);
  color: var(--color-accent-contrast);
}
.backbtn .btn-secondary:hover {
  background: transparent;
  border: 1px solid var(--color-accent);
  color: var(--color-accent);
}
.backbtn .btn-secondary:hover svg path {
  fill: currentColor;
}
.backbtn .btn-secondary svg path {
  fill: currentColor;
}
.back-toshop .svg-ic svg path {
  fill: var(--color-text);
}
.back-toshop {
  margin-bottom: 15px;
}
.register-page .back-toshop {
  margin-bottom: 10px;
}
.form-wrapper h4 {
  font-weight: 400;
  font-size: 18px;
  margin-bottom: 15px;
}
.form-wrapper .form-heading h4 {
  margin-bottom: 0;
}
.form-wrapper h4 b {
  font-family: var(--first-font);
  font-style: normal;
  font-weight: 600;
}
.form-wrapper form {
  border: 1px solid var(--color-border);
  background: var(--color-surface);
}
.form-container {
  padding: 20px;
  border-bottom: 1px solid var(--color-border);
}
.form-container:last-child {
  border-bottom: 0;
}
.register-page .section-title {
  margin-bottom: 40px;
}
.login-form .submit-btn {
  max-width: 170px;
  margin: 0 0 0 15px;
}
.login-form .form-footer {
  padding: 0;
}
.forgot-pass {
  color: var(--color-danger, red);
  text-decoration: underline;
  font-size: 14px;
}
.login-form p {
  margin-bottom: 15px;
}
.reg-lbl {
  font-size: 14px;
  margin-right: 10px;
}
.login-form .form-heading h4 {
  margin-bottom: 0;
  font-weight: 600;
}
.my-acc-leftbar h4, .my-acc-rightbar h2 {
  font-weight: 400;
}
.my-account-page .btn-secondary svg path {
  fill: currentColor;
}
.my-account-page .btn-secondary:hover svg path {
  fill: currentColor;
}
.my-acc-leftbar {
  border: 1px solid var(--color-border);
  background: var(--color-surface);
}
.my-acc-leftbar li:not(:last-of-type) {
  border-bottom: 1px solid var(--color-border);
}
.account-list li a {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 15px;
  opacity: 0.72;
  color: var(--color-text);
}
.account-list li a svg {
  flex-shrink: 0;
  margin-right: 10px;
}
.account-list li a svg path {
  fill: currentColor;
}
.account-list li a span {
  flex: 1;
}
.account-list li a span b {
  display: block;
}
.my-acc-leftbar li a:hover, .my-acc-leftbar li.active a {
  opacity: 1;
}
.my-acc-leftbar li a svg path {
  fill: currentColor;
}
.my-acc-leftbar h4 {
  padding: 15px 15px 5px;
}
.my-acc-head {
  margin-bottom: 50px;
}
.my-acc-rightbar .account-list li {
  display: flex;
  margin-bottom: 20px;
}
.my-acc-rightbar .account-list li a {
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  width: 100%;
}
.my-acc-rightbar .account-list li.active a svg path, .my-acc-rightbar .account-list li a:hover svg path {
  fill: currentColor;
}
.my-acc-rightbar .account-list li.active a, .my-acc-rightbar .account-list li a:hover {
  opacity: 1;
  color: var(--color-accent-contrast);
  background: var(--color-accent);
}
.account-list li.logout-link a svg path {
  fill: var(--color-danger, red);
}
.account-list li.logout-link a {
  opacity: 1;
  color: var(--color-danger, red);
}
.my-acc-right-content {
  padding-bottom: 50px;
}
#scroll {
  position: sticky;
  top: 100px;
  left: 0;
  z-index: 2;
}
.acc-back-btn-wrp {
  flex-wrap: wrap;
  gap: 10px;
  align-items: unset !important;
}
.acc-back-btn-wrp button svg {
  width: 16px;
  margin-left: 6px;
}
.acc-back-btn-wrp .back-btn-acc svg {
  margin-left: 0;
}
.acc-back-btn-wrp .back-btn-acc:hover svg path {
  fill: currentColor;
}
.back-btn-acc svg {
  transform: scale(-1);
  margin: 0 6px 0 0;
}
.right-result-tbl {
  padding: 20px 15px 0;
  font-size: 14px;
}
.ttl-pric {
  font-size: 24px;
  font-weight: 800;
  margin-top: 6px;
}
.order-paycol-inner {
  width: 100%;
}
.price-item--sale ins {
  font-size: 12px;
  text-decoration: line-through;
  color: #aaa;
  font-weight: 400;
}
.price-item--sale {
  margin: 5px 0 0;
}
.wishpg .price-item--sale ins {
  font-size: 16px;
}
.set .acnav-label::after {
  content: "";
  position: absolute;
  height: 12px;
  width: 12px;
  background-image: url(menu-dropdown.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  transition: all ease-in-out 0.5s;
}
.set.is-open .acnav-label::after {
  transform: translateY(-50%) rotate(180deg);
}
.btn-flex {
  margin-top: 20px;
}
.btn-flex a:not(:last-of-type) {
  margin-right: 14px;
}
.currency select {
  color: var(--white);
  border: none;
  padding: 0;
  background-color: transparent;
  font-weight: 500;
  padding: 0 15px 0 0;
  cursor: pointer;
}
.currency select option {
  color: #000;
}
.site-header .menu-right .apply-coupan-btn {
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  display: flex;
  align-items: stretch;
}
.coupan-txt svg {
  width: 20px;
  height: 20px;
}
.site-header .menu-right .coupan-txt svg {
  margin: 0;
}
.site-header .menu-right .apply-coupan-btn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 100%;
  padding: 0 18px;
  border-left: 1px solid rgba(255,255,255,.18);
  background: var(--theme-color);
  color: var(--white);
  font-weight: 600;
  letter-spacing: .02em;
  text-decoration: none;
  user-select: none;
  transition: transform .12s ease, filter .12s ease, opacity .12s ease;
}
.site-header .menu-right .apply-coupan-btn a:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}
.site-header .menu-right .apply-coupan-btn a:active {
  transform: translateY(0);
  opacity: .92;
}
.site-header .menu-right .apply-coupan-btn a:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 2px;
}
.coupan_code {
  position: relative;
  margin-bottom: 15px;
}
.coupan-txt {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  color: var(--black);
  font-weight: 600;
  letter-spacing: .01em;
}
.coupan_code input {
  height: 45px;
  width: 100%;
  padding: 0 120px 0 14px;
  border: 1px solid var(--border-color);
  background: transparent;
  color: var(--black);
  font-size: 14px;
  line-height: 45px;
  transition: border-color .12s ease, box-shadow .12s ease;
}
.coupan_code input::placeholder {
  color: rgba(0,0,0,.65);
}
.coupan_code input:focus {
  outline: none;
  border-color: rgba(0,0,0,.45);
  box-shadow: 0 0 0 3px rgba(0,0,0,.08);
}
.site-header .menu-right .apply-coupan-btn a[aria-disabled="true"], .site-header .menu-right .apply-coupan-btn a.disabled {
  opacity: .55;
  pointer-events: none;
  transform: none;
}
.notify-sold .notify-btn {
  padding: 14px 35px;
  border: 1px solid var(--theme-color);
  background: var(--theme-color);
  color: var(--white);
  font-size: 14px;
  width: 100%;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all ease-in-out .5s;
}
.notify-sold .notify-btn:hover, .notify-sold .notify-btn:focus {
  background-color: transparent;
  color: var(--theme-color);
  border-color: var(--theme-color);
}
.out-of-stock-form {
  position: fixed;
  top: 50%;
  padding: 50px 40px;
  left: 0;
  right: 0;
  max-width: 30%;
  max-height: calc(100% - 100px);
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background-color: var(--theme-color);
  z-index: 2;
  transition: all ease-in-out .4s;
  transform: translateY(-50%);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transform: scale(.9);
  transition: all .3s ease-in-out;
}
.out-of-stock-form.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) scale(1);
}
.notify-txt {
  line-height: 1.2;
  color: var(--white);
}
.notify-popup-close {
  width: 30px;
  height: 30px;
  background: var(--white);
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
.notify-send-btn {
  position: relative;
  margin-top: 20px;
}
.notify-send-btn input {
  height: 45px;
  width: 100%;
  padding: 15px 110px 15px 15px;
  background: transparent;
  color: var(--white);
}
.notify-send-btn input::placeholder {
  color: var(white);
}
.notify-send-btn button {
  position: absolute;
  top: 0;
  right: 0;
  height: 45px;
  width: auto;
  padding: 10px 35px;
  border: 1px solid var(--white);
  background: var(--white);
  color: var(--black);
}
.quickview-popup {
  display: none;
  position: fixed;
  inset: 0;
  padding: 24px;
  align-items: center;
  justify-content: center;
  background: rgba(8, 8, 8, 0.58);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  overflow: visible;
  z-index: var(--z-layer-4);
  color: var(--color-text, #111111);
  overscroll-behavior: contain;
  isolation: isolate;
  width: 100vw;
  max-width: none;
}
.quickview-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  cursor: pointer;
  color: #111111;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: var(--z-layer-3);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
}
.quickview-close > * {
  display: block !important;
}
.quickview-close::before, .quickview-close::after {
  display: none;
}
.quickview_popup_data {
  position: relative;
  width: min(980px, 100%);
  padding: 24px;
  border-radius: 20px;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
  background: var(--color-surface, #ffffff);
  border: 0;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32);
}
.quickview_popup_data:focus {
  outline: none;
}
.quickview_popup_data .row.qv-row {
  align-items: center;
  row-gap: 20px;
}
.qv_slider {
  background: #dbe0e8;
  border: 1px solid color-mix(in srgb, var(--border-color) 14%, transparent);
  border-radius: 14px;
  overflow: hidden;
}
.qv-pro-slider-img {
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: #dbe0e8;
}
.qv-pro-slider-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: inherit;
  text-decoration: none;
  cursor: zoom-in;
}
.qv-pro-slider-img img {
  width: 100%;
  height: 100%;
  min-height: 500px;
  max-height: 560px;
  object-fit: cover;
  display: block;
}
.quickview_popup_data .pdp-right-column {
  padding-left: 18px;
  text-align: left;
}
.qv-vendor {
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--border-color) 78%, transparent);
}
.quickview_popup_data .pdp-right-column .section-title {
  margin-bottom: 8px;
  text-align: left;
}
.quickview_popup_data .pdp-right-column .section-title h2 {
  margin: 0;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.05;
  font-weight: 700;
  color: var(--border-color);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.qv-price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
}
.qv-price .price-item--sale, .qv-price ins {
  font-size: 20px;
  font-weight: 700;
  color: var(--border-color);
  text-decoration: none;
}
.qv-price .price-item--regular, .qv-price del {
  font-size: 14px;
  color: color-mix(in srgb, var(--border-color) 52%, transparent);
  text-decoration: line-through;
}
.qv-description {
  margin-bottom: 18px;
  padding-top: 14px;
  border-top: 1px solid color-mix(in srgb, var(--border-color) 18%, transparent);
  font-size: 14px;
  line-height: 1.7;
  color: color-mix(in srgb, var(--border-color) 76%, transparent);
}
.qv-variants {
  margin-bottom: 18px;
}
.qv-option-group {
  margin-bottom: 16px;
}
.qv-option-label {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--border-color);
}
.qv-option-label .option-label {
  margin-left: 4px;
  font-weight: 600;
  text-transform: none;
  color: color-mix(in srgb, var(--border-color) 92%, transparent);
}
.size-select {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.qv-swatch-wrap {
  position: relative;
}
.qv-swatch-wrap input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}
label.color-swatch.varcolor {
  display: block;
  position: relative;
  width: 46px;
  height: 46px;
  border-radius: 999px;
  border: 2px solid color-mix(in srgb, var(--border-color) 34%, transparent);
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--border-color) 10%, transparent);
  overflow: hidden;
  cursor: pointer;
}
.qv-swatch-wrap label.color-swatch.varcolor.has-text-fallback {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04));
}
.qv-swatch-wrap label.color-swatch.varcolor.has-text-fallback::after {
  content: attr(data-swatch-fallback);
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  color: var(--border-color);
  font-size: 7px;
  line-height: 1.05;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-align: center;
  text-transform: uppercase;
  word-break: break-word;
}
.qv-swatch-wrap .qv-radio:checked + label.color-swatch.varcolor {
  border-color: var(--hiro-accent);
  box-shadow: 0 0 0 2px var(--second-color), 0 0 0 4px var(--hiro-accent);
}
label.color-swatch.varsize {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 48px;
  height: 40px;
  padding: 0 15px;
  border: 1px solid color-mix(in srgb, var(--border-color) 74%, transparent);
  border-radius: 9px;
  background: transparent;
  color: var(--border-color);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
}
.qv-swatch-wrap .qv-radio:checked + label.color-swatch.varsize {
  background: var(--border-color);
  border-color: var(--border-color);
  color: var(--second-color);
}
label.color-swatch.varsize[data-val="Ultra Cotton"] {
  min-width: 104px;
}
.quickview_popup_data .pdp-right-column .qnty-btn-wrp {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid color-mix(in srgb, var(--border-color) 22%, transparent);
}
.qnty-btn-wrp .cart-btn, .qnty-btn-wrp .qv-add-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 46px;
  padding: 0 24px;
  border: 1px solid var(--border-color);
  border-radius: 9px;
  background: var(--border-color);
  color: var(--second-color);
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.qnty-btn-wrp .cart-btn[disabled], .qnty-btn-wrp .qv-add-btn[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
}
.loading-overlay__spinner {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  width: auto !important;
}
.qv-full-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: color-mix(in srgb, var(--border-color) 72%, transparent);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.qv-full-link .kga-icon--arrow-up-right-from-square {
  --icon-size: 12px;
}
.product-form__error-message-wrapper {
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  display: flex;
  color: #E90022;
  position: absolute;
  z-index: 1;
  background: yellow;
  padding: 10px;
  font-size: 12px;
  line-height: 1;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
}
.pro-compare-section, .pro-wishlist-section {
  padding: 40px 0 70px;
}
.pro-compare-section .pro-compare-wrap, .pro-wishlist-section .pro-wishlist-wrap {
  margin-bottom: 28px;
  border: 1px solid rgba(0,0,0,0.08);
  background: var(--border-color);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,0.04);
}
.compare-head .section-title, .wishlist-head .section-title {
  text-align: left;
  margin-bottom: 24px;
}
.compare-head .section-title h2, .wishlist-head .section-title h2 {
  font-size: clamp(28px, 3vw, 44px);
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin: 0;
}
.pro-compare-wrap .pro-compare-left, .pro-wishlist-wrap .pro-wishlist-left {
  display: flex;
  align-items: stretch;
  background: var(--second-color);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}
.pro-compare-wrap .pro-compare-left .compare-title, .pro-wishlist-wrap .pro-wishlist-left .wishlist-title {
  max-width: 25%;
  flex: 0 0 25%;
  width: 100%;
  text-align: center;
  padding: 16px 14px;
  color: var(--theme-color);
  font-size: 15px;
  font-weight: 600;
  background: transparent;
  border-right: 1px solid rgba(255,255,255,0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.pro-compare-scroll .compare-wrap .compare-val-prod, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label {
  max-width: 25%;
  width: 100%;
  flex: 0 0 25%;
  text-align: center;
  padding: 24px 18px;
  border-right: 1px solid rgba(0,0,0,0.06);
  display: flex;
  align-items: center;
  justify-content: center;
}
.compare-pro-detail .prod-img, .wishlist-pro-detail .prod-img {
  width: 100%;
}
.compare-pro-detail .prod-img a, .wishlist-pro-detail .prod-img a {
  position: relative;
  display: block;
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  border-radius: 12px;
  overflow: hidden;
  background: #f6f6f6;
  padding-top: 0;
}
.compare-pro-detail .prod-img a img, .wishlist-pro-detail .prod-img a img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: transform 0.35s ease;
}
.compare-pro-detail .prod-img a:hover img, .wishlist-pro-detail .prod-img a:hover img {
  transform: scale(1.04);
}
.compare-pro-detail, .wishlist-pro-detail {
  padding: 18px 8px;
}
.compare-pro-detail .compare-val-prod .prod-title, .wishlist-pro-detail .wishlist-val-prod .prod-title {
  font-size: 28px;
  margin: 8px 0 12px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--second-color);
}
.compare-pro-detail .vendor, .wishlist-pro-detail .vendor, .compare-pro-detail .prod-vendor, .wishlist-pro-detail .prod-vendor {
  font-size: 14px;
  font-weight: 500;
  color: rgba(0,0,0,0.65);
  margin-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.compare-pro-detail .compare-val-prod p, .wishlist-pro-detail .wishlist-val-prod p, .compare-pro-detail .compare-val-prod .prod-desc, .wishlist-pro-detail .wishlist-val-prod .prod-desc, .compare-pro-detail .compare-val-prod .pro-varient, .wishlist-pro-detail .wishlist-val-prod .pro-varient {
  font-size: 16px;
  line-height: 1.8;
  color: rgba(0,0,0,0.8);
  margin: 0;
}
.wishlist-pro-detail .wishlist-val-prod .pro-varient, .compare-pro-detail .compare-val-prod .pro-varient {
  max-width: 680px;
  margin: 0 auto;
}
.compare-pro-detail .compare-val-prod .prod-price, .wishlist-pro-detail .wishlist-val-prod .prod-price {
  margin: 18px 0 0;
  font-size: 28px;
  font-weight: 700;
  color: var(--second-color);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.prod-price del {
  margin-left: 0;
  opacity: 0.55;
}
.prod-price del ins {
  text-decoration: line-through;
  font-size: 20px;
  opacity: 1;
}
.compare-pro-detail .compare-val-prod .product-form, .wishlist-pro-detail .wishlist-val-prod .product-form {
  width: 100%;
}
.compare-pro-detail .compare-val-prod .product-form .cart-form, .wishlist-pro-detail .wishlist-val-prod .product-form .cart-form {
  justify-content: center;
  margin-right: 0;
}
.compare-pro-detail .product-form .theme-btn, .compare-pro-detail .product-form button, .compare-pro-detail .product-form .cart-btn, .wishlist-pro-detail .product-form .theme-btn, .wishlist-pro-detail .product-form button, .wishlist-pro-detail .product-form .cart-btn {
  min-width: 160px;
  height: 48px;
  border-radius: 10px;
  border: 1px solid var(--second-color);
  color: var(--theme-color);
  font-size: 15px;
  font-weight: 600;
  padding: 0 22px;
  transition: all 0.25s ease;
}
.compare-pro-detail .product-form .theme-btn:hover, .compare-pro-detail .product-form button:hover, .compare-pro-detail .product-form .cart-btn:hover, .wishlist-pro-detail .product-form .theme-btn:hover, .wishlist-pro-detail .product-form button:hover, .wishlist-pro-detail .product-form .cart-btn:hover {
  background: transparent;
  color: var(--second-color);
}
.compare-prod-remove, .wishlist-prod-remove {
  display: flex;
  align-items: center;
  justify-content: center;
}
.compare-prod-remove a, .wishlist-prod-remove a, .compare-prod-remove button, .wishlist-prod-remove button {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(0,0,0,0.12);
  border-radius: 10px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.25s ease;
}
.compare-prod-remove a:hover, .wishlist-prod-remove a:hover, .compare-prod-remove button:hover, .wishlist-prod-remove button:hover {
  background: #111;
  border-color: #111;
}
.compare-prod-remove svg, .wishlist-prod-remove svg {
  margin: 0 auto;
  width: 18px;
  height: 18px;
  transition: transform 0.2s ease;
}
.compare-prod-remove a:hover svg, .wishlist-prod-remove a:hover svg, .compare-prod-remove button:hover svg, .wishlist-prod-remove button:hover svg {
  transform: scale(1.08);
}
.compare-prod-remove a:hover svg path, .wishlist-prod-remove a:hover svg path, .compare-prod-remove button:hover svg path, .wishlist-prod-remove button:hover svg path {
  fill: var(--theme-color) !important;
}
.pro-compare.active {
  background: var(--grey-color);
  border-color: var(--grey-color);
}
.compare-wrap, .wishlist-wrap {
  border-bottom: 1px solid rgba(0,0,0,0.08);
}
.compare-wrap:last-child, .wishlist-wrap:last-child {
  border-bottom: 0;
}
.pro-compare-section .compare-bottom-btn, .pro-wishlist-section .wishlist-bottom-btn {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.pro-compare-section .compare-bottom-btn a, .pro-wishlist-section .wishlist-bottom-btn a {
  min-width: 180px;
  height: 48px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}
.input-wrapper {
  position: relative;
}
button {
  border: none;
  box-shadow: none;
  cursor: pointer;
}
.no-js:not(html) {
  display: none !important;
}
.addresses.customer select {
  background: url(menu-dropdown.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 15px) 50%;
  appearance: none;
  background-size: 10px;
  padding-right: 40px;
}
.main-btn {
  display: flex;
  width: 100%;
  column-gap: 20px;
  flex-wrap: wrap;
}
.recentlyview .section-title {
  margin-bottom: 22px;
}
.recentlyview .section-title h2 {
  margin: 0;
  color: var(--border-color);
  font-size: clamp(24px, 2vw, 34px);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.recentlyview .recent-slider {
  position: relative;
  padding: 0 6px;
}
.recent-slider .slick-track {
  display: flex;
  margin-left: auto;
  margin-right: auto;
}
.recent-slider .slick-slide {
  height: inherit;
}
.recent-slider .slick-slide > div {
  height: 100%;
}
.rv-item {
  padding: 0 8px;
  height: 100%;
}
.rv-card {
  max-width: 360px;
  margin: 0 auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: var(--color-surface, #fff);
  border: 1px solid color-mix(in srgb, var(--color-text) 10%, transparent);
  border-radius: 20px;
  overflow: hidden;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.rv-card:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--color-text) 18%, transparent);
  box-shadow: 0 16px 34px rgba(0,0,0,.20);
}
.rv-card__media {
  display: block;
  aspect-ratio: 4 / 5;
  background: var(--color-surface-soft, #eef3fb);
  overflow: hidden;
  padding: 0;
}
.rv-card__image {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
  transition: transform .3s ease;
}
.rv-card:hover .rv-card__image {
  transform: scale(1.03);
}
.rv-card__content {
  padding: 16px 16px 18px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--color-surface, #fff);
}
.rv-card__type {
  color: color-mix(in srgb, var(--color-text) 62%, transparent);
  text-transform: uppercase;
  letter-spacing: .12em;
  font: 700 10px/1 var(--font-body);
}
.rv-card__title {
  margin: 0;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
}
.rv-card__title a {
  color: var(--color-text, #111);
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.rv-card__title a:hover {
  opacity: .88;
}
.rv-card__price {
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}
.rv-card__price-current {
  color: var(--color-text, #111);
  font-size: 15px;
  font-weight: 800;
}
.recentlyview del.rv-card__price-old, .rv-card__price-old {
  color: #dc0000 !important;
  font-size: 13px;
  font-weight: 700;
  text-decoration: line-through;
  text-decoration-color: #dc0000 !important;
  text-decoration-thickness: 1.5px;
  opacity: 1;
}
.recentlyview .rv-arrow {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  background: rgba(12,12,14,.86);
  color: var(--border-color);
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  z-index: 3;
  box-shadow: 0 12px 24px rgba(0,0,0,.22);
  transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.recentlyview .rv-arrow:hover {
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.28);
  background: rgba(18,18,22,.94);
  box-shadow: 0 16px 28px rgba(0,0,0,.28);
}
.recentlyview .rv-arrow::before {
  display: none;
}
.recentlyview .rv-arrow span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.recentlyview .rv-arrow svg {
  display: block;
  width: 12px;
  height: 12px;
}
.recentlyview .rv-arrow svg path {
  fill: currentColor;
}
.recentlyview .slick-prev {
  left: -6px;
}
.recentlyview .slick-next {
  right: -6px;
}
.product-page-first-section .variant-webi .size-select {
  border: none;
}
.product-page-first-section .variant-webi .size-select span {
  margin: 0 10px 0 0;
}
.product-form__input input {
  display: none;
}
label.color-swatch {
  border: 1px solid var(--white);
  padding: 5px;
}
.pdp-right-column-inner .review-wrap {
  justify-content: space-between;
}
.pdp-right-column-inner .product-write-review {
  column-gap: 10px;
}
.grecaptcha-badge {
  z-index: 2;
}
.shopify-challenge__container {
  min-height: 60vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.flip-countdown.simple-countdown {
  background: var(--grey-color);
  position: absolute;
  top: 50%;
  left: 5px;
  right: 5px;
  display: flex;
  align-items: center;
  padding: 5px 5px;
  justify-content: center;
  gap: 7px;
}
.flip-countdown.simple-countdown svg {
  width: 18px;
  height: 18px;
}
.countdown-container.flip-countdown.countdown-block span {
  margin: 0;
  color: var(--white);
  font-size: 13px;
}
.countdown-container.flip-countdown.countdown-block span.dots {
  margin: 0;
}
.pdp-timer .flip-countdown.simple-countdown {
  position: static;
  display: flex;
}
.pdp-timer .countdown-container.flip-countdown.countdown-block span {
  display: inline-block;
}
.bestpro-itm .countdown-container.flip-countdown.countdown-block span {
  font-size: 13px;
  margin: 0 2px 0 0;
}
.bestpro-itm .flip-countdown.simple-countdown svg {
  display: none;
}
.lang-dropdown {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  margin-left: 20px;
}
.lang-dropdown svg {
  width: 20px;
  height: 20px;
}
.lang-dropdown svg path {
  fill: var(--black);
}
.lang-dropdown .nice-select {
  border: 0;
  font-family: var(--first-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  background: none;
}
.disclosure__list-wrapper {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 2;
  margin: 4px 0 0;
  overflow: hidden;
  opacity: 1;
  pointer-events: auto;
  background: var(--white);
  box-shadow: 0 0 0 1px #4444441c;
  transition: all .4s ease-in-out;
  transform: scaleY(1);
}
.disclosure__list-wrapper.hide {
  transform: scaleY(0);
  transform-origin: top;
}
.disclosure__list-wrapper .disclosure__item {
  margin: 0;
  display: block;
  background: none;
}
.disclosure__list-wrapper .disclosure__item a {
  display: block;
  width: 100%;
  padding: 10px;
  font-size: 14px;
  letter-spacing: .5px;
  text-align: left;
  color: var(--black) !important;
  font-weight: 500 !important;
}
.disclosure__list-wrapper .disclosure__item a.disclosure__link--active {
  font-weight: 700 !important;
}
.disclosure__list-wrapper .disclosure__item a:hover::after {
  border: none !important;
  width: 0 !important;
}
.product-notification {
  background: var(--theme-color);
  box-shadow: rgba(0, 0, 0, 0.09) 0px 0px 10px 0px;
  width: 350px;
  position: fixed;
  bottom: 10px;
  left: 30px;
  padding: 10px;
  z-index: var(--z-layer-2);
  transition: all 400ms ease-in-out 0s;
  opacity: 0;
  visibility: hidden;
  color: var(--white);
  border: 1px solid var(--white);
}
.product-notification.active {
  bottom: 30px;
  opacity: 1;
  visibility: visible;
}
.product-notification .product-suggest {
  display: flex;
  align-items: center;
  gap: 25px;
}
.product-notification .product-suggest .product-image {
  display: block;
  max-width: unset;
  width: auto;
  padding: 0;
}
.product-notification .closeNotify {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.product-notification .closeNotify svg {
  width: 16px;
  height: 16px;
}
.product-suggest .product-image img {
  border-radius: 5px;
}
.product-notification .product-suggest .product-label {
  margin: 0 0 5px;
  position: static;
}
.product-notification .product-suggest .product-name {
  font: var(--h6);
  margin: 0 0 15px;
}
.view-product-sec h3 {
  text-align: center;
  margin: 0 0 25px;
}
.newsletter-form__message {
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 0;
  right: 0;
  display: flex;
  column-gap: 10px;
  margin: 10px 0 0;
  font: var(--common-text);
}
.newsletter-form__message--success {
  color: #0a942a;
  border-color: #0a942a;
}
.newsletter-form__message--error {
  color: #dc0000;
}
.form-error .form__message, .form-error .errors, .form__message {
  display: flex;
  column-gap: 10px;
  color: #ff0000;
  outline: none;
  align-items: center;
  margin: 0 0 10px;
}
.form-message-success {
  color: #428445;
}
.dropdown, .dropleft, .dropright, .dropup {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  display: none;
  float: left;
  padding: 0.5rem 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: var(--border-color);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  min-width: 210px;
  margin: -1px;
  border-radius: 0px;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu li a {
  display: block;
  padding: 4px 15px;
  font-weight: 400;
}
.dropdown-menu .localization-selector+.disclosure__list#FooterCountryList li a {
  font-size: 14px;
  letter-spacing: 0;
}
.header-style-one .menu-right li .dropdown-menu {
  padding: 15px;
}
.header-style-one .menu-right li .customer_account a, .header-style-one .menu-right li .customer_account .wishlist {
  padding: 5px;
  background: none;
  font: var(--common-text);
  justify-content: left;
}
.header-style-one .menu-right .customer_account li {
  justify-content: left;
  max-width: 100%;
}
.header-style-one .menu-right li .customer_account .wishlist span {
  margin: 0;
  line-height: 1;
}
.header-style-one .menu-right .cartDrawer {
  padding: 0px;
}
.mini-cart-footer .js-contents {
  display: none;
}
.cartDrawer .cart__warnings, .cartDrawer .cart__empty-text, .cartDrawer.is-empty .cart__contents, .cartDrawer.is-empty .cart__footer, .cartDrawer cart-items.is-empty .title-wrapper-with-link, #main-cart-footer.is-empty {
  display: none;
}
.cartDrawer.is-empty .cart__empty-text {
  display: block;
  color: var(--color-text-inverse, #fff);
  margin: 15px 0;
}
.cartDrawer.is-empty .cart__warnings {
  color: var(--color-text-inverse, #fff);
  margin: 0;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.cartDrawer.is-empty .btn-transparent:hover {
  background-color: rgba(255,255,255,.12);
}
.subscribe-overlay.open {
  opacity: 1;
  visibility: visible;
}
.header-style-one .menu-right .cartDrawer svg#icon-cart-emty, .header-style-one .cartDrawer svg#icon-cart-emty {
  width: 55px;
  height: auto;
  fill: currentColor;
  margin: 0 auto 10px auto;
}
.header-style-one .menu-right .webi-mini-cart-footer .link-btn {
  background: none;
  padding: 0;
  border: none;
  width: 100%;
  align-items: center;
  color: var(--black) !important;
  column-gap: 10px;
}
.header-style-one .menu-right li a.mini-cart-title {
  text-align: left;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.header-style-one .menu-right li a.closecart svg path {
  fill: var(--white) !important;
}
.active-menu header {
  border-bottom: none !important;
}
.mobile-menu-bar .fea-coll-img a img {
  transform: rotateZ(20deg);
}
.product-card .product__media-item:not(:first-child) {
  display: none;
}
.size-variant-swatch, .color-variant-swatch {
  border: none;
}
.article-comment {
  border: 1px solid var(--border-color);
  padding: 15px;
  margin: 30px 0 0;
}
#comments .errors {
  border: 1px solid #ff0000;
  padding: 15px;
  margin: 30px 0 0;
}
#comments .errors li {
  color: #ff0000;
  margin: 0 0 5px;
}
#comments .errors li:last-child {
  margin: 0;
}
.article-comment h3 {
  margin: 0 0 10px;
}
.article-comment .grid-item {
  margin: 0 0 15px;
}
.article-comment .grid-item input {
  padding: 12px 15px;
}
.article-comment .grid-item .btn {
  width: 100%;
}
.blog-grid-section .card-inner {
  border: 1px solid var(--border-color);
  margin: 0 0 30px;
  padding: 15px;
}
.blog-grid-section .card-inner>a {
  margin: 0 0 15px;
}
.blog-grid-section .card-inner h5, .blog-grid-section .card-inner .time, .blog-grid-section .card-inner p {
  margin: 0 0 12px;
  display: block;
}
#recover, #recover+.recover-password, #recover:target~.back-toshop, #recover:target~.section-title, #recover:target~.form-wrapper {
  display: none;
}
#recover:target+.recover-password, #recover:target {
  display: block;
}
.acc-order-history {
  margin: 0 0 20px;
}
.acc-order-history h5 {
  margin: 0 0 20px;
}
.acc-order-button {
  column-gap: 15px;
}
.addresses [aria-expanded=false]~div[id] {
  display: none;
}
.addresses [aria-expanded=true]~div[id] {
  display: block;
  margin: 30px 0 0;
}
.rtn-to-acc {
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
}
.newadd {
  text-align: center;
  margin: 0 0 40px;
}
.add-default {
  margin: 30px 0 0;
  padding: 20px;
  border: 1px solid var(--border-color);
}
.add-default .btn {
  padding: 12px 30px;
}
.acc-back-btn-wrp button {
  text-transform: capitalize;
  font-size: 14px;
}
.order h2 {
  margin: 0 0 30px;
}
.order h4 {
  margin: 0 0 20px;
}
.order-detail {
  margin: 0 0 30px;
}
.order-detail>p {
  margin: 0 0 25px;
  font-weight: 600;
  font-size: 18px;
}
.order-details ins {
  font-size: 15px;
}
.cart-item__error {
  display: flex;
  align-items: flex-start;
}
.cart-item__error-text:empty+svg {
  display: none;
}
cart-note.cart__note.field {
  margin: 0 0 30px;
  display: block;
}
cart-note.cart__note.field label {
  margin: 0 0 15px;
  display: block;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1;
}
.cart__footer .cart__note #Cart-note {
  min-height: 100px;
  padding: 10px;
}
.cart__footer-wrapper .cart__blocks {
  border: 1px solid var(--border-color);
  padding: 30px 15px;
  text-align: center;
}
.cart__blocks .totals__subtotal {
  margin: 0 0 15px;
  line-height: 1;
}
.cart__footer ins {
  font-size: 20px;
}
.cart__blocks .totals__subtotal-value {
  font: var(--h5);
  margin: 0 0 20px;
}
small.tax-note.caption-large.rte {
  margin: 0 0 10px;
  display: block;
  font-size: 14px;
}
.facets__item {
  display: flex;
  flex: 1;
  justify-content: space-between;
  padding-right: 10px;
  font-size: 14px;
  font-weight: 500;
}
.product-widget .acnav-list .facets__item {
  margin-top: 8px;
}
.card-wrapper {
  border: 1px solid var(--border-color);
  text-align: center;
  padding: 30px;
  margin: 0 0 30px;
}
.prorow-lbl-qntty {
  display: flex;
  align-items: center;
  margin: 0 0 15px;
  gap: 10px;
}
.prorow-lbl-qntty .qty-spinner {
  background: var(--black);
  border: none;
  box-shadow: none;
  color: var(--second-color);
}
.buy-now-btn {
  margin: 15px 0 0;
}
button.shopify-payment-button__more-options.shopify-payment-button__button--hidden {
  display: none;
}
.shopify-challenge__button.btn {
  margin-top: 50px;
}
.shopify-challenge__container #g-recaptcha {
  margin-top: 20px;
}
.shopify-payment-button__button--unbranded {
  background-color: var(--black) !important;
  width: 100%;
  color: var(--white) !important;
  padding: 13px 35px;
  font-family: var(--first-font) !important;
  text-transform: uppercase;
  border-radius: 0px;
  font-weight: 600;
  height: auto !important;
  min-height: auto !important;
}
.search__button {
  position: absolute;
  top: 5px;
  left: auto;
  right: 5px;
  bottom: 5px;
  padding: 0 10px !important;
  border-radius: 0px;
}
.template-search p.search-msg {
  padding: 20px 0 20px;
  font-size: 20px;
  line-height: 1;
}
.search__button svg {
  margin: 0;
}
.template-search__search .field {
  position: relative;
}
.template-search__results .grid__item {
  margin: 0 0 30px;
}
.template-search__results .product-card .product-card-inner {
  border: 1px solid var(--border-color);
}
.template-search__results .product-card .link-btn {
  display: none;
}
#customer_login_link, #customer_register_link {
  display: inline-flex;
  align-items: center;
  padding: 10px 15px;
  border: 1px solid var(--border-color);
  color: var(--white);
  background: transparent;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  transition: all ease-in-out .4s;
  border-radius: 50px;
  text-transform: uppercase;
}
#customer_login_link:hover, #customer_register_link:hover {
  background: var(--theme-color);
  color: var(--white);
}
.card__media {
  position: relative;
}
.product-image:not(.hiro-rail-card__media) .hover-img {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  right: 0;
  padding: 0;
  transition: all .3s ease-in-out;
}
.product-image:not(.hiro-rail-card__media):hover .hover-img {
  opacity: 1;
  visibility: visible;
}
.product-image:not(.hiro-rail-card__media):hover img.default-img {
  opacity: 0;
  visibility: hidden;
}
.product-type {
  font-size: 12px;
  line-height: 1;
  margin-bottom: 10px;
}
.acc-order-button .btn svg {
  margin: 0 5px 0 0;
  width: 15px;
  height: 15px;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
  transition: background-color 5000s;
  -webkit-text-fill-color: var(--border-color) !important;
}
.acc-order-history ins {
  font-size: 14px;
  line-height: 1;
}
deferred-media.deferred-media {
  position: relative;
  display: block;
}
.media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
  display: block;
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.deferred-media[loaded]>.deferred-media__poster {
  display: none !important;
}
.product__modal-opener:not(.product__modal-opener--image) {
  display: none;
}
.deferred-media__poster-button.motion-reduce {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  z-index: 1;
  padding: 10px;
  background: var(--second-color);
  border-radius: 30px;
}
.deferred-media__poster-button.motion-reduce svg {
  fill: var(--black);
  width: 20px;
  height: 20px;
}
.deferred-media:not([loaded]) template {
  z-index: -1;
}
.cart-item__price-wrapper {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}
.remove-btn a {
  display: block;
}
.remove-btn a svg {
  height: 100%;
  width: 100%;
}
.jdgm-star {
  font-weight: normal !important;
}
.product .jdgm-widget-actions-wrapper {
  margin: 0;
}
.product .jdgm-rev-widg {
  border: none;
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0px 15px 40px;
}
.product .jdgm-rev-widg .jdgm-rev-widg__summary {
  align-items: start !important;
}
.product-detail-left .jdgm-prev-badge {
  display: flex !important;
  gap: 15px;
  margin: 0px 0 15px;
}
a.product-write-review.d-flex {
  gap: 5px;
}
.jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) .jdgm-write-rev-link {
  margin-right: 0;
}
.jdgm-widget .jdgm-btn.jdgm-btn {
  width: auto;
}
.jdgm-form__title {
  margin-top: 15px !important;
  text-align: center;
}
.jdgm-form {
  border: 1px solid var(--second-color);
  text-align: left;
}
.jdgm-row-actions {
  display: none !important;
}
.jdgm-rev-widg__body {
  position: relative;
  border: 1px solid var(--second-color);
  padding: 15px;
  margin: 20px 0 0 !important;
}
.jdgm-rev-widg__body .jdgm-rev {
  border-top: 0;
  padding: 0;
}
.jdgm-rev-widg__body .jdgm-rev:last-of-type {
  border-top: 1px solid var(--border-color);
  padding-top: 10px;
}
.jdgm-paginate {
  border-top: none !important;
}
.jdgm-row-rating {
  border-bottom: 1px solid rgba(51, 153, 153, 0.1);
  border-color: var(--jdgm-secondary-color);
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.collection .jdgm-star, .main-hiro-pro-box.bg-black .jdgm-star, .jdgm-rev-widg .jdgm-star, .jdgm-form .jdgm-sort-dropdown, .jdgm-sort-dropdown-wrapper .jdgm-sort-dropdown-arrow, .bestseller-section .jdgm-star, .video-bottom-section .jdgm-star {
  color: var(--white) !important;
}
.main-hiro-left-bottom .jdgm-star {
  color: var(--second-color) !important;
}
.collection .jdgm-prev-badge, .product-cont-top .jdgm-prev-badge, .main-hiro-section .jdgm-prev-badge {
  margin-bottom: 10px;
}
.jdgm-write-rev-link.jdgm-write-rev-link {
  background: var(--white) !important;
  color: var(--black) !important;
  padding: 10px 40px;
  max-width: fit-content !important;
  width: auto !important;
}
.jdgm-widget-actions-wrapper, .jdgm-form input[type="text"] {
  border-color: var(--white) !important;
}
.jdgm-btn--solid, input[type=submit].jdgm-btn--solid {
  background: var(--white) !important;
  color: var(--black) !important;
}
.shopify-app-block .jdgm-widget .jdgm-star, .jdgm-widget .jdgm-star {
  font-size: 12px;
}
.collection-list .card-wrapper {
  padding: 10px;
}
.collection-list .card-wrapper .card-media {
  margin-bottom: 15px;
}
.collection-list .card-wrapper h5 {
  margin-bottom: 10px;
}
.webi-mini-cart-footer .checkout-btn:hover {
  color: var(--white);
  background-color: var(--theme-color);
  border: 1px solid var(--theme-color);
}
.webi-mini-cart-footer .checkout-btn:hover svg path {
  fill: var(--white);
}
.predictive-search::-webkit-scrollbar {
  width: 5px;
}
.predictive-search::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.predictive-search::-webkit-scrollbar-thumb {
  background-color: #888;
}
.footer-subscribe-col h3 b {
  display: inline;
}
.new-featured-section .product-card .link-btn {
  justify-content: flex-start;
}
.quickview_popup_data .pdp-right-column .section-title p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
}
.recover-password .form-container:last-of-type .btn-secondary:first-of-type {
  margin-right: 10px !important;
}
.register-page .form-message-success {
  border: none;
  outline: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.reset-password {
  color: var(--black);
  background-color: #f8f8f8;
  border: 1px solid var(--border-color);
  padding: 20px;
  max-width: 700px;
  width: 100%;
  margin: 0 auto;
  border-radius: 6px;
}
.reset-password .form-container {
  padding: 0;
  border: none;
}
.reset-password label {
  text-align: right;
  width: 100%;
}
.customer.reset-password {
  text-align: center;
}
.reset-password input {
  color: var(--black);
  border-radius: 10px;
}
.reset-password input::placeholder {
  color: var(--black);
}
.reset-password h3 {
  margin-bottom: 15px;
}
.my-resetpwd-sec .form__message {
  justify-content: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 14px;
}
.my-resetpwd-sec .form__message_error {
  color: #ff0000;
}
.my-resetpwd-sec .reset-password-error {
  text-align: center;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 10px !important;
  justify-content: center;
}
.reset-password-btn:hover, .reset-password-btn:focus {
  background: var(--theme-color);
}
.wishlist-prod-remove ,.compare-prod-remove {
  display: inline-flex;
  cursor: pointer;
}
.product-detail-right .pdp-whislist-btn {
  background: transparent !important;
}
.product-detail-right .pro-wishlist.active svg path {
  fill: currentColor !important;
}
.jdgm-rev-widg__summary-stars {
  margin-bottom: 10px !important;
  display: block;
}
.product .bestseller-itm .product-card-inner {
  border: 1px solid var(--border-color);
}
.recent-slider .slick-list {
  margin: 0 -10px;
}
.jdgm-review-widget--medium .jdgm-write-rev-link, .jdgm-review-widget--medium .jdgm-ask-question-btn {
  max-width: fit-content !important;
}
.jdgm-form textarea:focus, .jdgm-form textarea:focus-visible, .jdgm-form input[type="email"]:focus, .jdgm-form input[type="email"]:focus-visible {
  border: 1px solid #e4e4e4 !important;
}
.jdgm-notification {
  color: var(--white) !important;
  border-color: var(--border-color) !important;
}
.jdgm-notification__title::before {
  border: 1px solid var(--border-color);
}
.jdgm-histogram__bar-content {
  background: var(--white) !important;
}
.template-search .template-search__search .search__input {
  padding-right: 50px;
}
.template-search__results .product-card .flip-countdown.simple-countdown, .product-filter-right-column .product-card .flip-countdown.simple-countdown {
  max-width: fit-content;
  width: 100%;
  margin: 0 auto;
  top: 70%;
}
.cartOpen .fixed-headr-left,.cartOpen .header-style-one {
  border: none;
}
.jdgm-rev__author {
  color: var(--white) !important;
}
.comment-item-wrapper .comment-item {
  border: 1px solid var(--border-color);
  padding: 20px;
}
.comments.comment-item-wrapper {
  margin: 30px auto;
}
.comment-item-wrapper .comment-item .comment-item-inner {
  gap: 20px;
}
.comment-item-wrapper .comment-item .comment-item-image {
  width: 54px;
  height: 54px;
  border: 1px solid #dddddd;
  padding: 5px;
  border-radius: 50%;
}
.comment-item-wrapper .comment-item .comment-item-image svg {
  width: 100%;
  height: 100%;
}
.comment-item-wrapper .comment-item .comment-item-image svg path {
  fill: #dddddd;
}
.comment-item-wrapper .comment-item .comment-item-content {
  flex: 1;
}
.comment-item-content .comment-top-content {
  margin-bottom: 15px;
}
.comment-item-content .comment-top-content h6 {
  font-family: var(--first-font);
  text-transform: capitalize;
  font-weight: 500;
  margin-bottom: 8px;
}
.comment-item-wrapper .comment-item:not(:last-of-type) {
  margin: 0 0 15px;
}
.reset-password .section-title h3 {
  margin: 0 0 15px;
}
.my-resetpwd-sec .row {
  margin: 0;
}
.login-page .form-message-success {
  margin-bottom: 10px;
  color: #24d57a;
}
.reset-password .form-container .row {
  margin: 0;
}
.reset-password .form-container .row [class*=col-] {
  padding: 0;
}
.nice-select.disclosure__button[aria-expanded=true]::after {
  transform: rotate(-135deg);
}
.site-header .megamenu-card .megamenu-image {
  position: relative;
  background-color: var(--second-color);
}
.site-header .megamenu-card .megamenu-content {
  margin-top: 15px;
  text-align: center;
}
.site-header .megamenu-card .megamenu-content a {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--black);
}
.site-header .megamenu-card .megamenu-image a {
  padding-top: 80%;
  position: relative;
  display: block;
}
.site-header .megamenu-card .megamenu-image a img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.site-header .megamenu-card .megamenu-content span {
  font-size: 18px;
  line-height: 1;
}
.slick-lightbox-inner .slick-prev {
  transform: translateY(-50%) scale(-1);
}
.products-add-cart-sticky {
  display: none;
  z-index: 3;
  position: fixed;
  display: -webkit-box;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  display: block;
  font-size: 20px;
  width: 100%;
  max-height: 100%;
  transition: all 500ms ease-in-out 0s;
  transform: translateY(120px);
  border-top: 1px solid var(--border-color);
  background-color: var(--second-color);
}
.products-add-cart-sticky.show-btn {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
.products-add-cart-sticky .sticky-pro-inner {
  display: flex;
  display: -webkit-box;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  gap: 15px;
}
.products-add-cart-sticky .sticky-pro-inner .text-checkbox .checkbox input[type=checkbox]+.checkbox-label {
  padding: 8px;
  border-radius: 30px;
}
.products-add-cart-sticky .sticky-pro-inner .sticky-btn {
  font-size: 14px;
  border-color: var(--black);
}
.products-add-cart-sticky .text-checkbox .checkbox .clr {
  width: 14px;
  height: 14px;
  border-radius: 100%;
}
.sticky-pro-info {
  display: flex;
  display: -webkit-box;
  align-items: center;
  gap: 10px;
  max-width: 250px;
  width: 100%;
}
.sticky-pro-info img {
  height: 60px;
  max-width: 80px;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  border: 1px solid var(--black);
}
.sticky-pro-info .sticky-data .price ins {
  font-size: 16px;
}
.sticky-pro-info .sticky-data .price del {
  font-size: 14px;
}
.sticky-data h3 {
  font: var(--h6);
  margin-bottom: 8px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--black);
}
.sticky-pro-info .sticky-data .price {
  margin-bottom: 0;
  color: var(--black);
  font-size: 16px;
}
.products-add-cart-sticky .nice-select {
  max-width: 185px;
  padding: 10px 30px 10px 15px;
  color: var(--black);
  background-image: none;
  border: 1px solid var(--black);
  background-color: transparent;
}
.products-add-cart-sticky .nice-select::after {
  border-color: var(--black);
}
.products-add-cart-sticky .nice-select.open::after {
  top: 60%;
}
.products-add-cart-sticky .nice-select .list {
  top: auto;
  bottom: 100%;
  margin: 0 0 5px;
  transform: scale(.75) translateY(21px);
}
.products-add-cart-sticky .nice-select.open .list {
  transform: scale(1) translateY(0);
}
.products-add-cart-sticky .prorow-lbl-qntty {
  max-width: unset;
  width: auto;
}
.products-add-cart-sticky .sticky-pro-inner .sticky-btn.loading>svg {
  display: none;
}
.products-add-cart-sticky .qty-spinner button svg path {
  fill: var(--black);
}
.products-add-cart-sticky .qty-spinner input {
  color: var(--black);
}
.products-add-cart-sticky .qty-spinner {
  height: 40px;
  border-color: var(--black);
}
.cartOpen .cartDrawer .closecart {
  opacity: 1;
  visibility: visible;
}
.cartDrawer .closecart {
  position: absolute;
  left: auto;
  right: 22px;
  top: 50%;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 999px;
  background: #202020;
  color: var(--color-text-inverse, #fff);
  transform: translateY(-50%);
  opacity: 0;
  visibility: hidden;
}
.cartDrawer .closecart:hover {
  background: #262626;
  border-color: rgba(255,255,255,.16);
}
.cartDrawer .closecart:focus-visible {
  outline: 2px solid rgba(255,255,255,.65);
  outline-offset: 2px;
}
.cartDrawer .closecart .kga-icon {
  --icon-size: 14px;
}
.cart-progress-bar {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px 0 0;
}
progress[value] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: none;
  width: 100%;
  flex: 1;
  height: 6px;
  border-radius: 999px;
  overflow: hidden;
  background: transparent;
}
progress[value]::-webkit-progress-bar {
  background: rgba(255,255,255,.14);
  border-radius: 999px;
}
progress[value]::-webkit-progress-value {
  background: var(--theme-color);
  border-radius: 999px;
  transition: width .25s ease;
}
progress[value]::-moz-progress-bar {
  background: var(--theme-color);
  border-radius: 999px;
  transition: width .25s ease;
}
.progress-icon {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-surface, #fff);
  border: 0;
  border-radius: 999px;
  box-shadow: none;
  animation: none;
}
.progress-icon svg {
  width: 18px;
  height: 18px;
}
.progress-icon svg path {
  fill: currentColor;
}
.cartDrawer .related-cart-wrp {
  margin-top: 22px;
}
.cartDrawer .related-cart-wrp h3 {
  margin-bottom: 12px;
  font: 800 13px/1 var(--font-display);
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-text-inverse, #fff);
}
.cartDrawer .cart-slider {
  position: relative;
}
.cartDrawer .cart-slider .slick-arrow {
  display: none !important;
}
.cartDrawer .related-cart-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  padding: 10px;
  background: #1a1a1a;
  margin: 0 8px;
}
.cartDrawer .related-image {
  position: relative;
  max-width: 78px;
  flex: 0 0 78px;
  width: 100%;
  padding: 0;
  background: #202020;
  border: 0;
  border-radius: 10px;
  overflow: hidden;
}
.cartDrawer .related-cart-inner .related-image a {
  position: relative;
  padding-top: 125%;
  display: block;
}
.cartDrawer .related-cart-inner a img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cartDrawer .related-cart-text {
  flex: 1;
  margin-left: 0;
  min-width: 0;
}
.cartDrawer .related-cart-text h4 {
  font-size: 12.5px;
  line-height: 1.25;
  margin: 0 0 4px;
  font-weight: 700;
  color: var(--color-text-inverse, #fff);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.cartDrawer .related-cart-price {
  display: block;
  font-size: 12px;
  opacity: .8;
  margin-bottom: 4px;
}
.cartDrawer .related-cart-text a {
  color: rgba(255,255,255,.9);
  text-decoration: none;
  border-bottom: 1px solid rgba(255,255,255,.22);
}
.cartDrawer .related-cart-text a:hover {
  border-bottom-color: rgba(255,255,255,.5);
}
.mini-cart-footer {
  box-shadow: none;
  border-top: 1px solid rgba(255,255,255,.10);
  background: #151515;
}
.mini-cart-top {
  padding: 16px 18px 18px;
}
.cartDrawer .mini-cart-footer-icons {
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}
.cartDrawer .mini-cart-footer-icons .footer-bottom-icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 12px;
  background: #1a1a1a;
  color: var(--color-text-inverse, #fff);
  text-align: left;
  transition: background .12s ease, border-color .12s ease;
}
.cartDrawer .mini-cart-footer-icons .footer-bottom-icon::after {
  content: attr(aria-label);
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.82);
}
.cartDrawer .mini-cart-footer-icons .footer-bottom-icon:hover {
  background: #212121;
  border-color: rgba(255,255,255,.14);
}
.cartDrawer .mini-cart-footer-icons svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
}
.cartDrawer .mini-cart-footer-icons svg path {
  stroke: currentColor;
}
.cartDrawer .mini-cart-footer-total-row {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 12px 0 0;
  border-top: 1px solid rgba(255,255,255,.10);
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
}
.cartDrawer .mini-cart-footer-total-row div {
  padding: 0;
}
.mini-total-lbl {
  font-weight: 600;
  font-size: 10px;
  opacity: .62;
  margin-bottom: 5px;
  display: block;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.cartDrawer .mini-total-iteam p {
  font-size: 13px;
  opacity: .9;
}
.cartDrawer .mini-cart-footer-total-row div.mini-Subtotal {
  text-align: right;
}
.cartDrawer .mini-cart-bottom {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin-top: 12px;
}
.cartDrawer .mini-cart-bottom .cart-bottom-btn {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  box-sizing: border-box;
  min-height: 54px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 10px;
  color: var(--color-text-inverse, #fff);
  background: #1c1c1c;
  transition: background .12s ease, border-color .12s ease;
}
.cartDrawer .mini-cart-bottom .cart-bottom-btn:hover {
  background: #232323;
  border-color: rgba(255,255,255,.14);
}
.cartDrawer .mini-cart-bottom .view-cart-btn {
  background: #1a1a1a;
  color: rgba(255,255,255,.86);
}
.cartDrawer .mini-cart-bottom .Check-btn {
  background: var(--color-surface, #fff);
  color: var(--color-text, #111);
  border-color: transparent;
}
.cartDrawer .free-shipping-bar {
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: #1a1a1a;
}
.cartDrawer .free-shipping-txt {
  font-size: 12.5px;
  line-height: 1.45;
  color: rgba(255,255,255,.78);
}
.cartDrawer .free-shipping-txt b, .cartDrawer .free-shipping-txt strong {
  color: var(--color-text-inverse, #fff);
  font-weight: 800;
}
.cartDrawer .cart-progress-bar {
  margin-top: 10px;
}
.cartDrawer .progress-icon {
  width: 42px;
  height: 42px;
  background: var(--color-surface, #fff);
  color: var(--color-text, #111);
  box-shadow: none;
}
.cartDrawer .progress-icon svg {
  width: 18px;
  height: 18px;
}
.cartDrawer .progress-icon svg path {
  fill: currentColor;
}
.cart-page-section #cart-gift-wrap {
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: var(--border-color);
  gap: 10px;
  display: -webkit-box;
  margin-top: 18px;
  padding: 18px 20px;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 24px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 14px 32px rgba(17,17,17,.06);
}
.cart-page-section #cart-gift-wrap svg path {
  fill: var(--black);
}
.cart-page-section #cart-gift-wrap .continue-btn {
  margin-right: 0;
}
.cart-page-section #cart-gift-wrap .continue-btn .gift_wrap_btn {
  min-height: 44px;
  padding: 0 20px;
  border-radius: 999px;
  border: 1px solid rgba(17,17,17,.14) !important;
  background: transparent;
  color: var(--color-text, #111);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.cart-page-section #cart-gift-wrap .continue-btn .gift_wrap_btn:hover {
  background-color: var(--black) !important;
  background: #111 !important;
  color: #fff;
}
.cart-page-section #cart-gift-wrap .add-gift {
  align-items: center;
  gap: 10px;
  display: -webkit-box;
  width: 100%;
  max-width: none;
  color: var(--color-text, #111);
}
.cartDrawer .coupon-popup, .cartDrawer .gift-popup {
  display: none;
  margin: 10px 0 0;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 14px;
  background: #1a1a1a;
  color: var(--color-text-inverse, #fff);
  box-shadow: none;
}
.cartDrawer .coupon-popup.active, .cartDrawer .gift-popup.active {
  display: block;
}
.cartDrawer .mini-cart-body, .cartDrawer .coupon-popup .coupon-body, .cartDrawer .gift-popup .gift-body {
  overflow-y: auto;
  flex: 1;
}
.cartDrawer .coupon-popup .coupon-body, .cartDrawer .gift-popup .gift-body {
  padding: 15px 16px 16px;
  color: inherit;
}
.cartDrawer .coupon-popup .coupon-body {
  display: grid;
  gap: 14px;
}
.cartDrawer .gift-popup .gift-body {
  display: grid;
  gap: 14px;
}
.cartDrawer .coupon-popup__header, .cartDrawer .gift-popup__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.cartDrawer .coupon-popup .coupon-txt {
  gap: 12px;
  margin: 0;
  align-items: flex-start;
  color: inherit;
}
.cartDrawer .coupon-popup .coupon-txt svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  margin-top: 2px;
}
.cartDrawer .coupon-popup__copy, .cartDrawer .gift-popup__copy {
  min-width: 0;
}
.cartDrawer .coupon-popup__title, .cartDrawer .gift-popup__title {
  display: block;
  font-size: 11px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--color-text-inverse, #fff);
}
.cartDrawer .coupon-popup__subtitle, .cartDrawer .gift-popup__subtitle {
  margin: 6px 0 0;
  font-size: 11.5px;
  line-height: 1.5;
  color: rgba(255,255,255,.72);
}
.cartDrawer .coupon-popup .common-close, .cartDrawer .gift-popup .common-close {
  appearance: none;
  border: 1px solid rgba(255,255,255,.1);
  background: #202020;
  color: var(--color-text-inverse, #fff);
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: background .15s ease, border-color .15s ease, transform .15s ease;
}
.cartDrawer .coupon-popup .common-close:hover, .cartDrawer .gift-popup .common-close:hover {
  background: #262626;
  border-color: rgba(255,255,255,.16);
  transform: none;
}
.cartDrawer .coupon-popup .common-close svg, .cartDrawer .gift-popup .common-close svg {
  width: 14px;
  height: 14px;
}
.cartDrawer .coupon-popup .common-close svg path, .cartDrawer .gift-popup .common-close svg path {
  fill: currentColor;
}
.cartDrawer .coupon-code {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
}
.cartDrawer .coupon-code input {
  min-width: 0;
  height: 44px;
  width: 100%;
  padding: 0 14px;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.98);
  color: var(--color-text, #111);
  font-size: 13px;
  line-height: 44px;
}
.cartDrawer .coupon-code input::placeholder {
  color: rgba(17,17,17,.42);
}
.cartDrawer .coupon-code input:focus {
  outline: none;
  border-color: rgba(17,17,17,.22);
  box-shadow: 0 0 0 3px rgba(255,255,255,.08);
}
.cartDrawer .coupon-code .apply-coupon-btn {
  appearance: none;
  border: 0;
  min-width: 88px;
  height: 44px;
  padding: 0 18px;
  border-radius: 10px;
  background: var(--color-surface, #fff);
  color: var(--color-text, #111);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  cursor: pointer;
  transition: filter .15s ease, transform .15s ease, opacity .15s ease;
}
.cartDrawer .coupon-code .apply-coupon-btn:hover {
  filter: brightness(1.03);
  transform: none;
}
.cartDrawer .coupon-code .apply-coupon-btn[disabled], .cartDrawer .coupon-code .apply-coupon-btn[aria-disabled="true"] {
  opacity: .42;
  pointer-events: none;
}
.cartDrawer .coupon-popup__hint {
  margin: 0;
  font-size: 10.5px;
  line-height: 1.5;
  color: rgba(255,255,255,.58);
}
.cartDrawer .gift-popup .checkbox-custom {
  margin: 0;
}
.cartDrawer .gift-popup .checkbox-custom label {
  font-size: 12.5px;
  line-height: 1.5;
  color: rgba(255,255,255,.84);
}
.cartDrawer .gift-popup .checkbox-custom label strong {
  color: var(--color-text-inverse, #fff);
}
.cartDrawer .mini-cart-footer-icons .footer-bottom-icon.is-active {
  border-color: rgba(255,255,255,.16);
  background: #232323;
}
.cartDrawer .mini-cart-footer-icons .footer-bottom-icon i {
  font-size: 14px;
}
.cart__warnings {
  display: none;
}
.cart-page-section .cart-page-section {
  padding: 0;
}
.cart-item__vendor {
  margin: 0 0 10px;
}
.cart__footer-wrapper .cart__blocks .price {
  justify-content: center;
  margin: 0 0 12px;
  gap: 10px;
}
.cart__ctas {
  margin-top: 10px;
}
.cart__footer-wrapper .cart__blocks .btn {
  padding: 10px 12px;
}
.cart-slider .slick-dots {
  position: unset;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 14px 0 0;
}
.cart-slider .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}
.cart-slider .slick-dots li button {
  display: block;
  width: 6px;
  height: 6px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.28);
  font-size: 0;
  transition: width .18s ease, background .18s ease;
}
.cart-slider .slick-dots li.slick-active button {
  width: 16px;
  background: var(--color-surface, #fff);
}
.cart-slider .slick-list {
  margin: 0 -8px;
}
.mini-cart-details .remove-item svg {
  height: 15px;
  width: 15px;
}
.is-empty #cart-gift-wrap {
  display: none;
}
.is-empty .cart__warnings {
  display: block;
}
body.account table tr td:first-child a {
  text-decoration: underline;
}
#AddAddress .form-group label {
  width: 100%;
  text-align: left;
}
.currency .nice-select .nice-select-arrow, .languages .nice-select, .currency .nice-select .list li, .languages .disclosure__list-wrapper ul li a {
  display: -webkit-box;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
}
.lang-dropdown .nice-select.disclosure__button[aria-expanded=true]::after {
  transform: rotate(-135deg);
}
.cookiestatus .cookie-block #cookie_message {
  z-index: 3 !important;
}
.cookiestatus .cookie-block.bottom_fix #cookie_message {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.cookiestatus .cookie-block #cookie_message button.btn {
  margin: 0 !important;
}
.cookiestatus .cookie-block #cookie_message>span {
  line-height: normal !important;
}
.is-empty .cart__empty-text {
  margin: 15px 0;
}
.cartDrawer.is-empty .cart__warnings .btn svg {
  margin: 0 10px 0 0;
}
.cartDrawer .cart-variable .swatch-lbl:not(:last-of-type) {
  margin: 0 0 5px;
}
.variant-webi .product-labl {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  width: 100%;
  margin: 0 0 8px;
}
.variant-webi input {
  display: none;
}
.variant-webi label {
  display: block;
  cursor: pointer;
}
.variant-webi .var-image {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 60px !important;
  width: 60px !important;
  padding: 0;
  margin: 0;
  border: 1px solid var(--border-color);
}
.variant-webi input:checked+label.var-image {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
}
.variant-webi .varcolor:not(.var-image) {
  height: 16px;
  width: 16px;
  border: 1px solid var(--black);
  border-radius: 50%;
}
.variant-webi input:checked+label.varcolor:not(.var-image) {
  box-shadow: 0 0 0 1px #333, inset 0 0 0 2px var(--border-color);
  border: none;
}
.variant-webi .varsize {
  padding: 5px 10px !important;
  line-height: 1;
  font-size: 14px;
  border: 1px solid var(--border-color);
}
.variant-webi input:checked+label.varsize {
  background-color: var(--theme-color);
  border-color: var(--theme-color);
  color: var(--white);
}
.quick-active.cartOpen .overlay::after {
  z-index: var(--z-layer-3);
}
.quickview-popup .variant-webi .size-select {
  margin: 0 !important;
}
.product .site-footer {
  padding: 70px 0 100px !important;
}
.products-add-cart-sticky .sticky-pro-inner .sticky-btn svg {
  margin: 0 8px 0 0;
  height: 16px;
  width: 16px;
}
.products-add-cart-sticky .sticky-pro-inner .sticky-btn:hover {
  color: var(--white) !important;
  background-color: var(--black) !important;
}
.products-add-cart-sticky .sticky-pro-inner .sticky-btn:hover svg path {
  fill: var(--white) !important;
}
.products-add-cart-sticky .qty-spinner svg path {
  fill: var(--black);
}
.product-form__input {
  border: none;
}
.product-form__input--dropdown .form__label {
  display: block;
  width: 100%;
  margin: 0 0 10px;
}
.jdgm-cancel-rev, .jdgm-submit-rev {
  border-radius: 10px !important;
}
.facet-filters__sort {
  border-color: var(--white);
}
.close-filter {
  cursor: pointer;
}
table tr td {
  vertical-align: middle;
}
.cart__footer .cart__blocks .price {
  justify-content: center;
  gap: 15px;
  margin: 0 0 15px;
}
.gift-cart-dtl span {
  flex: 1;
}
.nice-select {
  -webkit-tap-highlight-color: transparent;
  position: relative;
  display: block;
  width: 100%;
  cursor: pointer;
  user-select: none;
  outline: none;
  text-align: left !important;
  font: normal 14px/1 inherit;
  padding: 10px 35px 10px 15px;
  background: var(--white);
  border: 1px solid var(--border-color);
  transition: all .2s ease-in-out;
  background-image: none;
}
.nice-select::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -5px;
  pointer-events: none;
  border-right: 2px solid var(--white);
  border-bottom: 2px solid var(--white);
  transform: rotate(45deg);
  transform-origin: 66% 66%;
  transition: transform .15s ease-in-out;
}
.nice-select.open::after {
  transform: rotate(-135deg);
}
.nice-select.disabled {
  pointer-events: none;
  color: var(--border-color);
  border-color: var(--border-color);
}
.nice-select.disabled::after {
  border-color: #ccc;
}
.nice-select .list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 4px;
  padding: 0;
  overflow: hidden;
  background: var(--white);
  box-sizing: border-box;
  box-shadow: 0 0 0 1px rgba(68,68,68,.11);
  opacity: 0;
  pointer-events: none;
  transform: scale(.75) translateY(-21px);
  transform-origin: 50% 0;
  transition: all .2s cubic-bezier(.5,0,0,1.25), opacity .15s ease-out;
  z-index: 2;
}
.nice-select.open .list {
  opacity: 1;
  pointer-events: auto;
  transform: scale(1) translateY(0);
}
.nice-select .option {
  list-style: none;
  cursor: pointer;
  outline: none;
  padding: 10px 15px;
  font-size: 13px;
  line-height: 1;
  color: var(--black);
  font-weight: 400;
  transition: all .2s;
}
.nice-select .option.selected {
  font-weight: 700;
}
.nice-select .option.disabled {
  background: transparent;
  color: #999;
  cursor: default;
}
.nice-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.nice-select.right {
  float: right;
}
.nice-select.right .list {
  left: auto;
  right: 0;
}
.nice-select.small {
  font-size: 12px;
  height: 36px;
  line-height: 34px;
}
.nice-select.small::after {
  width: 4px;
  height: 4px;
}
.nice-select.small .option {
  min-height: 34px;
  line-height: 34px;
}
.nice-select .list:hover .option:not(:hover) {
  background: transparent !important;
}
.site-header .nice-select {
  color: var(--white) !important;
  background-color: transparent !important;
  border: 1px solid var(--black);
}
.size-popup .size-form::-webkit-scrollbar {
  width: 5px;
}
.size-popup .size-form::-webkit-scrollbar-thumb {
  background-color: #888;
}
.size-popup .size-form::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.product-detail-left .size-selectors {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.site-header .menu-dropdown .mega-menu-container .row [class*="col-"] {
  padding: 0 15px;
}
.cart-table .name {
  max-width: 36% !important;
  width: 100% !important;
}
.kga-header.is-home .lang-dropdown svg path {
  fill: var(--second-color) !important;
}
.kga-header.is-home :is(.nice-select, .currency select) {
  color: var(--second-color) !important;
  background-color: transparent !important;
}
.kga-header.is-home .nice-select::after {
  border-right-color: var(--second-color) !important;
  border-bottom-color: var(--second-color) !important;
}
.kga-header.is-home .lang-dropdown {
  padding: 0;
}
.cart-page-section {
  position: relative;
  padding: 42px 0 72px;
  background: radial-gradient(circle at top left, rgba(255,255,255,.7), rgba(255,255,255,0) 28%), linear-gradient(180deg, #f6f2eb 0%, #f3eee6 100%);
}
.cart-page-shell {
  max-width: 1380px;
}
.cart-page-layout {
  display: grid;
  gap: 30px;
}
.cart-page-hero {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 0;
}
.cart-page-hero h2 {
  margin: 0;
  font-size: clamp(42px, 5vw, 68px);
  line-height: .92;
  letter-spacing: -.04em;
  text-transform: uppercase;
}
.cart-page-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--color-text, #111);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  text-decoration: none;
}
.cart-page-back-btn .svg-ic {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(17,17,17,.12);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255,255,255,.7);
}
.cart-page-back-btn .svg-ic svg {
  width: 14px;
  height: 14px;
}
.cart-page-back-btn:hover {
  color: var(--color-accent, #dc0000);
}
.cart-page-back-btn:hover .svg-ic {
  border-color: rgba(220,0,0,.28);
  background: rgba(255,255,255,.96);
}
.cart-page-grid {
  align-items: flex-start;
  row-gap: 28px;
}
.cart-page-section cart-items {
  display: block;
}
.cart-page-section cart-items.is-empty .cart__contents, .cart-page-section cart-items.is-empty .cart-page-gift-wrap, .cart-page-section #main-cart-footer.is-empty {
  display: none;
}
.cart-page-section cart-items.is-empty .cart__warnings {
  display: block;
}
.cart-page-section cart-items:not(.is-empty) .cart__warnings {
  display: none;
}
.cart-page-section .cart__warnings {
  padding: 46px 32px;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 28px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 18px 50px rgba(17,17,17,.08);
}
.cart-page-empty-copy {
  max-width: 420px;
  margin: 0 auto 18px;
  color: rgba(17,17,17,.68);
}
.cart-page-section .cart__contents {
  display: block;
}
.cart-page-section .cart-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 18px;
}
.cart-page-section .cart-table thead th {
  padding: 0 18px 8px;
  color: rgba(17,17,17,.56);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
  border: 0;
}
.cart-page-section .cart-table tbody td {
  vertical-align: top;
  padding: 22px 18px;
  background: rgba(255,255,255,.92);
  border-top: 1px solid rgba(17,17,17,.08);
  border-bottom: 1px solid rgba(17,17,17,.08);
}
.cart-page-section .cart-table tbody td:first-child {
  border-left: 1px solid rgba(17,17,17,.08);
  border-radius: 28px 0 0 28px;
}
.cart-page-section .cart-table tbody td:last-child {
  border-right: 1px solid rgba(17,17,17,.08);
  border-radius: 0 28px 28px 0;
}
.cart-page-section .cart-item__media {
  width: 180px;
}
.cart-page-section .pro-img-cart {
  display: block;
  overflow: hidden;
  border-radius: 22px;
  background: #eaf0fb;
  aspect-ratio: 4 / 4.8;
}
.cart-page-section .pro-img-cart img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.cart-page-section .cart-item__vendor {
  margin: 0 0 10px;
  color: rgba(17,17,17,.46);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.cart-page-section .cart-item__name {
  display: inline-block;
  margin: 0 0 14px;
  color: var(--color-text, #111);
  font-size: 28px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.03em;
  text-decoration: none;
}
.cart-page-section .cart-item__name:hover {
  color: var(--color-accent, #dc0000);
}
.cart-page-section .cart-item__meta {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
}
.cart-page-section .product-option {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
  color: rgba(17,17,17,.82);
  font-size: 15px;
  line-height: 1.45;
}
.cart-page-section .product-option dt {
  margin: 0;
  font-weight: 700;
}
.cart-page-section .product-option dd {
  margin: 0;
}
.cart-page-section .product-option::after {
  display: none;
}
.cart-page-section .product-option--plan {
  color: rgba(17,17,17,.58);
}
.cart-page-section .discounts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}
.cart-page-section .discounts__discount {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(220,0,0,.08);
  color: #b30000;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.cart-page-section .icon-discount {
  flex: 0 0 auto;
}
.cart-page-section .cart-item__price-col, .cart-page-section .cart-item__totals {
  white-space: nowrap;
}
.cart-page-section .cart-item__final-price, .cart-page-section .price--end {
  color: var(--color-text, #111);
  font-size: 24px;
  line-height: 1;
  font-weight: 800;
}
.cart-page-section .cart-item__discounted-prices {
  display: grid;
  gap: 8px;
  margin: 0;
}
.cart-page-section .cart-item__discounted-prices dd {
  margin: 0;
}
.cart-page-section .cart-item__old-price, .cart-page-section .cart-item__discounted-prices s {
  color: #c40000;
  text-decoration-color: #c40000;
  font-size: 15px;
  font-weight: 700;
}
.cart-page-section .qty-spinner {
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding: 4px;
  border: 1px solid rgba(17,17,17,.10);
  border-radius: 999px;
  background: #f7f3ec;
}
.cart-page-section .qty-spinner .quantity__button {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--color-text, #111);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cart-page-section .qty-spinner .quantity__button:hover {
  background: rgba(17,17,17,.06);
}
.cart-page-section .qty-spinner .quantity__input {
  width: 46px;
  border: 0;
  background: transparent;
  color: var(--color-text, #111);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  appearance: textfield;
}
.cart-page-section .qty-spinner .quantity__input:focus {
  outline: none;
}
.cart-page-section .qty-spinner .quantity__button svg path {
  fill: currentColor;
}
.cart-page-section .cart-item__totals {
  text-align: right;
}
.cart-page-section .cart-item__price-wrapper {
  display: grid;
  justify-items: end;
  gap: 8px;
}
.cart-page-section .remove-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-top: 16px;
  border: 1px solid rgba(17,17,17,.1);
  border-radius: 999px;
  color: rgba(17,17,17,.68);
  background: rgba(255,255,255,.76);
  transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease;
}
.cart-page-section .remove-btn:hover {
  color: var(--color-accent, #dc0000);
  border-color: rgba(220,0,0,.22);
  background: rgba(220,0,0,.06);
  transform: translateY(-1px);
}
.cart-page-section .cart__footer {
  position: sticky;
  top: 120px;
  padding: 24px;
  border: 1px solid rgba(17,17,17,.08);
  border-radius: 28px;
  background: rgba(255,255,255,.9);
  box-shadow: 0 20px 45px rgba(17,17,17,.08);
}
.cart-page-section .cart__note {
  display: block;
  margin-bottom: 22px;
}
.cart-page-section .cart__note label {
  display: block;
  margin-bottom: 10px;
  color: rgba(17,17,17,.54);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.cart-page-section .cart__note textarea {
  min-height: 140px;
  padding: 16px 18px;
  border: 1px solid rgba(17,17,17,.1);
  border-radius: 20px;
  background: #fff;
  color: var(--color-text, #111);
  resize: vertical;
}
.cart-page-section .cart__note textarea:focus {
  outline: none;
  border-color: rgba(17,17,17,.22);
  box-shadow: 0 0 0 3px rgba(17,17,17,.05);
}
.cart-page-section .cart__blocks.subtotal {
  padding: 0;
  background: transparent;
  border: 0;
}
.cart-page-section .cart-total.totals {
  padding: 20px 22px;
  border-radius: 22px;
  background: linear-gradient(180deg, #111 0%, #1c1c1c 100%);
  color: #fff;
}
.cart-page-section .cart-total .cart_price {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.cart-page-section .cart-total .cart_price ins {
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: -.03em;
  text-decoration: none;
}
.cart-page-section .tax-note {
  margin: 14px 0 0;
  color: rgba(255,255,255,.68);
  font-size: 13px;
  line-height: 1.5;
}
.cart-page-section .cart-page-discounts {
  margin-top: 14px;
}
.cart-page-section .cart__ctas {
  margin-top: 18px;
}
.cart-page-section .cart__checkout-button {
  width: 100%;
  min-height: 56px;
  border: 0;
  border-radius: 18px;
  background: var(--color-text, #111);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.cart-page-section .cart__checkout-button:hover {
  background: var(--color-accent, #dc0000);
}
.cart-page-section #cart-gift-wrap .add-gift svg {
  flex: 0 0 auto;
}
.cart-page-section #cart-gift-wrap .add-gift p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: rgba(17,17,17,.78);
}
.quickview-popup.is-open {
  display: flex;
}
.quickview_popup_data::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.quickview-popup.is-loading .quickview_popup_data {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 360px;
}
.quickview-loading {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: color-mix(in srgb, var(--color-text, #111111) 62%, transparent);
}
.quickview-close svg {
  width: 18px;
  height: 18px;
}
.quickview-close svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.quickview-popup .product-page-first-section, .quickview-popup .pdp-page-main-sec, .quickview-popup .container, .quickview-popup .row.qv-row, .quickview_popup_data .pdp-right-column, .quickview_popup_data .qv-product {
  background: transparent !important;
  color: var(--color-text, #111111) !important;
}
.quickview_popup_data .pdp-right-column .section-title h2, .quickview-popup .qv-vendor, .quickview-popup .qv-option-label, .quickview-popup .qv-option-label .option-label, .quickview-popup .qv-description, .quickview-popup .qv-full-link, .quickview-popup .product-form__error-message-wrapper {
  color: var(--color-text, #111111) !important;
}
.quickview-popup .qv-vendor {
  opacity: .68;
}
.quickview-popup .qv-description {
  border-top-color: color-mix(in srgb, var(--color-text, #111111) 12%, transparent);
  opacity: .78;
}
.quickview-popup .qv-price {
  color: var(--color-text, #111111);
}
.quickview-popup .qv-price .price-item--sale, .quickview-popup .price-item--sale {
  color: var(--color-text, #111111) !important;
}
.quickview-popup .qv-price .price-item--regular, .quickview-popup .price-item--regular {
  color: var(--hiro-accent, var(--color-accent, #d90429)) !important;
  text-decoration: line-through;
  text-decoration-color: var(--hiro-accent, var(--color-accent, #d90429));
}
.quickview-popup .qv_slider, .quickview-popup .qv-pro-slider-img {
  background: #eef2f8;
  border: 0;
}
.quickview-popup .qv_slider {
  position: relative;
  overflow: visible;
}
.quickview-popup .qv_slider .slick-list {
  margin: 0;
  overflow: hidden;
  border-radius: 16px;
  border: 0;
}
.quickview-popup .qv_slider .slick-slide {
  margin: 0;
}
.quickview-popup .qv-pro-slider-img img {
  object-fit: cover;
}
.quickview-popup label.color-swatch.varsize {
  border-color: color-mix(in srgb, var(--color-text, #111111) 22%, transparent);
  color: var(--color-text, #111111);
  background: transparent;
}
.quickview-popup .qv-swatch-wrap .qv-radio:checked + label.color-swatch.varsize {
  background: var(--color-text, #111111);
  border-color: var(--color-text, #111111);
  color: var(--color-surface, #ffffff);
}
.quickview-popup .qnty-btn-wrp {
  border-top-color: color-mix(in srgb, var(--color-text, #111111) 12%, transparent);
}
.quickview-popup .qnty-btn-wrp .cart-btn, .quickview-popup .qnty-btn-wrp .qv-add-btn {
  background: var(--color-text, #111111);
  border-color: var(--color-text, #111111);
  color: var(--color-surface, #ffffff);
}
.quickview-popup .qnty-btn-wrp .cart-btn:hover, .quickview-popup .qnty-btn-wrp .qv-add-btn:hover {
  background: var(--hiro-accent, var(--color-accent, #d90429));
  border-color: var(--hiro-accent, var(--color-accent, #d90429));
}
.quickview-popup .qv-full-link {
  color: color-mix(in srgb, var(--color-text, #111111) 76%, transparent) !important;
}
.quickview-popup .qv_slider .slide-arrow, .quickview-popup .qv_slider .slick-arrow, .slick-lightbox .slide-arrow, .slick-lightbox .slick-arrow {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96) !important;
  background-image: none !important;
  color: #111111 !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.22);
  opacity: 1 !important;
  z-index: 2;
}
.quickview-popup .qv_slider .slide-arrow:hover, .quickview-popup .qv_slider .slick-arrow:hover, .slick-lightbox .slide-arrow:hover, .slick-lightbox .slick-arrow:hover, .quickview-popup .qv_slider .slide-arrow:focus, .quickview-popup .qv_slider .slick-arrow:focus, .slick-lightbox .slide-arrow:focus, .slick-lightbox .slick-arrow:focus {
  background: #ffffff !important;
  color: #111111 !important;
}
.quickview-popup .qv_slider .slick-prev, .slick-lightbox .slick-prev {
  transform: translateY(-50%) !important;
}
.quickview-popup .qv_slider .slick-prev {
  left: -18px;
}
.quickview-popup .qv_slider .slick-next {
  right: -18px;
}
.quickview-popup .qv_slider .slide-arrow svg, .quickview-popup .qv_slider .slick-arrow svg, .slick-lightbox .slide-arrow svg, .slick-lightbox .slick-arrow svg {
  display: block !important;
  width: 18px;
  height: 18px;
}
.quickview-popup .qv_slider .slide-arrow::before, .quickview-popup .qv_slider .slick-arrow::before, .slick-lightbox .slide-arrow::before, .slick-lightbox .slick-arrow::before {
  content: none !important;
  display: none !important;
}
.quickview-popup .qv_slider .slide-arrow svg path, .quickview-popup .qv_slider .slick-arrow svg path, .slick-lightbox .slide-arrow svg path, .slick-lightbox .slick-arrow svg path {
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.quickview-popup .qv_slider .slick-prev svg, .quickview-popup .qv_slider .slide-arrow.slick-prev svg, .slick-lightbox .slick-prev svg, .slick-lightbox .slide-arrow.slick-prev svg {
  transform: rotate(180deg);
}
.slick-lightbox .slick-lightbox-inner, .slick-lightbox .slick-lightbox-slick, .slick-lightbox .slick-lightbox-slick-item {
  z-index: inherit;
}
.slick-lightbox .slick-lightbox-slick-item-inner {
  max-width: 96vw;
  max-height: 92vh;
  overflow: hidden;
}
.slick-lightbox .slick-lightbox-slick-img {
  max-width: min(96vw, 1600px);
  max-height: 92vh;
  width: auto;
  height: auto;
  object-fit: contain;
  touch-action: pinch-zoom pan-x pan-y;
  cursor: zoom-in;
  user-select: none;
  -webkit-user-drag: none;
  transform-origin: 50% 50%;
  transition: transform 0.14s ease;
  will-change: transform;
}
.slick-lightbox .slick-lightbox-slick-img.is-wheel-zoomed {
  cursor: zoom-out;
}
.slick-lightbox .close svg path {
  fill: currentColor !important;
}
.slick-lightbox .slide-arrow, .slick-lightbox .slick-arrow {
  display: none !important;
}

/* New Category Section */


/* Grouped responsive and preference media queries */


@media (min-width: 430px) and (max-width: 575px) {
  .home-cat-section .home-cat-box {
    flex-basis: 72% !important;
    width: 72% !important;
    max-width: 72% !important;
    min-width: 72% !important;
  }
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
.col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
.col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
.col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
.col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
.col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
.col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
.col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
.col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
.col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
.col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
.col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
.col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
.col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
.offset-sm-0 {
    margin-left: 0;
  }
.offset-sm-1 {
    margin-left: 8.33333333%;
  }
.offset-sm-2 {
    margin-left: 16.66666667%;
  }
.offset-sm-3 {
    margin-left: 25%;
  }
.offset-sm-4 {
    margin-left: 33.33333333%;
  }
.offset-sm-5 {
    margin-left: 41.66666667%;
  }
.offset-sm-6 {
    margin-left: 50%;
  }
.offset-sm-7 {
    margin-left: 58.33333333%;
  }
.offset-sm-8 {
    margin-left: 66.66666667%;
  }
.offset-sm-9 {
    margin-left: 75%;
  }
.offset-sm-10 {
    margin-left: 83.33333333%;
  }
.offset-sm-11 {
    margin-left: 91.66666667%;
  }
.hiro-overlay--desktop {
    display: block !important;
  }
.hiro-overlay--mobile {
    display: none !important;
  }
.product-two-row-slider,
  .product-two-row-slider.slick-slider{display:block!important}
.product-two-row-slider .slick-list{
    margin:0 calc(var(--bs-gap)/-2);
    padding:0 calc(var(--bs-gap)/2);
    overflow:hidden;
  }
.product-two-row-slider .slick-track{
    display:flex!important;
    align-items:stretch;
  }
.product-two-row-slider .slick-slide,
  .product-two-row-slider .slick-slide>div,
  .best-slide,
  .best-slide-inner{height:100%}
.best-slide{padding-inline:calc(var(--bs-gap)/2)}
.bestsellers-desktop.is-two-rows .best-slide-inner{
    display:grid;
    grid-template-rows:auto auto;
    gap:28px;
  }
.bestsellers-desktop.is-one-row .best-slide-inner{display:block}
.bestsellers-desktop.is-one-row .main-best+.main-best{display:none!important}
}

@media (min-width: 576px) and (max-width: 1180px) and (orientation: portrait) {
  .main-hiro-section {
    --hiro-gap: 10px;
    --hiro-pad-x: 0;
    --hiro-card-pad: 14px;
    --hiro-shell-h: clamp(440px, 58vw, 560px);
    margin-bottom: 24px;
    background: #f3f2ee;
  }
.main-hiro-section .container {
    width: 100%;
    max-width: none;
    padding: 0;
  }
.kga-hiro__inner.main-hiro-grid {
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 60%);
    grid-template-areas: "left center";
    gap: var(--hiro-gap);
    width: 100%;
    height: var(--hiro-shell-h);
    min-height: var(--hiro-shell-h);
    max-height: var(--hiro-shell-h);
    align-items: stretch;
    position: relative;
    overflow: hidden;
  }
.kga-hiro__left {
    grid-area: left;
    display: block !important;
    height: 100%;
    min-height: 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
  }
.kga-hiro__center {
    grid-area: center;
    display: block !important;
    width: 100%;
    height: var(--hiro-shell-h);
    min-height: var(--hiro-shell-h);
    max-height: var(--hiro-shell-h);
    overflow: hidden;
  }
.kga-hiro__right,
  .main-hiro-right,
  .main-hiro-right-stack {
    display: none !important;
  }
.main-hiro-left {
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 8px;
    height: 100%;
    min-height: 0;
    align-content: stretch;
    overflow: hidden;
  }
.main-hiro-left::after {
    content: "";
    display: block;
    min-height: 0;
  }
.main-hiro-left-top,
  .main-hiro-left-bottom {
    padding: var(--hiro-card-pad);
    min-height: 0;
    overflow: hidden;
  }
.main-hiro-left-top::after,
  .main-hiro-left-bottom::after {
    display: none;
  }
.hiro-overlay--desktop {
    width: 100%;
  }
.hiro-overlay__title {
    margin-bottom: 7px;
    font-size: clamp(24px, 5.15vw, 42px);
    line-height: 0.88;
    letter-spacing: -0.055em;
  }
.hiro-overlay__desc {
    max-width: 100%;
    margin-bottom: 9px;
    color: rgba(5, 5, 5, 0.55);
    font-size: 10.5px;
    line-height: 1.35;
  }
.hiro-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
  }
.hiro-chip,
  .hiro-overlay__btn {
    width: fit-content;
    min-height: 29px;
    padding-inline: 10px;
    font-size: 8.5px;
  }
.main-hiro-left-bottom {
    gap: 11px;
  }
.main-hiro-left-bottom .subtitle {
    font-size: 8.5px;
    letter-spacing: 0.17em;
  }
.main-hiro-left-bottom h2,
  .main-hiro-product-title {
    font-size: clamp(20px, 4.15vw, 32px);
    line-height: 0.9;
    letter-spacing: -0.05em;
  }
.main-hiro-left-bottom .size-selectors {
    gap: 7px;
  }
.main-hiro-left-bottom .size-selectors :is(.nice-select, .select__select) {
    min-height: 36px;
    min-width: 70px;
    padding-left: 9px;
    padding-right: 30px;
    font-size: 8px;
  }
.main-hiro-left-bottom .size-selectors .color-select {
    min-width: 112px;
  }
.main-hiro-left-bottom .size-selectors .size-select {
    min-width: 58px;
  }
.main-hiro-left-bottom .price-btn {
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 0;
  }
.main-hiro-left-bottom .main-hiro-price-wrap .price {
    min-height: auto;
    font-size: 18px;
  }
.main-hiro-left-bottom .product-form__submit {
    min-height: 40px;
    font-size: 8.5px;
  }

/* Fixed image box: all slides keep the same portrait height */
  .main-hiro-center {
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    border: 0;
    box-shadow: none;
    background: #f3f2ee;
    overflow: hidden;
  }
.main-hiro-center::before,
  .main-hiro-center::after {
    display: none;
  }
.main-hiro-section .main-hiro-center :is(.product-image, .card__media),
  .main-hiro-center :is(.product__media-item, .hover-img, .product-image > a, .card__media > a) {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
.main-hiro-center img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    transform: none !important;
  }

/* KANGASTYLE background text: centered in the lower-left free space */
  .banner-labl {
    display: flex !important;
    position: absolute;
    left: 0;
    right: auto;
    bottom: clamp(10px, 2.2vw, 22px);
    z-index: 1;
    width: 40%;
    max-width: 40%;
    height: clamp(70px, 12vw, 128px);
    align-items: center;
    justify-content: center;
    pointer-events: none;
    overflow: hidden;
    transform: none;
  }
.banner-labl span {
    display: block;
    margin: 0;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: -0.058em;
    font: 900 clamp(32px, 5.25vw, 60px) / 0.9 var(--font-display);
    color: rgba(8, 8, 8, 0.88);
    opacity: 0.22;
    -webkit-text-stroke: 1px rgba(140, 10, 10, 0.62);
    text-shadow:
      0 0 1px rgba(0, 0, 0, 0.22),
      0 0 11px rgba(165, 15, 15, 0.22),
      0 0 26px rgba(190, 20, 20, 0.16),
      0 10px 22px rgba(0, 0, 0, 0.05);
    transform: translateY(2px);
  }
.banner-labl::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: -1;
    width: 78%;
    height: 44px;
    border-radius: 999px;
    background: radial-gradient(
      ellipse at center,
      rgba(175, 18, 18, 0.24) 0%,
      rgba(95, 8, 8, 0.13) 48%,
      rgba(0, 0, 0, 0) 100%
    );
    filter: blur(13px);
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
.tooltip,
  .tooltip-txt,
  .kga-hiro__dots {
    display: none !important;
  }
.main-hiro-section {
    --hero-title-fluid: clamp(20px, 4.3vw, 34px);
    --hero-product-title-fluid: clamp(17px, 3.4vw, 28px);
  }
.main-hiro-section .hiro-overlay__title {
    width: min(100%, 10.5ch);
  }
.main-hiro-section .main-hiro-product-title,
  .main-hiro-section .main-hiro-product-title a {
    width: min(100%, 11.5ch);
  }
.main-hiro-section .hiro-overlay__desc {
    display: block !important;
    max-width: 26ch !important;
    font-size: clamp(9.5px, 1.35vw, 10.8px) !important;
    line-height: 1.3 !important;
    margin: 6px 0 8px !important;
  }
.main-hiro-section .hiro-overlay__actions {
    margin-top: 7px !important;
  }
.main-hiro-section .hiro-overlay__btn {
    min-height: 28px !important;
    padding-inline: 10px !important;
    font-size: 8px !important;
  }
.main-hiro-section .hiro-overlay__title {
    font-size: clamp(20px, 3.7vw, 31px) !important;
  }
.main-hiro-section .main-hiro-product-title,
  .main-hiro-section .main-hiro-product-title a {
    font-size: clamp(17px, 3vw, 25px) !important;
  }
.main-hiro-section .main-hiro-price-row,
  .main-hiro-section .price-btn.main-hiro-price-row {
    grid-template-columns: 1fr !important;
  }
.main-hiro-section .hiro-overlay__desc {
    display: block !important;
    max-width: 30ch !important;
    font-size: 10.5px !important;
    line-height: 1.32 !important;
    margin: 6px 0 8px !important;
  }
}

@media (max-width: 991px) and (min-width: 576px) {
  .home-cat-section .home-cat-left-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .bestseller-section{--bs-gap:12px}
.bestseller-wrap{padding-inline:14px}
.bestseller-head{
    grid-template-columns:1fr;
    align-items:start!important;
    gap:10px;
    padding:14px 0 10px;
    margin-bottom:16px;
  }
.bestseller-head h2,
  .bestseller-section .section-title h2{font-size:clamp(26px,5vw,40px)}
.bestseller-section .cat-tab{
    justify-content:flex-start;
    flex-wrap:nowrap;
    overflow-x:auto;
    padding-bottom:4px;
    scrollbar-width:none;
  }
.bestseller-section .cat-tab::-webkit-scrollbar{display:none}
.bestseller-section .cat-tab li a{
    min-height:34px;
    padding-inline:13px;
    font-size:9.5px;
  }
.best-seller-card__media{
    aspect-ratio:1/.94;
    max-height:300px;
  }
.best-seller-card__content{
    padding-top:9px;
    gap:4px;
  }
.best-seller-card__price-current{font-size:13px}
.best-seller-card__title{font-size:12px}
.best-seller-card__type,
  .best-seller-card__status{font-size:11.5px}
.best-seller-card__thumb,
  .best-seller-card__thumb-more{
    flex-basis:52px;
    width:52px;
    height:52px;
  }
.bestseller-custom-nav{
    max-width:720px;
    grid-template-columns:minmax(160px,1fr) auto;
    gap:22px;
    margin-top:38px;
  }
.bestseller-custom-nav__next{
    min-width:132px;
    min-height:58px;
    padding-inline:24px;
    font-size:18px;
  }
.bestseller-custom-nav__arrow{font-size:28px}
.bestseller-custom-nav__page{font-size:18px}
}

@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
.col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
.col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
.col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
.col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
.col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
.col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
.col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
.col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
.col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
.col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
.col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
.col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
.col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
.offset-md-0 {
    margin-left: 0;
  }
.offset-md-1 {
    margin-left: 8.33333333%;
  }
.offset-md-2 {
    margin-left: 16.66666667%;
  }
.offset-md-3 {
    margin-left: 25%;
  }
.offset-md-4 {
    margin-left: 33.33333333%;
  }
.offset-md-5 {
    margin-left: 41.66666667%;
  }
.offset-md-6 {
    margin-left: 50%;
  }
.offset-md-7 {
    margin-left: 58.33333333%;
  }
.offset-md-8 {
    margin-left: 66.66666667%;
  }
.offset-md-9 {
    margin-left: 75%;
  }
.offset-md-10 {
    margin-left: 83.33333333%;
  }
.offset-md-11 {
    margin-left: 91.66666667%;
  }
.header-style-one .main-navigationbar .menu-items-col .main-nav {
    display: flex;
    align-items: center;
  }
.desk-only {
    display: block !important;
  }
.mobile-only {
    display: none !important;
  }
.sticky-pro-info {
    max-width: 250px;
    width: 100%;
  }
.product-filter-right-column,.product-heading-row .product-heading-right-column {
    border-left: 1px solid var(--white);
  }
}

@media (min-width: 769px) and (max-width: 1180px) and (orientation: landscape) {
  .main-hiro-section {
    --hiro-gap: 10px;
    --hiro-pad-x: 10px;
    --hiro-card-pad: 16px;
    --hiro-shell-h: auto;
    --hiro-rail-card-h: auto;
  }
.main-hiro-section .container {
    width: 100%;
    max-width: none;
    padding-inline: var(--hiro-pad-x);
  }
.kga-hiro__inner.main-hiro-grid {
    display: grid;
    grid-template-columns:
      minmax(270px, 0.9fr)
      minmax(360px, 1.12fr)
      minmax(285px, 0.82fr);
    gap: var(--hiro-gap);
    min-height: 0;
    align-items: stretch;
  }

/* Center image defines total hero height */
  .kga-hiro__center,
  .main-hiro-center {
    height: clamp(430px, 66vh, 540px);
    max-height: clamp(430px, 66vh, 540px);
    min-height: 0;
    overflow: hidden;
  }
.main-hiro-center {
    aspect-ratio: auto;
  }
.main-hiro-center img {
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    transform: none !important;
  }

/* Left and right cannot pass center image height */
  .kga-hiro__left,
  .kga-hiro__right,
  .main-hiro-left,
  .main-hiro-right {
    height: clamp(430px, 66vh, 540px);
    max-height: clamp(430px, 66vh, 540px);
    min-height: 0;
    overflow: hidden;
  }

/* LEFT */
  .main-hiro-left {
    display: grid;
    grid-template-rows: auto 1fr;
    gap: 10px;
    align-content: stretch;
  }
.main-hiro-left-top,
  .main-hiro-left-bottom {
    padding: 16px;
    min-height: 0;
    overflow: hidden;
  }
.main-hiro-left-bottom {
    align-content: start;
  }
.hiro-overlay__title {
    font-size: clamp(26px, 3.4vw, 38px);
    line-height: 0.9;
  }
.hiro-overlay__desc {
    font-size: 11px;
    line-height: 1.35;
    margin-bottom: 10px;
  }
.hiro-chip-row {
    gap: 6px;
    margin-bottom: 10px;
  }
.hiro-chip,
  .hiro-overlay__btn {
    min-height: 28px;
    padding-inline: 10px;
    font-size: 8.5px;
  }
.main-hiro-left-bottom .subtitle {
    font-size: 8.5px;
  }
.main-hiro-left-bottom h2,
  .main-hiro-product-title {
    font-size: clamp(21px, 2.7vw, 29px);
    line-height: 0.92;
  }
.main-hiro-left-bottom .size-selectors {
    gap: 8px;
  }
.main-hiro-left-bottom .size-selectors :is(.nice-select, .select__select) {
    min-height: 38px;
    min-width: 76px;
    font-size: 8.5px;
  }
.main-hiro-left-bottom .size-selectors .color-select {
    min-width: 120px;
  }
.main-hiro-left-bottom .price-btn {
    grid-template-columns: 1fr;
    gap: 9px;
    margin-top: 0;
  }
.main-hiro-left-bottom .main-hiro-price-wrap .price {
    min-height: auto;
    font-size: 19px;
  }
.main-hiro-left-bottom .product-form__submit {
    min-height: 42px;
    font-size: 8.5px;
  }

/* RIGHT RAIL */
  .main-hiro-right {
    --hiro-rail-media: 43%;
    --hiro-rail-pad: 9px;
    --hiro-rail-title-fs: 10.5px;
    --hiro-rail-price-fs: 11.5px;
    --hiro-rail-meta-fs: 8px;
    --hiro-rail-action-size: 28px;
    --hiro-rail-footer-space: 0;
  }
.main-hiro-right-stack {
    display: grid;
    grid-template-rows: repeat(3, minmax(0, 1fr));
    gap: 8px;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
  }

/* Show all 3 cards */
  .main-hiro-right-stack .main-hiro-pro-box:nth-child(n+3) {
    display: block !important;
  }
.main-hiro-right .main-hiro-pro-box,
  .main-hiro-right .main-hiro-pro-box__inner,
  .main-hiro-right .main-hiro-pro-slider,
  .main-hiro-right .hiro-pro-itm,
  .main-hiro-right .product-card,
  .main-hiro-right .hiro-rail-card {
    height: 100%;
    min-height: 0;
    overflow: hidden;
  }

/* Keep original horizontal card layout */
  .main-hiro-right .hiro-rail-card {
    display: grid !important;
    grid-template-columns: minmax(108px, var(--hiro-rail-media)) minmax(0, 1fr) !important;
    grid-template-areas: "media content";
    min-height: 0;
  }
.main-hiro-right .product-card-reverse .hiro-rail-card {
    grid-template-columns: minmax(0, 1fr) minmax(108px, var(--hiro-rail-media)) !important;
    grid-template-areas: "content media";
  }
.main-hiro-right .hiro-rail-card__media {
    height: 100%;
    min-height: 0;
  }
.main-hiro-right .hiro-rail-card__media img {
    object-fit: contain !important;
    object-position: center center;
    padding: 7px;
    transform: none !important;
  }
.main-hiro-right .hiro-rail-card__actions {
    top: 6px;
    right: 6px;
    gap: 4px;
  }
.main-hiro-right :is(
    .wbwish,
    .wbquickv,
    .quick-view,
    .wishlist,
    .compare,
    .product-card__button,
    .hiro-rail-card__actions button,
    .hiro-rail-card__actions a
  ) {
    width: var(--hiro-rail-action-size);
    height: var(--hiro-rail-action-size);
  }
.main-hiro-right .hiro-rail-card__content {
    display: grid;
    grid-template-rows: auto auto;
    gap: 5px;
    padding: 9px;
    min-height: 0;
    overflow: hidden;
  }
.main-hiro-right .hiro-rail-card__main {
    display: grid;
    grid-template-rows: auto auto;
    gap: 5px;
    min-height: 0;
  }
.main-hiro-right .hiro-rail-card__head {
    gap: 4px;
    padding-right: calc(var(--hiro-rail-action-size) + 4px);
  }
.main-hiro-right .hiro-rail-card__body {
    gap: 5px;
  }
.main-hiro-right .hiro-rail-card__eyebrow {
    font-size: 8px;
    letter-spacing: 0.13em;
  }
.main-hiro-right .hiro-rail-card__title {
    font-size: 10.5px;
    line-height: 1.1;
    letter-spacing: 0;
  }

/* Hide clutter so 3 cards fit */
  .main-hiro-right .hiro-rail-card__variants,
  .main-hiro-right .hiro-rail-card__footer,
  .main-hiro-right .main-hiro-pro-slider .slick-dots {
    display: none !important;
  }

.main-hiro-right .hiro-rail-card__price-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 5px;
    align-items: start;
  }
.main-hiro-right .hiro-rail-card__price .price-item--regular {
    font-size: 11.5px;
  }
.main-hiro-right .hiro-rail-card__submit {
    width: 100%;
    min-width: 0;
    min-height: 30px;
    padding-inline: 8px !important;
    font-size: 7.5px;
  }
.kga-hiro__dots {
    bottom: 10px;
  }
.main-hiro-section {
    --hero-title-fluid: clamp(22px, 3.05vw, 34px);
    --hero-product-title-fluid: clamp(19px, 2.45vw, 28px);
  }
.main-hiro-section .hiro-overlay__title {
    width: min(100%, 11ch);
  }
.main-hiro-section .main-hiro-product-title,
  .main-hiro-section .main-hiro-product-title a {
    width: min(100%, 12ch);
  }
.main-hiro-section .hiro-overlay__desc {
    display: block !important;
    font-size: 10.5px !important;
    line-height: 1.32 !important;
    margin: 7px 0 9px !important;
  }
.main-hiro-section .hiro-overlay__title {
    font-size: clamp(22px, 2.8vw, 32px) !important;
  }
.main-hiro-section .main-hiro-product-title,
  .main-hiro-section .main-hiro-product-title a {
    font-size: clamp(18px, 2.25vw, 26px) !important;
  }
.main-hiro-section .main-hiro-price-row,
  .main-hiro-section .price-btn.main-hiro-price-row,
  .main-hiro-section .main-hiro-right .hiro-rail-card__price-row {
    grid-template-columns: 1fr !important;
  }
.main-hiro-section .main-hiro-atc-wrap .product-form__submit,
  .main-hiro-section .main-hiro-right .hiro-rail-card__submit {
    max-width: 100% !important;
  }
.main-hiro-section .hiro-overlay__desc {
    font-size: 10.5px !important;
    line-height: 1.32 !important;
    margin: 7px 0 9px !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card {
    grid-template-columns: minmax(92px, 34%) minmax(0, 1fr) !important;
  }
.main-hiro-section .main-hiro-right .product-card-reverse .hiro-rail-card {
    grid-template-columns: minmax(0, 1fr) minmax(92px, 34%) !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card__content {
    padding: 9px !important;
    gap: 5px !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card__title a {
    font-size: clamp(10.5px, 1.15vw, 13px) !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card__price,
  .main-hiro-section .main-hiro-right .price-item {
    font-size: 11.5px !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card__price-row,
  .main-hiro-section .main-hiro-right .price-btn {
    grid-template-columns: 1fr !important;
    gap: 6px !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card__submit,
  .main-hiro-section .main-hiro-right .product-form__submit,
  .main-hiro-section .main-hiro-right .cart-button {
    width: fit-content !important;
    min-width: 104px !important;
    min-height: 32px !important;
    padding: 0 10px !important;
    font-size: 7.8px !important;
  }
}

@media (max-width: 1180px) and (min-width: 769px) {
  .main-hiro-right .hiro-rail-card__price-row {
    grid-template-columns: 1fr !important;
    gap: 6px;
  }
.main-hiro-right .hiro-rail-card__submit {
    width: 100%;
    min-width: 0;
  }
}

@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
.col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
.col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
.col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
.col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
.col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
.col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
.col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
.col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
.col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
.col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
.col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
.col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
.col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
.offset-lg-0 {
    margin-left: 0;
  }
.offset-lg-1 {
    margin-left: 8.33333333%;
  }
.offset-lg-2 {
    margin-left: 16.66666667%;
  }
.offset-lg-3 {
    margin-left: 25%;
  }
.offset-lg-4 {
    margin-left: 33.33333333%;
  }
.offset-lg-5 {
    margin-left: 41.66666667%;
  }
.offset-lg-6 {
    margin-left: 50%;
  }
.offset-lg-7 {
    margin-left: 58.33333333%;
  }
.offset-lg-8 {
    margin-left: 66.66666667%;
  }
.offset-lg-9 {
    margin-left: 75%;
  }
.offset-lg-10 {
    margin-left: 83.33333333%;
  }
.offset-lg-11 {
    margin-left: 91.66666667%;
  }
.kga-drawer {
    display: none !important;
  }
.main-hiro-right,
  .main-hiro-right-stack,
  .main-hiro-right .main-hiro-pro-box,
  .main-hiro-right .main-hiro-pro-box__inner,
  .main-hiro-right .main-hiro-pro-slider,
  .main-hiro-right .main-hiro-pro-slider .slick-list,
  .main-hiro-right .main-hiro-pro-slider .slick-track,
  .main-hiro-right .main-hiro-pro-slider .slick-slide,
  .main-hiro-right .main-hiro-pro-slider .slick-slide > div,
  .main-hiro-right .hiro-pro-itm,
  .main-hiro-right .product-card,
  .main-hiro-right .hiro-rail-card {
    min-height: 0 !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }
.main-hiro-right-stack {
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
  }
.main-hiro-right .hiro-rail-card {
    min-height: 0 !important;
  }
.main-hiro-right .hiro-rail-card__content {
    padding: clamp(10px, 0.75vw, 14px) !important;
    gap: 5px !important;
    overflow: hidden !important;
  }
.main-hiro-right .hiro-rail-card__body {
    gap: 6px !important;
  }
.main-hiro-right .hiro-rail-card__select,
  .main-hiro-right .hiro-rail-card__select.nice-select {
    min-height: 32px !important;
    font-size: 8.5px !important;
  }
.main-hiro-right .hiro-rail-card__submit {
    min-height: 36px !important;
    min-width: 106px !important;
    font-size: 8.5px !important;
  }
}

@media (max-height: 780px) and (min-width: 992px) {
  .main-hiro-right .hiro-rail-card__footer,
  .main-hiro-right .hiro-rail-card__variants {
    display: none !important;
  }
.main-hiro-right .hiro-rail-card__price-row {
    grid-template-columns: 1fr auto !important;
  }
.main-hiro-right .hiro-rail-card__variants,
  .main-hiro-right .hiro-rail-card__footer {
    display: none !important;
  }
}

@media (max-height: 710px) and (min-width: 992px) {
  .main-hiro-section .hiro-overlay__desc {
    display: block !important;
    font-size: 11.5px !important;
    line-height: 1.32 !important;
    margin: 7px 0 9px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1440px) {
  .main-hiro-section {
    --hero-title-fluid: clamp(30px, 2.55vw, 46px);
    --hero-product-title-fluid: clamp(25px, 2vw, 36px);
  }
.main-hiro-section .hiro-overlay__title {
    width: min(100%, 12ch);
  }
.main-hiro-section .main-hiro-product-title,
  .main-hiro-section .main-hiro-product-title a {
    width: min(100%, 13ch);
  }
.main-hiro-section .hiro-overlay__desc {
    font-size: clamp(11.5px, 0.78vw, 13px) !important;
    line-height: 1.38 !important;
  }
}

@media (max-width: 1440px) and (min-width: 1181px) {
  .main-hiro-section .hiro-overlay__title {
    font-size: clamp(28px, 2.15vw, 42px) !important;
  }
.main-hiro-section .main-hiro-product-title,
  .main-hiro-section .main-hiro-product-title a {
    font-size: clamp(23px, 1.75vw, 34px) !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card__price-row {
    grid-template-columns: 1fr !important;
    gap: 7px !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card__submit {
    max-width: 100% !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card {
    grid-template-columns: minmax(106px, 34%) minmax(0, 1fr) !important;
  }
.main-hiro-section .main-hiro-right .product-card-reverse .hiro-rail-card {
    grid-template-columns: minmax(0, 1fr) minmax(106px, 34%) !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card__content {
    padding: 12px !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card__price-row,
  .main-hiro-section .main-hiro-right .price-btn {
    grid-template-columns: 1fr !important;
    gap: 9px !important;
  }
.main-hiro-section .main-hiro-right .hiro-rail-card__submit,
  .main-hiro-section .main-hiro-right .product-form__submit,
  .main-hiro-section .main-hiro-right .cart-button {
    width: fit-content !important;
    min-width: 118px !important;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1500px;
  }
.col-xl {
    flex: 1 0 0%;
  }
.col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
.col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
.col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
.col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
.col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
.col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
.col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
.col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
.col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
.col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
.col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
.col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
.col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
.offset-xl-0 {
    margin-left: 0;
  }
.offset-xl-1 {
    margin-left: 8.33333333%;
  }
.offset-xl-2 {
    margin-left: 16.66666667%;
  }
.offset-xl-3 {
    margin-left: 25%;
  }
.offset-xl-4 {
    margin-left: 33.33333333%;
  }
.offset-xl-5 {
    margin-left: 41.66666667%;
  }
.offset-xl-6 {
    margin-left: 50%;
  }
.offset-xl-7 {
    margin-left: 58.33333333%;
  }
.offset-xl-8 {
    margin-left: 66.66666667%;
  }
.offset-xl-9 {
    margin-left: 75%;
  }
.offset-xl-10 {
    margin-left: 83.33333333%;
  }
.offset-xl-11 {
    margin-left: 91.66666667%;
  }
}

@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
.col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
.col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
.col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
.col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
.col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
.col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
.col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
.col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
.col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
.col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
.col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
.col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
.col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
.offset-xxl-0 {
    margin-left: 0;
  }
.offset-xxl-1 {
    margin-left: 8.33333333%;
  }
.offset-xxl-2 {
    margin-left: 16.66666667%;
  }
.offset-xxl-3 {
    margin-left: 25%;
  }
.offset-xxl-4 {
    margin-left: 33.33333333%;
  }
.offset-xxl-5 {
    margin-left: 41.66666667%;
  }
.offset-xxl-6 {
    margin-left: 50%;
  }
.offset-xxl-7 {
    margin-left: 58.33333333%;
  }
.offset-xxl-8 {
    margin-left: 66.66666667%;
  }
.offset-xxl-9 {
    margin-left: 75%;
  }
.offset-xxl-10 {
    margin-left: 83.33333333%;
  }
.offset-xxl-11 {
    margin-left: 91.66666667%;
  }
.best-seller-card__media{max-height:340px}
.best-seller-card__title{font-size:13px}
.best-seller-card__type,
  .best-seller-card__status{font-size:12px}
}

@media (min-width: 1441px) {
  .main-hiro-section {
    --hero-title-fluid: clamp(36px, 2.55vw, 58px);
    --hero-product-title-fluid: clamp(30px, 2.15vw, 44px);
  }
.main-hiro-section .hiro-overlay__desc {
    font-size: clamp(13px, 0.78vw, 15px) !important;
  }
}

@media screen and (max-width: 1800px) {
  .fixed-headr-left {
    display: none;
  }
.show-on-tblt {
    display: flex;
    align-items: center;
  }
.hide-on-tblt {
    display: none;
  }
}

@media (max-width: 1440px) {
  .main-hiro-section {
    --hiro-gap: 14px;
    --hiro-card-pad: 24px;
    --hiro-shell-h: clamp(500px, 74vh, 620px);
    --hiro-rail-card-h: clamp(150px, 10vw, 190px);
  }
.kga-hiro__inner.main-hiro-grid {
    grid-template-columns:
      minmax(285px, 0.92fr)
      minmax(395px, 1.12fr)
      minmax(310px, 0.96fr);
  }
.main-hiro-left-top {
    min-height: clamp(190px, 14vw, 245px);
  }
.hiro-overlay__title {
    font-size: clamp(30px, 2.5vw, 48px);
  }
.main-hiro-left-bottom h2,
  .main-hiro-product-title {
    font-size: clamp(27px, 2.15vw, 38px);
  }
.main-hiro-right {
    --hiro-rail-media: clamp(145px, 37%, 184px);
    --hiro-rail-title-fs: clamp(14px, 0.95vw, 16px);
    --hiro-rail-price-fs: 14px;
  }
}

@media screen and (max-width: 1360px) {
  .show-on-tblt {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
  }
}

@media screen and (max-width: 1260px) {
  .footer-col:not(:last-of-type) {
    padding-right: 30px;
  }
.footer-bottom {
    padding-top: 30px;
  }
.footer-link .contactlink {
    font-size: 18px;
  }
.site-footer {
    padding: 40px 0;
  }
.offset-left {
    margin-left: 0;
    padding: 0 15px;
  }
.offset-right {
    margin-right: 0;
    padding: 0 15px;
  }
.section-title .subtitle {
    line-height: 1;
  }
.profile-header .menu-dropdown {
    right: 20px;
  }
.shopify-app-block .jdgm-review-widget--small .jdgm-rev-widg {
    padding: 16px 15px;
  }
}

@media (max-width: 1199.98px) {
  .kga-nav {
    gap: 24px;
  }
.kga-action-label {
    display: none;
  }
.kga-icon-btn, .kga-burger {
    padding: 10px;
  }
.cart-page-section .cart-item__name {
    font-size: 24px;
  }
.cart-page-section .cart-table thead th, .cart-page-section .cart-table tbody td {
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media screen and (max-width: 1199px) {
  .out-of-stock-form {
    max-width: 45%;
  }
.header-style-one .main-navigationbar .menu-items-col .main-nav {
    padding-left: 15px;
  }
footer .footer-bottom-row div p {
    font-size: 13px;
  }
.feature-verticle h2 {
    font-size: 36px;
  }
.feature-verticle .subheading {
    font-size: 18px;
  }
.feature-verticle h2, .feature-verticle .subheading {
    margin: 0px 10px 0px;
  }
.pdp-swtch-lbl {
    margin-bottom: 20px;
  }
.product-detail-left .review-stars {
    margin: 20px 0;
  }
.acc-order-button .btn {
    padding: 10px 15px;
  }
.border-left-btn {
    margin-top: 50px;
  }
.slick-dots {
    bottom: 15px;
  }
.feature-pro-itm {
    height: 100%;
  }
.feature-pro-itm:not(:last-of-type) {
    margin-bottom: 15px;
  }
.template-search__results .product-card .countdown-container.flip-countdown.countdown-block span {
    font-size: 10px;
  }
.cart-tble tr th:nth-child(2), .cart-tble tr td:nth-child(2) {
    width: 233px;
  }
}

@media (max-width: 1100px) {
  .site-footer .footer-row {
    grid-template-columns: 1fr 1fr;
  }
.site-footer .footer-subscribe-col {
    grid-column: 1 / -1;
  }
.site-footer .footer-subscribe-col .footer-widget {
    max-width: 100%;
  }
.site-footer .footer-widget h3 {
    max-width: 100%;
  }
}

@media (max-width: 1000px) {
  .search-popup .predictive-search__results-list, .search-popup .predictive-search__item-list, .search-popup .search-results-grid, .search-popup .results-grid, .search-popup ul[role="list"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
.kga-search .predictive-search__results-list, .kga-search .predictive-search__item-list, .kga-search ul[role="list"] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 991.98px) {
  .kga-header__row {
    min-height: 74px;
    gap: 10px;
  }
.kga-header__logo {
    width: var(--logo-w-m);
  }
.kga-header__nav {
    display: none;
  }
.kga-burger {
    display: inline-flex;
  }
.kga-account__dropdown, .kga-dropdown {
    display: none !important;
  }
.kga-icon-btn, .kga-burger {
    min-width: 40px;
    min-height: 40px;
  }
.kga-cart-count {
    top: -6px;
    right: -8px;
  }
.kga-search__dialog {
    width: calc(100vw - 20px);
    margin-top: 16px;
    padding: 18px;
    border-radius: 20px;
  }
.kga-search__form {
    gap: 10px;
  }
.kga-search__input {
    height: 52px;
    font-size: 15px;
  }
.kga-search__submit {
    flex-basis: 52px;
    width: 52px;
    height: 52px;
  }
.cart-page-section {
    padding: 30px 0 50px;
  }
.cart-page-section .cart__footer {
    position: static;
  }
.cart-page-section .cart-table, .cart-page-section .cart-table tbody, .cart-page-section .cart-table tr, .cart-page-section .cart-table td {
    display: block;
    width: 100%;
  }
.cart-page-section .cart-table {
    border-spacing: 0;
  }
.cart-page-section .cart-table thead {
    display: none;
  }
.cart-page-section .cart-table tbody tr {
    display: grid;
    grid-template-columns: minmax(0, 108px) minmax(0, 1fr);
    gap: 0 16px;
    margin-bottom: 18px;
    padding: 16px;
    border: 1px solid rgba(17,17,17,.08);
    border-radius: 24px;
    background: rgba(255,255,255,.92);
    box-shadow: 0 14px 30px rgba(17,17,17,.06);
  }
.cart-page-section .cart-table tbody td {
    padding: 0;
    background: transparent;
    border: 0;
  }
.cart-page-section .cart-item__media {
    grid-column: 1;
    grid-row: 1 / span 4;
    width: auto;
  }
.cart-page-section .name {
    grid-column: 2;
    grid-row: 1;
  }
.cart-page-section .cart-item__price-col {
    grid-column: 2;
    grid-row: 2;
    margin-top: 12px;
  }
.cart-page-section .cart-item__quantity {
    grid-column: 2;
    grid-row: 3;
    margin-top: 14px;
  }
.cart-page-section .cart-item__totals {
    grid-column: 1 / -1;
    grid-row: 4;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(17,17,17,.08);
    text-align: left;
  }
.cart-page-section .cart-item__price-wrapper {
    justify-items: start;
  }
.cart-page-section .remove-btn {
    margin-top: 0;
  }
}

@media (max-width: 991px) {
  .home-cat-section .home-cat-heading {
    font-size: clamp(26px, 5vw, 42px) !important;
  }
.video-bottom-section .container {
    margin-top: 0;
  }
.video-bottom-section .slick-slider .slick-prev {
    left: 8px;
  }
.video-bottom-section .slick-slider .slick-next {
    right: 8px;
  }
.pro-compare-wrap .pro-compare-left, .pro-wishlist-wrap .pro-wishlist-left, .pro-compare-scroll .compare-wrap .compare-val-prod, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod {
    flex-wrap: wrap;
  }
.pro-compare-wrap .pro-compare-left .compare-title, .pro-wishlist-wrap .pro-wishlist-left .wishlist-title, .pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label {
    max-width: 50%;
    flex: 0 0 50%;
    width: 100%;
  }
.compare-pro-detail .compare-val-prod .prod-title, .wishlist-pro-detail .wishlist-val-prod .prod-title {
    font-size: 22px;
  }
.compare-pro-detail .compare-val-prod .prod-price, .wishlist-pro-detail .wishlist-val-prod .prod-price {
    font-size: 22px;
  }
}

@media screen and (max-width: 991px) {
  .out-of-stock-form {
    max-width: 50%;
    padding: 50px 30px;
  }
.size-share-wrap {
    gap: 10px;
  }
:root {
    --h1: normal 600 32px/1.2 var(--first-font);
    --h2: normal 600 26px/1.2 var(--first-font);
    --h3: normal 600 20px/1.2 var(--first-font);
    --h4: normal 600 18px/1.2 var(--first-font);
    --h5: normal 600 16px/1.2 var(--first-font);
    --h6: normal 600 14px/1.2 var(--first-font);
  }
.header-style-one .main-navigationbar .menu-items-col .main-nav {
    padding-left: 20px;
  }
.header-style-one .main-navigationbar .menu-items-col .main-nav>li:not(:last-of-type) {
    padding-right: 15px;
  }
.header-style-one .main-navigationbar .menu-items-col .main-nav>li {
    padding: 20px 0;
  }
.header-style-one .main-navigationbar .logo-col {
    max-width: 80px;
  }
.header-style-one .main-navigationbar .menu-items-col .main-nav>li.has-item>a {
    padding-right: 15px;
  }
.header-style-one .menu-right li a span {
    margin: 0 0 0 5px;
    font-size: 13px;
  }
.header-style-one .menu-right li a svg {
    width: 14px;
    height: 14px;
  }
.lang-dropdown svg {
    width: 17px;
    height: 17px;
  }
footer .footer-bottom-row ul {
    justify-content: start !important;
    display: flex;
  }
footer .footer-bottom-row {
    gap: 10px;
  }
.site-footer .payment-image-wrapper {
    justify-content: start !important;
  }
.header-style-one .main-navigationbar .menu-items-col .main-nav>li>a {
    font-size: 13px;
  }
.header-style-one .menu-right li a span .wishcount {
    line-height: 1;
  }
.footer-col:not(:last-of-type) {
    padding-right: 10px;
  }
.pro-swatch {
    font-size: 10px;
  }
.footer-subscribe-col {
    max-width: 260px;
    flex: 0 0 260px;
  }
.footer-widget h4 {
    font-size: 16px;
    font-weight: 700;
  }
.padding-top {
    padding-top: 40px;
  }
.padding-bottom, .product .bestseller-section {
    padding-bottom: 40px;
  }
.video-lbl {
    font-size: 11px;
  }
.poster-button {
    width: 30px;
    height: 30px;
  }
.video-play-colum {
    max-width: 112px;
  }
.main-hiro-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
  }
.main-hiro-col:last-of-type {
    display: none;
  }
.banner-labl {
    right: auto;
  }
.feature-pro {
    flex-direction: row;
    width: 100%;
    order: 3;
  }
.feature-pro-itm {
    height: auto;
    margin-top: 30px;
    max-width: calc(50% - 10px);
    width: 100%;
  }
.blog-widget-inner {
    padding: 25px 15px;
  }
.blog-widget-inner.big-blog-widget {
    padding: 35px 15px 25px;
  }
.blog-widget-inner p {
    margin: 12px 0;
  }
.blog-grid-section .blog-cat li {
    padding: 10px 10px;
    font-size: 10px;
  }
.cart-summery {
    margin-top: 30px;
  }
.cart-summery .btn {
    max-width: 300px;
    margin-left: auto;
  }
.submit-btn {
    max-width: 200px;
    margin: 20px 0 0;
  }
.article-banner .blog-cat {
    margin: 20px 0;
  }
.art-auther {
    margin-bottom: 15px;
  }
.quote-box {
    padding: 15px 0 25px 60px;
  }
.quote-box h3 {
    font-size: 15px;
  }
.latest-article-slider-section .section-title {
    padding-top: 40px;
    margin-bottom: 26px;
  }
.my-acc-right-content .qty-spinner input, .my-acc-right-content table tr th, .my-acc-right-content table tr td {
    font-size: 12px;
  }
.ttl-pric {
    font-size: 20px;
  }
.video-bottom-section .container {
    margin-top: 30px;
  }
.video-bottom-section .bg-black .product-card .product-card-inner {
    background: var(--border-color);
    border-radius: 0px;
    padding: 0px !important;
  }
.video-bottom-section .bg-black .product-card .product-image {
    padding: 0px;
  }
.video-bottom-section .slick-slider .slick-arrow {
    display: none !important;
  }
.video-bottom-section .product-image:hover img.default-img {
    display: none !important;
  }
.video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    position: absolute !important;
    top: 2px !important;
    right: 3px !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
  }
.video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp > div {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }
.video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp label, .video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp a {
    display: grid !important;
    place-items: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 6px !important;
    background: rgba(255,255,255,.95) !important;
    border: 1px solid rgba(0,0,0,.14) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.10) !important;
    outline: none !important;
    text-decoration: none !important;
    line-height: 0 !important;
  }
.video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp label:hover, .video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp label:focus, .video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp label:focus-within, .video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp a:hover, .video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp a:focus {
    background: rgba(255,255,255,.95) !important;
    border-color: rgba(0,0,0,.22) !important;
    outline: none !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.12) !important;
  }
.video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp .checkmark {
    display: none !important;
  }
.video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp .kga-icon {
    --icon-size: 16px !important;
  }
.video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp svg {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
  }
.video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp svg, .video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp svg * {
    fill: #111 !important;
    stroke: #111 !important;
  }
.video-bottom-section .bestseller-itm .product-image.card__media .pro-wishlist.active label, .video-bottom-section .bestseller-itm .product-image.card__media .pro-wishlist.active .wishlist-label {
    color: #dc0000 !important;
  }
.video-bottom-section .bestseller-itm .product-image.card__media .pro-wishlist.active svg, .video-bottom-section .bestseller-itm .product-image.card__media .pro-wishlist.active svg * {
    fill: #dc0000 !important;
    stroke: #dc0000 !important;
  }
.video-bottom-section .bestseller-itm .product-image.card__media .wish-lbl-wrp .compare-now {
    display: none !important;
  }
.video-bottom-section .bestseller-itm .product-content .product-cont-bottom .price-btn {
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }
.video-bottom-section .bestseller-itm .price, .video-bottom-section .bestseller-itm .price-item--regular {
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: inherit !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    text-align: left !important;
  }
.video-bottom-section .bestseller-itm .price-item--sale, .video-bottom-section .bestseller-itm .price__compare, .video-bottom-section .bestseller-itm .price-item--compare, .video-bottom-section .bestseller-itm .product-content .link-btn, .video-bottom-section .bestseller-itm .size-selectors, .video-bottom-section .bestseller-itm .variant, .video-bottom-section .bestseller-itm .product-form__input, .video-bottom-section .bestseller-itm .product-card__swatches, .video-bottom-section .bestseller-itm .swatch, .video-bottom-section .bestseller-itm .rating, .video-bottom-section .bestseller-itm .spr-badge, .video-bottom-section .bestseller-itm .review, .video-bottom-section .bestseller-itm .product-description, .video-bottom-section .bestseller-itm .read-more, .video-bottom-section .bestseller-itm .btn, .video-bottom-section .bestseller-itm .quick-add, .video-bottom-section .bestseller-itm .product-content .product-cont-bottom .price-btn product-form, .video-bottom-section .bestseller-itm .product-content .product-cont-bottom .price-btn product-form .cart-btn, .video-bottom-section .bestseller-itm .product-content .product-cont-bottom .price-btn product-form .product-form__submit {
    display: none !important;
  }
.feature-title {
    order: 1;
  }
.feature-img {
    order: 2;
  }
.vedio-top-left-contnt {
    padding-left: 0;
  }
.vedio-top-right a {
    min-height: 233px;
  }
.vedio-top-section .row {
    margin-bottom: 40px;
    align-items: center;
  }
.vedio-top-left-inner {
    padding-top: 0;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
.testimonial-section .section-title {
    margin-bottom: 26px;
  }
.product-detail-left .review-wrap .product-write-review {
    column-gap: 5px;
  }
.product-detail-left .review-wrap .product-write-review svg {
    width: 12px;
    height: 12px;
  }
.product-detail-left .review-stars {
    font-size: 12px;
  }
.main-detail {
    margin: 0 0 30px;
  }
.jdgm-widget .jdgm-temp-hidden {
    display: none !important;
  }
.jdgm-row-stars {
    margin-bottom: 15px !important;
  }
.cart-page-section {
    padding-bottom: 0px;
  }
.register-form .submit-btn {
    margin-top: 0;
  }
.home-cat-right .home-cat-right-inner p {
    margin-bottom: 20px;
    font-size: 16px;
  }
.feature-pro-itm:not(:last-of-type) {
    margin-bottom: 0;
  }
.product-card .flip-countdown.simple-countdown {
    max-width: fit-content;
    width: 100%;
    margin: 0 auto;
  }
.compare-pro-detail .compare-val-prod .prod-title, .wishlist-pro-detail .wishlist-val-prod .prod-title {
    font-size: 16px;
  }
.compare-pro-detail .prod-price ins, .wishlist-pro-detail .prod-price ins {
    font-size: 16px;
  }
.compare-pro-detail .prod-price del ins, .wishlist-pro-detail .prod-price del ins {
    font-size: 14px;
  }
.product-detail-left .section-title {
    margin-bottom: 15px;
  }
.cart__footer {
    margin: 30px 0 0;
  }
.aboutpage-btm-sec .about-us-box {
    padding: 15px;
  }
.about-us-section .about-us-box img {
    top: 15px;
  }
.blog-page-banner .common-banner-content p {
    margin-bottom: 20px;
  }
.blog-page-banner .section-title {
    margin-bottom: 20px;
  }
.contact-right-inner .contact-form .submit-btn {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .product-card-itm {
    padding: 0 8px;
  }
.product-card .custom_label {
    top: 8px;
    left: 8px;
    min-height: 26px;
    padding: 0 8px;
    font-size: 10px;
  }
.product-card-inner .wish-lbl-wrp {
    top: 8px;
    right: 8px;
    gap: 5px;
  }
.product-card-inner .wish-lbl-wrp a, .product-card-inner .wish-lbl-wrp label, .product-card-inner .wishlist-label, .product-card-inner .compare-label, .product-card-inner .quickview-btn a, .product-card .pro-wishlist, .product-card .pro-compare, .product-card .quickview-btn {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
  }
.product-card-inner .wish-lbl-wrp .kga-icon {
    --icon-size: 17px;
  }
.price-btn {
    gap: 6px;
  }
.price-btn .price {
    min-height: 38px;
    padding: 0 12px;
  }
.price-item--regular, .price-item--sale, .price-btn ins {
    font-size: 13px;
  }
.product-card .product-card-content h4, .product-card .card-title {
    font-size: 13px;
  }
.product-card .product-card-content p, .product-card .subtitle, .product-card .card-category, .size-selectors .nice-select {
    font-size: 11px;
  }
.product-card .link-btn {
    margin-top: 14px;
  }
.site-footer .container {
    padding: 0 16px !important;
  }
.site-footer .footer-eyebrow {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 18px 0 16px;
    margin-bottom: 18px;
  }
.site-footer .footer-eyebrow__tagline {
    text-align: left;
    white-space: normal;
  }
.site-footer .footer-row {
    grid-template-columns: 1fr;
    border-left: 0;
  }
.site-footer .footer-col {
    padding: 22px 0;
    border-right: 0;
  }
.site-footer .footer-widget h3 {
    font-size: 30px;
  }
.site-footer .footer-bottom-row {
    grid-template-columns: 1fr;
    text-align: center;
  }
.site-footer .footer-bottom-row ul {
    justify-content: center;
  }
.pro-compare-wrap .pro-compare-left, .pro-wishlist-wrap .pro-wishlist-left {
    display: none;
  }
.pro-compare-scroll .compare-wrap .compare-val-prod, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod {
    display: grid;
    grid-template-columns: 1fr;
  }
.pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label {
    max-width: 100%;
    flex: 0 0 100%;
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,0.06);
    padding: 18px 16px;
  }
.compare-pro-detail, .wishlist-pro-detail {
    padding: 20px 16px;
    text-align: center;
  }
.compare-pro-detail .prod-img a, .wishlist-pro-detail .prod-img a {
    max-width: 180px;
  }
.compare-pro-detail .compare-val-prod .prod-title, .wishlist-pro-detail .wishlist-val-prod .prod-title {
    font-size: 20px;
  }
.compare-pro-detail .compare-val-prod .prod-price, .wishlist-pro-detail .wishlist-val-prod .prod-price {
    font-size: 20px;
    flex-wrap: wrap;
  }
.compare-pro-detail .product-form .theme-btn, .compare-pro-detail .product-form button, .compare-pro-detail .product-form .cart-btn, .wishlist-pro-detail .product-form .theme-btn, .wishlist-pro-detail .product-form button, .wishlist-pro-detail .product-form .cart-btn {
    width: 100%;
    min-width: 0;
  }
.recentlyview {
    padding: 36px 0;
  }
.recentlyview .section-title {
    margin-bottom: 18px;
  }
.recentlyview .section-title h2 {
    font-size: 24px;
  }
.rv-item {
    padding: 0 6px;
  }
.rv-card {
    max-width: none;
  }
.rv-card__content {
    padding: 12px 12px 14px;
  }
.rv-card__title {
    font-size: 15px;
  }
.rv-card__price-current {
    font-size: 15px;
  }
.rv-card__price-old {
    font-size: 13px;
  }
.recentlyview .rv-arrow {
    width: 38px;
    height: 38px;
  }
.recentlyview .slick-prev {
    left: 0;
  }
.recentlyview .slick-next {
    right: 0;
  }
.kga-header.is-home .lang-dropdown .nice-select::after {
    border-right-color: var(--second-color) !important;
    border-bottom-color: var(--second-color) !important;
  }
.quickview_popup_data {
    width: min(86vw, 360px);
    max-width: min(86vw, 360px);
    max-height: min(82vh, 720px);
    padding: 0 0 16px;
    border-radius: 18px;
    border: 0;
  }
.quickview-popup .qv_slider .slide-arrow, .quickview-popup .qv_slider .slick-arrow {
    display: none !important;
  }
.quickview-close, .slick-lightbox .close, .quickview-popup .qv_slider .slide-arrow, .quickview-popup .qv_slider .slick-arrow, .slick-lightbox .slide-arrow, .slick-lightbox .slick-arrow {
    width: 46px;
    height: 46px;
  }
.quickview-popup {
    width: 100vw;
    max-width: none;
    padding: 20px;
    align-items: center;
    justify-content: center;
  }
.quickview-popup .container {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
.quickview-popup .row.qv-row {
    margin-left: 0;
    margin-right: 0;
    align-items: flex-start;
    row-gap: 12px;
  }
.quickview-popup .row.qv-row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
.quickview_popup_data .pdp-right-column {
    margin-top: 0;
    padding: 0 14px;
  }
.quickview-popup .qv_slider {
    aspect-ratio: 1 / 1;
    max-height: min(48vh, 360px);
    overflow: hidden;
    border-radius: 0;
  }
.quickview-popup .qv_slider .slick-list, .quickview-popup .qv_slider .slick-track, .quickview-popup .qv_slider .slick-slide, .quickview-popup .qv-pro-slider-img {
    height: 100%;
  }
.quickview-popup .qv-pro-slider-img {
    aspect-ratio: 1 / 1;
    min-height: 0;
  }
.quickview-popup .qv_slider .slick-list {
    border-radius: 0;
  }
.quickview-popup .qv-pro-slider-img img, .quickview-popup .qv-main-image {
    min-height: 0 !important;
    max-height: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
  }
.quickview-popup .qv-description, .quickview-popup .qnty-btn-wrp {
    border-top: 0;
  }
.quickview-popup .qv-vendor {
    margin-bottom: 6px;
    font-size: 11px;
  }
.quickview_popup_data .pdp-right-column .section-title {
    margin-bottom: 8px;
  }
.quickview_popup_data .pdp-right-column .section-title h2 {
    font-size: clamp(18px, 5vw, 24px);
    line-height: 1.1;
  }
.quickview-popup .qv-price {
    gap: 8px;
    margin-bottom: 10px;
  }
.quickview-popup .qv-price .price-item--sale, .quickview-popup .price-item--sale {
    font-size: 17px !important;
  }
.quickview-popup .qv-price .price-item--regular, .quickview-popup .price-item--regular {
    font-size: 13px !important;
  }
.quickview-popup .qv-description {
    margin-bottom: 12px;
    padding-top: 10px;
    font-size: 13px;
    line-height: 1.55;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
  }
.quickview-popup .qv-variants {
    margin-bottom: 12px;
  }
.quickview-popup .qv-option-group {
    margin-bottom: 12px;
  }
.quickview-popup .qv-option-label {
    margin-bottom: 8px;
    font-size: 12px;
  }
.quickview-popup label.color-swatch.varcolor {
    width: 34px;
    height: 34px;
  }
.quickview-popup label.color-swatch.varsize {
    min-width: 38px;
    height: 32px;
    padding: 0 10px;
    font-size: 12px;
    border-radius: 8px;
  }
.quickview-popup label.color-swatch.varsize[data-val="Ultra Cotton"] {
    min-width: 82px;
  }
.quickview_popup_data .pdp-right-column .qnty-btn-wrp {
    gap: 10px;
    margin-top: 14px;
    padding-top: 12px;
  }
.quickview-popup .qnty-btn-wrp .cart-btn, .quickview-popup .qnty-btn-wrp .qv-add-btn {
    min-height: 42px;
    padding: 0 16px;
    font-size: 13px;
  }
.quickview-popup .qv-full-link {
    font-size: 12px;
  }
.quickview-close {
    top: 12px;
    right: 12px;
    width: 42px;
    height: 42px;
  }
.slick-lightbox .slick-prev {
    left: 12px;
  }
.slick-lightbox .slick-next {
    right: 12px;
  }
}

@media screen and (max-width: 767px) {
  .header-style-one .main-navigationbar {
    padding: 14px 0 !important;
    min-height: 64px;
    box-shadow: 0 4px 55px rgba(24,58,64,.12);
  }
.header-style-one .main-navigationbar .menu-items-col {
    justify-content: flex-end;
  }
.header-style-one .main-navigationbar .logo-col {
    max-width: 130px !important;
    width: auto;
  }
.header-style-one .main-navigationbar .logo-col img {
    max-height: auto;
    width: auto;
  }
.header-style-one .menu-right {
    padding-left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: nowrap;
    gap: 14px;
  }
.header-style-one .menu-right li {
    flex: unset;
    position: relative;
  }
.header-style-one .menu-right li, .header-style-one.dark-header .menu-right li {
    padding: 0;
  }
.header-style-one .menu-right li:not(:first-of-type) {
    margin-left: 0 !important;
  }
.header-style-one .menu-right li a .icon-lable {
    display: none !important;
  }
.header-style-one .menu-right > li > a, .header-style-one .menu-right > li > button {
    padding: 6px !important;
    background: transparent;
    border: none;
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
  }
.header-style-one .menu-right li:last-of-type {
    width: auto;
    max-width: initial;
  }
.header-style-one .menu-right li:last-of-type button {
    padding: 0 !important;
    background: transparent;
    border: none;
  }
.header-style-one .menu-right li:last-of-type svg {
    width: 28px !important;
  }
.header-style-one .menu-right li a svg, .header-style-one .menu-right li.cart-header a svg {
    height: 22px !important;
    width: 22px !important;
  }
.header-style-one .menu-right li.cart-header .remove_item svg {
    height: 20px !important;
    width: 20px !important;
  }
.header-style-one .menu-right li.headwish a span.wishcount {
    line-height: inherit;
  }
.header-style-one .count {
    border: 0;
    background: var(--theme-color);
    height: 18px !important;
    width: 18px !important;
    line-height: 18px !important;
    position: absolute;
    top: 10px !important;
    right: 10px !important;
    border-radius: 999px;
    color: var(--second-color);
    font-size: 11px !important;
  }
.profile-header .menu-dropdown {
    padding: 10px !important;
    min-width: 150px;
    left: -43px;
    margin: 18px 0 0;
    z-index: var(--z-layer-3);
  }
.profile-header .menu-dropdown ul li {
    margin: 0;
  }
.lang-dropdown .nice-select .icon-lable {
    margin-top: 0;
    font-weight: 400;
    font-size: 14px;
  }
.lang-dropdown .localization-form__select svg {
    display: none;
  }
.lang-dropdown .nice-select::after {
    display: block;
    border-bottom: 1px solid var(--black);
    border-right: 1px solid var(--black);
  }
.lang-dropdown {
    padding: 0;
  }
.languages .localization-form__select span {
    display: block;
  }
.menu-right .disclosure__list-wrapper {
    margin: 18px 0 0;
  }
.menu-right .disclosure__list-wrapper .disclosure__item a {
    font-size: 13px;
  }
.cartDrawer {
    width: 100%;
  }
.cartDrawer .mini-cart-body, .webi-mini-cart-footer {
    padding: 16px;
  }
.cartDrawer .mini-cart-header {
    padding: 16px 60px 16px 16px;
  }
.cartDrawer .mini-cart-bottom .cart-bottom-btn {
    min-height: 50px;
    padding: 10px 8px;
    font-size: 11.5px;
    letter-spacing: .04em;
  }
.cartDrawer .mini-cart-footer-total-row {
    font-size: 15px;
    margin: 0;
  }
.cartDrawer .closecart {
    right: 16px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
  }
.cartDrawer .price ins {
    font-size: 14px;
  }
.mini-cart-item:not(:last-of-type) {
    margin-bottom: 15px;
  }
.mini-cart-footer-total-row {
    font-size: 15px;
    margin: 0;
  }
.mini-cart-footer .checkout-btn {
    max-width: 100%;
    padding: 12px 14px;
  }
.mini-cart-footer .u-save {
    font-size: 15px;
    margin-bottom: 15px;
  }
.webi-mini-cart-footer .checkout-btn {
    margin-bottom: 15px;
  }
.mini-cart-top {
    padding: 14px 16px 16px;
  }
.cartDrawer .coupon-popup .coupon-body, .cartDrawer .gift-popup .gift-body {
    padding: 14px;
  }
.cartDrawer .coupon-code {
    grid-template-columns: 1fr;
  }
.cartDrawer .coupon-code .apply-coupon-btn {
    width: 100%;
    min-width: 0;
  }
.mini-cart-footer-total-row div ins {
    font-size: 15px;
  }
.main-hiro-section {
    padding: 0;
  }
.main-hiro-left {
    justify-content: center;
    height: 100%;
    text-align: center;
    padding: 0;
  }
.main-hiro-left .size-selectors {
    justify-content: center;
    margin: 15px auto 20px;
  }
.main-hiro-left p {
    font-size: 11.5px;
    max-width: 300px;
  }
.main-hiro-left-bottom {
    padding: 30px 0 20px;
  }
.main-hiro-left-bottom .price-btn {
    display: flex;
    flex-wrap: wrap;
    max-width: 200px;
    justify-content: center;
    margin: 0 auto 20px;
  }
.col-lg-4.col-md-6.col-12.main-hiro-col:nth-child(1) {
    order: 2;
  }
.col-lg-4.col-md-6.col-12.main-hiro-col:nth-child(2) {
    order: 1;
  }
.banner-labl {
    left: 0;
    right: 0;
    text-align: center;
  }
.banner-labl span {
    font-size: 42px;
    text-align: center;
  }
.banner-labl.bottom-bnr-lbl {
    bottom: 0;
    right: 0;
  }
.home-cat-section .home-cat-left-inner.home-cat-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 14px !important;
    padding: 0 16px 14px !important;
    margin: 0 -16px !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
.home-cat-section .home-cat-left-inner.home-cat-slider::-webkit-scrollbar {
    display: none;
  }
.home-cat-section .home-cat-left-inner.home-cat-slider > .home-cat-slide {
    flex: 0 0 88% !important;
    max-width: 88% !important;
    scroll-snap-align: start;
  }
.home-cat-section .home-cat-left-inner.home-cat-slider .home-cat-box, .home-cat-section .home-cat-left-inner.home-cat-slider .home-cat-box > a {
    width: 100%;
  }
.product-image:not(.hiro-rail-card__media) {
    max-width: 100%;
    padding-bottom: 0;
  }
.product-image:not(.hiro-rail-card__media) a {
    height: auto;
    padding-top: 100%;
  }
.main-hiro-center .product-image, .main-hiro-center .card__media {
    max-width: none !important;
    width: 100% !important;
    height: 100% !important;
    padding-bottom: 0 !important;
  }
.main-hiro-center .product-image a, .main-hiro-center .card__media > a, .main-hiro-center .product__media-item {
    height: 100% !important;
    min-height: 100% !important;
    padding-top: 0 !important;
  }
.product-card .link-btn {
    margin-left: 0;
    justify-content: flex-start;
    margin-top: 15px;
  }
.border-left-btn {
    margin-top: 44px;
  }
.feature-verticle {
    display: block;
    margin-bottom: 30px;
  }
.feature-verticle h2 {
    margin-top: 10px;
    font-size: 30px;
    writing-mode: unset;
    text-orientation: unset;
    transform: unset;
    max-height: unset;
    margin: 0;
  }
.feature-verticle .subheading {
    font-size: 14px;
    font-weight: 500;
    writing-mode: unset;
    text-orientation: unset;
    transform: unset;
  }
.product-cont-top .jdgm-prev-badge, .product-cont-top .subtitle, .product-cont-top .size-selectors {
    margin-bottom: 15px;
  }
.product-detail-right {
    text-align: left;
    margin-top: 30px;
  }
.product-heading-right-column {
    padding: 20px 0 20px 22px !important;
    border-left: 0;
  }
.product-detail-right p b {
    margin-bottom: 9px;
  }
.pdp-swtch-lbl {
    margin-bottom: 0;
  }
.pdp-skincare-box {
    height: auto;
  }
.pdp-skincare-box img {
    margin-top: 30px;
  }
.pdp-skincare-box p {
    margin-bottom: 15px;
  }
.wsh-wrp {
    justify-content: flex-start;
  }
.size-share-wrap {
    justify-content: start;
  }
.size-btn {
    justify-content: flex-start;
  }
.shopify-payment-button__button--unbranded {
    width: auto;
  }
.sticky-pro-info, .products-add-cart-sticky .qty-spinner {
    display: none;
  }
.products-add-cart-sticky .sticky-pro-inner {
    justify-content: center;
  }
.products-add-cart-sticky .sticky-pro-inner .sticky-btn {
    padding: 10px;
    min-width: auto;
  }
.products-add-cart-sticky .sticky-pro-inner .sticky-btn svg {
    margin: 0;
  }
.products-add-cart-sticky .sticky-pro-inner .sticky-btn span {
    display: none;
  }
.products-add-cart-sticky .nice-select {
    max-width: 60%;
  }
.mobile-facets {
    position: fixed;
    inset: 0 auto 0 0;
    max-width: 315px;
    width: 100%;
    background: var(--white);
    z-index: 4;
    overflow: hidden;
    transition: transform .5s ease-in-out;
    transform: translateX(-100%);
  }
.mobile-open .mobile-facets {
    transform: translateX(0);
  }
.product-filter-body {
    padding: 40px 15px;
    height: 100%;
    background: var(--theme-color);
    overflow: hidden auto;
  }
.product-filter-right-column {
    border-left: 0;
    padding-left: 0 !important;
  }
.close-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0 auto auto 0;
    z-index: var(--z-layer-5);
    width: 30px;
    height: 30px;
    padding: 7px;
    opacity: 0;
    transition: opacity .4s ease;
    background: var(--second-color);
    pointer-events: none;
    cursor: pointer;
  }
.mobile-open .close-filter {
    opacity: 1;
    pointer-events: visible;
  }
.close-filter svg {
    height: 100%;
    width: 100%;
  }
.close-filter svg path {
    fill: var(--theme-color);
  }
.icon-filter {
    max-width: 22px;
    margin: 0 auto;
  }
.mobile-facets__open {
    max-width: 28px;
    border: 1px solid var(--second-color);
    padding: 2px;
  }
.mobile-facets__summary {
    cursor: pointer;
  }
.mobile-facets__clear-wrapper a {
    transition: none;
  }
.mobile-facets__open-wrapper div {
    max-width: 30px;
  }
.mobile-facets__summary, .mobile-facets__close-button {
    padding: 10px 0 !important;
  }
.mobile-facets__info, .mobile-facets__wrapper .facets__price {
    padding: 0 !important;
  }
.mobile-facets__item {
    padding: 0 10px 0 0 !important;
  }
.mobile-facets__label .feather-check {
    left: 3px !important;
  }
.cart-table .name {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
  }
.cart-page-section .section-title {
    margin-bottom: 26px;
  }
.cart-tble tr th:nth-child(2), .cart-tble tr td:nth-child(2) {
    width: 100%;
  }
.cart-tble tr td::before {
    display: none;
  }
.cart-tble tr td {
    padding: 0 0 12px;
  }
.cart-tble .remove-btn {
    height: 16px;
    width: 16px;
  }
.cart__footer-wrapper .cart__blocks {
    padding: 20px 15px;
  }
.cart-item__totals {
    display: block;
    text-align: center;
  }
.cart-item__price-wrapper {
    display: inline-block;
    vertical-align: bottom;
  }
.cartDrawer .coupon-popup, .cartDrawer .gift-popup {
    width: 100%;
  }
.cartDrawer .gift-popup .gift-body {
    padding: 15px;
  }
.subscribe-popup {
    padding: 40px 30px;
  }
.subscribe-popup h2 {
    font-size: 17px;
  }
.popup-inner {
    max-width: 90%;
  }
.search-popup {
    padding: 0 15px;
  }
.search-popup .close-search {
    right: 15px;
    top: 15px;
    width: 22px;
    height: 22px;
  }
.progress-icon {
    width: 45px;
    height: 45px;
  }
.progress-icon svg {
    height: 30px;
    width: 30px;
  }
.cookiestatus .cookie-block.bottom_fix #cookie_message {
    flex-direction: column;
  }
.compare-wrap, .wishlist-wrap {
    padding: 20px 15px 0;
  }
.compare-wrap:last-of-type, .wishlist-wrap:last-of-type {
    border-bottom: 0;
  }
.compare-data-label, .wishlist-data-label {
    margin-bottom: 15px;
  }
.pro-compare-right, .pro-wishlist-right {
    border: 1px solid var(--border-color);
  }
.pro-compare-left, .pro-wishlist-left {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    display: none;
  }
.pro-compare-section .pro-compare-wrap, .pro-wishlist-section .pro-wishlist-wrap {
    margin-bottom: 30px;
  }
.pro-compare-scroll .compare-wrap .compare-val-prod, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod {
    display: block;
  }
.pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label, .pro-compare-scroll .compare-wrap .compare-val-prod .compare-data-label.compare-pro-detail, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-data-label.wishlist-pro-detail {
    max-width: 100%;
    padding: 0;
  }
.pro-compare-scroll .compare-wrap .compare-val-prod .prod-img, .pro-compare-scroll .compare-wrap .compare-val-prod .pro_detail-inner, .pro-compare-scroll .compare-wrap .compare-val-prod .product-form, .pro-compare-scroll .compare-wrap .compare-val-prod .compare-prod-remove, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .prod-img, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .pro_detail-inner, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .product-form, .pro-wishlist-scroll .wishlist-wrap .wishlist-val-prod .wishlist-prod-remove {
    max-width: 100%;
    padding: 0;
  }
.compare-pro-detail .prod-img a, .wishlist-pro-detail .prod-img a {
    padding-top: 30%;
  }
.home-cat-left-inner {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
  }
.home-cat-left-inner .home-cat-box {
    max-width: 50%;
    width: 100%;
    margin-bottom: 20px;
    padding: 0 10px;
  }
.home-cat-box a {
    padding: 30px 13px;
  }
.home-cat-right .home-cat-right-inner p {
    font-size: 16px;
  }
.home-cat-right-inner .section-title {
    margin-bottom: 24px;
  }
.home-cat-text :is(h3, h5) {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
.skincare-pro {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
  }
.skincare-pro-full {
    width: calc(50% - 10px);
  }
.skincare-pro .skincare-pro-full:not(:last-of-type) {
    margin-bottom: 0;
  }
.skincare-pro-full .main-hiro-pro-slider .slick-dots {
    position: relative;
    left: auto;
    right: 0;
    justify-content: flex-start;
    margin: 20px 20px 0;
  }
.vedio-top-left-inner .section-title {
    max-width: 100%;
    width: 100%;
  }
.vedio-top-left-contnt {
    margin-bottom: 30px;
  }
.video-right-wrap .play-vid svg {
    width: 43px;
    height: 43px;
    margin-right: 12px;
  }
.play-vid span {
    font-size: 13px;
    max-width: 84px;
  }
.vedio-tp-right-contn .section-title .subtitle {
    font-size: 15px;
  }
.video-right-wrap {
    position: relative;
    padding-top: 80%;
  }
.blog-widget {
    flex: 0 0 100%;
  }
.blog-widget-inner {
    margin-bottom: 15px;
  }
.blog-col-right .nice-select {
    flex: 0 0 120px;
  }
.blog-col-right {
    width: 100%;
    justify-content: center;
    margin-top: 20px;
  }
.blog-col-left ul {
    flex-direction: column;
    align-items: center;
  }
.blog-head-row {
    border: 0;
  }
.blog-grid-section .section-title {
    text-align: center;
  }
.blog-grid-row .blog-itm {
    margin-bottom: 20px;
  }
.articlerightbar {
    padding-top: 40px;
  }
.aticleleftbar h5 {
    margin: 0 0 20px;
  }
.aticleleftbar p {
    margin-bottom: 15px;
  }
.articlerightbar .blog-grid .blog-widget:last-of-type {
    margin-bottom: 0;
  }
.latest-article-slider-section .section-title {
    padding-top: 40px;
  }
.post-lbl {
    margin: 0 0 0 12px;
  }
.article-section .abt-user-img {
    margin-right: 5px;
  }
.quote-box {
    padding: 15px 0 25px 35px;
  }
.quote-box svg {
    height: 20px;
    width: 20px;
  }
.article-socials li span {
    font-size: 16px;
    margin-right: 0;
  }
.blog-page-banner .section-title {
    margin-bottom: 20px;
  }
.blog-page-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #725f47a6;
    z-index: -1;
  }
.our-blog-section .section-title {
    margin-bottom: 26px;
  }
.about-us-section .about-us-box:not(:last-child) {
    margin-bottom: 20px;
  }
.about-us-section .section-title {
    margin-bottom: 26px;
  }
.abt-shp-column-left, .about-us-page {
    text-align: center;
  }
.abt-shp-column-right, .about-our-shop-section .row {
    margin-top: 30px;
  }
.aboutpage-btm-sec .about-us-box {
    margin-bottom: 20px;
    padding: 15px;
  }
.contact-right-column {
    margin-top: 0;
  }
.contact-right-inner h2 {
    color: var(--second-color);
  }
.contact-left-inner ul li {
    margin-bottom: 20px;
  }
.contact-left-inner ul li h4 {
    margin-bottom: 10px;
  }
.contact-form {
    padding: 20px 15px;
  }
.set {
    margin-bottom: 20px;
  }
.my-acc-head {
    margin-bottom: 26px;
  }
.my-acc-rightbar {
    margin-top: 40px;
  }
.my-acc-right-content {
    padding-bottom: 30px;
  }
.my-acc-right-content .qty-spinner input, .my-acc-right-content table tr th, .my-acc-right-content table tr td {
    font-size: 14px;
  }
.my-acc-leftbar {
    border-top: 0 !important;
  }
.my-acc-leftbar li:not(:last-of-type) {
    border-bottom: 0;
  }
.my-acc-leftbar h4 {
    padding: 15px;
    color: var(--black);
  }
.customer.account {
    text-align: center;
  }
.acc-order-button {
    justify-content: center;
  }
.acc-order-button .btn {
    padding: 11px 14px;
  }
.acc-order-button .btn svg {
    margin: 0 8px 0 0;
  }
.recover-password h4 {
    font-size: 16px;
  }
.reset-password {
    padding: 20px 15px;
  }
.order h2 {
    margin: 0 0 10px;
  }
.order-detail {
    text-align: center;
  }
.order-summery-page .section-title p {
    font-size: 14px;
  }
.order-summery-page .section-title h2 {
    margin-bottom: 30px;
  }
.register-page .section-title {
    margin-bottom: 30px;
  }
#scroll {
    background: var(--white);
    top: 53px;
    padding: 0;
  }
#account-nav {
    display: flex;
    justify-content: space-between;
  }
#account-nav li {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
#account-nav li a {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 5px;
    width: 100%;
    height: 40px;
    background: var(--theme-color);
  }
#account-nav li a svg {
    margin-right: 0;
    height: 15px;
    width: 15px;
  }
#account-nav li a svg path {
    fill: var(--white);
  }
#account-nav li a span {
    display: none;
  }
.form-container, .order-confirmation-body {
    padding: 20px 15px;
  }
.offset-container {
    padding: 0 15px;
  }
.out-of-stock-form {
    max-width: 75%;
  }
.small-hide, .medium-hide {
    display: none !important;
  }
.common-banner-section {
    padding: 40px 0;
  }
.common-banner-content .back-btn {
    margin-bottom: 15px;
  }
.common-banner-content .section-title h2 span {
    font-size: 12px;
  }
.cat-tab {
    width: 100%;
    margin-top: 20px;
  }
.testimonial-section .section-title, .section-title {
    margin-bottom: 20px;
  }
.testimonial-itm-inner .testm-top .review-title-wrp {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
  }
.testm-top p {
    margin-top: 10px;
  }
.slick-arrow {
    width: 36px;
    height: 36px;
  }
.slick-slider .slick-arrow {
    opacity: 1;
  }
ins {
    font-size: 16px;
  }
.pagination-wrapper {
    padding-bottom: 2px;
  }
.pagination__list > li {
    width: 30px !important;
    height: 30px !important;
    line-height: 30px !important;
  }
.input-wrapper input {
    padding: 12.5px 55px 12.5px 20px;
  }
.input-wrapper .btn-subscibe {
    height: 35px;
    width: 35px;
  }
.site-footer {
    padding: 40px 0 10px;
  }
.product .site-footer {
    padding: 70px 0 90px;
  }
.footer-col:not(:last-of-type) {
    padding: 0;
  }
.footer-subscribe-col {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin-top: 40px;
  }
.footer-bottom {
    padding-top: 0;
  }
.footer-bottom-row {
    padding: 25px 0 0;
  }
.footer-bottom-row ul {
    justify-content: flex-start;
  }
.policy-links {
    justify-content: flex-start;
    margin-top: 16px;
  }
.emaillink.contactlink {
    margin: 0;
  }
.product .jdgm-rev-widg {
    padding: 16px 15px !important;
  }
.jdgm-rev-widg__summary {
    margin-bottom: 10px !important;
  }
.jdgm-form__fieldset-actions .jdgm-cancel-rev {
    border-color: var(--white) !important;
    text-align: center;
  }
.jdgm-widget:not(.jdgm-review-widget--small, .jdgm-review-widget--medium) .jdgm-write-rev-link {
    width: fit-content;
    margin: 0 auto;
  }
.template-search__results .product-card .flip-countdown.simple-countdown, .product-filter-right-column .product-card .flip-countdown.simple-countdown {
    top: 50%;
  }
}

@media (max-width: 720px) {
  .search-popup .predictive-search__results-list, .search-popup .predictive-search__item-list, .search-popup .search-results-grid, .search-popup .results-grid, .search-popup ul[role="list"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.kga-search .predictive-search__results-list, .kga-search .predictive-search__item-list, .kga-search ul[role="list"] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
.kga-search #predictive-search-results {
    padding: 14px;
    border-radius: 22px;
  }
.kga-search .predictive-search__topbar {
    flex-direction: column;
    align-items: flex-start;
  }
.kga-search .predictive-search-bottom {
    justify-content: stretch;
  }
.kga-search .predictive-search-bottom .btn, .kga-search .predictive-search__item--term {
    width: 100%;
  }
}

@media (max-width: 575.98px) {
  .kga-header__row {
    min-height: 70px;
  }
.kga-header__actions {
    gap: 2px;
  }
.kga-mobile__link, .kga-mobile__toggle {
    min-height: 52px;
    padding: 16px 0;
    font-size: 14px;
    letter-spacing: 0.02em;
  }
.kga-mobile__link span, .kga-mobile__toggle span {
    line-height: 1.35;
    text-wrap: balance;
  }
.kga-mobile__submenu a {
    font-size: 13px;
    line-height: 1.5;
  }
.kga-mobile__group-title {
    letter-spacing: 0.08em;
  }
.kga-search__title {
    font-size: 16px;
  }
.mini-cart-item {
    padding: 10px;
    gap: 10px;
  }
.mini-cart-image {
    width: 82px;
  }
.mini-cart-details {
    width: calc(100% - 82px);
    padding-left: 10px;
  }
.mini-cart-title {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.28;
    -webkit-line-clamp: 3;
  }
.cart-variable {
    gap: 6px;
    margin-bottom: 10px;
  }
.cart-variable .swatch-lbl {
    font-size: 12px;
  }
.cartDrawer .free-shipping-txt, .cartDrawer .coupon-popup__subtitle, .cartDrawer .gift-popup .checkbox-custom label {
    font-size: 13px;
    line-height: 1.5;
  }
.cartDrawer .coupon-popup__title, .cartDrawer .gift-popup__title {
    letter-spacing: 0.08em;
  }
.cart-page-hero h2 {
    font-size: 38px;
  }
.cart-page-section .cart-item__name {
    font-size: 20px;
  }
.cart-page-section .cart-total .cart_price {
    flex-direction: column;
    align-items: flex-start;
  }
.cart-page-section #cart-gift-wrap {
    padding: 16px;
  }
}

@media (max-width: 575px) {
  .main-hiro-section {
    --hero-h: 68vh;
    --hiro-pad-x: 0;
    margin-bottom: 22px;
    background: #f3f2ee;
  }
.main-hiro-section .container {
    width: 100%;
    max-width: none;
    padding: 0;
  }
.kga-hiro__inner.main-hiro-grid {
    display: block;
    position: relative;
    min-height: var(--hero-h);
  }
.kga-hiro__center,
  .main-hiro-center {
    position: relative;
    width: 100%;
    height: var(--hero-h);
    min-height: var(--hero-h);
    overflow: hidden;
  }
.main-hiro-center {
    border: 0;
    box-shadow: none;
    background: #f3f2ee;
  }
.main-hiro-center::before {
    display: none;
  }
.main-hiro-section .main-hiro-center :is(.product-image, .card__media),
  .main-hiro-center :is(.product__media-item, .hover-img, .product-image > a, .card__media > a) {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
.main-hiro-center img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    padding: 0 !important;
    transform: none !important;
  }
.main-hiro-center::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    display: block;
    background:
      linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.02) 0%,
        rgba(0, 0, 0, 0.06) 36%,
        rgba(0, 0, 0, 0.38) 68%,
        rgba(0, 0, 0, 0.82) 100%
      );
    pointer-events: none;
  }
.kga-hiro__left,
  .main-hiro-left {
    position: absolute;
    inset: 0;
  }
.kga-hiro__left {
    z-index: 3;
    height: var(--hero-h);
    pointer-events: none;
  }
.main-hiro-left {
    display: block;
    height: var(--hero-h);
    min-height: 0;
    pointer-events: none;
  }
.main-hiro-left-top {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    display: block;
    min-height: 0;
    height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
    pointer-events: none;
  }
.main-hiro-left-top::before,
  .main-hiro-left-top::after,
  .main-hiro-left-bottom,
  .kga-hiro__right,
  .main-hiro-right,
  .main-hiro-right-stack,
  .banner-labl,
  .hiro-overlay__btn,
  .tooltip,
  .tooltip-txt {
    display: none !important;
  }
.hiro-overlay {
    position: relative;
    z-index: 4;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: auto;
    max-width: min(calc(100% - 24px), 350px);
    margin: 0 12px 15px;
    text-align: left;
    pointer-events: none;
  }
.hiro-overlay__title,
  .hiro-overlay__desc {
    display: inline-block;
    width: auto;
    max-width: 100%;
    margin: 0;
    border: 0;
    border-radius: 2px;
    background: rgba(5, 5, 5, 0.68);
    color: #fff;
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    pointer-events: auto;
  }
.hiro-overlay__title {
    padding: 8px 10px;
    font-size: clamp(18px, 7vw, 30px);
    line-height: 0.95;
    letter-spacing: -0.04em;
  }
.hiro-overlay__desc {
    padding: 7px 10px;
    font-size: 11px;
    line-height: 1.35;
  }
.hiro-overlay__chips,
  .hiro-chip-row {
    display: flex;
    flex-wrap: nowrap;
    gap: 6px;
    max-width: 100%;
    margin: 0;
    overflow-x: auto;
    scrollbar-width: none;
    pointer-events: auto;
  }
.hiro-overlay__chips::-webkit-scrollbar,
  .hiro-chip-row::-webkit-scrollbar {
    display: none;
  }
.hiro-overlay__chips .hiro-chip,
  .hiro-chip-row .hiro-chip {
    min-height: 28px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    background: #fff;
    color: #050505;
    font-size: 9px;
    letter-spacing: 0.04em;
  }
.kga-hiro__dots {
    display: none !important;
  }
.main-hiro-section {
    --hero-h: 68vh !important;
  }
.kga-hiro__inner.main-hiro-grid {
    display: block !important;
    height: var(--hero-h) !important;
    min-height: 520px !important;
    max-height: 720px !important;
    overflow: hidden !important;
  }
.kga-hiro__left,
  .main-hiro-left,
  .main-hiro-left-top,
  .main-hiro-left-bottom,
  .hiro-overlay--desktop,
  .kga-hiro__right,
  .main-hiro-right,
  .main-hiro-right-stack,
  .banner-labl,
  .tooltip,
  .tooltip-txt {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
.kga-hiro__center,
  .main-hiro-center {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: 100% !important;
    position: relative !important;
    overflow: hidden !important;
  }
.main-hiro-center::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    z-index: 3;
    height: 58%;
    pointer-events: none;
    background: linear-gradient(
      to top,
      rgba(0, 0, 0, 0.78),
      rgba(0, 0, 0, 0.42) 48%,
      transparent
    );
  }
.hiro-overlay--mobile {
    position: absolute !important;
    left: 16px !important;
    right: 16px !important;
    bottom: 28px !important;
    z-index: 5 !important;
    display: grid !important;
    visibility: visible !important;
    pointer-events: auto !important;
    gap: 8px !important;
    max-width: 92% !important;
    padding: 0 !important;
    color: #fff !important;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
  }
.hiro-overlay--mobile .hiro-overlay__title {
    margin: 0 !important;
    max-width: 94%;
    color: #fff !important;
    background: rgba(5, 5, 5, 0.68);
    padding: 8px 10px;
    font-size: clamp(24px, 8.5vw, 38px) !important;
    line-height: 0.9 !important;
  }
.hiro-overlay--mobile .hiro-overlay__desc {
    max-width: 88%;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.88) !important;
    background: rgba(5, 5, 5, 0.58);
    padding: 7px 10px;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
.hiro-overlay--mobile .hiro-overlay__chips,
  .hiro-overlay--mobile .hiro-overlay__actions {
    gap: 6px !important;
    margin-top: 2px !important;
  }
.hiro-overlay--mobile .hiro-chip,
  .hiro-overlay--mobile .hiro-overlay__btn {
    min-height: 28px !important;
    padding: 0 11px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #050505 !important;
    font-size: 8.5px !important;
    text-shadow: none !important;
  }
.main-hiro-section .hiro-overlay--mobile .hiro-overlay__title {
    width: min(100%, 11.8ch) !important;
    max-width: 94% !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    color: #fff !important;
    background: rgba(5, 5, 5, 0.68) !important;
    padding: 8px 10px !important;
    font-size: clamp(24px, 8.5vw, 38px) !important;
    line-height: 0.9 !important;
  }
.main-hiro-section .hiro-overlay--mobile .hiro-overlay__desc {
    display: inline-block !important;
    width: fit-content !important;
    max-width: min(88%, 36ch) !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    background: rgba(5, 5, 5, 0.58) !important;
    font-size: clamp(10px, 2.75vw, 11.5px) !important;
    line-height: 1.35 !important;
  }
.main-hiro-section .hiro-overlay--mobile .hiro-overlay__chips,
  .main-hiro-section .hiro-overlay--mobile .hiro-overlay__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
  }
.main-hiro-section .hiro-overlay--mobile .hiro-overlay__title {
    width: fit-content !important;
    max-width: 94% !important;
    font-size: clamp(24px, 8vw, 36px) !important;
    line-height: 0.9 !important;
  }
.main-hiro-section .hiro-overlay--mobile .hiro-overlay__desc {
    display: inline-block !important;
    max-width: min(88%, 36ch) !important;
    margin: 0 !important;
    padding: 7px 10px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    background: rgba(5, 5, 5, 0.58) !important;
    font-size: clamp(10px, 2.75vw, 11.5px) !important;
    line-height: 1.35 !important;
  }
.home-cat-section .home-cat-heading {
    font-size: clamp(24px, 8vw, 36px) !important;
    line-height: 0.92 !important;
  }
.home-cat-section {
    --cat-pad-x: 0;

    width: 100% !important;
    max-width: 100% !important;
    padding-inline: 0 !important;
    overflow: hidden !important;
  }
.home-cat-section .home-cat-inner {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
.home-cat-section .home-cat-heading {
    margin: 0 14px 12px;
    padding-bottom: 11px;
    font-size: 10px;
    letter-spacing: 0.13em;
  }
.home-cat-section .home-cat-left-inner {
    display: flex !important;
    grid-template-columns: none !important;
    grid-auto-flow: unset !important;
    grid-auto-columns: unset !important;
    flex-wrap: nowrap !important;
    gap: var(--cat-gap-mobile) !important;

    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;

    padding: 0 14px 12px !important;
    margin: 0 !important;

    scroll-snap-type: x mandatory;
    scroll-padding-inline: 14px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
.home-cat-section .home-cat-left-inner::-webkit-scrollbar {
    display: none;
  }
.home-cat-section .home-cat-box {
    flex: 0 0 78% !important;
    width: 78% !important;
    max-width: 78% !important;
    min-width: 78% !important;
    scroll-snap-align: start;
    scroll-snap-stop: always;
  }
.home-cat-section .home-cat-box > a {
    width: 100%;
  }
.home-cat-section .home-cat-box > a > img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5;
    object-fit: cover !important;
    transform: none !important;
  }
.home-cat-section .home-cat-box:hover > a > img,
  .home-cat-section .home-cat-box > a:focus-visible > img {
    transform: none !important;
  }
.home-cat-section .home-cat-text {
    padding-top: 10px;
  }
.home-cat-section .home-cat-text .subtitle {
    margin-bottom: 4px;
    font-size: 8.5px;
    letter-spacing: 0.08em;
  }
.home-cat-section .home-cat-text h3 {
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 1.12;
  }
.home-cat-section .home-cat-text .home-cat-desc {
    margin-bottom: 9px;
    font-size: 11px;
    line-height: 1.35;
  }
.home-cat-section .home-cat-text .link-btn {
    font-size: 10px;
  }
.hiro-rail-card__content {
    padding: 12px;
  }
.hiro-rail-card__title a {
    font-size: 12px;
  }
.hiro-rail-card__price-row {
    grid-template-columns: 1fr;
  }
.hiro-rail-card__submit {
    width: 100%;
  }
.bestseller-section{
    padding-bottom:24px;
    overflow:hidden;
  }
.bestseller-wrap{
    width:100%!important;
    max-width:100%!important;
    padding-inline:0!important;
    margin:0!important;
  }
.bestseller-wrap .container{
    margin:0 0 10px!important;
    padding:0!important;
  }
.bestseller-head{
    grid-template-columns:1fr;
    gap:10px;
    padding:18px 12px 10px;
    margin:0;
    border-bottom:0;
  }
.bestseller-head h2,
  .bestseller-section .section-title h2{font-size:clamp(26px,7.5vw,34px)}
.bestseller-section .cat-tab{
    justify-content:flex-start;
    flex-wrap:nowrap!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden;
    padding:0 0 4px;
    margin:0;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
.bestseller-section .cat-tab::-webkit-scrollbar{display:none}
.bestseller-section .cat-tab li{flex:0 0 auto}
.bestseller-section .cat-tab li a{
    min-height:34px;
    padding-inline:14px;
    font-size:10px;
  }
.bestseller-section .product-two-row-slider,
  .bestseller-section .product-two-row-slider.slick-slider,
  .bestsellers-desktop,
  .bestseller-section .slick-slider,
  .bestseller-section .slick-list,
  .bestseller-section .slick-track,
  .bestseller-section .slick-slide,
  .bestseller-custom-nav{display:none!important}
.bestsellers-mobile-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:22px 10px!important;
    width:100%!important;
    padding:10px 12px 0!important;
    margin:0!important;
  }
.bmobile-item,
  .best-seller-card{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
.best-seller-card__media{
    aspect-ratio:1/1;
    max-height:none;
  }
.best-seller-card__actions{
    top:8px;
    right:8px;
    gap:5px;
  }
.best-seller-card__action label,
  .best-seller-card__action a,
  .best-seller-card__action .wishlist-label,
  .best-seller-card__action .compare-label{
    width:26px;
    height:26px;
  }
.best-seller-card__action i,
  .best-seller-card__action svg{
    width:16px;
    height:16px;
  }
.best-seller-card__thumbs{
    gap:3px;
    padding-top:3px;
  }
.best-seller-card__thumb,
  .best-seller-card__thumb-more{
    flex-basis:34px;
    width:34px;
    height:34px;
    border-bottom-width:2px;
  }
.best-seller-card__content{
    gap:4px;
    padding-top:8px;
  }
.best-seller-card__price{margin-bottom:3px}
.best-seller-card__price-current{font-size:12px}
.best-seller-card__title{
    font-size:11px;
    line-height:1.18;
  }
.best-seller-card__type,
  .best-seller-card__status{
    font-size:10.5px;
    line-height:1.18;
  }
}

@media screen and (max-width: 575px) {
  .out-of-stock-form {
    max-width: calc(100% - 30px);
    padding: 50px 20px;
  }
.subscribe-popup {
    padding: 35px 15px 30px;
    max-width: calc(100% - 30px);
    width: 100%;
  }
.rtn-to-acc {
    margin-bottom: 15px;
  }
.cookiestatus .cookie-block.bottom_fix #cookie_message {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
.cookiestatus .cookie-block #cookie_message button.btn {
    margin-top: 10px !important;
    margin-left: 0 !important;
  }
.cookiestatus .cookie-block #cookie_message > span {
    line-height: 24px;
  }
.add-details div:last-child {
    margin: 30px 0 0;
  }
.add-details div {
    text-align: center;
  }
.wishpg ins {
    font-size: 16px;
  }
.subscribe-popup h2 {
    margin-bottom: 15px;
  }
.subscribe-popup .close-sub-btn {
    top: 10px;
    right: 10px;
  }
.subscribe-popup .form-row .btn-svg {
    right: 10px;
    height: 20px;
    width: 20px;
  }
.subscribe-popup .form-row input {
    padding: 13px 40px 13px 15px;
  }
.footer-col {
    flex: 1 1 100%;
    max-width: 100%;
    margin-bottom: 20px;
  }
.footer-bottom-row {
    padding: 5px 0 0 0;
  }
.footer-subscribe-col {
    margin-top: 0;
  }
.footer-widget h3, .footer-widget h4 {
    margin-bottom: 12px;
  }
.home-cat-left-inner .home-cat-box {
    max-width: 100%;
  }
.section-title-left {
    width: 100%;
    margin-bottom: 20px;
  }
.blog-cat li:not(:last-of-type) {
    margin-right: 0;
  }
.blog-cat {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 14px;
  }
.reg-lbl {
    width: 100%;
    margin: 0 0 10px;
    text-align: center;
  }
.login-form .submit-btn {
    max-width: 170px;
    margin: 15px 0 0 0;
  }
.mobile-direction-column {
    flex-direction: column;
  }
.dated {
    width: 100%;
    margin-top: 12px;
  }
.two-coll-media .tool-content {
    display: none;
  }
.blog-cat li:first-of-type {
    padding: 10px 8px;
  }
.blog-widget-inner h3 {
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0 0 15px;
    padding: 0;
  }
.blog-widget-inner p {
    margin: 12px 0 15px;
  }
.blog-grid-section .blog-cat li {
    padding: 10px 5px;
  }
.blog-page-banner .common-banner-content p, .blog-page-banner .section-title {
    margin-bottom: 15px;
  }
.input-wrapper input {
    padding: 14.5px 50px 14.5px 15px;
  }
.articlerightbar .blog-cat li {
    padding: 10px 5px;
  }
.feature-pro {
    flex-wrap: wrap;
  }
.feature-pro-itm {
    max-width: 100%;
  }
.cat-tab li a {
    letter-spacing: 0;
    padding: 5px 7px;
  }
.price-btn ins {
    font-size: 12px;
  }
.produdt-filter-cat {
    display: none;
  }
.btn {
    padding: 11px 18px;
  }
.addresses select {
    padding: 10px;
  }
.product-notification {
    width: 300px;
    left: 10px;
  }
.home-cat-text {
    max-width: 100%;
  }
.wishlist-page .wish-btn {
    margin: 10px 0;
  }
.round {
    left: 53px;
  }
.tooltip-txt {
    left: -29px;
    font-size: 12px;
  }
.banner-labl span {
    font-size: 34px;
  }
.qnty-btn-wrp .btn {
    padding: 10px 15px;
  }
.qv_select__select {
    width: 100%;
  }
.skincare-left-box .section-title {
    max-width: 100%;
  }
.subscribe-popup p {
    margin-bottom: 15px;
  }
.main-hiro-left-bottom h2 {
    font: var(--h3);
  }
.recentlyview .section-title h2 {
    font-size: 18px;
  }
.template-search__results .grid__item {
    margin: 0px 0 20px;
  }
.template-search p.search-msg {
    font-size: 16px;
  }
.collection-list .card-wrapper {
    margin-bottom: 20px;
  }
.aboutpage-btm-sec .col-12:last-of-type .about-us-box {
    margin-bottom: 0;
  }
.aboutpage-btm-sec .section-title p {
    margin-top: 15px;
  }
.post-lbl {
    margin: 10px 0 0;
    width: 100%;
  }
}

@media screen and (max-width: 420px) {
  .skincare-pro-full {
    width: 100%;
  }
.skincare-pro {
    row-gap: 20px;
  }
}

@media (max-width: 390px) {
  .main-hiro-section {
    --hero-h: 64vh;
  }
.hiro-overlay {
    max-width: min(calc(100% - 20px), 310px);
    margin: 0 10px 12px;
  }
.hiro-overlay__title {
    font-size: clamp(16px, 7vw, 25px);
  }
.hiro-overlay__desc {
    font-size: 10px;
  }
.main-hiro-section {
    --hero-h: 64vh !important;
  }
.kga-hiro__inner.main-hiro-grid {
    min-height: 480px !important;
  }
.main-hiro-section .hiro-overlay--mobile .hiro-overlay__title {
    font-size: clamp(22px, 8vw, 32px) !important;
    width: min(100%, 11ch) !important;
  }
.main-hiro-section .hiro-overlay--mobile .hiro-overlay__desc {
    max-width: 90% !important;
    font-size: 10px !important;
  }
.home-cat-section .home-cat-box {
    flex-basis: 84% !important;
    width: 84% !important;
    max-width: 84% !important;
    min-width: 84% !important;
  }
}

@media (max-width: 374px) {
  .bestsellers-mobile-grid{grid-template-columns:1fr!important}
.best-seller-card__thumb,
  .best-seller-card__thumb-more{
    flex-basis:44px;
    width:44px;
    height:44px;
  }
}

@media screen and (max-width: 370px) {
  :root {
    --h1: normal 600 28px/1.2 var(--first-font);
    --h2: normal 600 24px/1.2 var(--first-font);
    --h3: normal 600 18px/1.2 var(--first-font);
    --h4: normal 600 16px/1.2 var(--first-font);
    --h5: normal 600 14px/1.2 var(--first-font);
  }
.stp-menu-widget {
    padding: 24px 0 0 0;
    margin-top: 24px;
  }
.mobile-menu-bar .stp-navlink:not(:last-of-type) {
    margin-right: 15px;
  }
.fea-coll-contnt-left {
    width: 100%;
    margin-bottom: 10px;
  }
.column-positive-us-right .col-sm-4.col-4 {
    width: 100%;
    margin-bottom: 20px;
  }
.acc-back-btn-wrp button {
    padding: 10px 15px;
    min-width: 90px;
  }
.btn-flex a {
    padding: 10px 14px !important;
    min-width: 113px;
  }
.center-descrp {
    display: none;
  }
.add-default {
    padding: 10px;
  }
.feature-verticle h2 {
    font-size: 24px;
  }
.add-default .btn {
    padding: 12px 15px;
  }
}

@media (hover: hover) {
  .hiro-rail-card:hover {
    border-color: var(--hr-border-strong);
  }
.hiro-rail-card__hover-image,
  .hiro-rail-card__image {
    transition: opacity 0.2s ease, transform 0.22s ease;
  }
.hiro-rail-card__media:hover .hiro-rail-card__hover-image {
    opacity: 1;
  }
.hiro-rail-card__media:hover .hiro-rail-card__image {
    transform: scale(1.02);
  }
.hiro-rail-card__action-label,
  .hiro-rail-card__action-btn {
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
  }
.hiro-rail-card__action-label:hover,
  .hiro-rail-card__action-btn:hover,
  .hiro-rail-card__action-label:focus-within,
  .hiro-rail-card__action-btn:focus-visible {
    background: var(--hr-accent);
    border-color: var(--hr-accent);
    color: var(--hr-accent-contrast);
  }
.hiro-rail-card__submit {
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
  }
.hiro-rail-card__submit:hover,
  .hiro-rail-card__submit:focus-visible {
    background: transparent;
    color: var(--hr-accent);
    border-color: var(--hr-accent);
  }
a:hover, a:focus {
    transition: all .3s ease-in-out;
  }
.header-style-one .main-navigationbar .menu-items-col .main-nav>li:hover>a::before {
    opacity: 1;
    visibility: visible;
  }
}

@media (prefers-reduced-motion: reduce) {
  .slick-slider *, .slick-lightbox * {
    transition: none !important;
    animation: none !important;
  }
.kga-header__bar, .kga-nav__link, .kga-nav__link::before, .kga-nav__link--caret::after, .kga-icon-btn, .kga-burger, .kga-account__dropdown, .kga-dropdown, .kga-search, .kga-drawer, .kga-search__dialog, .kga-drawer__panel, .kga-mobile__toggle i, .kga-search__submit {
    transition: none !important;
  }
.search-popup, .size-popup, .search-popup::before, .search-form-wrapper, .search-popup .close-search {
    transition: none !important;
  }
.main-hiro-section *,
  .kga-hiro * {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
.hiro-rail-card *,
  .hiro-rail-card *::before,
  .hiro-rail-card *::after {
    transition: none !important;
    animation: none !important;
  }
.bestseller-section *,
  .best-seller-card *{
    transition:none!important;
    animation:none!important;
    scroll-behavior:auto!important;
  }
}