body {
    min-height: 100vh;
    margin: 0;
}

main{margin-bottom: 48px;}

body {
 
    font-family: var(--font-body-family);
    font-style: var(--font-body-style);
    font-weight: var(--font-body-weight);
        --bs-body-font-size: 1rem;
        color: rgba(var(--color-foreground), .75);
        letter-spacing: 0.038rem;

   
   
}
:root {
  --header-bottom-position:125px;
  --duration-short: 100ms;
  --duration-default: 200ms;
  --duration-long: 500ms;
    --font-body-family: Assistant, sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-weight-bold: 700;
    --font-heading-family: Assistant, sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 400;
    --font-body-scale: 1.0;
    --font-heading-scale: 1.0;
    --color-base-text: 18, 18, 18;
    --color-shadow: 18, 18, 18;
    --color-base-background-1: 255, 255, 255;
    --color-base-background-2: 243, 243, 243;
    --color-base-solid-button-labels: 255, 255, 255;
    --color-base-outline-button-labels: 18, 18, 18;
    --color-base-accent-1: 18, 18, 18;
    --color-base-accent-2: 51, 79, 180;
    --payment-terms-background-color: #ffffff;
    --gradient-base-background-1: #ffffff;
    --gradient-base-background-2: #f3f3f3;
    --gradient-base-accent-1: #121212;
    --gradient-base-accent-2: #334fb4;
    --media-padding: px;
    --media-border-opacity: 0.05;
    --media-border-width: 1px;
    --media-radius: 0px;
    --media-shadow-opacity: 0.0;
    --media-shadow-horizontal-offset: 0px;
    --media-shadow-vertical-offset: 4px;
    --media-shadow-blur-radius: 5px;
    --media-shadow-visible: 0;
    --page-width: 160rem;
    --page-width-margin: 0rem;
    --card-image-padding: 0.0rem;
    --card-corner-radius: 0.0rem;
    --card-text-alignment: left;
    --card-border-width: 0.0rem;
    --card-border-opacity: 0.1;
    --card-shadow-opacity: 0.0;
    --card-shadow-visible: 0;
    --card-shadow-horizontal-offset: 0.0rem;
    --card-shadow-vertical-offset: 0.4rem;
    --card-shadow-blur-radius: 0.5rem;
    --badge-corner-radius: 4.0rem;
    --popup-border-width: 1px;
    --popup-border-opacity: 0.1;
    --popup-corner-radius: 0px;
    --popup-shadow-opacity: 0.0;
    --popup-shadow-horizontal-offset: 0px;
    --popup-shadow-vertical-offset: 4px;
    --popup-shadow-blur-radius: 5px;
    --drawer-border-width: 1px;
    --drawer-border-opacity: 0.1;
    --drawer-shadow-opacity: 0.0;
    --drawer-shadow-horizontal-offset: 0px;
    --drawer-shadow-vertical-offset: 4px;
    --drawer-shadow-blur-radius: 5px;
    --spacing-sections-desktop: 0px;
    --spacing-sections-mobile: 0px;
    --grid-desktop-vertical-spacing: 8px;
    --grid-desktop-horizontal-spacing: 8px;
    --grid-mobile-vertical-spacing: 4px;
    --grid-mobile-horizontal-spacing: 4px;
    --text-boxes-border-opacity: 0.1;
    --text-boxes-border-width: 0px;
    --text-boxes-radius: 0px;
    --text-boxes-shadow-opacity: 0.0;
    --text-boxes-shadow-visible: 0;
    --text-boxes-shadow-horizontal-offset: 0px;
    --text-boxes-shadow-vertical-offset: 4px;
    --text-boxes-shadow-blur-radius: 5px;
    --buttons-radius: 0px;
    --buttons-radius-outset: 0px;
    --buttons-border-width: 1px;
    --buttons-border-opacity: 1.0;
    --buttons-shadow-opacity: 0.0;
    --buttons-shadow-visible: 0;
    --buttons-shadow-horizontal-offset: 0px;
    --buttons-shadow-vertical-offset: 4px;
    --buttons-shadow-blur-radius: 5px;
    --buttons-border-offset: 0px;
    --inputs-radius: 0px;
    --inputs-border-width: 1px;
    --inputs-border-opacity: 0.55;
    --inputs-shadow-opacity: 0.0;
    --inputs-shadow-horizontal-offset: 0px;
    --inputs-margin-offset: 0px;
    --inputs-shadow-vertical-offset: 4px;
    --inputs-shadow-blur-radius: 5px;
    --inputs-radius-outset: 0px;
    --variant-pills-radius: 40px;
    --variant-pills-border-width: 1px;
    --variant-pills-border-opacity: 0.55;
    --variant-pills-shadow-opacity: 0.0;
    --variant-pills-shadow-horizontal-offset: 0px;
    --variant-pills-shadow-vertical-offset: 4px;
    --variant-pills-shadow-blur-radius: 5px;
}
:root,
.color-background-1 {
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background-1);
  --gradient-background: var(--gradient-base-background-1);
}

.color-background-2 {
  --color-foreground: var(--color-base-text);
  --color-background: var(--color-base-background-2);
  --gradient-background: var(--gradient-base-background-2);
}

.color-inverse {
  --color-foreground: var(--color-base-background-1);
  --color-background: var(--color-base-text);
  --gradient-background: rgb(var(--color-base-text));
}

.color-accent-1 {
  --color-foreground: var(--color-base-solid-button-labels);
  --color-background: var(--color-base-accent-1);
  --gradient-background: var(--gradient-base-accent-1);
}

.color-accent-2 {
  --color-foreground: var(--color-base-solid-button-labels);
  --color-background: var(--color-base-accent-2);
  --gradient-background: var(--gradient-base-accent-2);
}

.color-foreground-outline-button {
  --color-foreground: var(--color-base-outline-button-labels);
}

.color-foreground-accent-1 {
  --color-foreground: var(--color-base-accent-1);
}

.color-foreground-accent-2 {
  --color-foreground: var(--color-base-accent-2);
}

:root,
.color-background-1 {
  --color-link: var(--color-base-outline-button-labels);
  --alpha-link: 0.85;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-link: var(--color-foreground);
  --alpha-link: 0.7;
}

:root,
.color-background-1 {
  --color-button: var(--color-base-accent-1);
  --color-button-text: var(--color-base-solid-button-labels);
  --alpha-button-background: 1;
  --alpha-button-border: 1;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-button: var(--color-foreground);
  --color-button-text: var(--color-background);
}

.button--secondary {
  --color-button: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --color-button: var(--color-background);
  --alpha-button-background: 1;
}

.color-background-2 .button--secondary,
.color-accent-1 .button--secondary,
.color-accent-2 .button--secondary {
  --color-button: var(--color-background);
  --color-button-text: var(--color-foreground);
}

.color-inverse .button--secondary {
  --color-button: var(--color-background);
  --color-button-text: var(--color-foreground);
}

.button--tertiary {
  --color-button: var(--color-base-outline-button-labels);
  --color-button-text: var(--color-base-outline-button-labels);
  --alpha-button-background: 0;
  --alpha-button-border: 0.2;
}

.color-background-2 .button--tertiary,
.color-inverse .button--tertiary,
.color-accent-1 .button--tertiary,
.color-accent-2 .button--tertiary {
  --color-button: var(--color-foreground);
  --color-button-text: var(--color-foreground);
}

:root,
.color-background-1 {
  --color-badge-background: var(--color-background);
  --color-badge-border: var(--color-foreground);
  --alpha-badge-border: 0.1;
}

.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  --color-badge-background: var(--color-background);
  --color-badge-border: var(--color-background);
  --alpha-badge-border: 1;
}

:root,
.color-background-1,
.color-background-2 {
  --color-card-hover: var(--color-base-text);
}

.color-inverse {
  --color-card-hover: var(--color-base-background-1);
}

.color-accent-1,
.color-accent-2 {
  --color-card-hover: var(--color-base-solid-button-labels);
}

:root,
.color-icon-text {
  --color-icon: rgb(var(--color-base-text));
}

.color-icon-accent-1 {
  --color-icon: rgb(var(--color-base-accent-1));
}

.color-icon-accent-2 {
  --color-icon: rgb(var(--color-base-accent-2));
}

.color-icon-outline-button {
  --color-icon: rgb(var(--color-base-outline-button-labels));
}

.contains-card,
.card_sf {
  --border-radius: var(--card-corner-radius);
  --border-width: var(--card-border-width);
  --border-opacity: var(--card-border-opacity);
  --shadow-horizontal-offset: var(--card-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--card-shadow-vertical-offset);
  --shadow-blur-radius: var(--card-shadow-blur-radius);
  --shadow-opacity: var(--card-shadow-opacity);
  --shadow-visible: var(--card-shadow-visible);
}

.contains-content-container,
.content-container {
  --border-radius: var(--text-boxes-radius);
  --border-width: var(--text-boxes-border-width);
  --border-opacity: var(--text-boxes-border-opacity);
  --shadow-horizontal-offset: var(--text-boxes-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--text-boxes-shadow-vertical-offset);
  --shadow-blur-radius: var(--text-boxes-shadow-blur-radius);
  --shadow-opacity: var(--text-boxes-shadow-opacity);
  --shadow-visible: var(--text-boxes-shadow-visible);
}

.contains-media,
.global-media-settings {
  --border-radius: var(--media-radius);
  --border-width: var(--media-border-width);
  --border-opacity: var(--media-border-opacity);
  --shadow-horizontal-offset: var(--media-shadow-horizontal-offset);
  --shadow-vertical-offset: var(--media-shadow-vertical-offset);
  --shadow-blur-radius: var(--media-shadow-blur-radius);
  --shadow-opacity: var(--media-shadow-opacity);
  --shadow-visible: var(--media-shadow-visible);
}

.row {
    --bs-gutter-x: 0.5rem !important;
}

    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 100rem;
        padding: 0 3.125rem;
    }
    @media screen and (max-width: 989px) {
      .container, .container-sm, .container-md, .container-lg, .container-xl {
  padding-left: 0.938rem;
    padding-right: 0.938rem;}
    }
@media only screen and (min-width: 750px) {
    h1, .h1 {
        font-size: calc(var(--font-heading-scale) * 2.5rem);
    }
}
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5 {
    font-family: var(--font-heading-family);
    font-style: var(--font-heading-style);
    font-weight: var(--font-heading-weight);
    letter-spacing: calc(var(--font-heading-scale) * .06rem);
    color: rgb(var(--color-foreground));
    line-height: calc(1 + .3 / max(1, var(--font-heading-scale)));
    word-break: break-word;
}
.carousel {
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.carousel-counter,.carousel-counter a{color:#121212bf}

.carousel-counter {
    border-bottom: 1px solid #12121214;
}
.carousel-counter a:hover{color:#212121}
.carousel-prev,.carousel-next{font-size: 10px;margin: 0 20px;}
a {
    color: #212121;
    text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
  color: #121212;
}
legend {
  padding: 7px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
label {
  font-size: 12px;
  font-weight: normal;
}
/* Chrome border line */
button:focus {
  outline: none !important;
}
/* container */
#container {
  width: 100%;
  min-height: 100%;
  position: absolute;
  margin-bottom: 300px;
}
/* content */
/* #content, #column-left, #column-right {
  padding-bottom: 730px;
}
@media (min-width: 576px) {
  #content, #column-left, #column-right {
    padding-bottom: 400px;
  }
} */
#alert {
  z-index: 9999;
  position: fixed;
  top: 30%;
  left: 50%;
  width: 400px;
  margin-left: -200px;
}
@media (min-width: 992px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
@media (min-width: 1140px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
@media (min-width: 1320px) {
  #alert {
    width: 600px;
    margin-left: -300px;
  }
}
#alert .alert {
  margin-bottom: 15px;
}
#alert .alert-primary {
  box-shadow: 0 0 0 5px rgb(var(--bs-primary-rgb), 0.1);
}
#alert .alert-secondary {
  box-shadow: 0 0 0 5px rgb(var(--bs-secondary-rgb), 0.1);
}
#alert .alert-success {
  box-shadow: 0 0 0 5px rgb(var(--bs-success-rgb), 0.1);
}
#alert .alert-warning {
  box-shadow: 0 0 0 5px rgb(var(--bs-warning-rgb), 0.1);
}
#alert .alert-danger {
  box-shadow: 0 0 0 5px rgb(var(--bs-danger-rgb), 0.1);
}
#alert .alert-info {
  box-shadow: 0 0 0 5px rgb(var(--bs-info-rgb), 0.1);
}
#alert .alert-light {
  box-shadow: 0 0 0 5px rgb(var(--bs-light-rgb), 0.1);
}
#alert .alert-dark {
  box-shadow: 0 0 0 5px rgb(var(--bs-dark-rgb), 0.1);
}
/* top */
#top {
  background-color: var(--bs-tertiary-bg);
  border-bottom: 1px solid var(--bs-border-color);
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 5px;
}
#top ul.list-inline {
  margin-bottom: 0;
}
#top .list-inline-item > a, #top .list-inline-item .dropdown > a {
  font-size: 1.1em;
  color: var(--bs-gray-600);
  line-height: 40px;
  vertical-align: middle;
  padding: 10px 0px 5px 0px;
}
/* logo */
#logo {
  text-align: center;
  margin: 7px 0 7px 0;
}
#logo img {
  max-width: 350px;
}
@media (min-width: 768px) {
  #logo {
    text-align: left;
  }
}
/* search */
#search {
  margin-bottom: 10px;
}
#search .form-control-lg {
  height: 40px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 10px;
}
#search .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 0.57rem 35px;
  text-shadow: 0 1px 0 #FFF;
}
/* cart */
#cart {
  margin-bottom: 10px;
}
#cart .img-thumbnail {
  min-width: 100px;
}
#cart .btn-lg {
  font-size: 15px;
  line-height: 18px;
  padding: 14px 35px;
}
#cart .dropdown-menu {
  background: #eee;
}
#cart .dropdown-menu li {
  min-width: 300px;
}
@media (max-width: 768px) {
  #cart .dropdown-menu li {
    min-width: 100%;
  }
}
/* menu */
#menu {
  background-color: #229ac8;
  background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
  background-repeat: repeat-x;
  border: 1px solid #1f90bb;
  border-color: #1f90bb #1f90bb #145e7a;
  min-height: 40px;
  border-radius: 4px;
  padding: 0 1rem;
  margin-bottom: 20px;
}
#menu .navbar-nav > li > a {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  padding: 10px 15px 10px 15px;
  background-color: transparent;
}
#menu .navbar-nav > li > a:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
#menu .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
#menu .dropdown-inner {
  display: flex;
  flex-direction: column;
}
#menu .dropdown-inner ul {
  width: 100%;
  min-width: 200px;
}
@media (min-width: 960px) {
  #menu .dropdown:hover .dropdown-menu {
    display: block;
  }
  #menu .dropdown-inner {
    flex-direction: row;
  }
  #menu .nav-item + .nav-item + .nav-item .dropdown-column-3 {
    left: -200px;
  }
  #menu .nav-item + .nav-item + .nav-item .dropdown-column-4 {
    left: -400px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-2 {
    left: -200px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-3 {
    left: -400px;
  }
  #menu .nav-item + .nav-item + .nav-item + .nav-item .dropdown-column-4 {
    left: -600px;
  }
}
#category {
  float: left;
  font-size: 16px;
  font-weight: 700;
  line-height: 40px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
