:root {
  --colorNavText:#3c3c3c;
  --colorTextBody:#3c3c3c;
  --primaryDark: #3C3C3C;
  --borderColor: #D0D0D0;
  --backgroundColor: #F6F6F6;
  --white: #fff;
  --mainHl: #d0d0d0;
  --fontPrimary: 'Work Sans', sans-serif;
  --fontSecondary: 'Satoshi', sans-serif;
}
/* TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: var(--fontPrimary);
  letter-spacing: 0px;
}


h1,
.h1 {
  font-size: 1.5rem;
}
h2,
.h2 {
  font-size: 1.375rem;
}
h3,
.h3 {
  font-size: 1.25rem;
}
h4,
.h4 {
  font-size: 1.125rem;
}
h5,
.h5 {
  font-size: 1rem;
}
h6,
.h6 {
  font-size: 0.875rem;
}

@media only screen and (min-width: 960px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
  h2,
  .h2 {
    font-size: 1.875rem;
  }
  h3,
  .h3 {
    font-size: 1.5rem;
  }
  h4,
  .h4 {
    font-size: 20px;
  }
  h5,
  .h5 {
    font-size: 1.25rem;
  }
  h6,
  .h6 {
    font-size: 0.875rem;
  }
}

select {
  background-position: right 14px center;
  background-size: 14px;
}
.main-content {
  position: relative;
}

/* MODAL */
.js-drawer-open .main-content:after {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #3c3c3c;
  opacity: 0;
  z-index: 31;
}

/* ANNOUNCEMENT BAR */
.announcement-bar {
  z-index: 31;
}
.announcement-bar .page-width {
  padding: 0;
}
.announcement-bar .announcement-text {
  font-size: 12px;
}

/* SITE HEADER */
.header-sticky-wrapper {
  z-index: auto;
  margin-top: -20px;
}
.cart-link__bubble--visible {
  line-height: .75em;
  padding: .3em .4em;
  text-align: center;
  font-size: 10px;
  min-width: 1.5em;
  font-weight: bold;
  border-radius: 999px;
  color: var(--white);
}
.site-header:not(.site-header--stuck) .site-header__logo {
  margin: 0;
}
.site-header {
  border-bottom: 2px solid var(--colorTextBody);
  padding: 0;
}
.header-item--logo {
  position: relative;
}
.header-layout[data-logo-align="center"] .header-item--logo {
  margin: 0 0 -20px;
}
.header-item--logo::before {
  background-color: var(--white);
  border-radius: 50%;
  border: 2px solid var(--colorTextBody);
  bottom: 0px;
  content: '';
  display: block;
  height: 100%;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100%;
}
.header-layout[data-logo-align="center"] .header-item--logo .site-header__logo {
  margin: 0;
  font-size: 0;
}
.site-header__logo a {
  display: inline-block;
  vertical-align: top;
  transform: scale(1);
  transition: all .3s ease-out;
}
.site-header__logo a:hover {
  transform: scale(1.04);
  transition: all .15s ease-in;
}
.header-layout[data-logo-align="center"] .site-header__logo svg {
  width: 116px;
  height: 116px;
  padding: 0 10px 10px;
}
.header-item--logo::after {
  background-color: var(--white);
  content: '';
  display: block;
  height: calc(100% - 20px);
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 1;
}
.header-item--logo-split .header-item:not(.header-item--logo) {
  margin-top: 10px;
}
.header-item--split-left {
  justify-content: flex-start;
}
.site-header .site-nav__link {
  font-size: 14px;
}
.header-item--split-right {
  justify-content: flex-end;
}
.site-header__search-container.is-active {
  z-index: 35;
}
.js-drawer-open--search .header-sticky-wrapper {
  z-index: auto;
}
.js-drawer-open:not(.js-drawer-open--search) .header-sticky-wrapper {
  z-index: 30;
}
.drawer {
  max-width: 480px;
  width: calc(100vw - 60px);
}
.drawer--left.drawer--is-open {
  top: 60px;
  z-index: 32;
}
.drawer__close {
  display: none;
}
#NavDrawer.drawer--is-open ~ [data-section-id="header"] {
  z-index: 99;
  position: relative;
}
.mobile-nav__link,
.mobile-nav__link--top-level,
.mobile-nav__faux-link {
  font-family: var(--fontPrimary);
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.56px;
  text-transform: uppercase;
}

.mobile-nav__link.final-level {
  font-family: var(--fontSecondary);
  font-weight: 400;
  text-transform: capitalize;
  font-size: 18px;
}

.mobile-nav__grandchildlist:before {
  content: none;
}
.collapsible-trigger__icon .icon {
  height: 36px;
  width: 36px;
}
.drawer__header {
  border-bottom: none;
}
.mobile-nav__item:after {
  content: none;
}
.mobile-nav__grandchildlist .mobile-nav__link {
  font-family: var(--fontSecondary);
  font-weight: 100;
  text-transform: capitalize;
}
.mobile-nav__sublist .mobile-nav__link {
  padding: 15px 20px;
}
.mobile-nav__sublist .mobile-nav__item:last-child {
  padding-bottom: 0;
}
.collapsible-trigger__icon--circle {
  border: none;
}
.mobile-nav__item--secondary a {
  padding-bottom: 10px;
}
.collapsible-trigger__icon {
  width: 36px;
  height: 36px;
}
.mobile-nav__has-sublist .collapsible-trigger__icon {
  right: 14px;
}
.site-nav__link--icon .icon {
  width: 36px;
  height: 36px;
}
.site-nav__link--icon .icon.icon-close {
  width: 14px;
  height: 14px;
}
.js-drawer-open-nav .menu-icon-close {
  display: none;
}
.js-drawer-open-nav.active .menu-icon-hamburger {
  display: none;
}
.js-drawer-open-nav.active .menu-icon-close {
  display: inline-block;
  padding-left: 5px;
  padding-right: 10px;
}
.site-nav--has-dropdown,
.site-nav--has-dropdown:hover,
.site-nav--has-dropdown.is-focused {
  z-index: auto;
}
.header-item--logo-split {
  z-index: 29;
}

article p a {
  font-weight: 600;
}

/* SITE HEADER MEDIA QUERIES */
@media only screen and (max-width: 1280px) {
  .header-layout[data-logo-align="center"] .site-header__logo svg {
    width: 98px;
    height: 98px;
    padding: 10px;
  }
  .site-nav__link {
    letter-spacing: 0 !important;
  }
  .site-nav__link {
    padding-left: 5px;
    padding-right: 5px;
  }
  .header-sticky-wrapper {
    z-index: 28;
    margin-top: 0;
  }
  .header-item--logo-split .header-item:not(.header-item--logo) {
    margin-top: 17px;
  }
}
@media only screen and (max-width: 959px) {
  .header-layout[data-logo-align="center"] .site-header__logo svg {
    width: 82px;
    height: 82px;
  }
}

/* SITE NAV */
.header-item--icons .site-nav {
  margin-right: 0;
}
.header-item--logo-split .site-nav {
  width: 90%;
}
@media only screen and (max-width: 1280px) {
  .header-item--logo-split .site-nav {
    width: 90%;
  }
}
.site-nav {
  margin: 0;
  justify-content: space-between;
  display: inline-flex;
  flex-wrap: wrap;
}
.site-nav__icons {
  align-items: center;
}
.site-nav li:first-child a {
  padding-left: 0;
}
.site-nav li:last-child a {
  padding-right: 0;
}
.site-nav__item .h6 {
  margin-bottom: 0;
}
.toolbar {
  font-size: 14px;
  letter-spacing: 0.56px;
  z-index: 29;
  position: relative;
}
.toolbar .icon-heart {
  width: 36px;
  height: 36px;
}
.toolbar__social .icon {
  top: 0;
}
.toolbar__menu {
  margin-left: 0;
}
.toolbar__menu li {
  margin-right: 40px;
}
.toolbar__menu a {
  padding: 5px 0;
}
.toolbar__menu a:hover {
  text-decoration: underline;
}
/* SITE NAV ICONS */
.icon-hamburger__text {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-left: -6px;
}
.icon-bag__text {
  font-size: 14px;
  letter-spacing: 0.56px;
  line-height: 28px;
  text-transform: capitalize;
}
@media only screen and (max-width: 959px) {
  .icon-bag__text {
    display: none;
  }
}
[data-icon=bag-minimal] .cart-link__bubble--visible {
  top: -2px;
  right: -2px;
}

/* SITE NAV DROPDOWN */
.site-nav__dropdown {
  z-index: -1;
  top: 98px;
}
@media only screen and (max-width: 1280px) {
  .site-nav__dropdown {
    top: 80px;
  }
}
.site-header.site-header--stuck .megamenu {
  padding: 2em 0;
}
.megamenu {
  padding: 1.5em 0 3em;
}
.megamenu .h5 {
  font-size: 0.875rem;
  text-transform: inherit;
  line-height: 18px;
}
.megamenu .site-nav__dropdown-link {
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0;
  position: relative;
}
.megamenu .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level) {
  font-size: 14px;
  line-height: 16px;
}
.site-nav__link--underline:after {
  bottom: 6px;
}
@media only screen and (max-width: 1280px) {
  .site-nav__link--underline:after {
    margin: 0 5px;
  }
}
.site-nav li:first-child a.site-nav__link--underline:after {
  margin-left: 0;
}
.site-nav li:last-child a.site-nav__link--underline:after {
  margin-right: 0;
}
.site-nav__dropdown-link::after {
  background: var(--colorNavText);
  content: '';
  display: block;
  height: 2px;
  transition: width .3s;
  width: 0;
}
.site-nav__dropdown-link.site-nav__dropdown-link--top-level::after {
  background:none;
}
.site-nav__dropdown-link:hover::after {
  width: 100%;
}

/* CART */
.drawer--right.drawer--is-open {
  z-index: 32;
}

#CartDrawerForm .cart-payment-icons,
.cart__checkout-wrapper .cart-payment-icons {
  margin: 2rem 0;
}

