/** Shopify CDN: Minification failed

Line 600:15 Unexpected "{"

**/
@font-face {
  font-family: "Museo Sans 500";
  src: url("/cdn/shop/files/MuseoSans-500.woff2")
      format("woff2"),
    url("/cdn/shop/files/MuseoSans-500.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans 700";
  src: url("/cdn/shop/files/MuseoSans-700.woff2")
      format("woff2"),
    url("/cdn/shop/files/MuseoSans-700.woff")
      format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Museo Sans 300";
  src: url("/cdn/shop/files/MuseoSans-300.woff2")
      format("woff2"),
    url("/cdn/shop/files/MuseoSans-300.woff")
      format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-UltraItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-UltraItalic.woff")
      format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-Light.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-Light.woff")
      format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-BookItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-BookItalic.woff")
      format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-BookItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-BookItalic.woff")
      format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-XLight.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-XLight.woff")
      format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-BoldItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-BoldItalic.woff")
      format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-Thin.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-Thin.woff")
      format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-Black.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-Black.woff")
      format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-ThinItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-ThinItalic.woff")
      format("woff");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-Medium.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-Medium.woff")
      format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-MediumItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-MediumItalic.woff")
      format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-Bold.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-Bold.woff")
      format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-XLightItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-XLightItalic.woff")
      format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-LightItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-LightItalic.woff")
      format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-Medium.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-Medium.woff")
      format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-Light.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-Light.woff")
      format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-Bold.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-Bold.woff")
      format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Gotham";
  src: url("/cdn/shop/files/Gotham-Book.woff2")
      format("woff2"),
    url("/cdn/shop/files/Gotham-Book.woff")
      format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextMedium.eot");
  src: url("/cdn/shop/files/Magnat-TextMedium.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextMedium.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextMedium.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextMedium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextLightItalic.eot");
  src: url("/cdn/shop/files/Magnat-TextLightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextLightItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextLightItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextLightItalic.ttf")
      format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextRegularItalic.eot");
  src: url("/cdn/shop/files/Magnat-TextRegularItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextRegularItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextRegularItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextRegularItalic.ttf")
      format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadExtraBold.eot");
  src: url("/cdn/shop/files/Magnat-HeadExtraBold.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadExtraBold.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadExtraBold.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadExtraBold.ttf")
      format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadLight.eot");
  src: url("/cdn/shop/files/Magnat-HeadLight.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadLight.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadLight.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadLight.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextBoldItalic.eot");
  src: url("/cdn/shop/files/Magnat-TextBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextBoldItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextBoldItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextBoldItalic.ttf")
      format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextLight.eot");
  src: url("/cdn/shop/files/Magnat-TextLight.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextLight.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextLight.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextLight.ttf")
      format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextExtraBoldItalic.eot");
  src: url("/cdn/shop/files/Magnat-TextExtraBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextExtraBoldItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextExtraBoldItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextExtraBoldItalic.ttf")
      format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadSemiBoldItalic.eot");
  src: url("/cdn/shop/files/Magnat-HeadSemiBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadSemiBoldItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadSemiBoldItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadSemiBoldItalic.ttf")
      format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadRegular.eot");
  src: url("/cdn/shop/files/Magnat-HeadRegular.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadRegular.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadRegular.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadRegular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadLightItalic.eot");
  src: url("/cdn/shop/files/Magnat-HeadLightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadLightItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadLightItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadLightItalic.ttf")
      format("truetype");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadBoldItalic.eot");
  src: url("/cdn/shop/files/Magnat-HeadBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadBoldItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadBoldItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadBoldItalic.ttf")
      format("truetype");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadBold.eot");
  src: url("/cdn/shop/files/Magnat-HeadBold.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadBold.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadBold.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadBold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadMedium.eot");
  src: url("/cdn/shop/files/Magnat-HeadMedium.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadMedium.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadMedium.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadMedium.ttf")
      format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadExtraBoldItalic.eot");
  src: url("/cdn/shop/files/Magnat-HeadExtraBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadExtraBoldItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadExtraBoldItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadExtraBoldItalic.ttf")
      format("truetype");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextSemiBoldItalic.eot");
  src: url("/cdn/shop/files/Magnat-TextSemiBoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextSemiBoldItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextSemiBoldItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextSemiBoldItalic.ttf")
      format("truetype");
  font-weight: 600;
  font-style: italic;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextRegular.eot");
  src: url("/cdn/shop/files/Magnat-TextRegular.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextRegular.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextRegular.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextRegular.ttf")
      format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextSemiBold.eot");
  src: url("/cdn/shop/files/Magnat-TextSemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextSemiBold.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextSemiBold.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextSemiBold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextBold.eot");
  src: url("/cdn/shop/files/Magnat-TextBold.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextBold.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextBold.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextBold.ttf")
      format("truetype");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextMediumItalic.eot");
  src: url("/cdn/shop/files/Magnat-TextMediumItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextMediumItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextMediumItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextMediumItalic.ttf")
      format("truetype");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: "Magnat Text";
  src: url("/cdn/shop/files/Magnat-TextExtraBold.eot");
  src: url("/cdn/shop/files/Magnat-TextExtraBold.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-TextExtraBold.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-TextExtraBold.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-TextExtraBold.ttf")
      format("truetype");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadRegularItalic.eot");
  src: url("/cdn/shop/files/Magnat-HeadRegularItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadRegularItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadRegularItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadRegularItalic.ttf")
      format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadSemiBold.eot");
  src: url("/cdn/shop/files/Magnat-HeadSemiBold.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadSemiBold.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadSemiBold.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadSemiBold.ttf")
      format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Magnat Head";
  src: url("/cdn/shop/files/Magnat-HeadMediumItalic.eot");
  src: url("/cdn/shop/files/Magnat-HeadMediumItalic.eot?#iefix")
      format("embedded-opentype"),
    url("/cdn/shop/files/Magnat-HeadMediumItalic.woff2")
      format("woff2"),
    url("/cdn/shop/files/Magnat-HeadMediumItalic.woff")
      format("woff"),
    url("/cdn/shop/files/Magnat-HeadMediumItalic.ttf")
      format("truetype");
  font-weight: 500;
  font-style: italic;
}


.block-swatch-list{display:flex;}

.grade_Grade-A+{order:2;}
.grade_Grade-A{order:1;}
.grade_Grade-B{order:0;}
.grade_Ny{order:2;}
.grade_Grade-S{order:2;}
.grade_Grade-C{order:-1;}
.grade_Grade-Som-NY{order:-2;}
.grade_Grade-Helt-NY{order:-3;}

.grade_4GB{order:-6;}
.grade_8GB{order:-5;}
.grade_16GB{order:-4;}
.grade_32GB{order:-3;}
.grade_64GB{order:-2;}
.grade_128GB{order:-1;}
.grade_256GB{order:0;}
.grade_512GB{order:1;}
.grade_1024GB{order:2;}
.grade_1TB{order:2;}
.grade_2TB{order:3;}

body {
  font-family: "Museo Sans 500";
}
p {
  font: normal normal normal 16px/24px "Museo Sans 500";
}

.announcement-bar__content {
  font: normal normal normal 14px/18px "Museo Sans 500";
}
.nav-bar__link,
.nav-dropdown__link,
.search-bar__top {
  font-size: 14px;
  color: var(--primary-button-text-color);
}

.slideshow .slideshow__title {
  font-family: "Magnat Text";
  font-weight: 400;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 1.1;
}
.slideshow .slideshow__content {
  font-family: "Museo Sans 500";
  font-size: 18px;
  text-transform: uppercase;
}

.text-with-icons .text-with-icons__title {
  font: normal normal normal 22px/27px "Museo Sans 500";
  color: #282828;
}

.featured-collection .featured-collection__title {
  font-size: 40px;
  line-height: 46px;
}
.product-label {
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.product-item__info .product-item__title {
  font-size: 22px;
  font-family: "Museo Sans 700";
  color: #282828;
}
.product-item__info .price.price--highlight {
  font-size: 16px;
  font-weight: 300;
  font-family: "Museo Sans 500";
  color: #282828;
}
.product-item__info .price.price--compare {
  font: normal normal normal 18px/24px "Museo Sans 500";
  letter-spacing: 0px;
  color: #c3c3c3;
  text-transform: unset;
}
.template-collection .product-item__price-list {
  flex-direction: column;
}
.template-collection .product-item__info .price.price--highlight {
  font: normal normal normal 28px/30px "Museo Sans 700";
  color: #fd6d4d;
}
.template-collection .product-item__info .price.price--compare {
  font: normal normal normal 18px/30px "Museo Sans 500";
  color: #c3c3c3;
}

.mosaic .promo-block__heading {
  font-family: "Museo Sans 500";
  font-size: 40px;
  line-height: 1;
}

.section__header .section__title {
  font-family: "Museo Sans 500";
  font-size: 40px;
  line-height: 1;
}
.section__header .section__action-link {
  color: #09284e;
}

.image-with-text .heading,
.news-heading {
  font-family: "Magnat Head";
  font-size: 65px;
  line-height: 75px;
  font-weight: 700;
  text-align: center;
}
.image-with-text p,
.news-desc p {
  font-size: 20px;
  text-align: center;
}
.newsl {
  max-width: 50%;
}
.newsletter--compact {
  max-width: 400px;
  margin-right: auto;
  margin-left: auto;
}

.article-item .article-item__title {
  font-family: "Museo Sans 500";
  font-size: 20px;
}
.promo-block__cta.button {
  transition: all 0.3s ease;
}
.promo-block__cta.button:hover {
  background: #09284e !important;
  color: #fff !important;
}
.template-collection .collection__title {
  font: normal normal bold 40px/50px Magnat Head;
  letter-spacing: 0px;
  color: #282828;
  text-transform: unset;
  margin-bottom: 24px;
}

.product-item__info-inner .fst-text {
  font: normal normal normal 14px/17px "Museo Sans 300";
  letter-spacing: 0px;
  color: #777070;
  margin-bottom: 10px;
  display: block;
}
.product-item__info-inner .product_additional_content ul {
  margin: 0;
  margin-bottom: 15px;
  padding: 0;
  color: #000;
  font-size: 14px;
}

.text-with-icons__icon-wrapper img {
  max-width: 80px;
}
.text-with-icons__icon-wrapper {
  margin-top: 0;
}

.template-product .product-meta__title {
  font: normal normal bold 40px/45px Magnat Head;
  letter-spacing: 0px;
  color: #282828;
  text-transform: unset;
  margin-bottom: 30px;
}
.template-product .price--highlight,
.template-product .single_price {
  font: normal normal normal 22px/18px "Museo Sans 500";
  letter-spacing: 0px;
  color: #e00;
}
.template-product .price--compare {
  font: normal normal normal 20px/18px "Museo Sans 500";
  letter-spacing: 0px;
  color: #000;
}
.template-product .cross-sale-item .product-item__title {
  text-transform: uppercase;
  font-size: 14px !important;
  letter-spacing: 0.2em;
  font: normal normal normal 16px/23px "Museo Sans 500";
}
.template-product .cross-sale-item .price {
  font-size: 13.6px;
  color: #1c1d1d;
  font-style: italic;
}
.template-product
  .product-recommendations
  .product-item__info
  .price.price--highlight,
.template-product .product-recommendations .product-item__info .single_price {
  font-size: 18px;
}
.template-product .product-form__info-title {
  display: none;
}

.color-swatch-list--large .color-swatch__item {
  width: 25px;
  height: 25px;
  position: relative;
  border-radius: 50%;
}
.color-swatch-list--large .color-swatch__item::after {
  content: "";
  position: absolute;
  border: 0.75px solid #c3c3c3;
  padding: 5px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  left: 0px;
  top: 0px;
}
.color-swatch__radio:checked + .color-swatch__item::after,
.color-swatch__button.is-selected .color-swatch__item::after {
  border-radius: 50%;
  border-color: #09284e;
}
.block-swatch__radio:checked + .block-swatch__item {
  box-shadow: 0 0 0 1px #09284e;
  border-color: #09284e;
  background: rgba(9, 40, 78, 0.06);
  color: #09284e;
}

.stickers_div {
  position: absolute;
}
.grade_details_content div {
  font: normal normal normal 16px/24px "Museo Sans 300";
  color: #000;
}
.template-product .price_bottom_text {
  font-family: "Museo Sans 500";
  font-size: 13.6px;
  color: #000;
  margin-top: 10px;
}
.template-product .price_bottom_text a {
  color: #000 !important;
}
.template-product .product-item__action-button {
  width: 100%;
  margin: 5px 0 0 0 !important;
}
.template-product .cross-sale-item {
  margin: 0 !important;
}
.template-product .featured-collection {
  padding-right: 0;
}
/* .template-product .product-block-list__item
{
  width:100%;
} */
.template-product .card {
  margin: 10px 10px 10px 10px;
}

.page__header .page__title {
  font: normal normal bold 40px/45px Magnat Head;
  letter-spacing: 0;
  color: #282828;
  text-transform: unset;
  margin-bottom: 30px;
}
.page__content.rte h3 {
  font: normal normal normal 30px/35px "Museo Sans 500";
  letter-spacing: 0px;
  color: #282828;
  text-transform: unset;
  margin-bottom: 15px;
}
.page__content p {
  font: normal normal normal 16px/24px "Museo Sans 300";
  color: #000;
}

.announce__linklist {
  display: flex;
  align-items: center;
  gap: 20px;
}

.product-item--vertical .product-item__action-list--list-view-only,
.product-item--vertical .product-item__action-button--list-view-only,
.product-item--horizontal .product-item__action-list--list-view-only,
.product-item--horizontal .product-item__action-button--list-view-only {
  display: block;
}

.faq .class_section {
  position: -webkit-sticky;
  position: sticky;
  top: 180px;
  display: flex;
  gap: 10px;
  flex-direction: column;
  min-width: 270px;
  margin-top: 55px;
  align-self: flex-start;
}
.faq .class_section h2 {
  text-transform: capitalize;
  letter-spacing: 0px;
  color: #282828;
  font: normal normal normal 16px/32px "Museo Sans 700";
}
.faq .class_section a {
  text-decoration: underline;
  color: #282828;
  font-size: 16px;
}
.faq .class_section a:hover {
  color: #fd6d4d;
}
.faq {
  display: flex;
  gap: 50px;
  margin: 40px auto 115px;
}
.faq .faq__richtext {
  margin: 0 0 30px 0;
}
.faq .faq__richtext h2 {
  color: #282828;
  font: normal normal normal 40px/85px "Museo Sans 500";
  text-transform: none;
  line-height: 85px;
  margin: 30px 0 0 0;
}
.faq .faq__richtext .faq__richtextc p strong {
  color: #282828;
  font: normal normal normal 20px/32px "Museo Sans 500";
  line-height: 32px;
}
.faq .faq__item-wrapper .faq__question {
  color: #282828;
  font: normal normal normal 16px/32px "Museo Sans 700";
  line-height: 32px;
}
.faq .faq__item-wrapper .faq__answer p,
.faq .faq__richtext .faq__richtextc p {
  font: normal normal normal 16px/24px "Museo Sans 300";
  color: #282828;
}

.up-sell-wrapper {
  display: block;
  width: 100%;
  margin-top: 20px;
}

.up-sell-wrapper .upsell-product-main {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex: 100% 0 0;
  -webkit-flex: 100% 0 0;
  -moz-flex: 100% 0 0;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  align-items: center;
  background: #e7e7e7;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}
.up-sell-wrapper .upsell-product-main .up-product-check label {
  margin: 0px !important;
  padding: 0;
}
.up-sell-wrapper .upsell-product-main .up-product-check {
  flex: 68px 0 0;
  -webkit-flex: 68px 0 0;
  -moz-flex: 68px 0 0;
  padding: 0 10px;
  max-width: 68px;
  position: relative;
}

.up-sell-wrapper .upsell-product-main .up-product-image {
  flex: 89px 0 0;
  -webkit-flex: 89px 0 0;
  -moz-flex: 89px 0 0;
  max-width: 89px;
  padding: 0 10px;
}

.up-sell-wrapper .upsell-product-main .up-product-content {
  flex: 100% 0 0;
  -webkit-flex: 100% 0 0;
  -moz-flex: 100% 0 0;
  max-width: calc(100% - 157px);
  padding: 0 10px;
}
.up-sell-wrapper .upsell-product-main .up-product-content h3 {
  font: normal normal normal 19px/24px "Museo Sans 500";
  letter-spacing: 0px;
  color: #282828;
  margin: 0 0 5px 0;
  text-transform: capitalize;
}
.up-sell-wrapper .upsell-product-main .up-product-content p {
  font: normal normal normal 14px/24px "Museo Sans 300";
  letter-spacing: 0px;
  color: #282828;
  margin: 0;
}

.switch-input {
  display: none;
}
.switch-label {
  display: block;
  width: 48px;
  height: 28px;
  position: relative;
  text-indent: -150%;
  clip: rect(0 0 0 0);
  color: transparent;
  user-select: none;
}
.switch-label::before,
.switch-label::after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}
.switch-label::before {
  width: 100%;
  height: 100%;
  background-color: #f9f9f9;
  border-radius: 9999em;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}
.switch-label::after {
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgb(0 0 0 / 45%);
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}
.switch-input:checked + .switch-label::before {
  background-color: #09284e;
}
.switch-input:checked + .switch-label::after {
  right: 3px;
  left: auto;
}
.product_tag_otr {
  padding-top: 0;
}
.product_que_otr .product_que_inr button.accordion-button {
  position: relative;
}
.product_que_otr .product_que_inr button.accordion-button:after {
  content: "-";
  position: absolute;
  width: 18px;
  font-size: 21px;
  height: 38px;
  background-size: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  right: 0;
  margin-left: 10px;
}
.product_ans_otr .product_ans_inr .accordion-collapse ul li {
  font: normal normal normal 16px/26px "Museo Sans 300";
}
.product_ans_otr .product_ans_inr .accordion-collapse span {
  font: normal normal normal 16px/26px "Museo Sans 300";
}
.product_ans_otr .product_ans_inr .accordion-collapse p {
  font: normal normal normal 16px/26px "Museo Sans 300";
}
.custom_code_patch .grid-product__content {
  background: 0 0;
  position: absolute;
  bottom: 15px;
  left: 40px;
  right: 15%;
  padding: 0;
}
.product_que_otr {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  justify-content: space-around;
  text-align: center;
  border-bottom: 2px solid #e7e7e7;
  align-items: center;
}
.product_que_otr .product_que_inr {
  margin: 0;
  font: normal normal normal 16px/19px "Museo Sans 500";
  letter-spacing: 0;
  color: #282828;
  text-transform: unset;
  text-align: left;
  cursor: pointer;
  position: relative;
  width: 100%;
  flex: 1 0 0;
  text-align: center;
}
.product_que_otr .product_que_inr button {
  width: 100%;
  padding: 20px;
  background: 0 0;
  color: inherit;
}
.accordion-button:not(.collapsed)::after {
  background-image: none;
}
.product_que_otr .product_que_inr button.accordion-button.collapsed:after {
  content: "+";
  position: absolute;
  width: 18px;
  font-size: 21px;
  height: 38px;
  background-size: 100%;
  top: 65%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  right: 0;
  margin-left: 10px;
}
.product_que_otr .product_que_inr button.accordion-button:before {
  content: "";
  position: absolute;
  background: #fd6d4d;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -2px;
}
.product_que_otr .product_que_inr button:hover:before {
  content: "";
  position: absolute;
  background: #282828;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -2px;
}
.product_que_otr .product_que_inr button.accordion-button:hover:before {
  content: "";
  position: absolute;
  background: #fd6d4d;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -2px;
}
.product_que_otr .product_que_inr button.accordion-button.collapsed:before {
  content: none;
}
.product_que_otr .product_que_inr button.accordion-button:hover:before {
  content: "";
  position: absolute;
  background: #fd6d4d;
  height: 2px;
  left: 0;
  right: 0;
  bottom: -2px;
}
.product_ans_otr .product_ans_inr p {
  font: normal normal normal 14px/24px "Museo Sans 300";
  letter-spacing: 0;
  color: #282828;
}
.product_ans_otr .product_ans_inr p strong {
  font-weight: 600;
  letter-spacing: 0.4px;
}
.product_ans_otr .product_ans_inr h3 {
  font: normal normal normal 25px/30px "Museo Sans 500";
  letter-spacing: 0;
  color: #282828;
  text-transform: unset;
  text-align: left;
  margin-bottom: 8px;
}
.product_ans_inr {
  padding: 0;
  border: none;
}
.product_ans_inr .accordion-body {
  columns: 2;
}
.accordion-button:focus {
  z-index: 3;
  border: none;
  outline: 0;
  box-shadow: none;
}
.product_ans_otr .product_ans_inr.current {
  display: block;
}
.product_tag_otr {
  padding-top: 0;
}
.product_que_otr .product_que_inr button.accordion-button:after {
  content: "-";
  position: absolute;
  width: 18px;
  font-size: 21px;
  height: 38px;
  background-size: 100%;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  right: 0;
  margin-left: 10px;
}
.product_ans_otr .product_ans_inr .accordion-collapse ul li {
  font: normal normal normal 16px/26px "Museo Sans 300";
}
.product_ans_otr .product_ans_inr .accordion-collapse span {
  font: normal normal normal 16px/26px "Museo Sans 300";
}
.product_ans_otr .product_ans_inr .accordion-collapse p {
  font: normal normal normal 16px/26px "Museo Sans 300";
}
.custom_code_patch .grid-product__content {
  background: 0 0;
  position: absolute;
  bottom: 15px;
  left: 40px;
  right: 15%;
  padding: 0;
}

.template-product .cross-sale-item .grid {
  margin: 0;
}
.template-product .cross-sale-item .grid .product-item {
  max-width: 50%;
  width: 100%;
}

.product_dis_content {
  display: block;
  width: 100%;
  margin: 20px 0 0px 0;
  padding: 0 5px;
}

.product_dis_content_otr {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  justify-content: space-between;
}

form[action="/cart/add"] div#description {
  font: normal normal normal 14px/21px "Museo Sans 300";
  letter-spacing: 0px;
  color: #282828;
  margin-bottom: 10px;
}

.product_dis_content_otr .product_dis_content_inr {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
}

.product-single__meta {
  padding-left: 0px;
}

.product_dis_content_otr .product_dis_content_inr .product_dis_content_img img {
  max-width: 35px;
  margin-right: 8px;
}

.product_dis_content_otr .product_dis_content_inr .product_dis_content_text {
  font: normal normal normal 14px/18px "Museo Sans 500";
  letter-spacing: 0px;
  color: #282828;
  text-transform: unset;
}

.footer__collapsible {
  display: flex;
  align-items: flex-start;
}

.footer__collapsible img {
  height: 38px;
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
  margin-right: 10px;
}

.custom_code_patch.coll-banner {
  position: relative;
  display: flex;
  height: 100%;
  width: 100%;
}
.custom_code_patch.coll-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.custom_code_patch.coll-banner .grid-product__content {
  left: 20px;
}
.custom_code_patch.coll-banner .grid-product__content h1 {
  font: normal normal normal 22px/30px "Museo Sans 500";
  color: #ffffff;
  text-transform: unset;
  margin-bottom: 20px;
}
.custom_code_patch.coll-banner .grid-product__content .btn {
  font: normal normal normal 16px/23px "Museo Sans 500";
  color: #282828;
  padding: 11px 15px;
  border-radius: 5px;
  display: block;
  background: #fff;
  width: max-content;
  transition: all 0.3s ease;
}
.custom_code_patch.coll-banner .grid-product__content .btn:hover {
  opacity: 0.7;
}

.up-product-content .prod {
  margin-bottom: 5px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.up-product-content .prod label {
  min-width: 50px;
}
.up-product-content .prod select {
  padding: 3px;
  border-radius: 5px;
  /*   background: transparent; */
  border-color: #09284e;
  min-width: 80px;
  border: none;
}

@media only screen and (max-width: 767px) {
  .announce__linklist {
    display: none;
  }
  .slideshow .slideshow__title {
    font-size: 24px;
  }
  .featured-collection .featured-collection__title,
  .mosaic .promo-block__heading,
  .section__header .section__title {
    font-size: 22px;
    line-height: 28px;
  }
  .product-item__info .product-item__title {
    font-size: 16px;
  }
  .product-label {
    font-size: 12px;
    font-weight: 400;
  }
  .image-with-text .heading,
  .news-heading {
    font-size: 35px;
    line-height: 43px;
  }
  .newsl {
    max-width: initial;
  }
  .product_ans_inr .accordion-body {
    columns: 1 !important;
  }

  .product_dis_content {
    margin-bottom: 0px;
    padding: 20px;
  }
  .product_dis_content_otr {
    gap: 20px;
  }
  .up-sell-wrapper .upsell-product-main .up-product-image {
    max-width: 70px;
  }
  .up-sell-wrapper .upsell-product-main .up-product-content {
    max-width: calc(100% - 140px);
  }
  .up-sell-wrapper .upsell-product-main .up-product-content h3 {
    font-size: 16px;
  }
  .template-product .cross-sale-item .grid .product-item {
    max-width: 100%;
  }
  .template-product .product-meta__title {
    padding-top: 15px;
    font-size: 30px;
    line-height: 35px;
  }
  .stickers_div {
    display: none;
  }
  .custom_code_patch.coll-banner .grid-product__content h1 {
    font-size: 16px;
    line-height: 1;
  }
  .custom_code_patch.coll-banner .grid-product__content .btn {
    width: auto;
    font-size: 12px;
    line-height: 1;
  }

  .promo-block__cta.button {
    line-height: 35px;
  }
  .template-collection .collection__title {
    font-size: 29px;
    line-height: 40px;
  }
  .template-collection .product-item__info .price.price--highlight,
  .template-collection .product-item__info .price.price--compare {
    font-size: 14px;
    line-height: 1;
  }

  .product-item__info-inner .fst-text {
    font-size: 12px;
  }
  .page__header .page__title {
    font-size: 30px;
  }

  .faq .faq__richtext h2 {
    font: normal normal normal 22px/85px "Museo Sans 500";
    margin: 0;
    line-height: 50px;
  }
  .faq .faq__item-wrapper .faq__question {
    font: normal normal normal 14px/32px "Museo Sans 700";
  }
  .faq .class_section {
    display: none;
  }
}

.modal__dialog .prod {
  display: none;
}
.flex-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.flex-grid__item > * {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.promo-grid__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .flex-grid__item--33 {
    -ms-flex-preferred-size: 33.33%;
    flex-basis: 33.33%;
  }

  .flex-grid__item--50 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
  }
}
.promo-grid__container:not(.promo-grid__container--boxed)
  .promo-grid__bg:before {
  background: #000000;
  opacity: 1;
}
.promo-grid__container:not(.promo-grid__container--boxed)
  .promo-grid__bg:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: #000;
  opacity: 0.1;
}
.promo-grid__bg-image.lazyloaded {
  animation: fade-in 1s cubic-bezier(0.26, 0.54, 0.32, 1) 0s forwards;
  transition: none;
}
.promo-grid__bg-image {
  z-index: 1;
  opacity: 0;
}
.type-advanced
  .promo-grid__content:not(.promo-grid__content--boxed):not(
    .promo-grid__content--sale
  ),