#menu .navbar-toggler i {
  color: #fff;
  border-color: #fff;
  font-size: 0.9em;
}
/* default boostrap changes */
div.required .col-form-label:before, div.required .form-label:before {
  content: "* ";
  color: #F00;
  font-weight: bold;
}
.form-switch-lg {
  font-size: 20px;
  min-height: 30px;
  line-height: 30px;
}
.nav-tabs {
  margin-bottom: 15px;
}
.form-check .form-check-input {
  margin-top: 0.25rem;
}
@media (min-width: 768px) {
  .col-form-label {
    text-align: right;
  }
}
header{
   border-bottom: 1px solid #12121214;
}

 body #dmenu_editor-top .dmenu_editor-menu_inner, body #dmenu_editor-top #dmenu_editor-menu_top {
    background-color: #121212;
     border-color: #121212;
}
body .header-menu nav ul {
    gap: unset;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
}
header>.container {
    display: grid;
    grid-template-areas: "navigation logo icons";
    grid-template-columns: 1fr 2fr 1fr;
    align-items: center;
}
 header .container #logo {
    grid-area: logo;
    justify-self: center;
}

@media screen and (min-width: 993px) {
    header>.container{
        grid-template-areas: "logo navigation icons";
        grid-template-columns: auto auto 1fr;
        column-gap: 20px;
    }
}
      #dmenu_editor-menu_top .dmenu_editor-menu_list-general {
        justify-content: center!important;
    }
      #dmenu_editor-menu_top .depth-zero:not(.dmenu_editor-mobile_header) > a {
       
        text-shadow: unset !important;
    }
    header>.container{
      align-items: center;
      padding-top: 12px;
       padding-bottom: 10px;
      gap: 20px;
    }
    
    .header-menu {
      flex: 1;
      display: flex;
      justify-content: center;
          grid-area: navigation;
    }
    .header-menu nav ul {
      display: flex;
      gap: 2rem;
      list-style: none;
      margin: 0;
      padding: 0;
    }
    .header-menu nav ul li a {
      text-decoration: none;
      color: #000;
      font-weight: 500;
      font-size: 14px;
      transition: color 0.2s;
              padding: 10px 12px!important;
    }
    .header-menu nav ul li a:hover {
      color: #666;
    }
    .header-icons {
      display: flex;
    
      align-items: center;
      flex-shrink: 0;
          grid-area: icons;
    justify-self: end;
    }
    .header-search-icon {
      cursor: pointer;
      font-size: 1.25rem;
    }
   
    .cart-link {
      position: relative;
      display: flex;
      align-items: center;
      text-decoration: none;
      color: #000;
    }
    .cart-count {
      position: absolute;
    bottom: 8px;
    left: 22px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    width: 17px;
    height: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    }
    .search-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0,0,0,0.5);
      z-index: 9998;
    }
    .search-modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      background: white;
      padding: 2rem;
      z-index: 9999;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
      max-height: 80vh;
    }
    .search-modal.active,
    .search-overlay.active {
      display: block;
    }
    .search-modal .search-container {
     
      position: relative;
    }
    .search-modal input[type="text"] {
      width: 100%;
      padding: 1rem 3rem 1rem 1rem;
      border: 2px solid #e0e0e0;
      border-radius: 8px;
      font-size: 1.1rem;
    }
    .search-modal input[type="text"]:focus {
      outline: none;
      border-color: #000;
    }
    .search-close {
      position: absolute;
      right: 1rem;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      font-size: 1.5rem;
      background: none;
      border: none;
    }
    @media screen and (min-width: 750px) {
    .predictive-search {
        border-top: none;
        width: calc(100% + .2rem);
    }
}

.predictive-search__heading {
    border-bottom: 0.0625rem solid rgba(var(--color-foreground), 0.08); /* 0.1 × 0.625 */
    margin: 0 auto;
    padding: 0.9375rem 0 0.46875rem; /* 1.5 × 0.625, 0.75 × 0.625 */
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 2.5rem); /* 4 × 0.625 */
    color: rgba(var(--color-foreground), 0.7);
}
.caption {
    font-size: 0.625rem;
    letter-spacing: 0.044rem;
    line-height: calc(1 + .7 / var(--font-body-scale));
}
.caption-with-letter-spacing {
    font-size: 0.625rem; /* 1 × 0.625 */
    letter-spacing: 0.08125rem; /* 0.13 × 0.625 */
    line-height: calc(1 + 0.125 / var(--font-body-scale)); /* 0.2 × 0.625 */
    text-transform: uppercase;
}

    /* Predictive Search Results */
    .predictive-search-results {
      margin-top: 1.5rem;
      display: none;
    }
    .predictive-search-results.active {
      display: block;
    }
    .predictive-search-status {
      text-align: center;
      padding: 2rem;
      color: #666;
    }
    .predictive-search-results h3 {
      font-size: 0.875rem;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: #666;
      margin-bottom: 1rem;
      font-weight: 600;
    }
    .predictive-search-item {
      display: flex;
      gap: 1rem;
     padding: 10px 20px;
      text-decoration: none;
      color: inherit;
      transition: background 0.2s;
    }
    .predictive-search-item:hover {
      background: #f5f5f5;
    }
    .predictive-search-image {
      width: 50px;
      height: 50px;
      object-fit: cover;
      flex-shrink: 0;
    }
    .predictive-search-details {
      flex: 1;
    }
    .predictive-search-title {
      font-weight: 500;
      margin-bottom: 0.25rem;
      color: #000;
    }
    .predictive-search-price {
      color: #666;
      font-size: 0.95rem;
    }
    .predictive-search-vendor {
      color: #999;
      font-size: 0.85rem;
      margin-bottom: 0.25rem;
    }
    .predictive-no-results {
      text-align: center;
      padding: 2rem;
      color: #666;
    }
    .predictive-search-footer {
      border-top: 1px solid #e0e0e0;
     
    }
    .predictive-search-footer a {
      justify-content: space-between;
align-items: center;
padding: 0.8125rem 1.25rem; /* 1.3 × 0.625, 2 × 0.625 */
word-break: break-all;
line-height: calc(1 + 0.25 / var(--font-body-scale)); /* 0.4 × 0.625 */

    }
     .header-icons .header__icon {
    height: 2.75rem;
    width: 2.75rem;
    fill: none;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .header-icons .icon.icon-cart {
     height: 2.75rem;
    width: 2.75rem;
    }
    .header-icons .icon {
    height:1.25rem;
    width:1.25rem;
    fill: none;
    vertical-align: middle;
}
    .predictive-search-footer a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.5rem;
      padding: 1rem;
      text-decoration: none;
      color: #000;
      font-weight: 500;
      transition: background 0.2s;
      border-radius: 8px;
    }
    .predictive-search-footer a:hover {
      background: #f5f5f5;
    }
    .predictive-search-footer svg {
      width: 20px;
      height: 20px;
    }
    @media (max-width: 991px) {
    #dmenu_editor-menu_main .dmenu_editor-menu {
    padding: 3.5rem 0;
}
      .header__icon--account{display: none!important;}
      header>.container{
        flex-wrap: wrap;
      }
      header .container #logo {
   
    order: 1;
}
header .container #logo img{
   width: 100%;
  
}
      .header-menu {
        order: 0;
        
      }
      .header-icons {
   
    order: 2;
}
.header-menu {
   
    justify-content: start;
}
      .header-menu nav ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
      }
    }
    .modal__close-button.link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0rem;
    height: 44px;
    width: 44px;
    background-color: transparent;
    border: none;
}
.modal__close-button .icon {
    width: 17px;
    height: 17px;
}
.search-container {
    width: 100%;
}
@media screen and (min-width: 992px) {
  .menu-drawer__utility-links{display: none;}
    .search-container {
        max-width: 478px;
    }
}

/* Cart Notification Styles */
.cart-notification {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 400px !important;
  height: 100% !important;
  background: #fff !important;
  box-shadow: -2px 0 10px rgba(0,0,0,0.1) !important;
  z-index: 99999 !important;
  transform: translateX(100%) !important;
  transition: transform 0.3s ease-in-out !important;
  overflow-y: auto !important;
  display: flex !important;
  flex-direction: column !important;
}

.cart-notification.active {
  transform: translateX(0) !important;
}

.cart-notification-overlay {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0,0,0,0.5) !important;
  z-index: 99998 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.3s ease, visibility 0.3s ease !important;
  pointer-events: none !important;
}

.cart-notification-overlay.active {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.cart-notification__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem;
  border-bottom: 1px solid #e8e8e8;
}

.cart-notification__heading {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  margin: 0;
}

.icon-checkmark {
  width: 20px;
  height: 20px;
  color: #198754;
}

.cart-notification__close {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cart-notification__close .icon-close {
  width: 18px;
  height: 18px;
}

.cart-notification-product {
  display: flex;
  gap: 1rem;
  padding: 1.5rem;
  border-bottom: 1px solid #e8e8e8;
}

.cart-notification-product__image {
  width: 100px;
  height: 100px;
  flex-shrink: 0;
}

.cart-notification-product__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}

.cart-notification-product__name {
  font-size: 1rem;
  font-weight: 600;
  margin: 0 0 0.5rem 0;
  line-height: 1.4;
}

.cart-notification-product dl {
  margin: 0;
  font-size: 0.875rem;
  color: #666;
}


.product-option * {
    display: inline;
    margin: 0;
}



.cart-notification__links {
  padding: 1.5rem;
  margin-top: auto;
}

.cart-notification__links .button {
  width: 100%;
  padding: 1rem;
  border: none;
  border-radius: 4px;
  font-size: 0.875rem;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s;
  display: block;
  margin-bottom: 0.75rem;
}

.button--primary {
  background: #000;
  color: #fff;
}

.button--primary:hover {
  background: #333;
  color: #fff;
}

.button--secondary {
  background: #f5f5f5;
  color: #000;
}

.button--secondary:hover {
  background: #e8e8e8;
  color: #000;
}

.cart-notification__links .link.button-label {
  display: block;
  text-align: center;
  background: transparent;
  border: none;
  color: #000;
  text-decoration: underline;
  cursor: pointer;
  padding: 0.5rem;
  font-size: 0.875rem;
}

@media (max-width: 768px) {
  .cart-notification {
    max-width: 100%;
  }
}
/* footer */
footer {

  width: 100%;
  padding-top: 30px;
  background-color: #fff;
  border-top: 1px solid #12121214;
 color: rgba(var(--color-foreground), .75);
}

footer a {
 color: rgba(var(--color-foreground), .75);
  text-decoration: none;
}
footer a:hover {
  color: #212121;
}
footer h5 {
font-size: calc(var(--font-heading-scale) * 1.125rem);
margin-bottom: 1.25rem;
}
/* breadcrumb */
.breadcrumb {
  display: none;
  margin: 0 0 20px 0;
  padding: 8px 0;
  border: 1px solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  background-color: var(--bs-tertiary-bg);
}
.breadcrumb i {
  font-size: 15px;
}
.breadcrumb > li.breadcrumb-item {
  text-shadow: 0 1px 0 #FFF;
  padding: 0 20px;
  position: relative;
  white-space: nowrap;
}
.breadcrumb > li.breadcrumb-item > a {
  text-decoration: none;
}
.breadcrumb > li.breadcrumb-item:after {
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right: -5px;
  width: 29px;
  height: 29px;
  border-right: 1px solid var(--bs-border-color);
  border-bottom: 1px solid var(--bs-border-color);
  transform: rotate(-45deg);
}
.breadcrumb > li.breadcrumb-item + li:before {
  content: "";
  padding: 0;
}
.qty-box{
border:1px solid;
 color: rgba(var(--color-foreground));
    position: relative;
    width: calc(9.313rem / var(--font-body-scale) + var(--inputs-border-width) * 2);
    display: flex;
    border-radius: var(--inputs-radius);
    min-height: calc((var(--inputs-border-width) * 2) + 2.813rem);
}

.qty-box button
 {
    width: calc(2.813rem / var(--font-body-scale));
    flex-shrink: 0;
    font-size: 0.625rem;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(var(--color-foreground));
    padding: 0;
}
.qty-box  input {
    color: currentColor;
    font-size:  0.875rem;
    font-weight: 500;
    opacity: .85;
    text-align: center;
    background-color: transparent;
    border: 0;
    padding: 0 0.313rem;
    width: 100%;
    flex-grow: 1;
    -webkit-appearance: none;
    appearance: none;
}
.product-form__buttons {
    max-width:27.5rem;
}
.btn.btn-add-to-cart{border:0.094rem solid;width: 100%;}
.product-thumb {
  position: relative;
  height: 100%;
}
.product-thumb .image {
  text-align: center;
  background-color: #f3f3f3;
  position: relative;
}
.product-thumb .image a {
  position: relative;
  display: block;
}
.product-thumb .image a img {
  transition: opacity 0.3s ease;
}
.product-thumb .image a .product-thumb-main {
  opacity: 1;
}
.product-thumb .image a .product-thumb-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  object-fit: cover;
}
.product-thumb.thumb-hover .image a:hover .product-thumb-main {
  opacity: 0;
}
.product-thumb.thumb-hover .image a:hover .product-thumb-hover {
  opacity: 1;
}
.product-thumb .image a:hover ,.category_box .image  a:hover{
  transform: scale(1.03);
}
.product-thumb .description {
  padding: 15px 0;
}
.product-thumb .description h4,.product-info h4{
  font-weight: 400;
      font-weight: 400;
    font-size: 13px;
}
.product-thumb .description h4 a,.product-info a ,.category-name a{
 color:#121212
}
.category-name a .icon-wrap {
    margin-left: 0.5rem;
    white-space: nowrap;
    transition: transform .1s ease;
    overflow: hidden;
}
.icon-arrow path {
    transform: translate(-0.156rem);
    transition: transform .1s ease;
}
.category_box:hover .icon-arrow path {
    transform: translate(-.031rem);
}
.category-name h3 {
  font-weight: 400;
      font-weight: 400;
    font-size: 18px;
}

h3 .icon-arrow, .h3 .icon-arrow {
    width: calc(1.0 * 18px);
}
.product-thumb .button {
  display: flex;
  position: absolute;
  width: 100%;
  bottom: 0;
}
.product-thumb .button button {
  width: 33.33%;
  border: none;
  border-top: 1px solid var(--bs-border-color);
  background-color: var(--bs-tertiary-bg);
  color: var(--bs-gray-600);
  line-height: 38px;
  text-align: center;
}
.product-thumb .button button:hover {
  color: var(--bs-gray-600);
  background-color: #ddd;
  text-decoration: none;
  cursor: pointer;
}
.product-thumb .button button + button {
  border-left: 1px solid var(--bs-border-color);
}
@media (min-width: 960px) {
  .product-list .product-thumb {
    display: flex;
  }
  .product-list .product-thumb .image {
    flex-direction: column;
    margin-bottom: 0px;
  }
  .product-list .product-thumb .content {
    flex-direction: column;
    flex: 75%;
    position: relative;
  }
  .product-list .product-thumb .button {
    border-left: 1px solid #ddd;
    width: calc(100% -  15px);
    margin-left: 15px;
  }
}
.rating .fa-stack {
  width: 20px;
}
.rating .fa-star {
  color: #999;
  font-size: 15px;
}
.rating .fa-star {
  color: #FC0;
  font-size: 15px;
}
.rating .fa-star + .fa-star {
  color: #E69500;
}
/* product list */
.price {
  color: #121212;
}