#CartDrawerForm .cart-payment-icons p,
.cart__checkout-wrapper .cart-payment-icons p {
  text-align: center;
}

/* FOOTER */
.site-footer {
  overflow: hidden;
  padding-bottom: 120px;
}
.site-footer .newsletter {
  max-width: 100%;
}
[data-section-id="footer"] .h4.footer__title {
  font-family: var(--fontSecondary);
  font-weight: bold;
  text-transform: inherit;
}
[data-section-id="footer"] .footer__newsletter-input {
  font-size: 16px;
  padding: 12px 20px;
}
[data-section-id="footer"] input::-webkit-input-placeholder,
[data-section-id="footer"] input::-moz-placeholder,
[data-section-id="footer"] input:-ms-input-placeholder,
[data-section-id="footer"] input:-moz-placeholder {
  color: var(--colorTextBody) !important;
}
[data-section-id="footer"] .site-footer__linklist a {
  font-size: 1rem;
  letter-spacing: 0;
}
[data-section-id="footer"] .footer__social li {
  margin: 0 2em 0 0;
}
[data-section-id="footer"] .footer__social li:last-child {
  margin-right: 0;
}
[data-section-id="footer"] .payment-icons li {
  margin: 0 0 0 .5em;
}
[data-section-id="footer"] .payment-icons li:first-child {
  margin-left: 0;
}
[data-section-id="footer"] .footer__social svg path {
  fill: #fff;
}
[data-section-id="footer"] .site-footer__top {
  align-content: center;
  border-bottom: 1px solid rgba(119, 119, 119, 0.5);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 2em;
  margin-left: 22px;
  padding-bottom: 2em;
}
[data-section-id="footer"] .site-footer__top-separator {
  border-right: 1px solid rgba(119, 119, 119, 0.5);
  margin-left: 2em;
  margin-right: 2em;
}
[data-section-id="footer"] .footer__newsletter {
 padding-bottom: 1em;
 gap: 20px;
}
[data-section-id="footer"] .footer__newsletter input{
 width: 100%;
}
[data-section-id="footer"] .footer__newsletter > div {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 50%;
}
[data-section-id="footer"] .footer__newsletter label {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  margin-bottom: 6px;
}
[data-section-id="footer"] .newsletter-footer__topics-choices {
  align-items: center;
  display: flex;
}
[data-section-id="footer"] .newsletter-footer__topics-choices label {
  font-size: 16px;
  margin-bottom: 0;
  margin-right: 2em;
}
[data-section-id="footer"] .newsletter-footer__button {
  border: 2px solid #fff;
  padding: .5em 1em;
  font-size: 16px;
  min-width: calc(50% - 10px);
  margin-top: 20px;
}
[data-section-id="footer"] .newsletter-footer__button-text {
  color: #FFFFFF;
  font-weight: bold;
  letter-spacing: 0.64px;
  text-transform: uppercase;
}
[data-section-id="footer"] .newsletter-footer__topics-title {
  font-size: 0.875rem;
  font-weight: bold;
  margin-bottom: .2em;
}
[data-section-id="footer"] .footer__newsletter-input {
  max-width: 100%;
}
.site-footer {
  padding-top: 0;
}

.per-row-icon-container{
  display:flex;
  align-items: center;
}

.per-row-icon-container-view{
  margin-right: 2rem;
  border-left: 2px solid #e8e7e7;
  padding-left: 2rem;
  padding-right: 2rem;
  height: 20px;
  border-right: 2px solid #e8e7e7
}

.per-row-icon-container-item{
  flex: 0 0 auto;
}

.per-row-icon-container-item-svg{
  height: 35px;
  width: 25px;
}

.per-row-icon-container-item-label{
  font-weight: bold;
  font-family: 'Work Sans',sans-serif;
}

.per-row-icon-container-item-svg svg{
  width:35px;
}

.hide-column{
  display:none;
}



@media only screen and (min-width: 960px) {
  .site-footer {
    padding-top: 40px;
  }
}