.type-simple
  .promo-grid__content:not(.promo-grid__content--boxed):not(
    .promo-grid__content--sale
  ) {
  color: #fff;
}
.promo-grid__content {
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 2em 2.5em;
  position: static;
  min-width: 200px;
  z-index: 3;
}
.type-advanced .promo-grid__content {
  margin: 0 auto;
}
/* .type-advanced
  .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale):after,
.type-simple
  .promo-grid__content:not(.promo-grid__content--boxed):not(.promo-grid__content--sale):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: radial-gradient(rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0) 60%);
  margin: -100px -200px -100px -200px;
  z-index: 1;
} */

.promo-grid__container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
}

/**********promo grid start here********************/

.xt-promo-grid .promo-wraper {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 100px;
}
.xt-promo-grid .promo-wraper .promo-item {
  width: 50%;
  position: relative;
  padding: 50px 0;
}
.xt-promo-grid .promo-wraper .promo-item1 p {
  font-family: "Museo Sans 500";
  margin-bottom: 40px;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
}
.xt-promo-grid .promo-wraper .promo-item1 h2 {
  font-family: "Magnat Head";
  margin-bottom: 40px;
  font-size: 65px;
  line-height: 75px;
  color: #fff;
  font-weight: bold;
}
.xt-promo-grid .promo-wraper .promo-item .btn {
  display: block;
  padding: 15px;
  font-family: "Museo Sans 500";
  font-size: 16px;
  color: #fff;
  background: #a87fff;
  border-radius: 4px;
  font-weight: 500;
  line-height: 16px;
}
.xt-promo-grid .promo-wraper .promo-item2 .btn {
  background: #0e3f7c;
}
.xt-promo-grid .promo-wraper .promo-item2 .btn.mob {
  display: none;
}