.price-old {
  text-decoration: line-through;
}
.price-tax {
  color: #999;
  font-size: 12px;
  display: block;
}
/* blog */
.blog-thumb {
  border: 1px solid #ddd;
  margin-bottom: 15px;
}
.blog-thumb h4 {
  font-weight: bold;
}
.blog-thumb .image {
  text-align: center;
  margin-bottom: 15px;
}
.blog-thumb .image a:hover {
  opacity: 0.8;
}
.blog-thumb .description {
  padding: 15px;
}
/* Theme Custom CSS */
#cookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  z-index: 9999;
  opacity: 0.95;
  color: #ecf0f1;
  background: #343a40;
}
#cookie div {
  font-size: 16px;
  color: #FFFFFF;
}
.product-thumb .image {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
   background: #f3f3f3;
    padding: 0;
    margin: 0;
}
.product-thumb .image a,.category_box .image a {
    display: flex;
    transition: transform .5s ease;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
}
.category_box .image a {
position: relative;
}
.product-thumb .image:before {
    content: "";
    width: 0;
    height: 0;
    padding-bottom: 100%;
}
.thumbnail-list_item--variant:not(:first-child) {
    display: none;
}
.product-thumb .image img {
    max-width: 100%;
   width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.product-thumb .price {
    margin: 10px 0;
}
.product-thumb .price-old {
    text-decoration: line-through;
    color: #121212bf;
    font-size: 13px;
    margin-right: 10px;
}
.product-thumb .price-new {
    color: #121212;
letter-spacing: .1rem;
    font-size: 16px;
    font-weight:400;
}
.product-thumb .price-tax {
    display: block;
    font-size: 0.85em;
    color: #777;
    margin-top: 5px;
}
.card__badge{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;width:4.5rem;height:4.5rem}.card__badge.top{top:0}.card__badge.bottom{bottom:0}.card__badge.left{left:0}.card__badge.right{right:0}
.sale-badge {
    border: 1px solid transparent;
    border-radius: 4.0rem;
    display: inline-block;
       font-size: 13px;
    letter-spacing: 1px;
    line-height: 1;
    padding: 5px 12px;
    text-align: center;
    background-color: #334fb4;
    border-color:#334fb4;
    color: #fff;
    word-break: break-word;
}

@media screen and (min-width: 750px) {
    .list-payment {
        justify-content: flex-end;
        margin: -0.5rem;
        padding-top: 0;
    }
}
.list-payment {
    border-top: 1px solid #12121214;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -0.5rem 0;
    padding-top: 30px;
    padding-left: 0;
}
.list-payment__item {
    align-items: center;
    display: flex;
    padding: 0.5rem;
}
.facets__header {
    border-bottom: 1px solid rgba(var(--color-foreground), 0.2);
    padding: 0.9375rem 1.25rem; /* 1.5, 2 × 0.625 */
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem; /* 1.4 × 0.625 */
    position: sticky;
    top: 0;
    background-color: rgb(var(--color-background));
    z-index: 1;
}

.facets__price {
  display: flex;
  padding: 1.25rem; /* 2 × 0.625 */
}

.facets__price .field + .field-currency {
  margin-left: 1.25rem; /* 2 × 0.625 */
}

.facets__price .field {
  align-items: center;
}

.facets__price .field-currency {
  align-self: center;
  margin-right: 0.375rem; /* 0.6 × 0.625 */
}

.facets__price .field__label {
  left: 0.9375rem; /* 1.5 × 0.625 */
}
/* component-form */
.field {
    position: relative;
    width: 100%;
    display: flex;
    transition: box-shadow var(--duration-short) ease;
}
.field__input,
.customer .field input {
  flex-grow: 1;
  text-align: left;
  padding: 0.9375rem; /* 1.5 × 0.625 */
  margin: var(--inputs-border-width);
  transition: box-shadow var(--duration-short) ease;
}

.field__label,
.customer .field label {
  font-size: 1rem; /* 1.6 × 0.625 */
  left: calc(var(--inputs-border-width) + 1.25rem); /* 2 × 0.625 */
  top: calc(0.625rem + var(--inputs-border-width)); /* 1 × 0.625 */
  margin-bottom: 0;
  pointer-events: none;
  position: absolute;
  transition: top var(--duration-short) ease,
    font-size var(--duration-short) ease;
  color: rgba(var(--color-foreground), 0.75);
  letter-spacing: 0.0625rem; /* 0.1 × 0.625 */
  line-height: 1.5;
}

.field__input:focus ~ .field__label,
.field__input:not(:placeholder-shown) ~ .field__label,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:focus ~ label,
.customer .field input:not(:placeholder-shown) ~ label,
.customer .field input:-webkit-autofill ~ label {
  font-size: 0.625rem; /* 1 × 0.625 */
  top: calc(var(--inputs-border-width) + 0.3125rem); /* 0.5 × 0.625 */
  left: calc(var(--inputs-border-width) + 1.25rem); /* 2 × 0.625 */
  letter-spacing: 0.025rem; /* 0.04 × 0.625 */
}

.field__input,
.select__select,
.customer .field input,
.customer select {
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(var(--color-background));
  color: rgb(var(--color-foreground));
  font-size: 1rem; /* 1.6 × 0.625 */
  width: 100%;
  box-sizing: border-box;
  transition: box-shadow var(--duration-short) ease;
  border-radius: var(--inputs-radius);
  height: 2.8125rem; /* 4.5 × 0.625 */
  min-height: calc(var(--inputs-border-width) * 2);
  min-width: calc(4.375rem + (var(--inputs-border-width) * 2)); /* 7 × 0.625 */
  position: relative;
  border: 0;
}

.field:before,
.select:before,
.customer .field:before,
.customer select:before,
.localization-form__select:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--inputs-radius-outset);
  box-shadow: var(--inputs-shadow-horizontal-offset) var(--inputs-shadow-vertical-offset) var(--inputs-shadow-blur-radius) rgba(var(--color-base-text), var(--inputs-shadow-opacity));
  z-index: -1;
}

.field:after,
.select:after,
.customer .field:after,
.customer select:after,
.localization-form__select:after {
  pointer-events: none;
  content: '';
  position: absolute;
  top: var(--inputs-border-width);
  right: var(--inputs-border-width);
  bottom: var(--inputs-border-width);
  left: var(--inputs-border-width);
  border: 0.0625rem solid transparent; /* 0.1 × 0.625 */
  border-radius: var(--inputs-radius);
  box-shadow: 0 0 0 var(--inputs-border-width) rgba(var(--color-foreground), var(--inputs-border-opacity));
  transition: box-shadow var(--duration-short) ease;
  z-index: 1;
}
input{ font-family: Arial, sans-serif;}
.select__select {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  font-size: 0.75rem; /* 1.2 × 0.625 */
  color: rgba(var(--color-foreground), 0.75);
}

.field:hover.field:after,
.select:hover.select:after,
.select__select:hover.select__select:after,
.customer .field:hover.field:after,
.customer select:hover.select:after,
.localization-form__select:hover.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.0625rem + var(--inputs-border-width)) rgba(var(--color-foreground), var(--inputs-border-opacity));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus-visible,
.select__select:focus-visible,
.customer .field input:focus-visible,
.customer select:focus-visible,
.localization-form__select:focus-visible.localization-form__select:after {
  box-shadow: 0 0 0 calc(0.0625rem + var(--inputs-border-width)) rgba(var(--color-foreground));
  outline: 0;
  border-radius: var(--inputs-radius);
}

.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill {
  padding: 1.375rem 0.9375rem 0.5rem 1.25rem; /* 2.2,1.5,0.8,2 × 0.625 */
  margin: var(--inputs-border-width);
}

.field__input::-webkit-search-cancel-button,
.customer .field input::-webkit-search-cancel-button {
  display: none;
}

.field__input::placeholder,
.customer .field input::placeholder {
  opacity: 0;
}

.field__button {
  align-items: center;
  background-color: transparent;
  border: 0;
  color: currentColor;
  cursor: pointer;
  display: flex;
  height: 2.75rem; /* 4.4 × 0.625 */
  justify-content: center;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 2.75rem; /* 4.4 × 0.625 */
}

.field__button > svg {
  height: 1.5625rem; /* 2.5 × 0.625 */
  width: 1.5625rem;
}

.field__input:-webkit-autofill ~ .field__button,
.field__input:-webkit-autofill ~ .field__label,
.customer .field input:-webkit-autofill ~ label {
  color: rgb(0, 0, 0);
}

/* Text area */

.text-area,
.select {
  display: flex;
  position: relative;
  width: 100%;
}

.text-area {
  font-family: var(--font-body-family);
  font-style: var(--font-body-style);
  font-weight: var(--font-body-weight);
  min-height: 6.25rem; /* 10 × 0.625 */
  resize: none;
}

input[type='checkbox'] {
  display: inline-block;
  width: auto;
  margin-right: 0.3125rem; /* 0.5 × 0.625 */
}

/* Form global */

.form__label {
  display: block;
  margin-bottom: 0.375rem; /* 0.6 × 0.625 */
}

.form__message {
  align-items: center;
  display: flex;
  font-size: 0.875rem; /* 1.4 × 0.625 */
  line-height: 1;
  margin-top: 0.625rem; /* 1 × 0.625 */
}

.form__message--large {
  font-size: 1rem; /* 1.6 × 0.625 */
}

.customer .field .form__message {
  font-size: 0.875rem; /* 1.4 × 0.625 */
  text-align: left;
}

.form__message .icon,
.customer .form__message svg {
  flex-shrink: 0;
  height: 0.8125rem; /* 1.3 × 0.625 */
  width: 0.8125rem;
  margin-right: 0.3125rem; /* 0.5 × 0.625 */
}

.form__message--large .icon,
.customer .form__message svg {
  height: 0.9375rem; /* 1.5 × 0.625 */
  width: 0.9375rem;
  margin-right: 0.625rem; /* 1 × 0.625 */
}

.customer .field .form__message svg {
  align-self: start;
}

.form-status {
  margin: 0;
  font-size: 1rem; /* 1.6 × 0.625 */
}

.form-status-list {
  padding: 0;
  margin: 1.25rem 0 2.5rem; /* 2,4 × 0.625 */
}

.form-status-list li {
  list-style-position: inside;
}

.form-status-list .link::first-letter {
  text-transform: capitalize;
}

#product-category .dropdown-menu {
  border-radius: 0;
  padding: 0;
  width: 21.875rem;;

}


#reset-price-filter{cursor: pointer;
    color: rgba(var(--color-link), var(--alpha-link));
    text-underline-offset: .3rem;
    text-decoration-thickness: .1rem;
    transition: text-decoration-thickness ease .1s;
    text-decoration: underline;
}

.sort_by label,.sort_by select{
border: none;
border-radius: 0;
background-color: transparent;
}

.sort_by.input-group {width: auto;}

.predictive-search {
    display: none;
    position: absolute;
    top: calc(100% + .1rem);
    left: -.1rem;
    border-width: var(--popup-border-width);
    border-style: solid;
    border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
    background-color: rgb(var(--color-background));
    z-index: 3;
    border-bottom-right-radius: var(--popup-corner-radius);
    border-bottom-left-radius: var(--popup-corner-radius);
    box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.subtitle {
    font-size: 1.125rem; /* 1.8 × 0.625 */
    line-height: calc(1 + 0.5 / var(--font-body-scale)); /* 0.8 × 0.625 */
    letter-spacing: 0.0375rem; /* 0.06 × 0.625 */
    color: rgba(var(--color-foreground), 0.7);
}
.display-6,.display-5,.display-4,.display-3,.display-2,.display-1{
    font-weight: 400;
}


.btn {
    --bs-btn-padding-x: 1.90rem;
    --bs-btn-padding-y: 0.7rem;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 0.875rem;
    --bs-btn-font-weight: 400;
    --bs-btn-line-height: 1.8;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: transparent;
    --bs-btn-border-width: var(--bs-border-width);
    --bs-btn-border-color: transparent;
    --bs-btn-border-radius: 0;
    --bs-btn-hover-border-color: transparent;
    --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
    --bs-btn-disabled-opacity: 0.65;
    --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    color: var(--bs-btn-color);
    text-align: center;
    vertical-align: middle;
        position: relative;
    cursor: pointer;
    user-select: none;
    border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
    border-radius: var(--bs-btn-border-radius);
    background-color: var(--bs-btn-bg);
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg:  rgba(var(--color-button), var(--alpha-button-background));
    --bs-btn-border-color:  rgba(var(--color-button), var(--alpha-button-background));
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:  rgba(var(--color-button), var(--alpha-button-background));
    --bs-btn-hover-border-color:  rgba(var(--color-button), var(--alpha-button-background));
    --bs-btn-focus-shadow-rgb: 67, 169, 208;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg:  rgba(var(--color-button), var(--alpha-button-background));
    --bs-btn-active-border-color:  rgba(var(--color-button), var(--alpha-button-background));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg:  rgba(var(--color-button), var(--alpha-button-background));
    --bs-btn-disabled-border-color:  rgba(var(--color-button), var(--alpha-button-background));
}

.btn:not(.btn-link)::after {
    content: "";
    position: absolute;
    top: var(--buttons-border-width);
    right: var(--buttons-border-width);
    bottom: var(--buttons-border-width);
    left: var(--buttons-border-width);
    z-index: 1;
    border-radius: var(--buttons-radius);
    box-shadow: 0 0 0 calc(var(--buttons-border-width) + var(--border-offset)) rgba(var(--color-button-text), var(--border-opacity)), 0 0 0 var(--buttons-border-width) rgba(var(--color-button), var(--alpha-button-background));
    transition: box-shadow var(--duration-short) ease;
}
.btn:not([disabled]):not(.btn-link):hover:after{
    --border-offset: 1.3px;
box-shadow: 0 0 0px 3px #000;}
.btn-link{
  text-decoration: underline;
  text-underline-offset: .3rem;
    text-decoration-thickness: .1rem;
    transition: text-decoration-thickness ease .1s;}

    .btn-link:hover {
    color: rgb(var(--color-link));
    text-decoration-thickness: 0.125rem;
}
.footer_logo img {
    max-width: 200px;
    width: 100%;
        margin-bottom: 2.5rem;
}
footer .col-sm-3 { margin-bottom: 2.5rem;}
footer .dmenu_editor-menu_list{display: flex;flex-direction: column;}
  footer   .dmenu_editor-collapse .depth-zero > a {
        display:block;
        padding: 0 0 5px
    }
   footer  .dmenu_editor-collapse a, footer  ul li a {
    font-size: 14px;
    color: rgba(var(--color-foreground), .75)!important;
        line-height: calc(1 + 0.8 / var(--font-body-scale));

    }
   footer   .dmenu_editor-menu_inner  .container{padding: 0;}
footer #dmenu_editor-menu_main .dmenu_editor-collapse,footer #dmenu_editor-menu_footer .dmenu_editor-collapse{padding: 0;}
.pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination .active .page-link:after, .pagination .page-item .page-link:hover:after {
    content: "";
    display: block;
    width: 1.25rem;
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translate(-50%);
    background-color: currentColor;
}
.pagination>li {
    flex: 1 0 2.75rem;
    max-width: 2.75rem;
}
.pagination>li:not(:last-child) {
    margin-right: 0.625rem;
}
.pagination .page-link{
    color: rgb(var(--color-foreground));
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 2.75rem;
    width: 100%;
    padding: 0;
    text-decoration: none;
        border: none;
        background: transparent;
}

.pagination .active .page-link:after,.pagination .page-link:hover:after {
    height: 0.063rem;
}

#simple-notification-bar{
    text-align: center;
    letter-spacing: 0.063rem;
    font-size: 0.813rem;
}

.collection-hero__title {
    margin:1.563rem 0;
}
.dropdown-toggle:hover:after{content:unset;border: none!important;}

.nav-tabs  li a,.nav-tabs  li a:hover {
    color: rgba(var(--color-foreground), .75);
        font-weight: 400;
       
}


  .variant-options .variant-swatch {
    
    border: var(--variant-pills-border-width) solid rgba(var(--color-foreground), var(--variant-pills-border-opacity));
    background-color: rgb(var(--color-background));
    color: rgb(var(--color-foreground));
    border-radius: var(--variant-pills-radius);
    display: inline-block;
    margin: 0.4375rem 0.3125rem 0.125rem 0; /* top right bottom left */
    padding: 0.625rem 1.25rem; /* top/bottom, left/right */
    font-size: 0.875rem; /* 14px */
    letter-spacing: 0.0625rem; /* 1px */
    line-height: 1;
    text-align: center;
    transition: border var(--duration-short) ease;
    cursor: pointer;
    position: relative;
  }
  .variant-options .variant-swatch input {display:none;}
  .variant-options .variant-swatch.active {background-color: rgb(var(--color-foreground));
    color: rgb(var(--color-background));}
  .variant-options .variant-label,.form-label {font-size: 0.813rem;
    line-height: calc(1 + .5 / var(--font-body-scale));
    letter-spacing: 0.025rem;}
  .variant-options select.form-select {max-width:320px;}

  .prod-variant-sku {
    font-size: 16px;
    font-weight: 700;
}
.section {
    padding-top: 27px;
    padding-bottom: 27px;
}
@media screen and (min-width: 750px) {
    .section {
        padding-top: 36px;
        padding-bottom: 36px;
    }
}

.menu-drawer__utility-links {
    padding: 1.25rem;
    background-color: rgba(var(--color-foreground), .03);
}

.menu-drawer__account {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    padding: 0.75rem;
    margin-left: -0.75rem;
    font-size: 0.875rem;
    color: rgb(var(--color-foreground));
}

.menu-drawer__account .icon-account {
    height: 1.25rem;
    width: 1.25rem;
    margin-right: 0.625rem;
}

/* enable Flickity by default */
.main-carousel:after {
  content: 'flickity';
  display: none; /* hide :after */
}

@media screen and ( min-width: 989px ) {
  /* disable Flickity for large devices */
  .main-carousel:after {
    content: '';
  }
 .fraction-pagination{display: none;}
}

@media screen and ( max-width: 989px ) {
.main-carousel .carousel-cell.col-6 {
  width: 43%;  /* 2 slides fully, 4% leftover for peek */
  margin-right: 4%;
}
}

.facets-container {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(2, auto);
  padding-top: 0.625rem;
}

.active-facets-mobile {
  margin-bottom: 0.3125rem;
}

.mobile-facets__list {
  overflow-y: auto;
}

@media screen and (min-width: 750px) {
  .facets-container > * + * {
    margin-top: 0;
  }

  .facets__form .product-count {
    grid-column-start: 3;
    align-self: flex-start;
  }
}

@media screen and (max-width: 989px) {
  .facets-container {
    grid-template-columns: auto minmax(0, max-content);
    column-gap: 1.25rem;
  }
}

.facet-filters {
  align-items: flex-start;
  display: flex;
  grid-column: 2;
  grid-row: 1;
  padding-left: 1.5625rem;
}

@media screen and (min-width: 990px) {
  .facet-filters {
    padding-left: 1.875rem;
  }
}

.facet-filters__label {
  display: block;
  color: var(--color-foreground-85);
  font-size: 0.875rem;
  margin: 0 1.25rem 0 0;
}

.facet-filters__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
  cursor: pointer;
  height: 2.8125rem;
  padding: 0 0.9375rem;
  min-width: 15.625rem;
  margin-top: 1.5rem;
  border: 0.0625rem solid rgba(var(--color-foreground), 0.55);
}