@media only screen and (max-width: 959px) {
  .site-footer [data-type="newsletter"] {
    width: 100%;
  }
  [data-section-id="footer"] .site-footer__top {
    margin-left: 17px;
    margin-right: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  [data-section-id="footer"] .site-footer__top-separator {
    margin-bottom: 1.5em;
    margin-top: 1.5em;
  }
  [data-section-id="footer"] .site-footer__top .footer__social,
  [data-section-id="footer"] .site-footer__top .payment-icons {
    padding-bottom: 1.8em;
    padding-top: 1.8em;
  }
  [data-section-id="footer"] .grid__item:after {
    display: none;
  }
  [data-section-id="footer"] .grid__item {
    padding-bottom: 1.5em;
  }
}

@media only screen and (max-width: 640px) {
  [data-section-id="footer"] .site-footer__top-separator {
    display: none;
  }
  [data-section-id="footer"] .site-footer__top .footer__social {
    width: 100%;
    text-align: center;
  }
  [data-section-id="footer"] .site-footer__top .payment-icons {
    padding-top: 0;
  }
  [data-section-id="footer"] .footer__links,
  [data-section-id="footer"] .footer__title {
    text-align: left;
  }
  [data-section-id="footer"] .footer__newsletter {
    flex-wrap: wrap;
  }
  [data-section-id="footer"] .footer__newsletter > div {
    flex-basis: 100%;
    align-self: end;
  }
  [data-section-id="footer"] .newsletter-footer__topics > div {
    flex-basis: 100%;
  }
  [data-section-id="footer"] .footer__newsletter label {
    text-align: left;
  }
  [data-section-id="footer"] .newsletter-footer__topics {
    flex-wrap: wrap;
    text-align: left;
  }
  [data-section-id="footer"] .newsletter-footer__topics-choices {
    display: block;
  }
  [data-section-id="footer"] .newsletter-footer__topics-choices label {
    display: inline-block;
  }
  [data-section-id="footer"] .newsletter-footer__button {
    width: 100%;
  }
  .site-footer {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 478px) {
  [data-section-id="footer"] .site-footer__top {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 430px) {
  [data-section-id="footer"] .site-footer__top .payment-icons  {
    max-width: 230px;
  }
}

/* PAGINATION */
.pagination>span {
  border-radius: 50%;
  border: 2px solid var(--colorTextBody);
  height: 42px;
  margin: 0 10px 10px;
  width: 42px;
}
.pagination a {
  font-family: var(--fontPrimary);
  font-size: 14px;
  font-weight: bold;
  padding: 12px 0;
  width: 38px;
}
.pagination .next,
.pagination .prev {
  background: none;
  border-radius: 50%;
  border: 2px solid var(--colorTextBody);
  height: 42px;
  width: 42px;
  margin: 0 10px 10px;
}
.pagination .next a,
.pagination .prev a {
  padding: 12px;
}
.pagination .page.current {
  background: var(--colorTextBody);
  border-radius: 50%;
  border: 2px solid var(--colorTextBody);
  color: white;
  font-family: var(--fontPrimary);
  font-size: 14px;
  font-weight: bold;
  height: 42px;
  opacity: 1;
  padding: 12px;
  width: 42px;
}
.pagination .deco {
  line-height: 28px;
}
@media screen and (max-width: 959px) {
  .pagination>span,
  .pagination .next,
  .pagination .prev {
    margin: 0 3px 6px;
    width: 36px;
    height: 36px;
  }
  .pagination .page.current {
    width: 36px;
    height: 36px;
  }
  .pagination .page.current,
  .pagination a,
  .pagination .next a,
  .pagination .prev a {
    padding: 8px 0;
  }
  .pagination a {
    width: 32px;
  }
  .pagination .deco {
    line-height: 23px;
  }
}

/* COLLECTION */
.template-collection .image-wrap,
.grid__image-ratio {
  background-color: var(--backgroundColor);
}
.template-collection .image-wrap img,
.grid__image-ratio img {
    mix-blend-mode: darken;
    &[loading="eager"] {
    	opacity: 1;
    }
}
.template-collection .collection-content {
  padding-top: 20px;
}
.template-search .collection-content {
  padding-top: 50px;
}
.collection-filter .btn .icon {
  top: 0;
  margin-right: 0px;
  width: 32px;
  height: 32px;
}

.product-count {
  text-align: center;
  padding-top: 60px;
}

.product-count-text {
  display: inline;
  font-family: var(--fontPrimary);
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}

.product-count > div {
  display: inline;
  font-family: var(--fontPrimary);
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}

/* BREADCRUMBS */
.template-collection .breadcrumb {
  text-align: left;
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 30px;
  margin: 0;
}
@media screen and (max-width: 959px) {
  .template-collection .breadcrumb {
    display: none;
  }
}

.template-collection .breadcrumb a,
.template-collection .breadcrumb__divider {
  color: var(--white);
}

.template-collection .no-collection-image .breadcrumb,
.template-collection .no-collection-image .breadcrumb a,
.template-collection .no-collection-image .breadcrumb__divider {
  color: var(--colorTextBody);
}

.template-collection .no-collection-image .section-header h1 {
  text-transform: inherit;
}

.template-collection .no-collection-image .section-header p {
 letter-spacing: 0;
 font-size: 16px;
}

.template-collection .drawer--left.drawer--is-open {
  top: 40px;
}
@media only screen and (max-width: 640px) {
  .collection-hero {
    height: 375px;
  }
}
.section-header .section-header__title {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 0;
  text-transform: none;
}
.section-header p {
  max-width: 900px;
  font-size: 16px;
  line-height: 24px;
  margin-left: auto;
  margin-right: auto;
}

.outer-container-collection p {
  max-width: calc(900px - 8px);
    overflow: hidden;
    padding-right: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
} 

.outer-container-collection.open p { 
  overflow:visible;
  text-overflow:unset;
  white-space:normal;
}

.outer-container-collection.open svg {
  transform: rotate(180deg);
 }

.template-collection img.grid__image-contain.lazyautosizes.lazyloaded, 
body.template-collection  img.lazyload.grid__image-contain {
  opacity: 0;
}

.template-collection .recently-viewed img:first-child.grid__image-contain.lazyautosizes.lazyloaded, 
body.template-collection .recently-viewed img:first-child.lazyload.grid__image-contain,
.template-collection .page-width.page-width--flush-small img:first-child.grid__image-contain.lazyautosizes.lazyloaded, 
body.template-collection .page-width.page-width--flush-small img:first-child.lazyload.grid__image-contain {
  opacity: 1;
}

.template-collection .recently-viewed .grid__image-ratio.grid__image-multiple:hover img:first-child.grid__image-contain.lazyautosizes.lazyloaded, 
body.template-collection .recently-viewed .grid__image-ratio.grid__image-multiple:hover img:first-child.lazyload.grid__image-contain,
.template-collection .page-width.page-width--flush-small .grid__image-ratio.grid__image-multiple:hover img:first-child.grid__image-contain.lazyautosizes.lazyloaded, 
body.template-collection .page-width.page-width--flush-small .grid__image-ratio.grid__image-multiple:hover img:first-child.lazyload.grid__image-contain {
  opacity: 0;
}

.grid__image-ratio.grid__image-multiple img:last-child {
  opacity: 0;
}

.grid__image-ratio.grid__image-multiple:hover img:first-child {
  opacity: 0;
}

.grid__image-ratio.grid__image-multiple:hover img:last-child {
  opacity: 1;
}

@media screen and (min-width: 960px) {
  .collection-filter__item.collection-filter__item__sort {
    flex: 0 0 auto;
  }
}

@media screen and (max-width: 959px) {
  .section-header .section-header__title {
    font-size: 24px;
    line-height: 24px;
  }
}

/* Collection Grid Styling */

.grid-collection .grid__item .collection-item__title,
.product-grid-collection .grid__item .collection-item__title {
  transition: all 0.5s ease-out;
}

.grid-collection .grid__item .collection-item__title::before,
.product-grid-collection .grid__item .collection-item__title::before {
  content: "Shop Now";
  position: absolute;
  bottom: -15px;
  width: 100%;
  left: 50%;
  font-family: var(--typeBasePrimary),var(--typeBaseFallback);
  font-weight: var(--typeBaseWeight);
  font-size: calc(var(--typeBaseSize)*.85);
  text-decoration: underline;
  opacity: 0;
  transform: translateX(-50%);
  transition: all 0.5s ease-out;
}

.grid-collection .grid__item:hover .collection-item__title,
.product-grid-collection .grid__item:hover .collection-item__title {
  top: 45%;
} 

.grid-collection .grid__item:hover .collection-item__title::before,
.product-grid-collection .grid__item:hover .collection-item__title::before {
  opacity: 1;
  bottom: -30px;
}

.grid-collection a:hover::after,
.product-grid-collection a:hover::after {
  opacity: calc(var(--colorGridOverlayOpacity) + .2);
}

/* End of Collection Grid Styling */

.grid-product__title {
  font-family: var(--fontPrimary);
  min-height: auto;
  margin-bottom: 10px;
}
.grid-product__vendor {
  text-transform: none;
  letter-spacing: 0;
  font-size: 16px;
  margin-top: 0;
  opacity: 1;
  margin-bottom: 10px;
}
.grid-product__meta {
  padding: 20px 0 6px 0;
}
.grid-product__price--sale {
  color: #FE441D;
  font-weight: bold;
}
.grid-product__price--savings {
  display: none;
}
@media only screen and (max-width:768px) {
  .grid-product__title {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .grid-product__vendor {
    font-size: 14px;
    margin-bottom: 5px;
  }
  .grid-product__meta {
    padding: 10px 0 6px 0;
  }
  .grid-product__price {
    font-size: 14px;
  }

  .collection-filter-mobile{
    align-items: center;
    justify-content: center;
    background-color: #fff;
    top: 32px;
  }

  .collection-filter-mobile-item-filter-button-container{
    order: 3;
    justify-content: center;
    border-bottom: 1px solid #ccc;
    height: 30px;
    text-align: center;
  }

  .btn.collection-filter-mobile-item-filter-button{
    border: none;
    width: auto;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: -6px;
    height: 29px;
    font-weight: bold;
  }

  .collection-filter-mobile-item-filter-count-container{
    order: 1;
    flex: 0 0 48%;
    border-bottom: 1px solid #ccc;
    align-self: normal;
  }


  .collection-filter-mobile-item-filter-view-container{
    order: 4;
    flex: 0 0 48%;
    border-bottom: 1px solid #ccc;
    align-self: normal;
  }

  .collection-filter-mobile-item-filter-view-container-item{
    margin: 0 auto;
    justify-content: center;
    border-left: 1px solid #ccc;
    height: 20px;
  }


  .collection-filter-mobile-item-filter-sorticon-container{
    order: 2;
    flex: 0 0 48%;
    align-items: center;
    align-self: center;
    border-bottom: 1px solid #ccc;
  }

  .collection-filter-mobile-item-filter-sorticon-container-item{
    text-align: center;
    justify-content: center;
    border-left: 1px solid #ccc;
    margin-bottom: 10px;
    height: 20px;
  }

  .per-row-icon-container-view{
      border-right:none;
  }

  .collection-filter select{
    border: none;
    border-left: 1px solid #ccc;
    height: 20px;
    font-size: 16px !important;
    margin-bottom: 10px;
    padding: 0px;
    padding-left: 20px;
    width: 100%;
    padding-right: 20px;
    justify-content: center;
  }

  .boost-pfs-filter-top-sorting-select:hover{
    border-left: 1px solid #ccc !important;
  }

  .filter-label{
    font-weight: 700;
    font-family: 'Work Sans',sans-serif;
  }


  .medium-up--one-third {
    width: 100%;
  }

  .medium-up--one-quarter {
    width: 50%;
  }

  .medium-up--one-quarter:nth-of-type(2n+1) {
    clear: both;
  }

  .per-row-icon-container-item-label.sort-label{
    font-size: 12px;
  }

}

/* PRODUCT PAGE */
.template-product .product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--next,
.template-product .product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--prev {
  text-align: center;
  padding: 0;
}
.template-product .product__thumb-arrow .icon {
  display: inline-block;
  width: 34px;
  height: 34px;
}
.template-product .page-content--product {
  padding-top: 1em;
}
.template-product .breadcrumb a,
.template-product .breadcrumb__divider {
  color: var(--colorNavText);
}
.template-product .product-block {
  margin-bottom: 0;
  padding-bottom: 1em;
}
.template-product [data-product-blocks] .product-block .product-block {
  padding-bottom: 0; 
}
.template-product .product-block.product-block--header {
  padding-bottom: .7em;
  padding-left: 2em;
  padding-right: 2em;
  padding-top: 2em;
}
.template-product .product-block.product-block--disclaimer p {
	margin:0;
	text-align: left;
}
.template-product .product-block.product-block--disclaimer p a {
	text-decoration: underline;
}
.template-product .sales-points {
  margin-bottom: 0;
  margin-top: -10px;
}
.template-product .sales-points .inventory--low {
  color: #3c3c3c;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
}
.template-product .sales-points .inventory--low .icon--inventory:after,
.template-product .sales-points .inventory--low .icon--inventory:before {
  background: #3c3c3c;
}
.template-product [data-product-blocks] > .product-block:not(.product-block--tab) {
  padding-left: 2em;
  padding-right: 2em;
}
.template-product .product-block:not(.product-block--tab) {
  background-color: var(--backgroundColor);
}
.template-product .product-single__vendor {
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 10px;
  text-decoration: underline;
}
.template-product h1.product-single__title {
  font-size: 24px;
  line-height: 26px;
}
.template-product .product-block .rte p {
  font-size: 16px;
  line-height: 24px;
}
.template-product span[data-add-to-cart-text] {
  font-family: var(--fontPrimary);
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.64px;
}
@media only screen and (max-width: 959px) {
  .template-product span[data-add-to-cart-text] {
    font-size: 14px;
    letter-spacing: 0.56px;
  }
}
.template-product button.collapsible-trigger-btn {
  font-family: var(--fontPrimary);
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0px;
  text-align: left;
  text-transform: inherit;
}
.template-product button.collapsible-trigger-btn.is-disabled {
	pointer-events: none;
}
.template-product button.collapsible-trigger-btn.is-disabled .collapsible-trigger__icon {
	display: none;
}
.template-product .collapsible-trigger-btn--borders {
  padding: 30px 36px;
}
.template-product .collapsible-trigger-btn--borders .collapsible-trigger__icon {
  width: 28px;
  height: 28px;
}
.template-product .collapsible-trigger-btn--borders .collapsible-trigger__icon svg {
	transition: .3s transform;
}
.ruk_rating_snippet {
  display: flex;
  align-items: baseline;
}
@media only screen and (min-width: 960px) {
  .collapsible-trigger-btn--borders .collapsible-trigger__icon {
      right: 30px;
  }
}
.template-product .collapsible-trigger-btn.is-open > .collapsible-trigger__icon svg {
  transform: rotate(45deg);
}
.template-product .product__main-photos {
  background-color: var(--backgroundColor);
}
.template-product .product-single__meta {
  padding-left: 0;
}
@media only screen and (max-width: 768px) {
  .template-product .grid__item .product-single__meta {
    margin-left: -17px;
    margin-right: -17px;
  }
  .grid--product-images--partial .flickity-slider .product-main-slide {
    width: 100%;
    margin-right: 0;
  }
  .product__main-photos {
    margin: 0 0 15px;
  }
}
.template-product .product__thumb-item {
  background-color: var(--backgroundColor);
}
.template-product .product__price {
  font-family: var(--fontPrimary);
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0px;
  margin-right: 0;
}
.template-product .product__price.on-sale {
  color: #FE441D;
}
.template-product .product__price-savings {
  background: #FFECE8;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 8px;
  border-radius: 14px;
  display: inline-block;
  vertical-align: top;
  margin-top: 2px;
}
@media only screen and (max-width: 959px) {
  .template-product .product__price-savings {
    padding: 2px 6px 3px;
    margin-top: 3px;
  }
  .template-product .h2.product-single__title {
    text-align: left;
    font-size: 22px;
    line-height: 24px;
  }
  .template-product .product-block,
  .template-product .product-block--price div.small--text-center {
    text-align: left;
  }
  .template-product .product__price {
    font-family: var(--fontPrimary);
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0px;
  }
  .template-product .sales-point .icon-and-text {
    justify-content: flex-start;
  }
  .template-product .product__photos .flickity-page-dots {
    display: none;
  }
}

/* size guide */
.template-product  .product-block--tabsizeguide{

}

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

  .template-product  .product-block--tabsizeguide{
    display: grid;
    grid-template-columns: 100%;
  }

}

.template-product .product-block--tabsizeguide .img-wrapper{
  margin-bottom: 20px;
}

.template-product .product-block--tabsizeguide .img-wrapper img{
  width: 100%;
  display: block;
}


.template-product  .product-block--tabsizeguide .table-wrapper{
  font-size: 12px;
  overflow-x: auto;
}

.template-product  .product-block--tabsizeguide .table-wrapper colgroup col{
  width: auto!important
}

.template-product  .product-block--tabsizeguide .table-wrapper div,
.template-product  .product-block--tabsizeguide .table-wrapper tr{
  padding: 0!important;
}

.template-product  .product-block--tabsizeguide .table-wrapper td{
  width: 50%!important;
  padding: 6px 8px!important;
}

/* TAGS (for PDP and PLP) */

.grid-product__tag--bnwt-with-sale{
  top:4px;
  right:50px;
}

/* Sticky add to bag */
.sticky-add-to-bag{
  background: var(--primaryDark);
  color: var(--white);
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 2;

  max-height: 180px;
  overflow: hidden;
}

.sticky-add-to-bag-content{
  display: flex;
  align-items: center;
}

.sticky-add-to-bag .errors{
  margin: 0;
}

.sticky-add-to-bag__cols{
  padding: 10px;
}

.sticky-add-to-bag__title{
  display: none;
}

.sticky-add-to-bag__title h5{
  text-transform: none;
  margin: 0;
}

.sticky-add-to-bag__price {
  width: 40%;
  text-align: center;

}

.sticky-add-to-bag__price p{
  margin: 0;
}

.sticky-add-to-bag__price .product__price{
  font-size: 1rem;
  color: var(--white);
}

.sticky-add-to-bag__button{
  width: 60%;
}


.sticky-add-to-bag__button .sticky-add-to-cart{
  background-color: var(--white);
  border: none ;
  color: var(--colorTextBody) ;
}

.sticky-add-to-bag__button .sticky-add-to-cart[disabled]{
  cursor: default;
  color: #b6b6b6;
  background-color: #f6f6f6;
}


.sticky-add-to-cart.btn--loading:before {
    border-color: var(--primaryDark);
    border-top-color: transparent;
}


@media only screen and (min-width:960px){
  .sticky-add-to-bag{
    top: 0;
    bottom: auto;
  }

  .sticky-add-to-bag-content{
    justify-content: flex-end;
  }


  .sticky-add-to-bag__cols{
    padding: 20px 30px;
  }

  .sticky-add-to-bag__title{
    display: block;
  }

  .sticky-add-to-bag__price {
    border-left: 1px solid #5a5a5a;
    padding-right: 0;
    width: auto;
  }

  .sticky-add-to-bag__price .product__price{
    font-size: 1.25rem;
  }

  .sticky-add-to-bag__button{
    width: 300px;
  }

}

/* product detail tooltip */

.product-tooltip {
  display: inline-block;
  background-color: var(--colorBtnPrimary);
  border-radius: 50%;
  position: relative;
  width: 14px;
  height: 14px;
  font-family: initial;
  font-weight: normal;
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 15px;
  vertical-align: middle;
  cursor: pointer;
  margin-bottom: 2px;
}

.product-tooltip:hover .product-tooltip-content,
.product-tooltip:focus .product-tooltip-content,
.product-tooltip:focus-within .product-tooltip-content {
  opacity: 1;
}

.product-tooltip-content {
  display: inline-block;
  position: absolute;
  top: -2.5px;
  left: calc(100% + 15px);
  background-color: var(--white);
  padding: 5px 10px;
  width: 250px;
  border: 1px solid rgba(208,208,208,.5);
  font-family: var(--fontSecondary);
  font-size: 12px;
  color: var(--colorTextBody);
  opacity: 0;
  text-align: left;
  transition: all 0.25s ease-out;
}

.product-tooltip-content::before {
  content: '';
  position: absolute;
  top: 2px;
  left: -7px;
  background-color: var(--white);
  border-bottom: 1px solid rgba(208,208,208,0.5);
  border-left: 1px solid rgba(208,208,208,0.5);
  width: 12.5px;
  height: 12.5px;
  transform: rotate(45deg);
}

@media only screen and (max-width: 500px) {
  .product-tooltip-content {
    width: 150px;
  }
}

/* override styles for header, specific to PDP */
.template-product .site-header--stuck{
  position: relative!important;
}

.template-product .toolbar{
  background: none;
}

@media only screen and (min-width: 1024px) {
	.template-product .header-sticky-wrapper{
	  z-index: 28;
	}
}

.template-product .site-header{
  background: none;
}

@media only screen and (min-width: 1024px) {
	.template-product div[data-section-type="header"]{
	  	background-color: var(--white);
	  	z-index: 29;
	  	position: relative;
	}
}

.template-product #shopify-section-footer{
  z-index: 29;
  position: relative;
}

/* BUTTON */
.btn-inverse {
  background-color: transparent !important;
  border: 2px solid var(--colorTextBody) !important;
  color: var(--colorTextBody) !important;
}

.return-link .icon {
  width: 30px;
  height: 30px;
  margin-right: 0px;
  margin-top: -1px;
}

/* ARTICLE */
.template-article .breadcrumb {
  text-align: left;
  color: #fff;
  font-size: 14px;
  position: absolute;
  top: 30px;
  left: 40px;
  margin: 0;
}
.template-article .breadcrumb a {
  color: #fff;
}
.template-articke .collection-hero .breadcrumb,
.template-articke .collection-hero .breadcrumb a {
  color: #fff;
}
@media screen and (max-width: 959px) {
  .template-article .breadcrumb {
    display: none;
  }
}
.template-article .article {
  margin-top: -190px;
  background-color: #fff;
  z-index: 1;
  position: relative;
  padding: 40px;
}
.template-article .no-image .article {
  padding: 0;
  margin-top: 0;
}
.template-article .page-width--narrow {
  max-width: 980px;
}
.template-article .section-header__title {
  font-size: 40px;
  margin-bottom: 20px;
}
.template-article .article__date {
  font-size: 14px;
  margin-bottom: 20px;
  color: #777777;
}
.template-article .shortcode-products {
  font-size: 0;
}
.template-article .shortcode-products .grid-product__link {
  width: 100%;
  border-bottom: none !important;
}
.template-article .shortcode-products .grid-product__link:after {
  content: none !important;
}
.template-article .article-pagination {
  margin: 0;
  padding: 0;
}
.template-article .article-pagination:after {
  content:"";
  display:table;
  clear:both;
}
.template-article .article-pagination .prev {
  float: left;
}
.template-article .article-pagination .next {
  float: right;
}
.template-article .article-pagination .prev .icon {
  margin-right: 10px;
}
.template-article .article-pagination .next .icon {
  margin-left: 10px;
}
.template-article .article-pagination .next .icon,
.template-article .article-pagination .prev .icon {
  padding: 12px;
  border-radius: 50%;
  border: 2px solid var(--colorTextBody);
  height: 42px;
  width: 42px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.template-article .article-pagination span:hover .icon {
  border-color: #777;
  transition:all 0.2s ease;
}
.template-article .article-pagination span:hover .icon svg path,
.template-article .article-pagination span:hover .icon svg line {
  stroke: #777;
  transition:all 0.3s ease;
}
.template-article .article-pagination .label {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-family: var(--fontPrimary);
}
@media only screen and (max-width: 768px) {
  .template-article .collection-hero {
      height: 198px;
  }
  .template-article .article {
    margin-top: -72px;
    padding: 30px 15px;
  }
  .template-article .section-header__title {
    font-size: 24px;
    margin-bottom: 15px;
  }
}

/* AJAX CART */
#CartDrawer .drawer__header {
  height: unset;
  padding: 20px 0 0;
}
#CartDrawer .drawer__title {
  text-transform: capitalize;
  text-align: center;
  font-size: 24px;
  letter-spacing: 0;
}
#CartDrawer .cart__item-name {
  font-family: var(--fontPrimary);
  letter-spacing: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 22px;
}
#CartDrawer small {
  font-size: 14px;
  letter-spacing: 0;
}
#CartDrawer .cart__item-subtotal {
  justify-content: flex-end;
}
#CartDrawer .ajaxcart__subtotal,
[data-subtotal] {
  font-family: var(--fontSecondary);
  text-transform: capitalize;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0;
}
#CartDrawer .drawer .btn {
  padding-top: 12px;
  padding-bottom: 12px;
}
#CartDrawer .cart__item-sub--cart-drawer {
  justify-content: flex-end;
}
#CartDrawer .cart__price {
  font-size: 14px;
}
#CartDrawer .js-qty__wrapper {
  display: flex;
  align-items: center;
  max-width: unset;
  font-size: 14px;
  margin-top: 18px;
  margin-bottom: 25px;
}
#CartDrawer .js-qty__wrapper label {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0px;
  padding-right: 10px;
  margin-bottom: -10px;
}
#CartDrawer .js-qty__wrapper p {
  margin-bottom: 0;
}
#CartDrawer .variant-input-wrap select {
  width: 85px;
  height: 45px;
  padding: 10px 14px;
}
#CartDrawer .cart-drawer__header-controls {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--backgroundColor);
}
#CartDrawer .cart-drawer__header-controls > a {
  display: block;
  width: 100%;
  padding-top: 12px;
  padding-bottom: 12px;
}
#CartDrawer .cart-drawer__header-controls > a:first-child {
  margin-bottom: 10px;
}
#CartDrawer .cart__item-sub--cart-drawer {
  flex-direction: column;
}
#CartDrawer .cart__remove a {
  position: relative;
  margin-top: 0;
  font-size: 14px;
}
#CartDrawer .cart__remove a:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  display: block;
  bottom: -1px;
  left: 0;
}
#CartDrawer .cart__checkout {
  padding-top: 13px;
  padding-bottom: 13px;
  letter-spacing: 0.64px;
  font-size: 16px;
}
#CartDrawer .cart__checkout-wrapper a:last-of-type {
  display: block;
  text-align: center;
  text-decoration: underline;
  font-weight: bold;
  font-size: 14px;
  margin-top: 30px;
}
/* GLOBAL - BUTTONS */