.xt-promo-grid .promo-wraper .promo-item .bot-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 50px;
}
.xt-promo-grid .promo-wraper .promo-item2 {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.xt-promo-grid .promo-wraper .promo-item2 .badge2 {
  position: absolute;
  right: 100px;
}
.xt-promo-grid .promo-wraper .promo-item2 .tag {
  letter-spacing: 0px;
  border-radius: 5px;
  color: #282828;
  background: #ffffff;
  margin-bottom: 10px;
  padding: 5px 10px;
  font-family: "Museo Sans 700";
  font-size: 14px;
  line-height: 14px;
  width: max-content;
}
.xt-promo-grid .promo-wraper .promo-item2 .name {
  font-family: "Museo Sans 500";
  font-size: 34px;
  line-height: 38px;
  color: #fff;
  margin-bottom: 10px;
}
.xt-promo-grid .promo-wraper .promo-item2 .price {
  font-family: "Museo Sans 500";
  font-size: 18px;
  line-height: 18px;
  color: #fff;
}
.xt-promo-grid .promo-wraper .promo-item1 {
  padding-left: 100px;
}

@media only screen and (max-width: 767px) {
  .xt-promo-grid {
    background: #000 !important;
  }
  .xt-promo-grid .promo-wraper {
    flex-direction: column;
    gap: 20px;
  }
  .xt-promo-grid .promo-wraper .promo-item {
    width: 100%;
    padding-bottom: 0;
  }
  .xt-promo-grid .promo-wraper .promo-item1 p {
    text-align: center;
  }
  .xt-promo-grid .promo-wraper .promo-item1 h2 {
    font-size: 30px;
    line-height: 37px;
    text-align: center;
    margin: 0;
  }
  .xt-promo-grid .promo-wraper .promo-item1 h2 br,
  .xt-promo-grid .promo-wraper .promo-item1 .bot-wrap,
  .xt-promo-grid .promo-wraper .promo-item2 .badge2,
  .xt-promo-grid .promo-wraper .promo-item2 .btn.desk,
  .xt-promo-grid .promo-wraper .promo-item2 .bot-wrap .bot-item:first-child {
    display: none;
  }
  .xt-promo-grid .promo-wraper .promo-item2 .btn.mob {
    display: block;
    width: max-content;
    background: #a87fff;
    margin-top: 10px;
  }
  .xt-promo-grid .promo-wraper .promo-item2 {
    padding-top: 0;
    padding-bottom: 50px;
  }
  .xt-promo-grid .promo-wraper .promo-item2 .badge1 {
    width: 120px;
    left: auto;
  }
  .xt-promo-grid .promo-wraper .promo-item2 .bot-wrap .bot-item:nth-child(2) {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .xt-promo-grid .promo-wraper .promo-item1 {
    padding-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .xt-promo-grid .promo-wraper {
    gap: 50px;
  }
  .xt-promo-grid .promo-wraper .promo-item1 h2 {
    font-size: 45px;
    line-height: 56px;
  }
  .xt-promo-grid .promo-wraper .promo-item2 .badge1 {
    width: 110px;
  }
  .xt-promo-grid .promo-wraper .promo-item2 .badge2 {
    width: 100px;
    right: 30px;
    top: 70px;
  }
}
.img_sticker {
  transform: rotate(32deg);
}

/**********promo grid end here********************/

.py-5 {
  padding: 40px 0;
  margin: 0;
}

.shop-by-color .collection-item__image-wrapper--rounded {
  width: 80%;
  margin: 0 auto 10px auto;
}

.quality-check {
  display: flex;
  align-items: center;
  padding: 20px 0;
}
.quality-check p {
  padding-left: 10px;
}
.quality-check-usp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.quality-check-usp li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  max-width: 180px;
  line-height: 1.2;
  font-size: 1.1rem;
}
.quality-check-usp li:first-of-type {
  margin-right: 1rem;
}
.quality-check-usp li img {
  margin-right: 1rem;
}
.txt-red-underline {
  color: red;
  text-decoration: underline;
}
.popup_context {
  padding: 30px;
}
.popup_context h2 {
  font-size: 18px;
  color: #000;
  font-weight: bold;
}
.w-auto {
  width: auto !important;
}

.promo-grid__container.main_banner_content .promo-grid__text {
  max-width: 400px;
}

.promo-grid__container.main_banner_content .rte--block.rte--strong {
  font: normal normal bold 65px/75px Magnat Head;
  text-transform: unset;
  margin-bottom: 60px;
}

.promo-grid__container.main_banner_content .rte--block {
  font: normal normal normal 16px/24px "Museo Sans 500";
  margin-bottom: 40px;
}
.rte--em {
  text-transform: uppercase;
  letter-spacing: 0.3em;
}
.promo-grid__sticker_img {
  position: absolute;
  /* bottom: 30px;
  right: 12%; */
  z-index: 3;
  transform: rotate(32deg);
}
.promo-grid__container {
  height: 100%;
}

.flex-grid__item {
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-grid__item > * {
  flex: 1 1 100%;
}

.promo-grid__container.horizontal-center {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.promo-grid__container.horizontal-center .promo-grid__title {
  font-family: "Magnat Head";
  font-size: 32px;
  text-transform: uppercase;
}

.promo-grid__container.main_banner_content .promo-grid__text a.btn {
  font: normal normal normal 16px/18px "Museo Sans 700";
  letter-spacing: 0;
  color: #fff !important;
  text-transform: unset !important;
  /*   transition: all linear 0.2s !important; */
}
.promo-grid__container.main_banner_content .promo-grid__text a.btn {
  font: normal normal normal 16px/18px "Museo Sans 700";
  letter-spacing: 0;
  color: #fff !important;
  text-transform: unset !important;
  /*   transition: all linear 0.2s !important; */
}
.promo-grid a.btn {
  font: normal normal normal 16px/23px "Museo Sans 500";
  color: #ffffff;
  text-transform: unset;
  padding: 15px;
  border-radius: 4px;
  letter-spacing: 0px;
  background: #09284e;
  white-space: nowrap;
}
.advanced_product_otr {
  height: 100%;
}

.advanced_product_inr {
  height: 100%;
}

.advanced_product_inr {
  margin: 0;
  position: static;
  display: flex;
  align-items: center;
  width: 100%;
  flex: 100% 0 0;
}

.advanced_product_inr .advanced_product_img {
  width: 100%;
  text-align: center;
}

.advanced_product_details {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 40px;
}

.advanced_product_inr .advanced_product {
  flex: 100% 0 0;
  padding: 50px 0;
  height: 100%;
}

.advanced_product_details .advanced_product_content em {
  font: normal normal normal 14px/23px "Museo Sans 700";
  letter-spacing: 0px;
  border-radius: 5px;
  color: #282828;
  background: #ffffff;
  margin-bottom: 10px;
  padding: 5px 10px;
  font-style: normal;
}

.advanced_product_details .advanced_product_content h3 {
  font: normal normal normal 40px/48px "Museo Sans 500";
  letter-spacing: 0px;
  color: #ffffff;
  margin: 10px 0;
  text-transform: unset;
}

.advanced_product_details .advanced_product_content span {
  font: normal normal normal 18px/18px "Museo Sans 500";
  color: #ffffff;
}
.type-banner__content {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px;
}

.type-banner__text {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  z-index: 2;
  padding: 10px 20px;
}
@media only screen and (min-width: 769px) {
  .medium-up--hide {
    display: none !important;
  }
}
@media only screen and (max-width: 769px) {
  .medium-down--hide {
    display: none !important;
  }
}
/********************NP********************/

.promo-grid .flex-grid__item--33 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
}
.promo-grid .flex-grid__item--50 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.flex-grid {
  justify-content: center;
  background: #fff; /*****check please****/
}

.promo-grid__container--framed:not(.promo-grid__container--boxed):after {
  border-width: 10px;
}
.promo-grid__container--framed:not(.promo-grid__container--boxed):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 7px solid transparent;
  box-shadow: inset 0 0 0 2px #fff;
  z-index: 2;
}

.type-banner__content {
  background: rgba(0, 0, 0, 0.08);
}

.type-banner p {
  margin: 5px 10px;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
}
.type-banner p.h3 {
  font-family: "Magnat Head";
  font-size: 27px;
  text-transform: uppercase;
}
.type-banner__content .btn.btn--secondary.btn--small.btn--tint-border {
  padding: 8px 14px;
  font-family: "Museo Sans 500";
}

.promo-grid__container .image-wrap,
.promo-grid__container .image-wrap img {
  width: 100%;
}

.type-sale_collection {
  background: #f5f5f5;
}
.type-sale_collection .promo-grid__container.vertical-center {
  align-items: center;
  justify-content: center;
}
.type-sale_collection
  .promo-grid__container.vertical-center
  .rte--block.rte--em {
  font-size: 22px;
  font-family: "Museo Sans 500";
  color: #000;
}
.type-sale_collection
  .promo-grid__container.vertical-center
  .rte--block.rte--strong {
  font-size: 81px;
  font-family: Tiemann, serif;
  color: #000;
  line-height: 1;
}
.type-sale_collection .promo-grid__content {
  width: 30%;
}
.type-sale_collection .type-sale-images {
  width: 70%;
}
.type-sale_collection .type-sale-images .type-sale-images__crop {
  display: flex;
  gap: 20px;
}

.type-advanced .promo-grid__text {
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .type-advanced .promo-grid__text {
    text-align: center;
  }
  .promo-grid .flex-grid__item--50 {
    flex-basis: 100%;
  }
  .promo-grid__container.main_banner_content .promo-grid__text {
    max-width: 100%;
  }
  .promo-grid__container.main_banner_content .rte--block.rte--strong {
    font-size: 30px;
    line-height: 37px;
    margin-bottom: 0;
    text-align: center;
  }
  .flex-grid .type-collection {
    display: none;
  }
  .main_banner_content .rte--block.rte--em {
    display: none;
  }
  .promo-grid__sticker_img {
    bottom: 30%;
    right: 40%;
  }

  .type-simple .promo-grid .flex-grid__item--33 {
    flex-basis: 100%;
  }
  .type-sale_collection
    .promo-grid__container.vertical-center
    .rte--block.rte--em {
    font-size: 13px;
  }
  .type-sale_collection
    .promo-grid__container.vertical-center
    .rte--block.rte--strong {
    font-size: 48px;
  }
  .type-sale_collection
    .promo-grid__container.vertical-center
    .rte--block.rte--strong
    small {
    font-size: 12px;
    margin-left: -2.9em;
  }
  .type-sale_collection
    .promo-grid__container.vertical-center
    .rte--block.rte--strong
    sup {
    font-size: 28px;
  }
  .trustpilot-widget iframe {
    height: 300px !important;
  }
    .redmorebtn{
    text-align: right;
    width: 100%;
    background-color: #f3f5f6;
    position: sticky;
    top: 64px;
    padding: 10px 0px;
  }
  .bottombtn{
   display:none !important; 
  }
}

/********************NP********************/
.collection__filter-checkbox-list .color-swatch__item {
  border-radius: 50%;
}
#trustpilot-widget-trustbox-2-wrapper {
  position: relative;
  z-index: 0 !important;
  padding-bottom: 30px;
}
#trustpilot-widget-trustbox-0-wrapper {
  position: relative;
  z-index: 0 !important;
  padding-bottom: 30px;
}
.mini-cart__recap .mini-cart__button-container {
  display: flex;
  flex-direction: column;
}
.mini-cart__recap .mini-cart__button-container label {
  order: -1;
  margin-bottom: 20px;
}
.mini-cart__recap .mini-cart__button-container label a {
  text-decoration: underline;
}
.mini-cart__recap .mini-cart__button-container p {
  order: 0;
  font-size: 13px;
}
.cart-recap .ajaxcart__note {
  font-size: 16px;
}
.cart-recap .ajaxcart__note a {
  text-decoration: underline;
}
/* .cart-recap {
  overflow-y: scroll;
} */