.facet-filters__summary::after {
  position: static;
}

.facet-filters__field {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}

.facet-filters__field .select {
  width: auto;
}

.facet-filters__field .select:after,
.facet-filters__field .select:before,
.mobile-facets__sort .select:after,
.mobile-facets__sort .select:before {
  content: none;
}

.facet-filters__field .select__select,
.mobile-facets__sort .select__select {
  border-radius: 0;
  min-width: auto;
  min-height: auto;
  transition: none;
}

.facet-filters button {
  margin-left: 1.5625rem;
}

.facet-filters__sort {
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-size: 0.875rem;
  height: auto;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  margin: 0;
  padding-left: 0;
  padding-right: 1.09375rem;
}

.facet-filters__sort + .icon-caret {
  right: 0;
}

@media screen and (forced-colors: active) {
  .facet-filters__sort {
    border: none;
  }
}

.facet-filters__sort,
.facet-filters__sort:hover {
  box-shadow: none;
  filter: none;
  transition: none;
}

.mobile-facets__sort .select__select:focus-visible {
  outline: 0.125rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.1875rem;
  box-shadow: 0 0 0 0.1875rem rgb(var(--color-background)),
    0 0 0.3125rem 0.25rem rgba(var(--color-foreground), 0.3);
}

.mobile-facets__sort .select__select.focused,
.no-js .mobile-facets__sort .select__select:focus {
  outline: 0.125rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.1875rem;
  box-shadow: 0 0 0 0.1875rem rgb(var(--color-background)),
    0 0 0.3125rem 0.25rem rgba(var(--color-foreground), 0.3);
}

.facet-filters__sort:focus-visible {
  outline: 0.125rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.625rem;
  box-shadow: 0 0 0 0.625rem rgb(var(--color-background)),
    0 0 0.125rem 0.75rem rgba(var(--color-foreground), 0.3);
}

.facet-filters__sort.focused,
.no-js .facet-filters__sort:focus {
  outline: 0.125rem solid rgba(var(--color-foreground), 0.5);
  outline-offset: 0.625rem;
  box-shadow: 0 0 0 0.625rem rgb(var(--color-background)),
    0 0 0.125rem 0.75rem rgba(var(--color-foreground), 0.3);
}

.no-js .facet-filters__sort:focus:not(:focus-visible),
.no-js .mobile-facets__sort .select__select:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.facets {
  display: block;
  grid-column-start: span 2;
}

.facets__form {
  display: grid;
  gap: 0 2.1875rem;
  grid-template-columns: 1fr max-content max-content;
  margin-bottom: 0.3125rem;
}

.facets__wrapper {
  align-items: center;
  align-self: flex-start;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-wrap: wrap;
}

.facets__heading {
  display: block;
  color: rgba(var(--color-foreground), 0.85);
  font-size: 0.875rem;
  margin: -0.9375rem 1.25rem 0 0;
}

.facets__reset {
  margin-left: auto;
}

.facets__disclosure {
  margin-right: 2.1875rem;
}

.facets__summary {
  color: rgba(var(--color-foreground), 0.75);
  font-size: 0.875rem;
  padding: 0 1.09375rem 0 0;
  margin-bottom: 0.9375rem;
}

.facets__disclosure fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}

.facets__disclosure[open] .facets__summary,
.facets__summary:hover {
  color: rgb(var(--color-foreground));
}

.facets__disclosure[open] .facets__display,
.facets__disclosure-vertical[open] .facets__display-vertical  {
  animation: animateMenuOpen var(--duration-default) ease;
}

.facets__summary span {
  transition: text-decoration var(--duration-short) ease;
}

.facets__summary:hover span {
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}

.disclosure-has-popup[open] > .facets__summary::before {
  z-index: 2;
}

.facets__summary > span {
  line-height: calc(1 + 0.3 / var(--font-body-scale));
}

.facets__summary .icon-caret {
  right: 0;
}

.facets__display {
  border-width: var(--popup-border-width);
  border-style: solid;
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-radius: var(--popup-corner-radius);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
  background-color: rgb(var(--color-background));
  position: absolute;
  top: calc(100% + 0.3125rem);
  left: -0.75rem;
  width: 21.875rem;
  max-height: 34.375rem;
  overflow-y: auto;
}

.facets__header {
  border-bottom: 1px solid rgba(var(--color-foreground), 0.2);
  padding: 0.9375rem 1.25rem;
  display: flex;
  justify-content: space-between;
  font-size: 0.875rem;
  position: sticky;
  top: 0;
  background-color: rgb(var(--color-background));
  z-index: 1;
}

.facets__list {
  padding: 0.3125rem 1.25rem;
}

.facets__item {
  display: flex;
  align-items: center;
}

.facets__item label,
.facets__item input[type='checkbox'] {
  cursor: pointer;
}

.facet-checkbox {
  padding: 0.625rem 1.25rem 0.625rem 0;
  flex-grow: 1;
  position: relative;
  font-size: 0.875rem;
  display: flex;
  word-break: break-word;
}

.facet-checkbox input[type='checkbox'] {
  position: absolute;
  opacity: 1;
  width: 1rem;
  height: 1rem;
  top: 0.4375rem;
  left: -0.25rem;
  z-index: -1;
  appearance: none;
  -webkit-appearance: none;
}

.no-js .facet-checkbox input[type='checkbox'] {
  z-index: 0;
}

.facet-checkbox > svg {
  background-color: rgb(var(--color-background));
  margin-right: 0.75rem;
  flex-shrink: 0;
}

.facet-checkbox .icon-checkmark {
  visibility: hidden;
  position: absolute;
  left: 0.1875rem;
  z-index: 5;
  top: 0.875rem;
}

.facet-checkbox > input[type='checkbox']:checked ~ .icon-checkmark {
  visibility: visible;
}

@media screen and (forced-colors: active) {
  .facet-checkbox > svg {
    background-color: inherit;
    border: 0.0625rem solid rgb(var(--color-background));
  }

  .facet-checkbox > input[type='checkbox']:checked ~ .icon-checkmark {
    border: none;
  }
}

.facet-checkbox--disabled {
  color: rgba(var(--color-foreground), 0.4);
}

.facets__price {
  display: flex;
  padding: 1.25rem;
}

.facets__price .field + .field-currency {
  margin-left: 1.25rem;
}

.facets__price .field {
  align-items: center;
}

.facets__price .field-currency {
  align-self: center;
  margin-right: 0.375rem;
}

.facets__price .field__label {
  left: 0.9375rem;
}

button.facets__button {
  min-height: 0;
  margin: 0 0 0 0.3125rem;
  box-shadow: none;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.facets__button-no-js {
  transform: translateY(-0.375rem);
}

.active-facets {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  grid-column: 1 / -1;
  grid-row: 2;
  margin-top: -0.3125rem;
}

.active-facets__button {
  display: block;
  margin-right: 0.9375rem;
  margin-top: 0.9375rem;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  text-decoration: none;
}

span.active-facets__button-inner {
  color: rgb(var(--color-foreground));
  box-shadow: 0 0 0 0.0625rem rgb(var(--color-foreground));
  border-radius: 1.625rem;
  font-size: 0.625rem;
  min-height: 0;
  min-width: 0;
  padding: 0.3125rem 0.625rem;
  display: flex;
  align-items: stretch;
}

span.active-facets__button-inner:before,
span.active-facets__button-inner:after {
  display: none;
}

.active-facets__button-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 0.9375rem;
}

.active-facets__button-wrapper * {
  font-size: 0.625rem;
}