.btn--primary, .btn--secondary {
  padding: 0 20px;
  width: 100%;
  max-width: 260px;
  font-size: 16px;
  letter-spacing: 0.64px;
  line-height: 46px;
  transition-delay: unset;
  transition: none;
  text-transform: uppercase;
  text-align:  center;
}

.btn--primary {
  color: var(--white) !important;
  background: var(--primaryDark);
  font-family: var(--fontPrimary);
  border: 2px solid var(--primaryDark);
}

.btn--primary:after, .btn--secondary:after {
  content: none !important;
}

.btn--primary:hover {
  background: var(--primaryDark) !important;
}

.btn--primary.btn--full, .btn--secondary.btn--full {
  max-width: none;
}

.btn--primary.btn--light, .btn--primary.btn--light:hover {
  background-color: var(--white) !important;
  border-color: var(--white) !important;
  color: var(--colorTextBody) !important;
}

.btn--secondary {
  color: var(--colorTextBody);
  background: transparent;
  font-family: var(--fontPrimary);
  border: 2px solid var(--colorTextBody) !important;
}

.btn--primary:hover, .btn--secondary:hover {
  text-decoration: underline !important;
  cursor: pointer;
}

.btn--secondary.btn--light, .btn--secondary.btn--light:hover {
  border-color: var(--white) !important;
  color: var(--white);
}