@media screen and (max-width: 640px)
{
  .text-with-icons--stacked
  {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content:center;
  }
  .text-with-icons__item
  {
    width:50%;
  }
  .text-with-icons__icon-wrapper img
  {
    height:40px;
  }
  .product-item__image-wrapper .new_brand{
    position: absolute;
    bottom: -20px;
    color: #fff;
    z-index: 9;
    /* right: -20px; */
    padding: 4px 10px;
    line-height: 1;
  }
}
#trustpilot-widget-trustbox-1-wrapper{
  z-index:0 !important;
  position:relative;
}

.bottombtn{
  display:none;
}
.grade_div img {
  width:50px;
  border-radius:50px;
  margin-right:10px;
}

.grade_div{
  display: flex;
  align-items: center;
  margin-bottom:10px;
}

.product-item__image-wrapper {
  position:relative;
}
@media screen and (min-width: 641px)
{
  .product-item__image-wrapper .new_brand{
      position: absolute;
      bottom: 30px;
      color: #fff;
      z-index: 9;
      /* right: -20px; */
      padding: 4px 10px;
      line-height: 1;
  }
}
@media screen and (min-width: 1200px)
{
  .product-item__image-wrapper .new_brand{
      position: absolute;
      bottom: 0px;
      color: #fff;
      z-index: 9;
      /* right: -20px; */
      padding: 4px 10px;
      line-height: 1;
  }
}
.product-gallery__carousel-item {
  position:relative;
}
.product-gallery__carousel-item .new_brand{
    position: absolute;
    bottom: -10px;
    color: #fff;
    z-index: 9;
    right: -10px;
    padding: 4px 10px;
    line-height: 1;
}
.product-gallery__carousel-item .new_brandtxt {
  position: absolute;
    bottom: 0px;
    color: #fff;
    z-index: 9;
    right: 0px;
    padding: 4px 10px;
    line-height: 1;
}