@media screen and (min-width: 990px) {
  .active-facets__button {
    margin-right: 0.9375rem;
  }

  .active-facets__button-wrapper *,
  span.active-facets__button-inner {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 989px) {
  .active-facets {
    margin: 0 -0.75rem -0.75rem;
  }

  .active-facets__button,
  .active-facets__button-remove {
    margin: 0;
    padding: 0.75rem;
  }

  span.active-facets__button-inner {
    padding-bottom: 0.1875rem;
    padding-top: 0.1875rem;
  }

  .active-facets__button-wrapper {
    padding-top: 0;
    margin-left: 0.75rem;
  }
}

.active-facets__button:hover .active-facets__button-inner {
  box-shadow: 0 0 0 0.125rem rgb(var(--color-foreground));
}

.active-facets__button--light .active-facets__button-inner {
  box-shadow: 0 0 0 0.0625rem rgba(var(--color-foreground), 0.2);
}

.active-facets__button--light:hover .active-facets__button-inner {
  box-shadow: 0 0 0 0.125rem rgba(var(--color-foreground), 0.4);
}

a.active-facets__button:focus-visible {
  outline: none;
  box-shadow: none;
}

a.active-facets__button.focused,
.no-js a.active-facets__button:focus {
  outline: none;
  box-shadow: none;
}

a.active-facets__button:focus-visible .active-facets__button-inner {
  box-shadow: 0 0 0 0.0625rem rgba(var(--color-foreground), 0.2),
    0 0 0 0.125rem rgb(var(--color-background)),
    0 0 0 0.25rem rgb(var(--color-foreground));
  outline: none;
}

a.active-facets__button.focused .active-facets__button-inner,
.no-js a.active-facets__button:focus .active-facets__button-inner {
  box-shadow: 0 0 0 0.0625rem rgba(var(--color-foreground), 0.2),
    0 0 0 0.125rem rgb(var(--color-background)),
    0 0 0 0.25rem rgb(var(--color-foreground));
  outline: none;
}

.active-facets__button svg {
  align-self: center;
  flex-shrink: 0;
  margin-left: 0.375rem;
  margin-right: -0.125rem;
  pointer-events: none;
  width: 0.75rem;
}

@media all and (min-width: 990px) {
  .active-facets__button svg {
    margin-right: -0.25rem;
    margin-top: 0.0625rem;
    width: 0.875rem;
  }
}

.active-facets facet-remove:only-child {
  display: none;
}

.facets-vertical .active-facets .active-facets-vertical-filter:only-child > facet-remove {
  display: none;
}

.facets-vertical .active-facets-vertical-filter {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.facets-vertical .active-facets-vertical-filter .active-facets__button-wrapper {
  padding-top: 0;
  display: flex;
  align-items: flex-start;
}

.facets-vertical .active-facets__button {
  margin-top: 0;
}

.active-facets__button.disabled,
.mobile-facets__clear.disabled {
  pointer-events: none;
}

.mobile-facets__clear-wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}

.mobile-facets {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background-color: rgba(var(--color-foreground), 0.5);
  pointer-events: none;
}

.mobile-facets__disclosure {
  display: flex;
}

.mobile-facets__wrapper {
  margin-left: 0;
  display: flex;
}

.mobile-facets__wrapper .disclosure-has-popup[open] > summary::before {
  height: 100vh;
  z-index: 3;
}

.mobile-facets__inner {
  background-color: rgb(var(--color-background));
  width: calc(100% - 3.125rem);
  margin-left: auto;
  height: 100%;
  overflow-y: auto;
  pointer-events: all;
  transition: transform var(--duration-short) ease;
  max-width: 23.4375rem;
  display: flex;
  flex-direction: column;
  border-color: rgba(var(--color-foreground), var(--drawer-border-opacity));
  border-style: solid;
  border-width: 0 0 0 var(--drawer-border-width);
  filter: drop-shadow(
    var(--drawer-shadow-horizontal-offset)
    var(--drawer-shadow-vertical-offset)
    var(--drawer-shadow-blur-radius)
    rgba(var(--color-shadow), var(--drawer-shadow-opacity))
  );
}

.menu-opening .mobile-facets__inner {
  transform: translateX(0);
}

.disclosure-has-popup:not(.menu-opening) .mobile-facets__inner {
  transform: translateX(105vw);
}

.mobile-facets__header {
  border-bottom: 0.0625rem solid rgba(var(--color-foreground), 0.08);
  padding: 0.625rem 1.5625rem;
  text-align: center;
  display: flex;
  position: sticky;
  top: 0;
  z-index: 2;
}

.mobile-facets__header-inner {
  flex-grow: 1;
  position: relative;
}

.mobile-facets__info {
  padding: 0 1.625rem;
}

.mobile-facets__heading {
  font-size: calc(var(--font-heading-scale) * 0.875rem);
  margin: 0;
}

.mobile-facets__count {
  color: rgba(var(--color-foreground), 0.7);
  font-size: 0.8125rem;
  margin: 0;
  flex-grow: 1;
}

.mobile-facets__open-wrapper {
  display: inline-block;
}

.mobile-facets__open {
  text-align: left;
  width: 100%;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  display: flex;
  align-items: center;
  color: rgba(var(--color-link), var(--alpha-link));
}

.mobile-facets__open:hover {
  color: rgb(var(--color-link));
}

.mobile-facets__open:hover line,
.mobile-facets__open:hover circle {
  stroke: rgb(var(--color-link));
}

.mobile-facets__open-label {
  transition: text-decoration var(--duration-short) ease;
}

.mobile-facets__open:hover .mobile-facets__open-label {
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}

.mobile-facets__open > * + * {
  margin-left: 0.625rem;
}

.mobile-facets__open svg {
  width: 1.25rem;
}

.mobile-facets__open line,
.mobile-facets__open circle {
  stroke: rgba(var(--color-link), var(--alpha-link));
}

.mobile-facets__close {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0.4375rem;
  right: 0.625rem;
  width: 2.75rem;
  height: 2.75rem;
  z-index: 101;
  opacity: 0;
  transition: opacity var(--duration-short) ease;
}

.mobile-facets__close svg {
  width: 1.375rem;
}

details.menu-opening .mobile-facets__close {
  display: flex;
  opacity: 1;
}

details.menu-opening .mobile-facets__close svg {
  margin: 0;
}

.mobile-facets__close-button {
  align-items: center;
  background-color: transparent;
  display: flex;
  font-size: 0.875rem;
  font: inherit;
  letter-spacing: inherit;
  margin-top: 0.9375rem;
  padding: 0.75rem 1.625rem;
  text-decoration: none;
  width: calc(100% - 3.25rem);
  border: none;;
}

.no-js .mobile-facets__close-button {
  display: none;
}

.mobile-facets__close-button .icon-arrow {
  transform: rotate(180deg);
  margin-right: 0.625rem;
}

.mobile-facets__main {
  padding: 1.6875rem 0 0;
  position: relative;
  z-index: 1;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

.mobile-facets__details[open] .icon-caret {
  transform: rotate(180deg);
}

.no-js .mobile-facets__details {
  border-bottom: 1px solid rgba(var(--color-foreground), 0.04);
}

.mobile-facets__highlight {
  opacity: 0;
  visibility: hidden;
}

.mobile-facets__checkbox:checked + .mobile-facets__highlight {
  visibility: visible;
  opacity: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  background-color: rgba(var(--color-foreground), 0.04);
}

.mobile-facets__summary {
  padding: 0.8125rem 1.5625rem;
}

.mobile-facets__summary svg {
  margin-left: auto;
}

.mobile-facets__summary > div,
.facets__summary > div {
  display: flex;
  align-items: center;
}

.mobile-facets__submenu {
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 3;
  transform: translateX(100%);
  visibility: hidden;
  display: flex;
  flex-direction: column;
}

details[open] > .mobile-facets__submenu {
  transition: transform 0.4s cubic-bezier(0.29, 0.63, 0.44, 1),
    visibility 0.4s cubic-bezier(0.29, 0.63, 0.44, 1);
}

details[open].menu-opening > .mobile-facets__submenu {
  transform: translateX(0);
  visibility: visible;
}

.menu-drawer__submenu .mobile-facets__submenu {
  overflow-y: auto;
}

.mobile-facets .submenu-open {
  visibility: hidden; /* hide menus from screen readers when hidden by submenu */
}

.mobile-facets__item {
  position: relative;
}

input.mobile-facets__checkbox {
  border: 0;
  position: absolute;
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 1.3125rem;
  top: 0.75rem;
  z-index: 0;
  appearance: none;
  -webkit-appearance: none;
}

.mobile-facets__label {
  padding: 0.9375rem 1.25rem 0.9375rem 1.5625rem;
  width: 100%;
  transition: background-color 0.2s ease;
  word-break: break-word;
  display: flex;
}

.mobile-facets__label > svg {
  background-color: rgb(var(--color-background));
  position: relative;
  z-index: 2;
  margin-right: 0.75rem;
  flex-shrink: 0;
}

.mobile-facets__label .icon-checkmark {
  position: absolute;
  top: 1.1875rem;
  left: 1.75rem;
  visibility: hidden;
}

.mobile-facets__label > input[type='checkbox']:checked ~ .icon-checkmark {
  visibility: visible;
}

.mobile-facets__arrow,
.mobile-facets__summary .icon-caret {
  margin-left: auto;
  display: block;
}

.mobile-facets__label--disabled {
  opacity: 0.5;
}

.mobile-facets__footer {
  border-top: 0.0625rem solid rgba(var(--color-foreground), 0.08);
  padding: 1.25rem;
  bottom: 0;
  position: sticky;
  display: flex;
  z-index: 2;
  margin-top: auto;
  background-color:rgb(var(--color-background));
  background: var(--gradient-background);
}

.mobile-facets__footer > * + * {
  margin-left: 0.625rem;
}

.mobile-facets__footer > * {
  width: 50%;
}

.mobile-facets__footer noscript .button {
  width: 100%;
}

.mobile-facets__sort {
  display: flex;
  justify-content: space-between;
}

.mobile-facets__sort label {
  flex-shrink: 0;
}

.mobile-facets__sort .select {
  width: auto;
}

.no-js .mobile-facets__sort .select {
  position: relative;
  right: -0.625rem;
}

.mobile-facets__sort .select .icon-caret {
  right: 0;
}

.mobile-facets__sort .select__select {
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  filter: none;
  margin-left: 0.3125rem;
  margin-right: 0.3125rem;
  padding-left: 0.3125rem;
  padding-right: 0.9375rem;
}

.product-count {
  align-self: center;
  position: relative;
  text-align: right;
}

.product-count__text {
  font-size: 0.875rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  margin: 0;
}

.product-count__text.loading {
  visibility: hidden;
}

.product-count .loading-overlay__spinner,
.product-count-vertical .loading-overlay__spinner  {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.125rem;
}

.product-count__text.loading + .loading-overlay__spinner {
  display: block;
}

@media screen and (min-width: 750px) {
  .facets-vertical {
    display: flex;
  }

  .facets-wrap-vertical {
    border: none;
    padding-left: 0;
  }
    
  .facets__form-vertical {
    display: flex;
    flex-direction: column;
    width: 16.25rem;
  }

  .facets__disclosure-vertical {
    border-top: solid rgba(var(--color-foreground), 0.1);
    margin-right: 0;
  }
  
  .facets-vertical .facets__summary {
    padding-top: 0.9375rem;
    margin-bottom: 0;
    padding-bottom: 0.9375rem;
  }
  
  .facets__heading--vertical {
    margin: 0 0 0.9375rem 0;
    font-size: 0.9375rem;
  }

  .facets__header-vertical {
    padding: 0.9375rem 1.25rem 0.9375rem 0;
    font-size: 0.875rem;
  }
  
  .facets__display-vertical {
    padding-bottom: 0.9375rem;
  }
 
  .facets-vertical .facets-wrapper {
    padding-right: 1.875rem;
  }

  .facets-vertical .facets-wrapper--no-filters {
    display: none;
  }

  .no-js .facets-vertical .facets-wrapper--no-filters {
    display: block;
  }

  .facets-vertical .product-grid-container {
    width: 100%;
  }

  .facets-vertical-form {
    display: flex;
    justify-content: flex-end;
  }

  .product-count-vertical {
    margin-left: 2.1875rem;
  }

  .facets-vertical .active-facets__button-wrapper {
    margin-bottom: 1.25rem;
  }

  .facets-vertical .no-js .facets__button-no-js {
    transform: none;
    margin-left: 0;
  }

  .facets-vertical .no-js .facet-filters__field {
    justify-content: flex-start;
    padding-bottom: 0.625rem;
    padding-top: 1.25rem;
  }

  .facets-vertical .facets__price {
    padding: 0.3125rem 0.3125rem 0.3125rem 0;
  }

  .facets-vertical .facets__price .field:last-of-type {
    margin-left: 0.625rem;
  }

  .facets-vertical .active-facets__button {
    margin-bottom: 0.9375rem;
  }

  .no-js .facets-vertical .facet-filters.sorting {
    padding-left: 0;
    flex-direction: column;
  }

  .facets-vertical .facet-checkbox input[type='checkbox'] {
    z-index: 0;
  }

  .no-js .facets-vertical .facets-container {
    display: flex;
    flex-direction: column;
  }

  .facets-vertical .active-facets facet-remove:last-of-type {
    margin-bottom: 0.625rem;
  }

  .facets-vertical .active-facets {
    margin: 0;
    align-items: flex-start;
  }

  .facets__disclosure-vertical[open] .facets__summary .icon-caret {
    transform: rotate(180deg);
  }
  
  .facets-container-drawer {
    display: flex;;
    flex-flow: row wrap;
    align-items: center;
    column-gap: 0;
  }

  .facets-container-drawer .mobile-facets__wrapper  {
    margin-right: 1.25rem;
    flex-grow: 1;
  }

  .facets-container-drawer .product-count {
    margin: 0 0 0.3125rem 2.1875rem;
  }

  .facets-container-drawer .facets-pill {
    width: 100%;
  }


  .facets-container-drawer .facets__form {
    display: block;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .facets-vertical .active-facets__button {
    padding: 0.625rem;
    margin-bottom: 0;
    margin-left: -0.3125rem;
  }

  .facets-vertical .active-facets__button-remove {
    padding: 0 0.625rem 0.625rem;
  }
}
summary {
  cursor: pointer;
  list-style: none;
  position: relative;
}

summary .icon-caret {
  position: absolute;
  height: 0.375rem; /* 0.6 * 0.625 */
  right: 0.9375rem; /* 1.5 * 0.625 */
  top: calc(50% - 0.125rem); /* 0.2 * 0.625 */
}

summary::-webkit-details-marker {
  display: none;
}

.disclosure-has-popup {
  position: relative;
}

.disclosure-has-popup[open] > summary::before {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: block;
  cursor: default;
  content: ' ';
  background: transparent;
}

.disclosure-has-popup > summary::before {
  display: none;
}

.disclosure-has-popup[open] > summary + * {
  z-index: 100;
}

@media screen and (min-width: 750px) {
  .disclosure-has-popup[open] > summary + * {
    z-index: 4;
  }

  .facets .disclosure-has-popup[open] > summary + * {
    z-index: 11;
  }
}
.icon-arrow {
  width: 0.938rem;
}
.select .icon-caret,
.customer select + svg {
    height: 0.375rem;
    pointer-events: none;
    position: absolute;
    top: calc(50% - 0.125rem);
    right: calc(var(--inputs-border-width) + 0.9375rem);
}

.nbadge {
    border: 1px solid transparent;
    border-radius: var(--badge-corner-radius);
    display: inline-block;
    font-size: 0.75rem;
    letter-spacing: 0.0625rem;
    line-height: 1;
    padding: 0.3125rem 0.8125rem 0.375rem;
    text-align: center;
    background-color: rgb(var(--color-badge-background));
    border-color: rgba(var(--color-badge-border), var(--alpha-badge-border));
    color: rgb(var(--color-foreground));
    word-break: break-word;
        vertical-align: middle;

}
 .price-new {
line-height: calc(1 + 0.5 / var(--font-body-scale));
letter-spacing: 0.08125rem;
 
    font-size: 1rem;
    line-height: calc(1 + 0.5 / var(--font-body-scale));
    letter-spacing: 0.08125rem;
}
@media screen and (min-width: 750px) {
    .price-new {
        font-size: 1.125rem;
    }
      .price--on-sale .price-old {
        font-size: 1rem;
    }
}






@media screen and (min-width: 750px) {
    .product-gallery-dawn  {
        display: block;
        position: sticky;
        top: 3rem;
        z-index: 2;
    }

    .product__info-wrapper--extra-padding {
        padding-left: 5rem;
    }
}

/* Dawn Theme Product Gallery Styles */
	.product-gallery-dawn {
		max-width: 100%;
	}

	.main-image-container {
		width: 100%;
		position: relative;
		overflow: hidden;
		background: #f9f9f9;
		    border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
    border-radius: var(--media-radius);
	}

	.main-image-link {
		display: block;
		width: 100%;
	}

	.main-product-image {
		width: 100%;
		height: auto;
		display: block;
		object-fit: cover;
		border-radius: 8px;
	}

	.thumbnail-gallery {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-top: 15px;
	}

	/* Hide original gallery when showing variant gallery */
	.thumbnail-gallery[data-variant-gallery="true"] ~ .thumbnail-gallery[data-original-gallery="true"] {
		display: none !important;
	}

	.thumbnail-item {
		position: relative;
		width: calc(20% - 8px);
		min-width: 80px;
		aspect-ratio: 1;
		overflow: hidden;
		border: 2px solid #ddd;
		border-radius: 6px;
		cursor: pointer;
		transition: all 0.3s ease;
		background: #fff;
	}

	.thumbnail-item:hover {
		border-color: #333;
		transform: scale(1.05);
	}

	.thumbnail-item.active {
		border-color: #333;
		box-shadow: 0 0 0 1px #333;
	}

	.thumbnail-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.video-thumbnail {
		position: relative;
	}

	.video-play-icon {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 30px;
		color: white;
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
		pointer-events: none;
		z-index: 1;
	}

	.video-thumbnail::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.3);
		border-radius: 6px;
		pointer-events: none;
	}
	.video-container {
		max-width: 100%;
		background: #000;
		padding: 20px;
	}
	.video-container iframe {
		width: 100%;
		min-height: 480px;
	}
  .product__media img {
    object-fit: contain !important;
}
  .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%;
}
@media screen and (min-width: 750px) {
  .product--thumbnail .product__media-gallery,
  .product--thumbnail_slider .product__media-gallery,
  .product--stacked .product__info-container--sticky {
    display: block;
    position: sticky;
    top: 1.875rem;
    z-index: 2;
  }

  .product--thumbnail .thumbnail-list {
    padding-right: var(--media-shadow-horizontal-offset);
  }

  .product__info-wrapper {
    padding-left: 3.125rem;
  }

  .product__info-wrapper--extra-padding {
    padding-left: 5rem;
  }

  .product__media-container .slider-buttons {
    display: none;
  }
}


.product--no-media {
  max-width: 35.625rem;
  margin: 0 auto;
}

.product__media-wrapper {
  padding-left: 0;
}

.product__info-wrapper {
  padding-left: 0;
  padding-bottom: 0;
}

@media screen and (min-width: 750px) {
  .product--thumbnail .product__media-gallery,
  .product--thumbnail_slider .product__media-gallery,
  .product--stacked .product__info-container--sticky {
    display: block;
    position: sticky;
    top: 1.875rem;
    z-index: 2;
  }

  .product--thumbnail .thumbnail-list {
    padding-right: var(--media-shadow-horizontal-offset);
  }

  .product__info-wrapper {
    padding-left: 3.125rem;
  }

  .product__info-wrapper--extra-padding {
    padding-left: 5rem;
  }

  .product__media-container .slider-buttons {
    display: none;
  }
}