.btn--secondary.btn--small {
    padding: 0 14px;
    line-height: 32px;
    font-size: calc(var(--typeBaseSize) - 6px);
    font-size: max(calc(var(--typeBaseSize) - 6px),12px);
}

/* Rokit Rewards */
.rrp {
  border-left: 1px solid var(--borderColor);
  padding-left: 10px;
  margin-left: 11px;
  font-size: 14px;
}
.rrp a {
  text-decoration: underline;
}

.mobile-nav__item--secondary .grid:last-of-type a.mobile-nav__link {
  font-family: 'Satoshi', sans-serif;
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize
}

.section-header--404 .rte p {
  margin-left: auto;
  margin-right: auto;
}


/* Free Shipping Start */

.free-shopping-countdown-container{
  padding-left:var(--drawer-gutter);
  padding-right: var(--drawer-gutter);
  margin-top: 2rem;
}

.main-cart.free-shopping-countdown-container{
  padding:0px;
  text-align:center;
  margin-bottom: 2.5rem;
}

.free-shopping-countdown-label{
  font-weight: 600;
}

.free-shopping-countdown-truck{
  margin-right: 0.3rem
}

.free-shopping-countdown-truck svg {
  width:30px;
  position: relative;
  top: 4px;
}

.progress {
  padding: 1px;
  width: 100%;
  max-width: 500px;
  border: 1px solid #d1d1d1;
  height: 0.5rem;
  border-radius: 100px;
  margin-top: 0.5rem;
}

.progress .progress__bar {
  height: 100%;
  width: 50%;
  background-color: #565656;
  animation: fill-bar 3s infinite;
  border-radius: 2px;
}

.fill-bar {
  width: 50%;
}

/* Free Shippine End */

/*  Custom Search*/

.rokit-search-form button.rokit-search-btn {
  padding: 0;
}

.rokit-search-form input.search-field::-webkit-input-placeholder {
  opacity: 1;
}

.rokit-search-form button.rokit-search-btn svg.icon-search {
  width: 36px;
  height: 36px;
}

.rokit-search-form {
  border-bottom: 1px solid var(--borderColor);
  margin-right: 40px;
}

.rokit-search-form input {
  border-width: 0px;
  border: none;
  font-size: 14px;
  width: 220px;
  margin: 0;
  padding-left: 0;
}

.site-header__search-container {
  z-index: -16 !important;
}

/*  Custom Mobile Nav*/
.drilldown ul {
  height: 100vh;
  background-color: white;
}

.drilldown ul:first-of-type {
  z-index: 10;
}

.drilldown ul:nth-of-type(1) {
  z-index: 11;
}

.is-drilldown {
   position: relative;
   overflow: hidden;
   overflow-y: auto;
   width: 100%;
}
 .is-drilldown li {
   display: block;
}

.drilldown,
.submenu,
.drilldown-submenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
  display: none;
}

.drilldown.is-active,
.submenu.is-active,
.drilldown-submenu.is-active {
  display: block;
}

.overflow-hidden {
  overflow: hidden;
}

.is-drilldown li.mobile-nav__item--secondary.mobile-subnav-hidden {
  display: none;
}
 
 .menu {
   width: 100%;
   display: flex;
   flex-wrap: nowrap;
   flex-direction: column;
   list-style: none;
   position: relative;
   padding: 0;
   margin: 0;
}
 .menu a {
   line-height: 1;
   display: block;
   text-decoration: none;
}

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

 .drilldown .is-drilldown-submenu {
   position: absolute;
   top: 0;
   left: 100%;
   z-index: -1;
   width: 100%;
   transition: transform 0.3s ease-out, z-index 0.3s ease-out;
}
 .drilldown .is-drilldown-submenu-parent > a, .drilldown .is-drilldown-submenu-parent-child > a {
   position: relative;
}

 .drilldown .is-drilldown-submenu-parent > a::after, .drilldown .js-drilldown-back > a::before, .drilldown .is-drilldown-submenu-parent-child > a::after {
  position: absolute;
  display: inline-block;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='15.414' viewBox='0 0 15.414 15.414'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;stroke:%233c3c3c;stroke-width:2px;%7D.a%7Bstroke-linejoin:round;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(0 0.707)'%3E%3Cline class='a' x2='14' transform='translate(0 7)'/%3E%3Cpath class='b' d='M12,5l7,7-7,7' transform='translate(-5 -5)'/%3E%3C/g%3E%3C/svg%3E");  width: 21px;
  height: 21px;
  vertical-align: middle;
  right: 1rem;
  background-repeat: no-repeat;
}
 .drilldown .is-drilldown-submenu.is-active {
   z-index: 1;
   transform: translate(-100%);
}
 .drilldown a {
   padding: 16px;
   background-color: #fefefe;
}
 .drilldown .nested.is-drilldown-submenu {
   margin-right: 0;
   margin-left: 0;
}
 .drilldown .drilldown-submenu-cover-previous {
   min-height: 100%;
}
 .drilldown .js-drilldown-back > a::before {
  transform: rotate(180deg);
  right: unset;
  margin-right: 0.75rem;
  position: relative;
  bottom: 2px;
}
.drilldown .js-drilldown-back > a {
  padding-left: 10px;
}

.drilldown .is-drilldown-submenu li a {
  text-transform: capitalize;
}

/*  Wishlist App and Styling override*/

.pdp-wishlist-container {
  display: flex;
}

.pdp-wishlist-container i {
  margin-left: 8px;
  margin-top: 10px;
}

.pdp-wishlist {
  max-width: 50px;
  width: 50px;
  height: 50px;
  min-width: 50px;
  background: white;
}
.pdp-wishlist-container span#smartwishlist, .pdp-wishlist-container #smartwishlist .tooltip {
  margin: 0;
}

.pdp-wishlist-container #smartwishlist .tooltip {
  left: 0;
  top: 0;
}

.pdp-wishlist-container #smartwishlist .tooltip:before {
  display: none;
}

.pdp-atc-form {
  width: 100%;
  margin-left: 10px;
}

.icon-heart-path {
  fill: none;
  stroke: #FFFFFF;
  stroke-width: 2;
}

.heartoutline {
  background: no-repeat center center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' role='presentation' fill='none' stroke='%233C3C3C' stroke-width='2px' viewBox='0 0 36 36'%3E%3Cpath d='M18,27c-5.38-3.77-8.2-7.19-9.35-10.06C5.55,9.26,14.4,6.53,18,11.53c3.6-5,12.45-2.27,9.35,5.41C26.2,19.81,23.38,23.23,18,27Z'/%3E%3C/svg%3E");
  display: inline-block;
  width: 36px;
  height: 36px;
  transition: 0.2s;
}

.heartoutline:hover {
  background: no-repeat center center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' role='presentation' viewBox='0 0 36 36'%3E%3Cpath fill='%233C3C3C' stroke='%233C3C3C' stroke-width='2px' d='M18,27c-5.38-3.77-8.2-7.19-9.35-10.06C5.55,9.26,14.4,6.53,18,11.53c3.6-5,12.45-2.27,9.35,5.41C26.2,19.81,23.38,23.23,18,27Z'/%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='2px' d='M14,18h8 M18,14v8'/%3E%3C/svg%3E");
  transition: 0.2s;
}

.heartfull {
  background: no-repeat center center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' role='presentation' viewBox='0 0 36 36'%3E%3Cpath stroke='%23FFF' d='M18,27c-5.38-3.77-8.2-7.19-9.35-10.06C5.55,9.26,14.4,6.53,18,11.53c3.6-5,12.45-2.27,9.35,5.41C26.2,19.81,23.38,23.23,18,27Z'/%3E%3C/svg%3E");
}