.product_que_otr .slide-arrow {
  position:absolute;
  top:35%;
  width: 20px;
  height: 20px;
  z-index:999;
}
.product_que_otr .next-arrow {
  right:30px;
}
.product_que_otr .prev-arrow {
  left:30px;
}
/******************product upsell 21-08-2023******************/

.up-sell 
{
  margin-top:-10px;
}
.up-sell .heading
{
  font-size:14px;
  line-height:1;
  margin:0;
  text-transform:capitalize;
}

.up-sell-wrapper
{
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px;
  display:flex;
  margin-bottom:20px;
  margin-top:10px;
}
.up-sell-wrapper .upsell-product-main
{
  flex:unset;
  margin-bottom:0;
  /* width:calc(50% - 5px); */
  width:100%;
  gap: 10px;
  padding: 0px;
  justify-content: start;
  border-radius: 5px;
  flex-wrap: nowrap;
  border:solid 2px rgba(0,0,0,.2);
  overflow:hidden;
  background:#fff;
  cursor:pointer;
}
/* .up-sell-wrapper .upsell-product-main.active
{
  border:solid 2px #09284e;
} */
.up-sell-wrapper .upsell-product-main .up-product-image
{
  flex:30px;
  padding: 0;
  max-width:30px;
  background:#fff;
  display: flex;
  align-items: center;
  height:100%;
  padding: 0px;
  min-width: 30px;
}
.up-sell-wrapper .upsell-product-main .up-product-wraper
{
  display:block;
  padding:10px 10px 10px 0;
  width:100%;
}
.up-sell-wrapper .upsell-product-main .up-product-content
{
  max-width:unset;
  flex:unset;
  text-align: center;
  padding:0;
  display:flex;
  align-items:center;
  gap:10px;
  justify-content:space-between;
}
.up-sell-wrapper .upsell-product-main .up-product-content h3
{
  font-size:14px;
  line-height:18px;
  margin:0px;
  text-align:left;
}
.up-sell-wrapper .upsell-product-main .up-product-content p
{
  text-align:left;
  line-height:15px;
}
.up-sell-wrapper .upsell-product-main .price-btn
{
  display:flex;
  align-items:center;
  /* justify-content:space-between; */
  gap:10px;
}