@media screen and (min-width: 990px) {
  .product--large:not(.product--no-media) .product__media-wrapper {
    max-width: 65%;
    width: calc(65% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product--large:not(.product--no-media) .product__info-wrapper {
    padding-left: 2.5rem;
    max-width: 35%;
    width: calc(35% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product--medium:not(.product--no-media) .product__media-wrapper,
  .product--small:not(.product--no-media) .product__info-wrapper {
    max-width: 55%;
    width: calc(55% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product--medium:not(.product--no-media) .product__info-wrapper,
  .product--small:not(.product--no-media) .product__media-wrapper {
    max-width: 45%;
    width: calc(45% - var(--grid-desktop-horizontal-spacing) / 2);
  }
}

/* Dynamic checkout */

.shopify-payment-button__button {
  font-family: inherit;
  min-height: 2.875rem;
}

.shopify-payment-button__button [role="button"].focused,
.no-js .shopify-payment-button__button [role="button"]:focus {
  outline: .1.25rem solid rgba(var(--color-foreground),.5) !important;
  outline-offset: 0.1875rem;
  box-shadow: 0 0 0 .0.625rem rgba(var(--color-button),var(--alpha-button-border)),0 0 0 .1.875rem rgb(var(--color-background)),0 0 .3.125rem .2.5rem rgba(var(--color-foreground),.3) !important;
}

.shopify-payment-button__button [role="button"]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none !important;
}

.shopify-payment-button__button [role="button"]:focus-visible {
  outline: .1.25rem solid rgba(var(--color-foreground),.5) !important;
  box-shadow: 0 0 0 .0.625rem rgba(var(--color-button),var(--alpha-button-border)),0 0 0 .1.875rem rgb(var(--color-background)),0 0 .3.125rem .2.5rem rgba(var(--color-foreground),.3) !important;
}

.shopify-payment-button__button--unbranded {
  background-color: rgba(var(--color-button), var(--alpha-button-background));
  color: rgb(var(--color-button-text));
  font-size: 0.875rem;
  line-height: calc(1 + 0.2 / var(--font-body-scale));
  letter-spacing: 0.0438rem;
}

.shopify-payment-button__button--unbranded::selection {
  background-color: rgba(var(--color-button-text), 0.3);
}

.shopify-payment-button__button--unbranded:hover,
.shopify-payment-button__button--unbranded:hover:not([disabled]) {
  background-color: rgba(var(--color-button), var(--alpha-button-background));
}

.shopify-payment-button__more-options {
  margin: 1rem 0 0.625rem;
  font-size: 0.75rem;
  line-height: calc(1 + 0.5 / var(--font-body-scale));
  letter-spacing: 0.0312rem;
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}

.shopify-payment-button__button + .shopify-payment-button__button--hidden {
  display: none;
}

/* Product form */

.product-form {
  display: block;
}

.product-form__error-message-wrapper:not([hidden]) {
  display: flex;
  align-items: flex-start;
  font-size: 0.75rem;
  margin-bottom: 0.9375rem;
}

.product-form__error-message-wrapper svg {
  flex-shrink: 0;
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 0.4375rem;
  margin-top: 0.3125rem;
}

/* Form Elements */
.product-form__input {
  flex: 0 0 100%;
  padding: 0;
  margin: 0 0 0.75rem 0;
  max-width: 23.125rem;
  min-width: fit-content;
  border: none;
}

variant-radios,
variant-selects {
  display: block;
}

.product-form__input--dropdown {
  margin-bottom: 1rem;
}

.product-form__input .form__label {
  padding-left: 0;
}

fieldset.product-form__input .form__label {
  margin-bottom: 0.125rem;
}

.product-form__input input[type='radio'] {
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.product-form__input input[type='radio'] + label {
  border: var(--variant-pills-border-width) solid rgba(var(--color-foreground), var(--variant-pills-border-opacity));
  background-color: rgb(var(--color-background));
  color: rgba(var(--color-foreground));
  border-radius: var(--variant-pills-radius);
  color: rgb(var(--color-foreground));
  display: inline-block;
  margin: 0.4375rem 0.3125rem 0.125rem 0;
  padding: 0.625rem 1.25rem;
  font-size: 0.875rem;
  letter-spacing: 0.0625rem;
  line-height: 1;
  text-align: center;
  transition: border var(--duration-short) ease;
  cursor: pointer;
  position: relative;
}

.product-form__input input[type='radio'] + label:before {
  content: '';
  position: absolute;
  top: calc(var(--variant-pills-border-width) * -1);
  right: calc(var(--variant-pills-border-width) * -1);
  bottom: calc(var(--variant-pills-border-width) * -1);
  left: calc(var(--variant-pills-border-width) * -1);
  z-index: -1;
  border-radius: var(--variant-pills-radius);
  box-shadow: var(--variant-pills-shadow-horizontal-offset) var(--variant-pills-shadow-vertical-offset) var(--variant-pills-shadow-blur-radius) rgba(var(--color-shadow), var(--variant-pills-shadow-opacity));
}

.product-form__input input[type='radio'] + label:hover {
  border-color: rgb(var(--color-foreground));
}

.product-form__input input[type='radio']:checked + label {
  background-color: rgb(var(--color-foreground));
  color: rgb(var(--color-background));
}

@media screen and (forced-colors: active) {
  .product-form__input input[type=radio]:checked + label {
    text-decoration: underline;
  }
}

.product-form__input input[type='radio']:checked + label::selection {
  background-color: rgba(var(--color-background), 0.3);
}

.product-form__input input[type='radio']:disabled + label {
  border-color: rgba(var(--color-foreground), 0.1);
  color: rgba(var(--color-foreground), 0.4);
  text-decoration: line-through;
}
.product-form__input input[type='radio']:focus-visible + label {
  box-shadow: 0 0 0 0.1875rem rgb(var(--color-background)),
    0 0 0 0.3125rem rgba(var(--color-foreground), 0.55);
}

/* Fallback */
.product-form__input input[type='radio'].focused + label,
.no-js .shopify-payment-button__button [role="button"]:focus + label {
  box-shadow: 0 0 0 0.1875rem rgb(var(--color-background)),
    0 0 0 0.3125rem rgba(var(--color-foreground), 0.55);
}

/* No outline when focus-visible is available in the browser */
.no-js .product-form__input input[type='radio']:focus:not(:focus-visible) + label {
  box-shadow: none;
}

.product-form__input .select {
  max-width: 15.625rem;
}

.product-form__submit {
  margin-bottom: 0.625rem;
}

.no-js .product-form__submit.button--secondary {
  --color-button: var(--color-base-accent-1);
  --color-button-text: var(--color-base-solid-button-labels);
  --alpha-button-background: 1;
}

.product-form__submit[aria-disabled="true"] + .shopify-payment-button .shopify-payment-button__button[disabled],
.product-form__submit[disabled] + .shopify-payment-button .shopify-payment-button__button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}

@media screen and (forced-colors: active) {
  .product-form__submit[aria-disabled="true"] {
    color: Window;
  }
}

/* Overrides */
.shopify-payment-button__more-options {
  color: rgb(var(--color-foreground));
}

.shopify-payment-button__button {
  font-size: 0.9375rem;
  letter-spacing: 0.0625rem;
}

/* Product info */

.product__info-container > * + * {
  margin: 0.9375rem 0;
}

.product__info-container .product-form,
.product__info-container .product__description {
  margin: 1.5625rem 0;
}

.product__text {
  margin-bottom: 0;
}

a.product__text {
  display: block;
  text-decoration: none;
  color: rgba(var(--color-foreground), 0.75);
}

.product__text.caption-with-letter-spacing {
  text-transform: uppercase;
}

.product__title {
  word-break: break-word;
  margin-bottom: 0.9375rem;
}

.product__title > * {
  margin: 0;
}

.product__title > a {
  display: none;
}

.product__title + .product__text.caption-with-letter-spacing {
  margin-top: -0.9375rem;
}

.product__text.caption-with-letter-spacing + .product__title {
  margin-top: 0;
}

.product__accordion .accordion__content {
  padding: 0 0.625rem;
}

.product .price .badge {
  margin-bottom: 0.3125rem;
}

.product .price__container {
  margin-bottom: 0.3125rem;
}

.product .price dl {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
}

.product .price--sold-out .price__badge-sold-out {
  background: transparent;
  color: rgb(var(--color-base-text));
  border-color: transparent;
}

.product .price--sold-out .price__badge-sale {
  display: none;
}

@media screen and (min-width: 750px) {
  .product__info-container {
    max-width: 37.5rem;
  }

  .product__info-container .price--on-sale .price-item--regular {
    font-size: 1rem;
  }

  .product__info-container > *:first-child {
    margin-top: 0;
  }
}

.product__description-title {
  font-weight: 600;
}

.product--no-media .product__title,
.product--no-media .product__text,
.product--no-media noscript .product-form__input,
.product--no-media .product__tax,
.product--no-media shopify-payment-terms {
  text-align: center;
}

.product--no-media .product__media-wrapper {
  padding: 0;
}

.product__tax {
  margin-top: -0.875rem;
}

.product--no-media noscript .product-form__input,
.product--no-media .share-button {
  max-width: 100%;
}

.product--no-media fieldset.product-form__input,
.product--no-media .product-form__quantity,
.product--no-media .product-form__input--dropdown,
.product--no-media .share-button,
.product--no-media .product__view-details,
.product--no-media .product__pickup-availabilities,
.product--no-media .product-form {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.product--no-media .product-form {
  flex-direction: column;
}

.product--no-media .product-form > .form {
  max-width: 18.75rem;
  width: 100%;
}

.product--no-media .product-form__quantity,
.product--no-media .product-form__input--dropdown {
  flex-direction: column;
  max-width: 100%;
}

.product-form__quantity .form__label {
  margin-bottom: 0.375rem;
}

.product-form__quantity-top .form__label {
  margin-bottom: 0.75rem;
}


.product--no-media fieldset.product-form__input {
  flex-wrap: wrap;
  margin: 0 auto 0.75rem auto;
}

.product-form__buttons {
  max-width: 27.5rem;
}

.product--no-media .product__info-container > modal-opener {
  display: block;
  text-align: center;
}

.product--no-media .product-popup-modal__button {
  padding-right: 0;
}

.product--no-media .price {
  text-align: center;
}

.product--no-media .product__info-wrapper {
  padding-left: 0;
}

/* Product media */
.product__media-list video {
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

@media screen and (max-width: 749px) {
  .product__media-list {
    margin-left: -1.5625rem;
    margin-bottom: 1.875rem;
    width: calc(100% + 2.5rem);
  }

  .product__media-wrapper slider-component:not(.thumbnail-slider--no-slide) {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }

  .slider.product__media-list::-webkit-scrollbar {
    height: 0.125rem;
    width: 0.125rem;
  }

  .product__media-list::-webkit-scrollbar-thumb {
    background-color: rgb(var(--color-foreground));
  }

  .product__media-list::-webkit-scrollbar-track {
    background-color: rgba(var(--color-foreground), 0.2);
  }

  .product__media-list .product__media-item {
    width: calc(100% - 1.875rem - var(--grid-mobile-horizontal-spacing));
  }
}

@media screen and (min-width: 750px) {
  .product--thumbnail .product__media-list,
  .product--thumbnail_slider .product__media-list {
    padding-bottom: calc(var(--media-shadow-vertical-offset) * var(--media-shadow-visible));
  }

  .product__media-list {
    padding-right: calc(var(--media-shadow-horizontal-offset) * var(--media-shadow-visible));
  }

  .product--thumbnail .product__media-item:not(.is-active),
  .product--thumbnail_slider .product__media-item:not(.is-active) {
    display: none;
  }

  .product-media-modal__content > .product__media-item--variant.product__media-item--variant {
    display: none;
  }

  .product-media-modal__content > .product__media-item--variant:first-child {
    display: block;
  }
}

.product__media-item.product__media-item--variant {
  display: none;
}

.product__media-item--variant:first-child {
  display: block;
}

@media screen and (max-width: 749px) {
  .product__media-item--variant:first-child {
    padding-right: 0.9375rem;
  }
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .product__media-list .product__media-item:first-child {
    padding-left: 0;
  }

  .product--thumbnail_slider .product__media-list {
    margin-left: 0;
  }

  
}
.product__media-list .product__media-item {
    width: 100%;
  }
.product__media-icon .icon {
  width: 0.75rem;
  height: 0.875rem;
}

.product__media-icon,
.thumbnail__badge {
  background-color: rgb(var(--color-background));
  border-radius: 50%;
  border: 0.0625rem solid rgba(var(--color-foreground), 0.1);
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.875rem;
  width: 1.875rem;
  position: absolute;
  left: calc( 0.25rem + var(--media-border-width));
  top: calc(0.25rem + var(--media-border-width));
  z-index: 1;
  transition: color var(--duration-short) ease,
    opacity var(--duration-short) ease;
}

.product__media-video .product__media-icon {
  opacity: 1;
}

.product__modal-opener--image .product__media-toggle:hover {
  cursor: zoom-in;
}

.product__modal-opener:hover .product__media-icon {
  border: 0.0625rem solid rgba(var(--color-foreground), 0.1);
}

@media screen and (min-width: 750px) {
  .grid__item.product__media-item--full {
    width: 100%;
  }
}

@media screen and (min-width: 990px) {
  .product--stacked .product__media-item {
    max-width: calc(50% - var(--grid-desktop-horizontal-spacing) / 2);
  }

  .product__media-list .product__media-item:first-child,
  .product__media-list .product__media-item--full {
    width: 100%;
    max-width: 100%;
  }

  .product__modal-opener .product__media-icon {
    opacity: 0;
  }

  .product__modal-opener:hover .product__media-icon,
  .product__modal-opener:focus .product__media-icon {
    opacity: 1;
  }
}

.product__media-item > * {
  display: block;
  position: relative;
}

.product__media-toggle {
  display: flex;
  border: none;
  background-color: transparent;
  color: currentColor;
  padding: 0;
}

.product__media-toggle::after {
  content: '';
  cursor: pointer;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  width: 100%;
}

.product__media-toggle:focus-visible {
  outline: 0;
  box-shadow: none;
}

.product__media-toggle.focused {
  outline: 0;
  box-shadow: none;
}

.product__media-toggle:focus-visible:after {
  box-shadow: 0 0 0 0.1875rem rgb(var(--color-background)), 0 0 0rem 0.3125rem rgba(var(--color-foreground), 0.5);
  border-radius: var(--media-radius);
}

.product__media-toggle.focused:after {
  box-shadow: 0 0 0 0.1875rem rgb(var(--color-background)), 0 0 0rem 0.3125rem rgba(var(--color-foreground), 0.5);
  border-radius: var(--media-radius);
}

.product-media-modal {
  background-color: rgb(var(--color-background));
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
}

.product-media-modal[open] {
  visibility: visible;
  opacity: 1;
  z-index: 101;
}
#product-info{overflow: hidden;}
product-modal iframe{width: 100vw!important;}
.product-media-modal__dialog {
  display: flex;
  align-items: center;
  height: 100%;
}

.product-media-modal__content {
  max-height: 100%;
  width: 100%;
  overflow: auto;
}

.product-media-modal__content > *:not(.active),
.product__media-list .deferred-media {
  display: none;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    padding-bottom: 1.25rem;
  }

  .product-media-modal__content > *:not(.active) {
    display: block;
  }

  .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product__media-list .deferred-media {
    display: block;
  }
}

@media screen and (max-width: 749px) {
  .product--thumbnail .is-active > .product__modal-opener:not(.product__modal-opener--image),
  .product--thumbnail_slider .is-active > .product__modal-opener:not(.product__modal-opener--image) {
    display: none;
  }

  .product--thumbnail .is-active .deferred-media,
  .product--thumbnail_slider .is-active .deferred-media {
    display: block;
    width: 100%;
  }
}

.product-media-modal__content > * {
  display: block;
  height: auto;
  margin: auto;
}

.product-media-modal__content .media {
  background: none;
}

.product-media-modal__model {
  width: 100%;
}

.product-media-modal__toggle {
  background-color: rgb(var(--color-background));
  border: 0.0625rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  right: 1.25rem;
  padding: 0.75rem;
  position: fixed;
  z-index: 2;
  top: 1.25rem;
  width: 2.5rem;
}

.product-media-modal__content .deferred-media {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .product-media-modal__content {
    padding: 1.25rem 6.875rem;
  }

  .product-media-modal__content > * {
    width: 100%;
  }

  .product-media-modal__content > * + * {
    margin-top: 1.25rem;
  }

  .product-media-modal__toggle {
    right: 3.125rem;
    top: 1.375rem;
  }
}

@media screen and (min-width: 990px) {
  .product-media-modal__content {
    padding: 1.25rem 6.875rem;
  }

  .product-media-modal__content > * + * {
    margin-top: 0.9375rem;
  }

  .product-media-modal__content {
    padding-bottom: 0.9375rem;
  }

  .product-media-modal__toggle {
    right: 3.125rem;
  }
}

.product-media-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.product-media-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 1.375rem;
}

/* Product popup */

.product-popup-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  background: rgba(var(--color-foreground), 0.2);
  height: 100%;
}

.product-popup-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
}

.product-popup-modal__content {
  border-radius: var(--popup-corner-radius);
  background-color: rgb(var(--color-background));
  overflow: auto;
  height: 80%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 3.125rem;
  width: 92%;
  position: absolute;
  top: 0;
  padding: 0 0.9375rem 0 1.875rem;
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.product-popup-modal__content.focused {
  box-shadow: 0 0 0 0.1875rem rgb(var(--color-background)),
  0 0 0.3125rem 0.25rem rgba(var(--color-foreground), 0.3),
  var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

.product-popup-modal__content:focus-visible{
  box-shadow: 0 0 0 0.1875rem rgb(var(--color-background)),
  0 0 0.3125rem 0.25rem rgba(var(--color-foreground), 0.3),
  var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}

@media screen and (min-width: 750px) {
  .product-popup-modal__content {
    padding-right: 0.9375rem;
    margin-top: 6.25rem;
    width: 70%;
    padding: 0 1.875rem;
  }

  .product-media-modal__dialog .global-media-settings--no-shadow {
    overflow: visible !important;
  }
}

.product-popup-modal__content img {
  max-width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content table {
    display: block;
    max-width: fit-content;
    overflow-x: auto;
    white-space: nowrap;
    margin: 0;
  }

  .product-media-modal__dialog .global-media-settings,
  .product-media-modal__dialog .global-media-settings video,
  .product-media-modal__dialog .global-media-settings model-viewer,
  .product-media-modal__dialog .global-media-settings iframe,
  .product-media-modal__dialog .global-media-settings img {
    border: none;
    border-radius: 0;
  }
}

.product-popup-modal__opener {
  display: inline-block;
}

.product-popup-modal__button {
  font-size: 1rem;
  padding-right: 0.8125rem;
  padding-left: 0;
  height: 2.75rem;
  text-underline-offset: 0.1875rem;
  text-decoration-thickness: 0.0625rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}

.product-popup-modal__button:hover {
  text-decoration-thickness: 0.125rem;
}

.product-popup-modal__content-info {
  padding-right: 2.75rem;
}

.product-popup-modal__content-info > * {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

@media screen and (max-width: 749px) {
  .product-popup-modal__content-info > * {
    max-height: 100%;
  }
}
.grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    padding: 0;
    list-style: none;
    column-gap: var(--grid-mobile-horizontal-spacing);
    row-gap: var(--grid-mobile-vertical-spacing);
}
@media screen and (max-width: 749px) {
    .grid--peek.slider .grid__item:first-of-type {
        margin-left:0.938rem;
    }
  
}
.product-popup-modal__toggle {
  background-color: rgb(var(--color-background));
  border: 0.0625rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgba(var(--color-foreground), 0.55);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: sticky;
  padding: 0.75rem;
  z-index: 2;
  top: 0.9375rem;
  width: 2.5rem;
  margin: 0 0 0 auto;
}

.product-popup-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}

.product-popup-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 1.375rem;
}

.product__media-list .media > * {
  overflow: hidden;
}

.thumbnail-list {
  flex-wrap: wrap;
  grid-gap: 0.625rem;
}

@media screen and (min-width: 750px) {
  .product--stacked .thumbnail-list {
    display: none;
  }

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

.thumbnail-list_item--variant:not(:first-child) {
  display: none;
}

@media screen and (min-width: 990px) {
  .thumbnail-list {
    grid-template-columns: repeat(4, 1fr);
  }

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

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

@media screen and (max-width: 749px) {
  .product__media-item {
    display: flex;
    align-items: center;
  }

  .product__modal-opener {
    width: 100%;
  }

  .thumbnail-slider {
    display: flex;
    align-items: center;
  }

  .thumbnail-slider .thumbnail-list.slider {
    display: flex;
    padding: 0.3125rem;
    flex: 1;
    scroll-padding-left: 0.3125rem;
  }

  .thumbnail-list__item.slider__slide {
    width: calc(33% - 0.375rem);
  }
}

@media screen and (min-width: 750px) {
  .product--thumbnail_slider .thumbnail-slider {
    display: flex;
    align-items: center;
  }

  .thumbnail-slider .thumbnail-list.slider--tablet-up {
    display: flex;
    padding: 0.3125rem;
    flex: 1;
    scroll-padding-left: 0.3125rem;
  }

  .product__media-wrapper .slider-mobile-gutter .slider-button {
    display: none;
  }

  .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: calc(25% - 0.5rem);
  }

  .product--thumbnail_slider .slider-mobile-gutter .slider-button {
    display: flex;
  }
}

@media screen and (min-width: 900px) {
  .product--small .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: calc(25% - 0.5rem);
  }

  .thumbnail-list.slider--tablet-up .thumbnail-list__item.slider__slide {
    width: calc(20% - 0.5rem);
  }
}
.global-media-settings {
    position: relative;
    border: var(--media-border-width) solid rgba(var(--color-foreground), var(--media-border-opacity));
    border-radius: var(--media-radius);
    overflow: visible !important;
    background-color: rgb(var(--color-background));
}
.thumbnail {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  color: rgb(var(--color-base-text));
  cursor: pointer;
  background-color: transparent;
}

.thumbnail:hover {
  opacity: 0.7;
}

.thumbnail.global-media-settings img {
  border-radius: 0;
}

.thumbnail[aria-current] {
  box-shadow: 0 0 0rem 0.0625rem rgb(var(--color-foreground));
  border-color: rgb(var(--color-foreground));
}

.thumbnail[aria-current]:focus-visible {
  box-shadow: 0 0 0 0.1875rem rgb(var(--color-background)),0 0 0rem 0.3125rem rgba(var(--color-foreground), 0.5);
}

.thumbnail[aria-current]:focus,
.thumbnail.focused {
  outline: 0;
  box-shadow: 0 0 0 0.1875rem rgb(var(--color-background)),0 0 0rem 0.3125rem rgba(var(--color-foreground), 0.5);
}

.thumbnail[aria-current]:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: 0 0 0 0.0625rem rgb(var(--color-foreground));
}

.thumbnail img {
  pointer-events: none;
}

.thumbnail--narrow img {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}

.thumbnail--wide img {
  height: auto;
  width: 100%;
}

.thumbnail__badge .icon {
  width: 0.625rem;
  height: 0.625rem;
}

.thumbnail__badge .icon-3d-model {
  width: 0.75rem;
  height: 0.75rem;
}

.thumbnail__badge {
  color: rgb(var(--color-foreground), 0.6);
  height: 1.25rem;
  width: 1.25rem;
  left: auto;
  right: calc(0.25rem + var(--media-border-width));
  top: calc(0.25rem + var(--media-border-width));
}

@media screen and (min-width: 750px) {
  .product:not(.product--small) .thumbnail__badge {
    height: 1.875rem;
    width: 1.875rem;
  }

  .product:not(.product--small) .thumbnail__badge .icon {
    width: 0.75rem;
    height: 0.75rem;
  }

  .product:not(.product--small) .thumbnail__badge .icon-3d-model {
    width: 0.875rem;
    height: 0.875rem;
  }
}

.thumbnail-list__item {
  position: relative;
}

.thumbnail-list__item::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.product:not(.featured-product) .product__view-details {
  display: none;
}

.product__view-details {
  display: block;
  text-decoration: none;
}

.product__view-details:hover {
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}

.product__view-details .icon {
  width: 0.75rem;
  margin-left: 0.75rem;
  flex-shrink: 0;
}
slider-component {
  --desktop-margin-left-first-item: max(5rem, calc((100vw - var(--page-width) + 10rem - var(--grid-desktop-horizontal-spacing)) / 2));
  position: relative;
  display: block;
}

slider-component.slider-component-full-width {
  --desktop-margin-left-first-item: 1.5rem;
}

@media screen and (max-width: 749px) {
  slider-component.page-width {
    padding: 0 1.5rem;
  }
}

@media screen and (min-width: 749px) and (max-width: 990px) {
  slider-component.page-width {
    padding: 0 5rem;
  }
}

@media screen and (max-width: 989px) {
  .no-js slider-component .slider {
    padding-bottom: 3rem;
  }
}

.slider__slide {
  --focus-outline-padding: 0.5rem;
  --shadow-padding-top: calc((var(--shadow-vertical-offset) * -1 + var(--shadow-blur-radius)) * var(--shadow-visible));
  --shadow-padding-bottom: calc((var(--shadow-vertical-offset) + var(--shadow-blur-radius)) * var(--shadow-visible));
  scroll-snap-align: start;
  flex-shrink: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 749px) {
  .slider.slider--mobile {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1.5rem;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
  }

  .slider.slider--mobile .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  }

  .slider.slider--mobile.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--mobile.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

@media screen and (min-width: 750px) {
  .slider.slider--tablet-up {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1rem;
    -webkit-overflow-scrolling: touch;
  }

  .slider.slider--tablet-up .slider__slide {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 989px) {
  .slider.slider--tablet {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    scroll-padding-left: 1.5rem;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
  }

  .slider.slider--tablet .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  }

  .slider.slider--tablet.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--tablet.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

.slider--everywhere {
  position: relative;
  flex-wrap: inherit;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem;
}

.slider.slider--everywhere .slider__slide {
  margin-bottom: 0;
  scroll-snap-align: center;
}

@media screen and (min-width: 990px) {
  .slider-component-desktop.page-width {
    max-width: none;
  }

  .slider--desktop {
    position: relative;
    flex-wrap: inherit;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 1rem;
    scroll-padding-left: var(--desktop-margin-left-first-item);
  }

  .slider.slider--desktop .slider__slide {
    margin-bottom: 0;
    padding-top: max(var(--focus-outline-padding), var(--shadow-padding-top));
    padding-bottom: max(var(--focus-outline-padding), var(--shadow-padding-bottom));
  }

  .slider--desktop .slider__slide:first-child {
    margin-left: var(--desktop-margin-left-first-item);
    scroll-margin-left: var(--desktop-margin-left-first-item);
  }

  .slider.slider--desktop .slider__slide:last-child {
    margin-right: 5rem;
  }

  .slider-component-full-width .slider--desktop {
    scroll-padding-left: 1.5rem;
  }

  .slider-component-full-width .slider--desktop .slider__slide:first-child {
    margin-left: 1.5rem;
    scroll-margin-left: 1.5rem;
  }

  .slider-component-full-width .slider--desktop .slider__slide:last-child {
    margin-right: 1.5rem;
  }

  .slider--desktop.grid--5-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 5 - var(--grid-desktop-horizontal-spacing) * 2);
  }

  .slider--desktop.grid--4-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 4 - var(--grid-desktop-horizontal-spacing) * 3);
  }

  .slider--desktop.grid--3-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 3 - var(--grid-desktop-horizontal-spacing) * 4);
  }

  .slider--desktop.grid--2-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) / 2 - var(--grid-desktop-horizontal-spacing) * 5);
  }

  .slider--desktop.grid--1-col-desktop .grid__item {
    width: calc( (100% - var(--desktop-margin-left-first-item)) - var(--grid-desktop-horizontal-spacing) * 9);
  }

  .slider.slider--desktop.contains-card--standard .slider__slide:not(.collection-list__item--no-media) {
    padding-bottom: var(--focus-outline-padding);
  }

  .slider.slider--desktop.contains-content-container .slider__slide {
    --focus-outline-padding: 0rem;
  }
}