.heartchecked {
  background: no-repeat center center url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' role='presentation' viewBox='0 0 36 36'%3E%3Cpath fill='%233C3C3C' stroke='%233C3C3C' stroke-width='2px' d='M18,27c-5.38-3.77-8.2-7.19-9.35-10.06C5.55,9.26,14.4,6.53,18,11.53c3.6-5,12.45-2.27,9.35,5.41C26.2,19.81,23.38,23.23,18,27Z'/%3E%3Cpath fill='none' stroke='%23FFF' stroke-width='2px' d='M15,16.66,17.58,19,22,15'/%3E%3C/svg%3E");
  display: inline-block;
  width: 36px;
  height: 36px;
  transition: 0.2s;
}

.heartchecked:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' role='presentation' viewBox='0 0 36 36'%3E%3Cpath fill='%233C3C3C' stroke='%233C3C3C' stroke-width='2px' d='M18,27c-5.38-3.77-8.2-7.19-9.35-10.06C5.55,9.26,14.4,6.53,18,11.53c3.6-5,12.45-2.27,9.35,5.41C26.2,19.81,23.38,23.23,18,27Z'/%3E%3Cpath d='M14,18h8' stroke='%23fff' stroke-width='2px' fill='none'/%3E%3C/svg%3E");
  transition: 0.2s;
}

.site-nav__icons .topbadge {
  font-size: 10px;
  font-family: var(--fontSecondary);
  padding: .3em .4em;
  color: rgb(255, 255, 255);
  background-color: var(--primaryDark);
  padding: 2px 4px;
  line-height: 9.1px;
  border: 2px solid white;
  position: absolute;
  right: 7px;
  top: 4.5px;
  height: 13px;
  width: 5px;
  border-radius: 100%;
  font-size: 0;

}

.wishlistbutton {
  position: relative;
}

.grid-product__top {
  display: flex;
  justify-content: space-between;

}

.rokit-wishlist {
  margin-top: -7px;
}

.wishlistpage .allbuttons {
  display: none;
}

.wishlistpage .wishlisttitlecontainer {
  width:  unset !important;
  background-color: var(--backgroundColor);
}

.wishlistpage .wishlisttitlecontainer #heading-breadcrumbs .row .col-md-6 {
  width: 100%;
}

.wishlistpage .wishlisttitlecontainer #heading-breadcrumbs .row .col-md-6 h1 {
  text-align: center;
  margin-bottom: 0;
  font-family: var(--fontPrimary);
  letter-spacing: 0;
  color: var(--primaryDark);
  text-transform: capitalize;
  font-size: 40px;
  line-height: 40px;
}

.wishlistpage .wishlisttitlecontainer #heading-breadcrumbs {
  padding: 75px 40px;
}

.wishlistpage .alert.alert-info.sw-login-notification, .wishlistpage .empty-wishlist {
  background: transparent;
  border-color: transparent;
  color: var(--primaryDark) !important;
  margin: 0;
  padding-top: 0;
}

.wishlistpage .alert.alert-info.sw-login-notification a {
  color: var(--primaryDark) !important;
}

.wishlistpage .empty-wishlist {
  margin-top: 50px;
}

.wishlistpage .col-md-4.col-sm-4 {
  padding: 0 12px;
}

@media only screen and (max-width: 750px) {
  .wishlistpage .container:nth-of-type(3) {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media only screen and (max-width: 974px) and (min-width: 950px) {
  .wishlistpage .col-md-4.col-sm-4 {
    width: 33.33%;
  }
}

@media only screen and (min-width: 975px) {
  .wishlistpage .col-md-4.col-sm-4 {
    width: 25%;
  }
}

.wishlistpage .wishlistbodycontainer {
  width: unset!important;
  padding: 0 40px;
  max-width: 1500px;
  margin:40px auto 0 auto;
}

.wishlistpage .container:nth-of-type(3) {
  padding-left:  55px;
  padding-right: 55px;
}

.wishlistpage a.btn.btn-primary.addbutton {
  background-color: var(--primaryDark) !important;
  border-color: var(--primaryDark) !important;
  border-radius: 0;
  font-family: var(--fontPrimary);
  font-weight: 700;
  line-height: 1em;
  padding: 15px 0;
}

.wishlistpage a.btn:active {
  box-shadow: none;
}

.wishlistpage a.btn.btn-primary.addbutton i {
    display: none;
}

.wishlistpage a.btn.btn-primary.addbutton:hover, button.btn-default-modal:hover {
  text-decoration:  underline;
}

.wishlistpage a.btn.btn-warning.removebutton {
  background-color: transparent !important;
  border-color: transparent !important;
  color: var(--primaryDark) !important;
  border-radius: 0;
  font-family: var(--fontPrimary);
  font-weight: 700;
  text-decoration:  underline;
  line-height: 1em;
   padding: 0;
}

.wishlistpage .product .image img {
  height:  auto;
}

.wishlistpage .product .text {
  text-align: left;
  padding: 20px 0 0 0;
}
.wishlistpage .product .text h3 {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0;
  font-family: var(--fontPrimary);
  min-height: auto;
  margin-bottom: 10px;
}

.wishlistpage .product .text h3 a {
  color: var(--primaryDark);
}

.wishlistpage .product .buttons {
  padding: 0;
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
}

.wishlistpage .price {
  font-size: 16px;
  color: #1c1d1d;
  color: var(--colorPrice);
  letter-spacing: 0;
}
.wishlistpage p.variant_title {
  display: none;
}

.modal-footer .btn:only-child, .modal-footer .btn:not(:only-child):last-child {
  background-color: var(--primaryDark) !important;
  border-color: var(--primaryDark) !important;
  color: #fff !important;
  border-radius: 0;
  font-family: var(--fontPrimary);
  font-weight: 700;
  line-height: 1em;
  padding: 15px 15px;
}


.modal-footer .btn:not(:only-child) {
  background-color: #fff !important;
  border-color: var(--primaryDark) !important;
  color: var(--primaryDark) !important;
  border-radius: 0;
  font-family: var(--fontPrimary);
  font-weight: 700;
  line-height: 1em;
  padding: 15px 15px;
}

.mob-menu-wishlist span.topbadge {
  display: none !important;
}

.wishlist-mob-nav .topbadge {
  display: none !important;
}

/* Back to top button*/

.back-to-top-btn {
  display: inline-block;
  background-color: #fff;
  width: 73px;
  height: 73px;
  border-radius: 50%;
  text-align: center;
  position: fixed;
  bottom: 147px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  box-shadow: 0px 5px 10px #00000029;
  padding-top: 12px;
}

.back-to-top-btn span {
  color: var(--primaryDark);
  max-width: 35px;
  font-size: 10px;
  line-height: 9px;
  margin: 5px auto 0 auto;
  font-weight: bold;
}

.back-to-top-btn svg {
  margin: 0 auto;
}

.back-to-top-btn svg, .back-to-top-btn span {
  display: block
}

.back-to-top-btn:hover {
  cursor: pointer;
  opacity: 0.8;
}

.back-to-top-btn.show {
  opacity: 1;
  visibility: visible;
}

/* Collection sub category links */
.collection-hero__sub-categories{
  position: relative;
  margin: 30px 0 0 0;
}

.collection-hero__sub-categories-list{
  text-align: center;

  overflow: auto;
  white-space: nowrap;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  scroll-behavior: smooth;
}

.collection-hero__sub-categories-list::-webkit-scrollbar {
  display: none;
}

@media only screen and (min-width: 990px) {
  .collection-hero__sub-categories-list{
    overflow: hidden;
    white-space: normal;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    align-items: center;
  }
}


.collection-hero__sub-categories-list .btn{
  max-width: none;
  white-space: nowrap;
  width: auto;
  margin-right: 10px;
}

@media only screen and (min-width: 990px) {
  .collection-hero__sub-categories-list .btn{
    margin-right: 0;
  }
}

.collection-hero__sub-categories .nav-prev,
.collection-hero__sub-categories .nav-next {
  position: absolute;
  top: calc(50% - 15px);
  width: 30px;
  height: 30px;
  background: white;
  color: #3c3c3c;
  display: none;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  border: 1px solid #3c3c3c;
}

.collection-hero__sub-categories .nav-prev {
  left: 20px;
}
.collection-hero__sub-categories .nav-next {
  right: 20px;
}

@media only screen and (min-width: 750px) {
  .collection-hero__sub-categories .nav-prev,
  .collection-hero__sub-categories .nav-next{
     display: none!important;
  }
}

/* RVDR-165  Add legal text to registration page */
.registration-legal-text {
  font-size: .65rem;
  width: 85%;
  text-align: right;
  float: right;
  margin-bottom: 0.75rem;
}

.registration-legal-text > a {
  text-decoration: underline;
  font-weight: 600;
}

.disclaimer-box {
  background: #EFEFEF;
  border: 1px solid #D6D6D6;
  padding: 1rem;
  font-weight: 700;
}

@media only screen and (max-width: 960px) {
	klarna-placement .badge-container svg {
		max-width: 100%;
	}
}

@media only screen and (min-width: 960px) {
	.template-product .product__photos {
		display: flex;
		position: relative;
	}

	.template-product .product__thumbs {
		position: static;
	}

	.template-product .product__thumbs--below {
		width: 100px;
		order:-1;
	}

	.product__thumbs--below .product__thumbs--scroller {
		display: flex;
		flex-direction: column;
	}

	.product__thumbs--below .product__thumb-item {
		margin:0 0 10px 0;
	}

	.product__thumbs[data-position=below] .product__thumb-arrow {
		top:50%;
		transform: translate(0,-50%);
	}

	.product__thumbs[data-position=below] .product__thumb-arrow.product__thumb-arrow--prev {
		left:7.5rem;
	}
}

@media only screen and (max-width: 960px) {
	.announcement-slider .flickity-slider {
		display: flex;
		align-items: center;
	}
	#glopal_cs_position {
		right: 140px !important;
		top: 60px !important;
	}
}
@media only screen and (max-width: 768px) {
	#glopal_cs_position {
		right: 112px !important;
	}
}