.up-sell-wrapper .upsell-product-main .up-product-check
{
  flex:unset;
  padding:0;
}
.up-sell-wrapper .upsell-product-main .switch-label
{
  display:block;
  width:25px;
  height:25px;
}
.up-sell-wrapper .upsell-product-main .switch-label::after
{
  width:100%;
  height:100%;
  top:0;
  left:0;
  box-shadow:0 0 0px 1px rgba(0,0,0,.2);
}
.up-sell-wrapper .upsell-product-main .switch-label::before
{
  content:none;
}
.up-sell-wrapper .upsell-product-main .switch-input:checked+.switch-label::after
{
  background-color:#09284e;
  background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="11" viewBox="0 0 16 11"><path d="M6.425 7.731L13.556.6a1.167 1.167 0 0 1 1.65 1.65L7.25 10.206a1.163 1.163 0 0 1-1.65 0L.825 5.432a1.167 1.167 0 0 1 1.65-1.65l3.95 3.95z" fill="%23FFF" fill-rule="evenodd"/></svg>');
  background-repeat:no-repeat;
  background-position:center;
  background-size: 60%;
}









/* .switch-label:before,
.switch-label:after
{
 border:solid 1px #09284e;
  content:none;
}
.up-sell-wrapper .upsell-product-main .up-product-check label
{
  width:24px;
  height:24px;
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" stroke-width="1.01" viewBox="0 0 24 24" fill="none"><path d="M19.26 9.696l1.385 9A2 2 0 0118.67 21H5.33a2 2 0 01-1.977-2.304l1.385-9A2 2 0 016.716 8h10.568a2 2 0 011.977 1.696zM14 5a2 2 0 10-4 0M8.992 15h3m3 0h-3m0 0v-3m0 3v3" stroke="%23000000" stroke-width="1.01" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  cursor:pointer;
  background-color: #e1e3e4;
  padding: 0;
  display: flex;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
}
.up-sell-wrapper .upsell-product-main .up-product-check .switch-input:checked+label
{
  background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" stroke-width="1.01" viewBox="0 0 24 24" fill="none"><path d="M19.26 9.696l1.385 9A2 2 0 0118.67 21H5.33a2 2 0 01-1.977-2.304l1.385-9A2 2 0 016.716 8h10.568a2 2 0 011.977 1.696zM14 5a2 2 0 10-4 0M8.992 15h3m3 0h-3m0 0v-3m0 3v3" stroke="white" stroke-width="1.01" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-color: #09284e;
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: center;
} */

@media (max-width:640px)
{
  .up-sell-wrapper .upsell-product-main
  {
    width:100%;
  }
}




/* @media (min-width:768px)
{
  .up-sell-wrapper
  {
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
    display:flex;
    margin-bottom:20px;
    margin-top:10px;
  }
  .up-sell-wrapper .upsell-product-main
  {
    flex:unset;
    margin-bottom:0;
    width:calc(50% - 5px);
    gap: 10px;
    padding: 10px;
    justify-content: space-between;
    border-radius: 10px;
    background:transparent;
    border:solid 1px #09284e;
  }
  .up-sell-wrapper .upsell-product-main .up-product-check
  {
    flex:.5;
  }
  .switch-label:before,
  .switch-label:after
  {
   border:solid 1px #09284e;
  }
  .up-sell-wrapper .upsell-product-main .up-product-image
  {
    flex:.5;
    order:-1;
    padding: 0;
    max-width:60px;
  }
  .up-sell-wrapper .upsell-product-main .up-product-content
  {
    max-width:unset;
    flex:unset;
    text-align: center;
    padding:0;
  }
  .up-sell-wrapper .upsell-product-main .up-product-content h3
  {
    font-size:14px;
    line-height:18px;
    margin-top:10px;
  }
} */

/******************product upsell 21-08-2023******************/



/* Related Product Drawer */

body.drawer-open
{
  overflow:hidden;
  position:fixed;
  width:100%;
}
.drawer-nav
{
  position: fixed;
  top: 0;
  z-index: 99;
  width: 55rem;
  height: 100%;
  right: -100%;
  background:#fff;
  transition:all .2s ease-in-out;
  max-width:100%;
}
.drawer-nav.expanded .overlay
{
  position: fixed;
  top: 0;
  left:0;
  z-index: 0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,.5);
  transition:all .2s ease-in-out;
}
.drawer-nav.expanded
{
  right:0;
}
.drawer-nav .site-navigation 
{
  text-decoration: none;
  display: flex;
  width: 100%;
  height: 100%;
  position:relative;
  z-index:1;
}