@media (prefers-reduced-motion) {
  .slider {
    scroll-behavior: auto;
  }
}

/* Scrollbar */

.slider {
  scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), 0.04);
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.slider::-webkit-scrollbar {
  height: 0.4rem;
  width: 0.4rem;
  display: none;
}

.no-js .slider {
  -ms-overflow-style: auto;
  scrollbar-width: auto;
}

.no-js .slider::-webkit-scrollbar {
  display: initial;
}

.slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground));
  border-radius: 0.4rem;
  border: 0;
}

.slider::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), 0.04);
  border-radius: 0.4rem;
}

.slider-counter {
  display: flex;
  justify-content: center;
  min-width: 4.4rem;
}

@media screen and (min-width: 750px) {
  .slider-counter--dots {
    margin: 0 1.2rem;
  }
}

.slider-counter__link {
  padding: 1rem;
}

@media screen and (max-width: 749px) {
  .slider-counter__link {
    padding: 0.7rem;
  }
}

.slider-counter__link--dots .dot {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.1rem solid rgba(var(--color-foreground), 0.5);
  padding: 0;
  display: block;
}

.slider-counter__link--active.slider-counter__link--dots .dot {
  background-color: rgb(var(--color-foreground));
}

@media screen and (forced-colors: active) {
  .slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: CanvasText;
  }
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  border-color: rgb(var(--color-foreground));
}

.slider-counter__link--dots .dot,
.slider-counter__link--numbers {
  transition: transform 0.2s ease-in-out;
}

.slider-counter__link--active.slider-counter__link--numbers,
.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
.slider-counter__link--numbers:hover {
  transform: scale(1.1);
}

.slider-counter__link--numbers {
  color: rgba(var(--color-foreground), 0.5);
  text-decoration: none;
}

.slider-counter__link--numbers:hover {
  color: rgb(var(--color-foreground));
}

.slider-counter__link--active.slider-counter__link--numbers {
  text-decoration: underline;
  color: rgb(var(--color-foreground));
}

.slider-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (min-width: 990px) {
  .slider:not(.slider--everywhere):not(.slider--desktop) + .slider-buttons {
    display: none;
  }
}