.klarna-block .product-block-payment-widgets .block {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}
.klarna-block .product-block-payment-widgets .center {
    justify-content: center;
}
.klarna-block .product-block-payment-widgets .left {
    justify-content: flex-start;
}
.klarna-block .product-block-payment-widgets .right {
    justify-content: flex-end;
}
.klarna-block .product-block-payment-widgets .block p {
	margin:0;
}
.klarna-block .product-block-payment-widgets .block p a {
	text-decoration: underline;
}
.klarna-block .product-block-payment-widgets .block img {
	max-width: 3.125rem;
}
.template-product-gift-card .pdp-wishlist {
	display: none !important;
}
.template-product-gift-card .pdp-atc-form {
	margin-left:0;
}
.gift-card-form-container .form-fields .field {
	margin:0 0 1rem 0;
}
.gift-card-form-container .form-fields .field label {
	font-size: 0.875rem;
	display: block;
	margin:0 0 0.1875rem 0;
}
.gift-card-form-container .form-fields .field input,
.gift-card-form-container .form-fields .field textarea {
	width: 100%;
	background:#fff;
}

.shopify-app-block #text-banner-widget iframe {
	display: block;
}
.announcement-slider__slide {
	display: flex;
	justify-content: center;
	align-items: center;
}
.announcement-slider__slide .reviews-io-rating-bar-widget .R-TextBody {
	display: none !important;
}

@media only screen and (max-width: 768px) {
	.boost-pfs-filter-tree-v .boost-pfs-filter-option.boost-pfs-filter-option-collapsed .boost-pfs-filter-option-title-text:before,
	.boost-pfs-filter-tree-v .boost-pfs-filter-option-title-text:before {
		display: none !important;
	}
	.boost-pfs-filter-tree-v .boost-pfs-filter-option-title-heading {
		width: 100% !important;
	}
	.boost-pfs-filter-tree-v .boost-pfs-filter-option.boost-pfs-filter-option-collapsed .boost-pfs-filter-option-title-heading .boost-pfs-filter-option-title-text {
		background-image:url('icon-arrow.svg');
	}
	.boost-pfs-filter-tree-v .boost-pfs-filter-option-title-heading .boost-pfs-filter-option-title-text {
		width: 100% !important;
		position: relative;
		display: block;
		background: url("icon-arrow-up.svg") no-repeat top right / 20px;
	}
	.boost-pfs-filter-tree-v .boost-pfs-filter-option {
		padding:15px 0 !important;
		border: none !important;
	}
	#FilterDrawer .drawer__fixed-header {
		padding-left: 25px;
		padding-right: 25px;
	}
	#FilterDrawer .drawer__inner {
		padding:0 10px !important;
	}
	#FilterDrawer .drawer__fixed-header .drawer__title {
		font-size: 14px;
		text-transform: uppercase;
	}
	.boost-pfs-filter-option-item a,
	.boost-pfs-filter-option-item button {
		font-size: 15px !important;
	}
	.boost-pfs-filter-option-show-search-box[type=text] {
		border-radius: 2px !important;
	}
	.boost-pfs-filter-option-item {
		margin: 8px 0 !important;
	}
}

#CartDrawer {
	max-width: 550px;
}
#CartDrawerForm .drawer__close {
	display: block;
}
#CartDrawer shopify-accelerated-checkout-cart {
	--shopify-accelerated-checkout-button-block-size: 30px;
  	--shopify-accelerated-checkout-button-inline-size: 30px;
	--shopify-accelerated-checkout-row-gap: 2px;
	--shopify-accelerated-checkout-inline-alignment: center;
}
#CartDrawer .free-shopping-countdown-container {
	margin-top:0;
}
@media only screen and (max-width: 768px) {
	.drawer .additional-checkout-buttons.cart_additional_buttons_m {
		display: none;
	}
}

.product__thumbs--below .product__thumb-item img,
.product__thumbs--scroller .product__thumb-item img {
	opacity: 1;
}

.template-search {
	.grid__item {
		#CollectionSection {
			.grid--collection {
				display: flex;
				flex-wrap: wrap;
				.grid-product {
					width: 25%;
					clear: none;
					@media only screen and (max-width: 960px) {
						width: 50%;
					}
				}
			}
			.collection-filter__sort-container {
				display: flex;
				align-items: center; 
				gap: 6px;
				label {
					white-space: nowrap;
					margin:0;
				}
			}
		}
	}
}

#returnprime-root {
	padding-top: 40px;
}
#returnprime-root.returnprime .customer .sidenav {
	border: none;
}

.text-columns-with-images .btn {
	margin: 0 auto; 
}

.video-wrapper.restrict-ratio {
	padding:0;
	video {
		position: static;
		max-width: 500px;
		margin: 0 auto;
		display: block;
	}
}

.collection-hero__sub-categories-list .btn,
.grid-product__title {
	font-family: 'Work Sans', sans-serif;
	font-weight: 600;
}
.grid-product__price {
	font-family: 'Work Sans', sans-serif;
}

.site-footer {
	.grid {
		@media only screen and (max-width: 478px) {
			display: flex;
			flex-direction: column;
			.site-footer__top {
				order: -2;
			}
			[data-type="newsletter"] {
				order: -1;
			}
			.footer-custom-html {
				display: none;
			}
		}
	}
}

.custom-announcement-bar {
	width: 100%;
	position: relative;
	padding: 8px 0;
	z-index: 3;

	.close-icon {
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translate(0, -50%);
		cursor: pointer;
		svg {
			width: 12px;
		}
	}

	.page-width {
		text-align: center;
	}

	span {
		font-weight: 500;
	}

}

.js-boost-pfs-filter-btn-load-previous-page {
	font-family: Work Sans, sans-serif;
    font-weight: 600;
    border: 2px solid var(--colorTextBody) !important;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .64px;
}

.product-single__meta .free_delivery_flag {
	font-weight: 600;
	text-transform: uppercase;
	font-family: var(--fontPrimary);
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 4px 12px;
	border-radius: 2px;
}

.custom-navigation-container {

	width: 100%;

	.device-only-drawer-toggle {
		display: none;
		@media only screen and (max-width: 960px) {
			display: block;
			margin: 0 0 30px 22px;
			.icon-hamburger__text {
				text-transform: uppercase;
			}
		}
	}

	.mobile-menu-item {

		display: none;

	}

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

		position: fixed;
		top: 0;
		left: 0;
		height: 100dvh;
		width: calc(100% - 60px);
		background: #fff;
		z-index: 99999999;
		display: none !important;
		flex-direction: column;
		padding: 30px 0;
		justify-content: flex-start;
		align-items: flex-start;
		overflow-x: hidden;
        overflow-y: auto;

		.header-item--logo {
			display: none;
		}

		.mobile-menu-item {

			display: block;
			list-style: none;
			padding: 0 30px;
			margin: 0;
			width: 100%;

			li {

				a {
					font-size: 14px;
					display: inline-block;
					margin: 15px 0 15px 0;
				}

			}

		}

		.header-item--split-left,
		.header-item--split-right {
			width: 100%;
			flex: unset !important;
			margin: 0 !important;
			text-align: left !important;

			.site-nav {

				width: 100%;
				flex-direction: column;

				.site-nav__item {

					padding: 0 30px;

					.site-nav__link {

						display: block;
						padding: 20px 0;

						&.site-nav__link--has-dropdown {}

						&::after {
							display: none;
						}

						&::before {
							position: absolute;
							display: inline-block;
							content: "";
							background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.414' height='15.414' viewBox='0 0 15.414 15.414'%3E%3Cdefs%3E%3Cstyle%3E.a,.b%7Bfill:none;stroke:%233c3c3c;stroke-width:2px;%7D.a%7Bstroke-linejoin:round;%7D%3C/style%3E%3C/defs%3E%3Cg transform='translate(0 0.707)'%3E%3Cline class='a' x2='14' transform='translate(0 7)'/%3E%3Cpath class='b' d='M12,5l7,7-7,7' transform='translate(-5 -5)'/%3E%3C/g%3E%3C/svg%3E");
							width: 21px;
							height: 21px;
							vertical-align: middle;
							right: 1rem;
							background-repeat: no-repeat;
						}

					}

					.megamenu {
						display: none;
						opacity: 1;
						visibility: visible;
						position: fixed;
						top: 0;
						left: 0;
						width: 100%;
						max-width: calc(100% - 60px);
						min-width: unset;
						height: 100dvh;
						padding: 0;
						z-index: 99999;

						.page-width {

							padding: 0;

							.grid {
								
								margin: 0;
								display: block;
								padding: 0 30px;
								overflow: auto;
								max-height: 100dvh;

								.device-only-drawer-toggle {
									margin-left: 0;
									.site-nav__link {
										display: flex;
										gap: 5px;
										align-items: center;
										padding-top: 35px;
										&::before {
											display: none;
										}
										.menu-icon-close {
											padding-left: 2px;
										}
										.icon-hamburger__text {
											font-size: 16px;
											margin: -2px 0 0 0;
										}
									}
								}

								.grid__item {
								
									opacity: 1;
									transform: translateY(0);
									width: 100%;
									padding: 0;
									margin-bottom: 20px;

									.site-nav__dropdown-link--top-level {
										text-transform: uppercase;
										font-size: 16px;
									}

									.site-nav__dropdown-link {
										font-size: 16px;
										margin: 0 0 12px 0;
										padding: 0;
									}

								}
							}

						}

					}

					&.mm_expanded {

						.megamenu {
							
							display: block !important;




						}

					} /* mm_expanded */

				}
			
			}

		}

	}	

}
 
.header-sticky-wrapper {
	@media only screen and (max-width: 960px) {
		z-index: auto;
	}
}


@media only screen and (max-width: 960px) {
	
	body.menu-drawer-expanded {

		&.template-product {
			overflow: hidden;
		}

		.custom-navigation-container {
			display: flex !important;
		}

		#chat-button,
		#chat-input {
			display: none !important;
		}

	}

}

.glopal-AE .announcement-slider__slide:nth-of-type(2) {
	display: block;
}