.drawer-nav .menu-button.navicon 
{
  color: rgba(255, 255, 255, 0);
  position: absolute;
  top: 15px;
  right:20px;
  z-index: 99999;
  background: none;
  border: none;
  width: 30px;
  height: 30px;
  display:none;
  cursor:pointer;
}
.drawer-nav .menu-button.navicon:after 
{
  cursor: pointer;
  color: #000;
  content: "✕";
  font-size: 2em;
  width: 100%;
  height:100%;
  line-height: 1em;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50% , -50%);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.drawer-nav .site-navigation .nav
{
  list-style: none;
  margin: 0;
  text-align: center;
  width:100%;
  display:flex;
  flex-direction:column;
}
.drawer-nav .related_product_title 
{
  text-align:left;
  padding:10px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
}
.drawer-nav .related_product_title h2
{
  margin-bottom:0;
  font-size:18px;
  line-height:1;
  font-weight: 600;
}
.drawer-nav .buttons
{
  display: flex;
  align-items: center;
  gap:10px;
}
.drawer-nav .buttons .button
{
  background: #09284e;
  color: #fff;
  text-transform: capitalize;
  padding: 12px 20px;
  line-height: 1;
  transition:all .3s ease-in-out;
}
.drawer-nav .buttons a.button
{
  background: #fd6d4d;
}
.drawer-nav .buttons .button:hover
{
  opacity:.8;
}

.drawer-nav .product-list
{
  overflow:auto;
  gap: 20px;
  padding:20px;
  background: var(--secondary-background);
}
.drawer-nav .product-list:before,
.drawer-nav .product-item:after
{
  content:none;
}
.drawer-nav .product-item
{
  width:calc(33.333% - 14px);
  background:#fff;
  border-radius:5px;
}
.drawer-nav .product-item .product-label
{
  font-size:12px;
}
.drawer-nav .product-item .product-item__title
{
  font-size:16px;
  line-height:1.2;
  margin-bottom:10px;
}
.drawer-nav .product-item .product-item__price-list
{
  gap:10px;
}
.drawer-nav .product-item .price.price--highlight,
.drawer-nav .product-item .price.price--compare
{
  font-size:14px;
  line-height:1;
  margin:0;
}

#myElem 
{
  position: fixed;
  top: 20px;
  left: -100%;
  color: #fff;
  z-index: 99;
  background: #fd6d4d;
  padding: 5px 15px;
  border-radius: 5px;
  transition: all .5s ease-in-out;
  box-shadow: 0 0px 20px rgba(0,0,0,.5);
}
#myElem p
{
  font-size:16px;
  line-height:1.2;
}
#myElem.active
{
  left:20px;
}




@media (max-width:767px)
{
  .drawer-nav
  {
  }
  .drawer-nav .product-list
  {
    gap:10px;
  }
  .drawer-nav .related_product_title
  {
    flex-direction: column;
    align-items: start;
    gap: 10px;
  }
  .drawer-nav .product-item
  {
    width:calc(50% - 5px);
    padding:10px;
  }
  .drawer-nav .product-item .product-item__title
  {
    font-size:12px;
  }
  .drawer-nav .product-item .product-item__price-list
  {
    gap:5px;
  }
  .drawer-nav .product-item .price.price--highlight, 
  .drawer-nav .product-item .price.price--compare,
  .drawer-nav .product-item__price-list .price
  {
    font-size:12px;
  }
  .template-product .product-item__action-button
  {
    white-space:nowrap;
    font-size:12px;
    line-height: 35px;
  }
}








/* .drawer-nav .site-navigation ul 
{
  list-style: none;
  margin: 0;
  padding: 1em 1em 0 1em;
  text-align: right;
}
.drawer-nav .site-navigation li 
{
  margin: 0;
  padding: 0;
  display: inline-block;
}
.drawer-nav .site-navigation a 
{
  display: block;
  text-decoration: none;
  padding: 1em;
  color: #000;
}

.drawer-nav .site-navigation .menu-button 
{
  display: block;
}
.drawer-nav .site-navigation ul 
{
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  overflow: hidden;
  background: #fff;
  color: #000;
  text-align: center;
  z-index:999;
}
.drawer-nav .site-navigation ul li 
{
  display: block;
  margin: 0.3em 0;
}
.drawer-nav .site-navigation ul li:first-child 
{
  margin-top: 5.5em;
}

.drawer-nav .site-navigation .menu-button + ul 
{
  width: 0;
  padding: 0;
  transition: all 0.2s ease;
}
.drawer-nav .site-navigation .menu-button.expanded + ul 
{
  width: 60em;
  padding: 0 1.5em;
  overflow:scroll;
}
.drawer-nav .site-navigation .menu-button.navicon.expanded:after 
{
  color: #000;
}

.drawer-nav .site-navigation a 
{
  padding:0;
} */

.vipps-p-3{
  padding:20px 0;
}
.modal__dialog .drawer-nav{
  display:none;
}

.main_price {
  margin-bottom:10px;
}

.totalt_div {
  display:flex;
  justify-content:space-between;
  margin-top: 10px;
}
.totalt_div .totalt_price {
  font-size:22px;
}

.main_price .price-list{
 display:none; 
}
.quickaddtocart {
  margin:5px;
}
.modal__dialog  .product-form__info-content{
   display: block !important
}
.modal__dialog  .totalt_div {
  display:none;
}
.modal__dialog .price--compare {
  color:#000;  
}

/* main_icon_div */

.main_icon_div {
  display:flex;
  margin-bottom: 20px;
  overflow-x: scroll;
  padding-bottom:20px;
}
.main_icon_div .icon_block img {
  width:100%;
}
.main_icon_div .icon_block {
  border: 1px solid;
  border-radius: 5px;
  margin: 0px 10px;
  min-width: 150px;
}
.div_link a{
  display:flex;
  align-items:center;
}
.div_link a svg {
 transform: rotate(270deg);
}
.main_icon_div .prev-arrow {
  left: -12px;
}

.main_icon_div .next-arrow {
  right:-20px;
}