@media screen and (max-width: 989px) {
  .slider--desktop:not(.slider--tablet) + .slider-buttons {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .slider--mobile + .slider-buttons {
    display: none;
  }
}

.slider-button {
  color: rgba(var(--color-foreground), 0.75);
  background: transparent;
  border: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.slider-button:not([disabled]):hover {
  color: rgb(var(--color-foreground));
}

.slider-button .icon {
  height: 0.375rem;
}

.slider-button[disabled] .icon {
  color: rgba(var(--color-foreground), 0.3);
  cursor: not-allowed;
}

.slider-button--next .icon {
  transform: rotate(-90deg);
}

.slider-button--prev .icon {
  transform: rotate(90deg);
}

.slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1);
}

.slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1);
}
.deferred-media__poster {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.media > .deferred-media__poster {
  display: flex;
  align-items: center;
  justify-content: center;
}

.deferred-media__poster img {
  width: auto;
  max-width: 100%;
  height: 100%;
}

.deferred-media {
  overflow: hidden;
}

.deferred-media:not([loaded]) template {
  z-index: -1;
}

.deferred-media[loaded] > .deferred-media__poster {
  display: none;
}

.deferred-media__poster:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + 0.1875rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + 0.3125rem) rgba(var(--color-foreground),.5);
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.deferred-media__poster:focus {
  outline: none;
  box-shadow: 0 0 0 var(--media-border-width) rgba(var(--color-foreground), var(--media-border-opacity)), 0 0 0 calc(var(--media-border-width) + 0.1875rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + 0.3125rem) rgba(var(--color-foreground),.5);
  border-radius: calc(var(--media-radius) - var(--media-border-width));
}

.deferred-media__poster:focus:not(:focus-visible) {
  outline: 0;
  box-shadow: none;
}

.deferred-media__poster-button {
  background-color: rgb(var(--color-background));
  border: 0.0625rem solid rgba(var(--color-foreground), 0.1);
  border-radius: 50%;
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.875rem;
  width: 3.875rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform var(--duration-short) ease, color var(--duration-short) ease;
  z-index: 1;
}

.deferred-media__poster-button:hover {
  transform: translate(-50%, -50%) scale(1.1);
}

.deferred-media__poster-button .icon {
  width: 1.25rem;
  height: 1.25rem;
}

.deferred-media__poster-button .icon-play {
  margin-left: 0.125rem;
}

.info_boxes .info_box{
    background: rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground), .04), rgba(var(--color-foreground), .04));
      padding: 1.563rem;
}
@media screen and (min-width: 750px) {
    .contact__fields {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 1.25rem;
    }
}


@media screen and (min-width: 750px) {
    .contact .field {
        margin-bottom: 1.25rem;
    }
}

@media screen and (min-width: 990px) {
    .page-width--narrow {
        max-width: 45.375rem;
        padding: 0;
        margin: auto;
    }

    .title-wrapper-with-link {
        margin: 3.125rem 0 1.875rem;
    }
}

@media only screen and (min-width: 750px) {
    h2, .h2 {
        font-size: calc(var(--font-heading-scale) * 1.5rem);
    }
}
@media screen and (max-width: 749px) {
  .articles-wrapper .article {
    width: 100%;
  }
}


.card-wrapper {
  color: inherit;
  height: 100%;
  position: relative;
  text-decoration: none;
}

.card_sf {
  text-align: var(--card-text-alignment);
  text-decoration: none;
}

.card_sf:not(.ratio) {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.card--card {
  height: 100%;
}

.card--card,
.card--standard .card__inner {
  border-radius: var(--card-corner-radius);
  border: var(--card-border-width) solid rgba(var(--color-foreground), var(--card-border-opacity));
  position: relative;
  box-sizing: border-box;
}

.card--card:after,
.card--standard .card__inner:after {
  content: '';
  position: absolute;
  width: calc(var(--card-border-width) * 2 + 100%);
  height: calc(var(--card-border-width) * 2 + 100%);
  top: calc(var(--card-border-width) * -1);
  left: calc(var(--card-border-width) * -1);
  z-index: -1;
  border-radius: var(--card-corner-radius);
  box-shadow: var(--card-shadow-horizontal-offset)
              var(--card-shadow-vertical-offset)
              var(--card-shadow-blur-radius)
              rgba(var(--color-shadow), var(--card-shadow-opacity));
}

.card_sf .card__inner .card__media {
  overflow: hidden;
  z-index: 0;
  border-radius: calc(
    var(--card-corner-radius)
    - var(--card-border-width)
    - var(--card-image-padding)
  );
}

.card--card .card__inner .card__media {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.card--standard.card--text {
  background-color: transparent;
}

.card-information {
  text-align: var(--card-text-alignment);
}

.card__media,
.card_sf .media {
  bottom: 0;
  position: absolute;
  top: 0;
}

.card_sf .media {
  width: 100%;
}

.card__media {
  margin: var(--card-image-padding);
  width: calc(100% - 2 * var(--card-image-padding));
}

.card--standard .card__media {
  margin: var(--card-image-padding);
}

.card__inner {
  width: 100%;
}

.card--media .card__inner .card__content {
  padding: calc(var(--card-image-padding) + 0.625rem);
  position: relative;
}

.card__content {
  display: grid;
  grid-template-rows: minmax(0,1fr) max-content minmax(0,1fr);
  padding: 0.625rem;
  width: 100%;
  flex-grow: 1;
}

.card__content--auto-margins {
  grid-template-rows: minmax(0,auto) max-content minmax(0,auto);
}

.card__information {
  grid-row-start: 2;
  padding: 0.8125rem 0.625rem;
}

.card_sf:not(.ratio) > .card__content {
  grid-template-rows: max-content minmax(0,1fr) max-content auto;
}

@media screen and (min-width: 750px) {
  .card__information {
    padding-bottom: 1.0625rem;
    padding-top: 1.0625rem;
  }
}

.card__badge {
  align-self: flex-end;
  grid-row-start: 3;
  justify-self: flex-start;
}

.card__badge.top {
  align-self: flex-start;
  grid-row-start: 1;
}

.card__badge.right {
  justify-self: flex-end;
}

.card_sf > .card__content > .card__badge {
  margin: 0.8125rem;
}

.card__media .media img {
  height: 100%;
  object-fit: cover;
  object-position: center center;
  width: 100%;
}

.card__inner:not(.ratio) > .card__content {
  height: 100%;
}

.card__heading {
  margin-top: 0;
  margin-bottom: 0;
}

.card__heading:last-child {
  margin-bottom: 0;
}

.card--card.card--media > .card__content {
  margin-top: calc(0rem - var(--card-image-padding));
}

.card--standard.card--text a::after,
.card--card .card__heading a::after {
  bottom: calc(var(--card-border-width) * -1);
  left: calc(var(--card-border-width) * -1);
  right: calc(var(--card-border-width) * -1);
  top: calc(var(--card-border-width) * -1);
}

.card__heading a::after {
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.card__heading a:after {
  outline-offset: 0.1875rem;
}

.card__heading a:focus:after,
.card__heading a:focus-visible:after {
  box-shadow:
    0 0 0 0.1875rem rgb(var(--color-background)),
    0 0 0.3125rem 0.25rem rgba(var(--color-foreground), 0.3);
  outline: 0.125rem solid rgba(var(--color-foreground), 0.5);
}

.card__heading a:focus:not(:focus-visible):after {
  box-shadow: none;
  outline: 0;
}

.card__heading a:focus {
  box-shadow: none;
  outline: 0;
}

@media screen and (min-width: 990px) {
  .card_sf .media.media--hover-effect > img:only-child,
  .card-wrapper .media.media--hover-effect > img:only-child {
    transition: transform var(--duration-long) ease;
  }

  .card_sf:hover .media.media--hover-effect > img:first-child:only-child,
  .card-wrapper:hover .media.media--hover-effect > img:first-child:only-child {
    transform: scale(1.03);
  }

  .card-wrapper:hover
    .media.media--hover-effect
    > img:first-child:not(:only-child) {
    opacity: 0;
  }

  .card-wrapper:hover .media.media--hover-effect > img + img {
    opacity: 1;
    transition: transform var(--duration-long) ease;
    transform: scale(1.03);
  }

  .underline-links-hover:hover a {
    text-decoration: underline;
    text-underline-offset: 0.1875rem;
  }
}

.card--standard.card--media .card__inner .card__information,
.card--standard.card--text > .card__content .card__heading,
.card--standard > .card__content .card__badge,
.card--standard.card--text.article-card > .card__content .card__information,
.card--standard > .card__content .card__caption {
  display: none;
}

.card--standard > .card__content {
  padding: 0;
}

.card--standard > .card__content .card__information {
  padding-left: 0;
  padding-right: 0;
}

.card--card.card--media .card__inner .card__information,
.card--card.card--text .card__inner,
.card--card.card--media > .card__content .card__badge {
  display: none;
}

.card--extend-height {
  height: 100%;
}

.card--extend-height.card--standard.card--text,
.card--extend-height.card--media {
  display: flex;
  flex-direction: column;
}

.card--extend-height.card--standard.card--text .card__inner,
.card--extend-height.card--media .card__inner {
  flex-grow: 1;
}

.card_sf .icon-wrap {
  margin-left: 0.5rem;
  white-space: nowrap;
  transition: transform var(--duration-short) ease;
  overflow: hidden;
}

.card-information > * + * {
  margin-top: 0.3125rem;
}

.card-information {
  width: 100%;
}

.card-information > * {
  line-height: calc(1 + 0.4 / var(--font-body-scale));
  color: rgb(var(--color-foreground));
}

.card-information > .price {
  color: rgb(var(--color-foreground));
}

.card-information > .rating {
  margin-top: 0.25rem;
}

.card-information
  > *:not(.visually-hidden:first-child)
  + *:not(.rating) {
  margin-top: 0.4375rem;
}

.card-information .caption {
  letter-spacing: 0.04375rem;
}

.card-article-info {
  margin-top: 0.625rem;
}
.media {
    display: block;
    background-color: rgba(var(--color-foreground), .1);
    position: relative;
    overflow: hidden;
}

.card__inner.color-background-2.gradient.ratio img {
    object-fit: contain;
}

.article {
  display: flex;
  align-items: center;
}

.article.grid__item {
  padding: 0;
}

.grid--peek .article-card {
  box-sizing: border-box;
}

.article-card__image-wrapper > a {
  display: block;
}

.article-card__title {
  text-decoration: none;
  word-break: break-word;
}

.article-card__title a:after {
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}

.article-card__link.link {
  padding: 0;
}

.article-card__link {
  text-underline-offset: 0.1875rem;
}

.article-card .card__heading {
  margin-bottom: 0.375rem;
}

.blog-articles .article-card .card__information,
.blog__posts .article-card .card__information {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.article-card__info {
  padding-top: 0.25rem;
}

.article-card__footer {
  letter-spacing: 0.0625rem;
  font-size: 0.875rem;
}

.article-card__footer:not(:last-child) {
  margin-bottom: 0.625rem;
}

.article-card__footer:last-child {
  margin-top: auto;
}

.article-card__excerpt {
  width: 100%;
  margin-top: 0.75rem;
}

.article-card__link:not(:only-child) {
  margin-right: 1.875rem;
}

@media screen and (min-width: 990px) {
  .article-card__link:not(:only-child) {
    margin-right: 2.5rem;
  }
}

.article-card__image--small .ratio::before {
  padding-bottom: 6.875rem;
}

.article-card__image--medium .ratio::before {
  padding-bottom: 13.75rem;
}

.article-card__image--large .ratio::before {
  padding-bottom: 20.625rem;
}

@media screen and (min-width: 750px) {
  .article-card__image--small .ratio::before {
    padding-bottom: 8.9375rem;
  }

  .article-card__image--medium .ratio::before {
    padding-bottom: 13.6875rem;
  }

  .article-card__image--large .ratio::before {
    padding-bottom: 17.1875rem;
  }
}

@media screen and (min-width: 990px) {
  .article-card__image--small .ratio::before {
    padding-bottom: 11.0625rem;
  }

  .article-card__image--medium .ratio::before {
    padding-bottom: 19.1875rem;
  }

  .article-card__image--large .ratio::before {
    padding-bottom: 25.4375rem;
  }
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
  .articles-wrapper.grid {
    margin: 0 0 3.125rem 0;
  }

  @media screen and (min-width: 750px) {
    .articles-wrapper.grid {
      margin-bottom: 4.375rem;
    }
  }
}

.blog-articles {
  display: grid;
 grid-gap: 0.625rem; 
  column-gap: var(--grid-mobile-horizontal-spacing);
  row-gap: var(--grid-mobile-vertical-spacing);
}

.blog-articles .card-wrapper {
  width: 100%;
}

@media screen and (min-width: 750px) {
  .blog-articles {
    grid-template-columns: 1fr 1fr;
    column-gap: var(--grid-desktop-horizontal-spacing);
    row-gap: var(--grid-desktop-vertical-spacing); 
  }

  .blog-articles--collage > *:nth-child(3n + 1),
  .blog-articles--collage > *:nth-child(3n + 2):last-child {
    grid-column: span 2;
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .card_sf,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .card_sf {
    text-align: center;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--small .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--small .ratio::before {
    padding-bottom:  13.75rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--medium .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--medium .ratio::before {
    padding-bottom: 27.5rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--large .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--large .ratio::before {
    padding-bottom:41.25rem; 
  }
}

@media screen and (min-width: 990px) {
  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--small .ratio .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--small .ratio .ratio::before {
    padding-bottom:  17.1875rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--medium .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--medium .ratio::before {
    padding-bottom:34.375rem;
  }

  .blog-articles--collage > *:nth-child(3n + 1) .article-card__image--large .ratio::before,
  .blog-articles--collage > *:nth-child(3n + 2):last-child .article-card__image--large .ratio::before {
    padding-bottom:  51.5625rem;
  }
}
.rte-width {
  max-width: 51.25rem;
  margin: 0 auto 1.25rem;
}
.article-image{transform: scale(1.3);}
.loading-overlay {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
}

@media screen and (max-width: 749px) {
  .loading-overlay {
    top: 0;
    right: 0;
  }
}

@media screen and (min-width: 750px) {
  .loading-overlay {
    left: 0;
  }
}

.loading-overlay__spinner {
  width: 1.125rem;
  display: inline-block;
}

.spinner {
  animation: rotator 1.4s linear infinite;
}

@keyframes rotator {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(270deg);
  }
}

.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-foreground));
  animation: dash 1.4s ease-in-out infinite;
}

@media screen and (forced-colors: active) {
  .path{
    stroke: CanvasText;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 280;
  }
  50% {
    stroke-dashoffset: 75;
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 280;
    transform: rotate(450deg);
  }
}

.loading-overlay:not(.hidden) + .cart-item__price-wrapper,
.loading-overlay:not(.hidden) ~ cart-remove-button {
  opacity: 50%;
}

.loading-overlay:not(.hidden) ~ cart-remove-button {
  pointer-events: none;
  cursor: default;
}

/* Hidden class for spinner */
.hidden {
  display: none !important;
}

#information-information img{max-width: 100%;}

.title-wrapper-with-link {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}

.underlined-link, .customer a {
    color: rgba(var(--color-link), var(--alpha-link));
    text-underline-offset: 0.188rem;
    text-decoration-thickness: .0.063rem;
    transition: text-decoration-thickness ease .1s;
        text-decoration: underline;
}
.title-wrapper-with-link a {
    color: rgb(var(--color-link));
    margin-top: 0;
    flex-shrink: 0;
}
@media screen and (min-width: 990px) {
    .title-wrapper-with-link {
        align-items: center;
                margin: 3.125rem 0 1.875rem;
    }
}
.contact.page-width{margin-top: 60px;}

.qc-field[field_id="company"]{display: none!important;}