.product-block {
	.btn.btn--full.add-to-cart.soldout,
	.btn.btn--full.add-to-cart.soldout:hover {
		background: #D0D0D0;
        color: #3C3C3C;
	}
}
.product-single__sticky {
	position: sticky;
	top: 100px;
	@media only screen and (max-width: 960px) {
		position: static;
	}
	.product--media-carousel-container {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		@media only screen and (max-width: 960px) {
			flex-wrap: wrap;
		}
		.product--media-carousel-thumbs {
			width: 80px;
			order: -1;
			display: flex;
			flex-direction: column;
			gap: 12px;
			@media only screen and (max-width: 960px) {
				width: 100%;
				flex-direction: row;
				gap: 10px;
				overflow: auto;
				order: 2;
				margin-top: 16px;
				scrollbar-width: none;
  				-ms-overflow-style: none;
  				&::-webkit-scrollbar {
			    	display: none;
			  	}
			}
			.product--media-carousel-thumb {
				border: 1px solid transparent;
				transition: .3s all;
				padding: 0;
				margin: 0;
				@media only screen and (max-width: 960px) {
					width: 76px;
					min-width: 76px;
				}
				&.is-active {
					border-color: #000;
				}
				img {
					width: 100%;
					height: unset;
					display: block;
				}
			}
		}
		.product--media-carousel-primary {
			width: calc(100% - 120px);
			position: relative;
			@media only screen and (max-width: 960px) {
				width: 100%;
				background: var(--backgroundColor);
			}
			.product--media-carousel-prev,
			.product--media-carousel-next {
				position: absolute;
				z-index: 3;
				top: 50%;
				transform: translate(0,-50%);
				width: 38px;
				height: 38px;
				border-radius: 50%;
				border: 2px solid #000;
				display: block;
				padding: 0;
				@media only screen and (max-width: 768px) {
					display: none;
				}
				&[disabled] {
					opacity: 0;
				}
				svg {
					width: 36px;
					height: unset;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					path {
						stroke-width: 2px;
					}
				}
			}
			.product--media-carousel-prev {
				left: 16px;
				svg {
					transform: translate(-50%, -50%) rotate(180deg);
				}
			}
			.product--media-carousel-next {
				right: 16px;
			}
			.swiper--block {
				background: var(--backgroundColor);
				position: relative;
				img {
					width: 100%;
					height: unset;
					display: block;
				}
				&.product--media-carousel-size-slide {
					display: flex;
					align-items: center;
					justify-content: center;
					.product--media-carousel-size-tags {
						.size-tag {
							position: absolute;
							z-index: 2;
							background: #fff;
							padding:3px 10px;
						}
					}
					img {
						mix-blend-mode: darken;
					}
				}
				&.size-t-shirts {
					.product--media-carousel-size-tags .size-tag {
						&.size-chest {
							top:46%;
							left: 50%;
							transform: translate(-50%, 0);
						}
						&.size-length {
							top:50%;
							left: 20%;
							transform: translate(-50%, 0) rotate(-90deg);
						}
					}
				}
				&.size-jackets {
					.product--media-carousel-size-tags .size-tag {
						&.size-chest {
							top:40%;
							left: 50%;
							transform: translate(-50%, 0);
						}
						&.size-length {
							top:42%;
							left: 13%;
							transform: translate(-50%, -50%) rotate(-90deg);
						}
						&.size-sleeve {
							right: 3%;
							top: 50%;
							transform: translate(0, -50%) rotate(90deg);
						}
						@media only screen and (max-width: 478px) {
							&.size-sleeve {
								right: 0%;
							}
						}
					}
				}
				&.size-hoodies-sweatshirts,
				&.size-fleeces {
					.product--media-carousel-size-tags .size-tag {
						&.size-chest {
							top:45%;
							left: 50%;
							transform: translate(-50%, 0);
						}
						&.size-length {
							top:47%;
							left: 15%;
							transform: translate(-50%, -50%) rotate(-90deg);
						}
					}
				}
				&.size-shirts {
					.product--media-carousel-size-tags .size-tag {
						&.size-chest {
							top:43%;
							left: 50%;
							transform: translate(-50%, 0);
						}
						&.size-length {
							top:46%;
							right: -3%;
							transform: translate(-50%, -50%) rotate(90deg);
							@media only screen and (max-width: 478px) {
								right: -16%;
							}
						}
						&.size-sleeve {
							left: 3%;
							top: 47%;
							transform: translate(0, -50%) rotate(-90deg);
							@media only screen and (max-width: 478px) {
								left: -10%;
							}
						}
					}
				}
				&.size-dresses,
				&.size-lingerie-nightwear {
					.product--media-carousel-size-tags .size-tag {
						&.size-chest {
							top:24%;
							left: 50%;
							transform: translate(-50%, 0);
						}
						&.size-length {
							top:50%;
							left: 12%;
							transform: translate(-50%, -50%) rotate(-90deg);
						}
						&.size-sleeve {
							right: 8%;
							top: 23%;
							transform: translate(0, -50%) rotate(90deg);
							@media only screen and (max-width: 478px) {
								right: -2%;
							}
						}
					}
				}
				&.size-blouses {
					.product--media-carousel-size-tags .size-tag {
						&.size-chest {
							top:35%;
							left: 50%;
							transform: translate(-50%, 0);
						}
						&.size-length {
							top:46%;
							right: 0%;
							transform: translate(-50%, -50%) rotate(90deg);
							@media only screen and (max-width: 478px) {
								right: -16%;
							}
						}
						&.size-sleeve {
							left: 1%;
							top: 47%;
							transform: translate(0, -50%) rotate(-90deg);
							@media only screen and (max-width: 478px) {
								left: -10%;
							}
						}
					}
				}
				&.size-swimwear {
					.product--media-carousel-size-tags .size-tag {
						&.size-chest {
							top:35%;
							left: 50%;
							transform: translate(-50%, 0);
						}
						&.size-length {
							top:50%;
							left: 12%;
							transform: translate(-50%, -50%) rotate(-90deg);
						}
						&.size-sleeve {
							right: 3%;
							top: 50%;
							transform: translate(0, -50%) rotate(90deg);
						}
					}
				}
				&.size-trousers,
				&.size-jeans {
					.product--media-carousel-size-tags .size-tag {
						&.size-waist {
							top:3%;
							left: 50%;
							transform: translate(-50%, 0);
						}
						&.size-inside-leg {
							top:63%;
							left: 40%;
							transform: translate(-50%, -50%) rotate(-90deg);
						}
					}
				}
				&.size-dungarees {
					.product--media-carousel-size-tags .size-tag {
						&.size-waist {
							top:37%;
							left: 50%;
							transform: translate(-50%, 0);
						}
						&.size-inside-leg {
							top:68%;
							left: 43%;
							transform: translate(-50%, -50%) rotate(-90deg);
						}
					}
				}
				&.size-shorts {
					.product--media-carousel-size-tags .size-tag {
						&.size-waist {
							top:19%;
							left: 50%;
							transform: translate(-50%, 0);
						}
						&.size-length {
							top:50%;
							left: 12%;
							transform: translate(-50%, -50%) rotate(-90deg);
						}
						&.size-inside-leg {
							top:68%;
							left: 39%;
							transform: translate(-50%, -50%) rotate(-90deg);
						}
					}
				}
				&.size-skirts {
					.product--media-carousel-size-tags .size-tag {
						&.size-waist {
							top:4%;
							left: 50%;
							transform: translate(-50%, 0);
						}
						&.size-length {
							top:50%;
							left: 20%;
							transform: translate(-50%, -50%) rotate(-90deg);
						}
					}
				}
				&.size-suits-tailoring {
					.product--media-carousel-size-tags .size-tag {
						&.size-waist {
							top:9%;
							right: 13%;
						}
						&.size-length {
							top:46%;
							left: 6%;
							transform: translate(-50%, -50%) rotate(-90deg);
						}
						&.size-inside-leg {
							top:60%;
							right: 19%;
							transform: rotate(-90deg);
							@media only screen and (max-width: 478px) {
								top: 60%;
							}
						}
						&.size-chest {
							top:32%;
							left: 35%;
							@media only screen and (max-width: 478px) {
								left: 31%;
							}
						}
						&.size-sleeve {
							left: 9%;
							top: 44%;
							transform: rotate(-90deg);
							@media only screen and (max-width: 478px) {
								left: 1%;
							}
						}
					}
				}
			}
			&.product_zoom_enable {
				.swiper--block {
					@media only screen and (max-width: 768px) {
						&::after {
							content: '';
							position: absolute;
							bottom: 20px;
							right: 20px;
							width: 40px;
							height: 40px;
							background: url('icon-search.svg') no-repeat center center / 20px #fff;
							border-radius: 50%;
						}
					}
					img {
						cursor: zoom-in;
					}
				}
			}
		}
	}
}
.product-media-zoom-modal {

	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 999999;
	display: none;

	&.is-active {

		display: block;

	}

	.product-media-zoom-container {

		width: 700px;
		max-width: 100%;
		height: calc(100vh - 120px);
		display: flex;
		justify-content: center;
		align-items: center;

		.swiper-slide {

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

			img {
				width: 100%;
				height: 100%;
				display: block;
				object-fit: contain;
			}

		}

	}

	.product-media-zoom-controls {

		height: 120px;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 20px;

		.product-media-zoom-prev,
		.product-media-zoom-next {

			width: 50px;
			height: 50px;
			border: 1px solid var(--colorBorder);
			border-radius: 50%;
			position: relative;

			svg {

				width: 32px;
				height: unset;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				path {
					stroke-width: 2px;
				}

			}

		}

		.product-media-zoom-prev {
			transform: rotate(180deg);
		}

		.product-media-zoom-close {

			width: 60px;
			height: 60px;
			border: 1px solid var(--colorBorder);
			border-radius: 50%;
			position: relative;

			svg {

				width: 14px;
				height: unset;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				line {
					stroke-width: 2px;
				}

			}

		}

	}

}

.custom-cart__container {
	@media only screen and (max-width: 960px) {	
		margin-top: 20px;
	}
}