.indexpopularbrand ::-webkit-scrollbar
{
  height:8px;
}
.indexpopularbrand ::-webkit-scrollbar-track 
{
  background:transparent;
}
.indexpopularbrand ::-webkit-scrollbar-thumb {
  background: #111;
}
.pdp_payment_icon {
  display: flex;
  gap: 8px;
  margin: 20px 0 0 0px;
}
.pdp_payment_icon .PaymentCard_card__1mgkg {
    width: 50px;
    height: 30px;
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pdp_payment_icon .PaymentCard_klarnaBackground__AxILW {
    background-color: #ffb3c7
}
.pdp_payment_icon .brand-rounded {
    border-radius: 8px
}

.pdp_payment_icon .brand-border-sardine {
  border: solid #c9cdd2;
}

.pdp_payment_icon .rounded-4 {
    border-radius: 4px;
}
.pdp_payment_icon .border {
    border-width: 1px;
}


/**********brand page css*************/

.brand-container
{
  display:block;
  width:100%;
  padding:60px 0;
}
.brand-container .wraper
{
  display:flex;
  align-items:start;
  gap:70px;
}
.brand-container .alphabet
{
  max-width:300px;
  position: sticky;
  top: 180px;
}
.brand-container .alphabet h2
{
  font-size:40px;
  line-height:1;
  margin-bottom:20px;
  text-transform:uppercase;
  font-weight: var(--heading-font-weight);
  font-style: var(--heading-font-style);
  color: var(--heading-color);
}
.brand-container .alphabet-g
{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.brand-container .alphabet-g a
{
  font-size:22px;
  line-height:1;
  text-transform:uppercase;
  transition:all .3s ease-in-out;
}
.brand-container .alphabet-g a:hover
{
  color:#888;
}
.brand-container .blocks
{
  width:100%;
  display:flex;
  gap:30px;
  flex-direction:column;
  
}
.brand-container .block
{
  border-bottom:solid 1px rgba(0,0,0,.2);
  padding-bottom:20px;
}
.brand-container .blocks h3
{
  width:60px;
  height:60px;
  font-size:30px;
  background:var(--heading-color);
  color:#fff;
  text-align:center;
  margin-bottom:20px;
  border-radius: 5px;
}
.brand-container .brands
{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  gap:15px;
  flex-wrap:wrap;
  font-size:16px;
}
.brand-container .brands a:hover
{
  color:#888;
}


@media (max-width:767px)
{
  .brand-container
  {
    padding:40px 0;
  }
  .brand-container .wraper
  {
    flex-direction:column;
    gap:40px;
  }
  .brand-container .alphabet
  {
    position:static;
    max-width:100%;
  }
  .brand-container .alphabet h2
  {
    font-size:32px;
  }
  .brand-container .alphabet-g
  {
    flex-wrap:nowrap;
    overflow:hidden;
    overflow-x:auto;
    padding-bottom: 15px;
  }
  .brand-container .alphabet-g::-webkit-scrollbar 
  {
    height:4px;
  }
  .brand-container .alphabet-g::-webkit-scrollbar-thumb 
  {
    background: #000;
    border-radius:5px;
  }

  .brand-container .blocks h3
  {
    width:40px;
    height:40px;
    line-height:40px;
    font-size:24px;
  }
  .brand-container .brands
  {
    flex-direction:row;
    gap:5px;
  }
}

/**********brand page css*************/








/*****GRID AND PDP image card 22-04-2024**************/

.promo-grid .flex-grid__item
{
  position:relative;
}

.template-product .card__section.card__section--tight
{
  background:#fff;
}
.card
{
  border:0 !important;
}
.collection__toolbar--bordered
{
  margin-bottom:30px;
}
.product-list
{
  gap:20px;
}
.product-list:before,
.product-list:after
{
  content:none;
}
.product-list .product-item
{
  background:#fff;
  border: 1px solid var(--border-color);
}
.product-list .\31\/4--desk
{
  width:calc(25% - 15px);
}
.product-list .\31\/3--desk
{
  width:calc(33.333% - 14px);
}

@media (max-width:999px)
{
 .cart-recap {
    padding-bottom:30px;
  }
}

@media (min-width:999px)
{
  .product-block-list .scroller
  {
    border-right: 1px solid var(--border-color);
  }
  .product-gallery
  {
    border-bottom: 1px solid var(--border-color);
  }
}

@media (min-width:641px) and (max-width:1280px)
{
  .product-list .\31\/4--desk
  {
    width:calc(33.333% - 14px);
  }
}
@media (max-width:640px)
{
  .product-list .\31\/4--desk,
  .product-list .\31\/3--desk
  {
    width:calc(50% - 10px);
  }
}





/*****quick add to cart button 22-04-2024**************/
@media (max-width:767px)
{
  .quickaddtocart
  {
    font-size:12px;
    padding:10px;
    line-height:1.4;
  }
}

@media (max-width:990px)
{
  .template-product .scroller
  {
    border-bottom: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
    padding:20px 0;
  }
  .template-product .product-meta__reference
  {
    padding-top:20px;
  }
}


.search-bar__filter-label
{
  color:var(--text-color);
}

.search-bar__submit,
.header__cart-count
{
  color: var(--heading-color);
}










.template-index .section[data-section-type="text-with-icons"]
{
  padding:10px 0;
}
.template-index .text-with-icons__icon-wrapper img
{
  width:30px;
}
.template-index .text-with-icons .text-with-icons__title
{
  font-size:16px;
}
.template-index .text-with-icons__icon-wrapper
{
  margin-right:10px;
}

@media (min-width:1024px) and (max-width:1365px)
{
  .template-index .text-with-icons
  {
    margin:0;
    padding:0;
  }
  .template-index .text-with-icons__item
  {
    flex-basis:25%;
    margin:0;
  }
}

@media (min-width:768px) and (max-width:1023px)
{
  .template-index .text-with-icons
  {
    margin:0;
    padding:0;
  }
  .template-index .text-with-icons__item
  {
    flex-basis:50%;
    margin:0; 
    justify-content: center;
  }
}

@media (max-width:767px)
{
  .template-index .text-with-icons__item
  {
    margin:0 !important;
    display:flex;
  }
  .template-index .text-with-icons__icon-wrapper
  {
    margin:0 7px 0 0;;
  }
  .template-index .text-with-icons__icon-wrapper img
  {
    height:auto;
    width:25px;
  }
  .template-index .text-with-icons .text-with-icons__title
  {
    font-size:14px;
  }
  .template-index .text-with-icons--stacked
  {
    row-gap:5px;
  }
}

@media screen and (max-width: 640px)
{
  .xtt-kundeklubb .text-with-icons__item
  {
    width:100%;
  }
}










@media screen and (max-width: 999px){
  .featured-collection-slider .scroller-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .featured-collection-slider .scroller-btn {
    background: #09284e;
    color: #fff;
    border: none;
    font-size: 2rem;
    padding: 5px;
    cursor: pointer;
    z-index: 2;
    transition: background 0.3s;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    border-radius: 5px; 
  }

  .featured-collection-slider .scroller-btn.scroller-btn--prev {
    transform: rotate(90deg);
    margin-left: -12px;
  }

  .featured-collection-slider .scroller-btn.scroller-btn--next {
    transform: rotate(-90deg);
    margin-right: -12px;
  }
  
  .featured-collection-slider .scroller-btn:hover {
    background: #09284e;
  }
}

@media (min-width:1000px)
{
  .featured-collection-slider .scroller-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  
  .featured-collection-slider .scroller {
    overflow: hidden;
  }
  
  .featured-collection-slider .scroller__inner {
    scroll-behavior: smooth;
    padding-bottom: 20px;
    margin-bottom: -20px;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    white-space: nowrap;
    scroll-padding-left: var(--desktop-container-gutter);
  }
  .featured-collection-slider .scroller-btn {
    background: #09284e;
    color: #fff;
    border: none;
    font-size: 2rem;
    padding: 5px;
    cursor: pointer;
    z-index: 1;
    transition: background 0.3s;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    border-radius: 5px; 
  }

  .featured-collection-slider .scroller-btn.scroller-btn--prev {
    transform: rotate(90deg);
  }

  .featured-collection-slider .scroller-btn.scroller-btn--next {
    transform: rotate(-90deg);
  }
  
  .featured-collection-slider .scroller-btn:hover {
    background: #09284e;
  }
  
  .section[data-section-type="featured-collection"] .product-list--scrollable
  {
    overflow: visible;
  }
}


/****************************************LP for the Ads***************************/
.xtt-lp-for-ad .image-with-text__text-aligner  .rte.xt-left p 
{
  text-align:left !important;
}
.xtt-lp-for-ad .image-with-text__text-aligner .rte.xt-center p 
{
  text-align:center !important;
}
.xtt-lp-for-ad .image-with-text__text-aligner .rte.xt-right p 
{
  text-align:right !important;
}
.xtt-lp-for-ad .faq .class_section
{
  display:none;
}
.xtt-lp-for-ad .faq
{
  justify-content:center;
}

.xtt-lp-for-ad .image-with-text__text-aligner .rte.xt-left p,
.xtt-lp-for-ad .section--text-centered .rte p,
.xtt-lp-for-ad .promo-block__content p
{
  line-height:1.5;
}

@media (min-width:768px)
{
  .xtt-lp-for-ad .image-with-text .heading
  {
    font-size:48px;
  }
  .xtt-lp-for-ad .image-with-text__text-aligner
  {
    text-align:center !important;
  }
}
@media (min-width:1024px)
{
  .xtt-lp-for-ad .image-with-text.xnoimage .image-with-text__text-container
  {
    width:70%;
  }
  .xtt-lp-for-ad .image-with-text__text-container:first-child .image-with-text__text-aligner
  {
    display:block;
  }
} 

/****************************************LP for the Ads***************************/
/****************************************LP for the Ads***************************/
.xtt-trygg-ny-ish-mobil .image-with-text__text-aligner  .rte.xt-left p 
{
  text-align:left !important;
}
.xtt-trygg-ny-ish-mobil .image-with-text__text-aligner .rte.xt-center p 
{
  text-align:center !important;
}
.xtt-trygg-ny-ish-mobil .image-with-text__text-aligner .rte.xt-right p 
{
  text-align:right !important;
}
.xtt-trygg-ny-ish-mobil .image-with-text__text-aligner .rte.xt-left p,
.xtt-trygg-ny-ish-mobil .section--text-centered .rte p,
.xtt-trygg-ny-ish-mobil .promo-block__content p,
.xtt-trygg-ny-ish-mobil .image-with-text p
{
  line-height:1.5;
}

#loyco_block{
  margin-bottom:25px;
}
.credit-promotion-badge{
  opacity:0;
}