/** Shopify CDN: Minification failed

Line 8929:3 Invalid escape

**/

/*************************
  Fonts
*************************/
@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Regular.woff2') format('woff2'),
  url('HelveticaNeue-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Medium.woff2') format('woff2'),
  url('HelveticaNeue-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Helvetica Neue';
  src: url('HelveticaNeue-Bold.woff2') format('woff2'),
  url('HelveticaNeue-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Minimo';
  src: url('./MinimoBold.eot');
  src: url('./MinimoBold.eot') format('embedded-opentype'),
  url('./MinimoBold.woff2') format('woff2'),
  url('./MinimoBold.woff') format('woff'),
  url('./MinimoBold.ttf') format('truetype'),
  url('./MinimoBold.svg#MinimoBold') format('svg');
}

/*************************
  Default style
*************************/
html {
  scroll-behavior: smooth;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body{
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: normal;
  font-style: normal;
  letter-spacing: 0;
}

.container{
  max-width: 1355px;
  padding: 0 15px;
  margin: 0 auto;
  width: 100%;
}

ul.none-default-style{
  margin: 0;
  padding: 0;
  list-style: none;
}

.hide-media{
  display:none;
  width:0
}

a{
  color: #11412C;
  transition: all .3s ease-in-out;
}

.btn{
  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  padding: 14px 30px;
  border-radius: 40px;
  text-decoration: none;
  border: 1px solid #11412C;
  background-color: #11412C;
  transition: all .3s ease-in-out;

  color: #FFFFFF;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.88px;
}

.btn:disabled{
  cursor: default;
}

.btn svg path{
  fill: #FFFFFF;
  transition: all .3s ease-in-out;
}

.section-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 38px;
  margin: 0;
  line-height: 100%;
  letter-spacing: -0.76px;
  color: var(--text-color);
}

.section-title p{
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

@keyframes scroll-x {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@media (max-width: 991px) {
  .lg-to-sm-hidden{
    display: none!important;
  }
}
@media (max-width: 767px) {
  .md-to-sm-hidden{
    display: none!important;
  }
}
@media (max-width: 576px) {
  .sm-hidden{
    display: none!important;
  }
}

@media (min-width: 576px) {
  .sm-to-xxl{
    display: none !important;
  }
}

@media (min-width: 768px) {
  .section-title {
    font-size: 46px;
  }

  .md-to-xxl-hidden{
    display: none !important;
  }
}

@media (min-width: 992px) {
  .section-title {
    font-size: 51px;
  }

  .btn{
    font-size: 22px;
  }

  .btn:not(:disabled):hover{
    color: #11412C;
    background-color: #ffffff;
  }

  .btn:not(:disabled):hover svg path{
    fill: #11412C;
  }

  .lg-to-xxl-hidden{
    display: none !important;
  }
}

@media (min-width: 1440px) {
  .section-title {
    font-size: 56px;
  }
}

/*************************
  Section: announcement-bar
*************************/
.new-announcement-bar {
  padding: 8px 0;
  background-color: var(--bg-color);
}

.new-announcement-bar .layout-group {
  display: flex;
  overflow: hidden;
  user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  grid-column-gap: var(--gap);
}

.new-announcement-bar .layout-group[data-animated="true"] .layout-item {
  -webkit-animation: scroll-x 60s linear infinite;
  animation: scroll-x 60s linear infinite;
}

.new-announcement-bar .layout-group[data-animated="true"].speed-2x .layout-item{
  -webkit-animation: scroll-x 30s linear infinite;
  animation: scroll-x 30s linear infinite;
}

.new-announcement-bar .layout-item {
  flex-shrink: 0;
  display: flex;
  min-width: 100%;
  align-items: center;
  grid-column-gap: var(--gap);
  justify-content: space-around;
}

.new-announcement-bar .line-item {
  display: flex;
  text-align: center;
  align-items: center;
}

.new-announcement-bar p.text{
  margin: 0;
  font-size: 16px;
  line-height: 1.2;
  color: var(--text-color);
}

.new-announcement-bar p.text.mt-top{
  margin: 6px 0 0;
}

.new-announcement-bar p.text-label{
  margin: 0 0 0 8px;
  font-size: 16px;
  line-height: 1.2;
  padding: 6px 13px 1px;
  border-radius: 100px;
  color: var(--text-color);
  border: 1px solid var(--text-color);
}

.new-announcement-bar .btn{
  margin: 0;
  min-height: auto;
  box-shadow: none;
  width: fit-content;

  font-size: 18px;
  line-height: 1.35;
  padding: 3px 13px;
  border-radius: 100px;
  color: var(--text-color);
  border: 1px solid var(--text-color);
}

@media (max-width: 767px) {
  .new-announcement-bar .layout-group:not([data-animated="true"]) .layout-item {
    -webkit-animation: scroll-x 60s linear infinite;
    animation: scroll-x 60s linear infinite;
  }

  .new-announcement-bar .layout-group:not([data-animated="true"]).speed-2x .layout-item{
    -webkit-animation: scroll-x 20s linear infinite;
    animation: scroll-x 20s linear infinite;
  }
}

@media (min-width: 768px) {
  .new-announcement-bar .layout-group:not([data-animated="true"]) .layout-item-dublicate{
    display: none;
  }

  .new-announcement-bar p.text{
    font-size: 18px;
  }

  .new-announcement-bar p.text-label{
    font-size: 18px;
  }
}

/*************************
  Free Shipping bat
*************************/
.free-shipping-bar p{
  text-align: center;
}

.free-shipping-bar b{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
}

@media (max-width: 767px) {
  .free-shipping-bar p{
    font-size: 15px;
  }
}

/*************************
  Header
*************************/
.header{
  display: flex;
  position: relative;
  align-items: center;

  z-index: 100;
  /*padding: 8px 0;*/
  min-height: 60px;
  border-bottom: 1px solid #E6E8EC;
      justify-content: space-between;
}

.header .header-layout{
  display: grid;
  align-items: center;
  grid-column-gap: 15px;
  grid-template-columns: 1fr 90px 1fr;
}

.header .header-nav-icons{
  display: flex;
  align-items: center;
  grid-column-gap: 7px;
  justify-content: flex-end;
}

.header .header-nav-icons .button-nav{
  width: 35px;
  height: 35px;
  min-width: 35px;

  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

.header .header-nav-icons .button-nav svg{
  pointer-events: none;
}

.header .button-cart{
  position: relative;
  margin-left: 7px;
}

.header .button-cart:before{
  content: '';
  top: 3px;
  bottom: 3px;
  width: 1px;
  left: -7px;
  position: absolute;
  background-color: #11412C;
}

.header .button-cart .cart-count-bubble{
  top: 0;
  padding: 0;
  bottom: auto;
  line-height: 1;

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

.header .search-group{
  display: flex;
  align-items: center;
}

.header .search-group.show-form-search form{
  min-width: 249px;
}

.header .search-group.show-form-search .button-nav{
  width: 0;
  opacity: 0;
  min-width: 0;
  overflow: hidden;
}

.header .search-group .button-nav{
  transition: all .2s ease-in-out;
}

.header .search-group form{
  position: relative;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  transition: all .3s ease-in-out;
}

.header .search-group input{
  width: 100%;
  min-height: 55px;
  border-radius: 100px;
  padding: 15px 11px 15px 65px;
  background: rgba(24, 25, 29, 0.10);
  border: 1px solid #E6E8EC;

  font-style: normal;
  font-weight: 700;
  color: #18191D;
  font-size: 14px;
  line-height: 1.2;

  outline: none;
  box-shadow: none;
}

.header .search-group input::placeholder{
  color: rgba(24, 25, 29, 0.4);
}

.header .search-group button.button-search{
  position: absolute;
  top: 50%;
  left: 23px;
  padding: 0;
  border: none;
  transform: translateY(-50%);
  background-color: transparent;
}

.header .header-main-navigation{
  margin: 0;
  padding: 0;
  list-style: none;

  display: flex;
  align-items: center;
  /*grid-column-gap: 28px;*/
}

.header .header-main-navigation > li{
  padding: 38px 14px;
}

.header .header-main-navigation > li:first-child{
  padding-left: 0;
}

.header .header-main-navigation > li:last-child{
  padding-right: 0;
}

.header .header-main-navigation > li > a,
.header .header-main-navigation .button-step{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.25;
  color: #11412C;
  position: relative;
  text-decoration: none;
}

.header .header-main-navigation .button-step{
  cursor: pointer;
}

.header .header-main-navigation > li > a:after,
.header .header-main-navigation .button-step:after{
  content: '';
  position: absolute;
  left: 0;
  width: 0;
  height: 2px;
  bottom: -4px;
  background-color: #11412C;
  transition: all .3s ease-in-out;
}

.header .submenu-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  color: #11412C;
  margin: 0 0 8px;
  line-height: 1.04;
}

.header .dropdown-wrap {
  border: 1px solid #E6E8EC;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;

  opacity: 0;
  margin: 15px 0 0;
  visibility: hidden;
  pointer-events: none;
  transition: all .3s ease-in-out;
}

.header .header-main-navigation .parent-li:hover .dropdown-wrap{
  margin: 0;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.header .dropdown-group {
  padding: 40px 15px;

  display: grid;
  background: #fff;
  grid-template-columns: 200px 1fr;
}

.header .dropdown-group .column-left{
  height: 100%;
  margin-right: 22px;
  padding-right: 22px;

  border-right: 1px solid #E6E8EC;
}

.header .ul-submenu{
  margin: 0;
  padding: 0;
  list-style: none;

  display: flex;
  grid-row-gap: 6px;
  flex-direction: column;
}

.header .ul-submenu > li{
  line-height: 1;
}

.header .ul-submenu a{
  font-size: 15px;
  color: #11412C;
  line-height: 1.25;

  position: relative;
  text-decoration: none;
}

.header .ul-submenu a:after{
  content: '';
  left: 0;
  width: 0;
  height: 1px;
  bottom: 2px;
  position: absolute;
  background-color: #11412C;
  transition: all .3s ease-in-out;
}

.header .sub-menu-layout{
  display: grid;
  grid-column-gap: 22px;
  grid-template-columns: repeat(4, 1fr);
}

.header .sub-menu-layout.with-blog{
  grid-column-gap: 22px;
  grid-template-columns: 230px 230px 1fr;
}

.header .sub-menu-layout.with-blog .sub-menu-item{
  grid-row-gap: 22px;
}

.header .sub-menu-item {
  display: flex;
  grid-row-gap: 10px;
  text-decoration: none;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.header .sub-menu-item .menu-image{
  display: flex;
  overflow: hidden;
  border-radius: 28px;
  text-decoration: none;
}

.header .sub-menu-item .menu-image img{
  max-width: 100%;
  transform: scale(1.0001);
  transition: all .3s ease-in-out;
}

.header .sub-menu-item .menu-title{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #11412C;
  font-size: 15px;
  line-height: 1.25;
  text-decoration: none;
}

.header .sub-menu-post{
  padding-left: 22px;
  border-left: 1px solid #E6E8EC;
}

.header .sub-menu-post .post-wrap{
  overflow: hidden;
  border-radius: 21px;
  background-size: cover;
  border: 1px solid #00000066;
  background-repeat: no-repeat;
  background-position: center center;
}

.header .sub-menu-post .info{
  border-radius: 0 21px 21px 0;
  background: #f9f7f5;
  max-width: 186px;
  padding: 25px 13px;
}

.header .sub-menu-post .post-title{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #11412C;
  font-size: 15px;
  line-height: 1.25;
  margin: 0 0 3px;
}

.header .sub-menu-post .post-content{
  color: #18191D;
  font-size: 14px;
  line-height: 1.4;
  margin: 0 0 5px;
}

.header .sub-menu-post .post-content p{
  margin: 0;
}

.header .sub-menu-post .post-link{
  text-transform: capitalize;
  line-height: 1.25;
  display: flex;
  color: #11412C;
  font-size: 15px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.header .stars-info-wrap{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.header .stars-number{
  color: #11412C;
  font-size: 12px;
  margin: 5px 0 0;
  line-height: 1.1;
}

.header .sub-menu-item .rating-wrap {
  display: flex;
  max-width: 100px;
  position: relative;
}

.header .sub-menu-item .rating {
  height: 100%;
  overflow: hidden;
  width: var(--percent, 0%);
}

.header .sub-menu-item .star {
  display: flex;
}

.header .sub-menu-item .star-false {
  left: 50%;
  top: 50%;
  width: 100%;
  position: absolute;
  translate: -50% -50%;
}

.header .sub-menu-item .star svg {
  display: flex;
  align-items: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
}

.header .header-logo-link{
  display: flex;
  align-items: center;
  justify-content: center;
}

.header .header-logo-link img{
  max-width: 100%;
}

.header .mobile-menu-button{
  width: 35px;
  height: 35px;
  min-width: 35px;

  cursor: pointer;

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

.header .mobile-menu-button span{
  position: relative;
  width: 25px;
  height: 2px;
  min-width: 25px;
  border-radius: 2px;
  background-color: #11412c;
  pointer-events: none;
}

.header .mobile-menu-button span:before,
.header .mobile-menu-button span:after{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  border-radius: 2px;
  background-color: #11412C;
  transition: all .3s ease-in-out;
}

.header .mobile-menu-button span:before{
  top: -6px;
}

.header .mobile-menu-button span:after{
  bottom: -6px;
}

@media (min-width: 768px) {
  .header{
    min-height: 80px;
  }

  .header .header-layout{
    grid-template-columns: 1fr 130px 1fr;
  }
}

@media (min-width: 992px) {
  .header{
    min-height: 106px;
  }

  .header .header-layout{
    grid-template-columns: 1fr 150px 1fr;
  }

  .header .header-nav-icons{
    margin-right: -10px;
  }

  .header .search-group form{
    width: 0;
  }

  .header .search-group input{
    border: none;
    min-height: 51px;
    padding: 15px 11px 15px 48px;
  }

  .header .search-group button.button-search{
    left: 15px;
  }

  .header .header-main-navigation > li > a:hover:after,
  .header .header-main-navigation .button-step:hover:after{
    width: 100%;
  }

  .header .ul-submenu a:hover:after{
    width: 100%;
  }

  .header .sub-menu-item:hover img{
    transform: scale(1.05);
  }

  .header .mobile-menu-button{
    display: none;
  }
}

@media (min-width: 1200px) {
  .header .dropdown-group {
    padding: 54px 15px;
    grid-template-columns: 230px 1fr;
  }

  header .dropdown-group .column-left{
    margin-right: 30px;
    padding-right: 30px;
  }

  .header .sub-menu-layout{
    grid-column-gap: 30px;
  }

  .header .sub-menu-layout.with-blog{
    grid-template-columns: 315px 315px 1fr;
  }
}

@media (min-width: 1355px) {
  .header .dropdown-group {
    grid-template-columns: 245px 1fr;
    padding: 54px calc((100% - 1325px) / 2);
  }

  .header .sub-menu-layout{
    grid-column-gap: 52px;
  }

  .header .dropdown-group .column-left {
    margin-right: 52px;
    padding-right: 52px;
  }
}

@media (min-width: 1440px) {
  .header .sub-menu-layout.with-blog{
    grid-column-gap: 40px;
  }

  .header .sub-menu-post{
    padding-left: 40px;
  }
}

/*************************
  Drawer navigation
*************************/
body.show-drawer-menu{
  overflow: hidden;
}

body.show-drawer-menu .menu-drawer{
  transform: translateX(0px);
}

body.show-drawer-menu .mobile-menu-button span:before,
body.show-drawer-menu .mobile-menu-button span:after{
  top: 0;
  bottom: 0;
  pointer-events: none;
}

.menu-drawer{
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 12px;
  overflow: auto;
  max-width: 375px;
  background-color: #fff;
  border-top: 1px solid #E6E8EC;
  height: calc(100dvh - 60px);
  transform: translateX(-375px);
  transition: all .3s ease-in-out;
}

.menu-drawer.hasAnnouncementBar{
  height: calc(100dvh - var(--height));
}

.menu-drawer .menu-wrap{
  display: flex;
  grid-row-gap: 18px;
  flex-direction: column;
}

.menu-drawer .drawer-bottom{
  display: flex;
  grid-row-gap: 12px;
  margin: 12px 0 0;
  flex-direction: column;
}

.menu-drawer .button-nav{
  display: flex;
  position: relative;
  align-items: center;
  grid-column-gap: 4px;
  text-decoration: none;
}

.menu-drawer .button-nav:after{
  content: "";
  left: 0;
  width: 0;
  height: 2px;
  bottom: -4px;
  position: absolute;
  background-color: #11412c;
  transition: all .3s ease-in-out;
}

.menu-drawer .button-nav svg{
  width: 24px;
  height: 24px;
}

.menu-drawer .button-nav span{
  color: #11412c;
  font-size: 17px;
  line-height: 1.25;
  letter-spacing: 0.1px;
}

.menu-drawer .menu-with-images{
  display: flex;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
}

.menu-drawer .menu-item{
  display: flex;
  line-height: 1;
  align-items: center;
  text-decoration: none;
}

.menu-drawer .menu-with-images .image{
  width: 65px;
  display: flex;
  min-width: 65px;
  min-height: 65px;
  overflow: hidden;
  margin-right: 15px;
  border-radius: 10px;
}

.menu-drawer .menu-with-images .image img{
  max-width: 100%;
}

.menu-drawer .menu-with-images .menu-label{
  color: #11412C;
  font-size: 15px;
  line-height: 1.25;
}

.menu-drawer .menu-with-images .menu-button{
  width: 100%;
  margin-top: 10px;
  min-height: 55px;
  text-align: center;
  text-transform: capitalize;
}

.menu-drawer .drawer-menu-wrap{
  margin-top: 35px;
}

.menu-drawer .menu-list .li-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #11412C;
  font-size: 26px;
  line-height: 1.04;
  margin: 0 0 6px;
  display: inline-block;
}

.menu-drawer .menu-list li:not(:last-child){
  margin: 0 0 2px;
}

.menu-drawer .menu-list li a{
  color: #11412C;
  font-size: 15px;
  line-height: 1.25;
  text-decoration: none;
}

@media (min-width: 768px) {
  .menu-drawer{
    height: calc(100dvh - 80px);
  }
}

@media (min-width: 992px) {
  .menu-drawer {
    height: calc(100dvh - 106px);
  }
}

/*************************
  Footer
*************************/
.footer{
  padding: 34px 0;
  background-color: var(--bg-color);
}

.footer .footer-layout-top{
  display: grid;
  grid-row-gap: 34px;
  grid-column-gap: 34px;
  grid-template-columns: 1fr;
}

.footer .item-logo .image{
  display: flex;
  max-width: 225px;
}

.footer .item-logo .image img{
  max-width: 100%;
}

.footer .item-menu{
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
  grid-row-gap: 25px;
}

.footer .menu-wrap{
  flex: 0 1 100%;
}

.footer .menu-wrap:first-child{
  padding-left: 0;
}

.footer .menu-wrap:last-child{
  padding-right: 0;
}

.footer .menu-heading{
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #2AA872;
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 13px;
}

.footer .menu-list li{
  line-height: 1;
}

.footer .menu-list li + li{
  margin: 12px 0 0;
}

.footer .menu-list a{
  position: relative;
  display: inline-block;

  color: var(--text-color);
  font-size: 16px;
  line-height: 1.25;
  transition: all .3s ease-in-out;
  text-decoration: none;
}

.footer .menu-list a:after{
  content: "";
  left: 0;
  width: 0;
  height: 1px;
  bottom: 2px;
  position: absolute;
  background-color: var(--text-color);
  transition: all .3s ease-in-out;
}

.footer .item-signup{
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

.footer .signup-heading{
  font-family: 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 1.1;
  margin: 0 0 17px;
  letter-spacing: 0;
  color: var(--text-color);
}

.footer .klaviyo-form{
  width: 100%;
  margin: 0 0 15px;
}

.footer #newsletter-form{
  width: 100%;

  display: flex;
  grid-row-gap: 10px;
  flex-direction: column;
}

.footer #newsletter-form input{
  margin: 0;
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 14px 38px;

  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #C8C6C6;
  line-height: 1;
  font-size: 20px;
  letter-spacing: 0.88px;

  border-radius: 53px;
  border: 1px solid #FFF;
  background: rgba(255, 255, 246, 0.10);
}

.footer #newsletter-form input::placeholder{
  opacity: 1;
  color: #C8C6C6;
  text-align: center;
}

.footer #newsletter-form .btn{
  border-radius: 40px;
  background: #2AA872;
  min-height: 50px;
  font-size: 20px;
  width: 100%;
}

.footer .klaviyo-form .subscribe-error,
.footer .klaviyo-form .subscribe-successful{
  letter-spacing: 0.52px;
  line-height: 1.25;
  font-size: 15px;
  margin: 13px 0 0;
  text-align: center;
  display: none;
  color: var(--text-color);
}

.footer .klaviyo-form .subscribe-successful{
  color: #2aa872;
}

.footer .klaviyo-form .subscribe-error{
  color: #fa5353;
}

.footer .social-wrap{
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  width: 100%;
  justify-content: space-between;
}

.footer .media-heading{
  font-size: 16px;
  line-height: 1.4;
  color: var(--text-color);
  margin: 4px 12px 0 0;
}

.footer .footer__list-social{
  display: flex;
  flex-wrap: wrap;
}

.footer .footer__list-social li{
  line-height: 1;
}

.footer .footer__list-social a{
  display: flex;
  align-items: center;
  justify-content: center;

  width: 30px;
  min-width: 30px;
  height: 30px;
}

.footer .footer__list-social svg{
  width: 20px;
  min-width: 20px;
  height: auto;
}

.footer .footer__list-social svg path{
  fill: var(--text-color);
}

.footer .footer-bottom{
  margin-top: 34px;

  display: flex;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.footer .copyright{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.4;
  color: var(--text-color);
}

.footer .copyright a{
  text-decoration: none;
  color: var(--text-color);
}

.footer .list-policies{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  grid-row-gap: 7px;
}

.footer .list-policies li{
  line-height: 1;
  position: relative;
}

.footer .list-policies li + li{
  margin-left: 8px;
  padding-left: 8px;
}

.footer .list-policies li + li:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background-color: var(--text-color);
}

.footer .list-policies li a{
  color: var(--text-color);
  font-size: 14px;
  line-height: 1.25;
  position: relative;
  text-decoration: none;
  text-transform: capitalize;
}

.footer .list-policies li a:after{
  content: "";
  left: 0;
  width: 0;
  height: 1px;
  bottom: 2px;
  position: absolute;
  background-color: var(--text-color);
  transition: all .3s ease-in-out;
}

@media (min-width: 768px) {
  .footer{
    padding: 40px 0;
  }

  .footer .item-logo .image{
    max-width: 245px;
  }

  .footer .item-menu{
    margin-top: 0;
  }

  .footer .menu-wrap{
    flex: 0 1 33.33%;
    padding: 0 12px 0;
  }

  .footer .menu-heading{
    margin: 0 0 19px;
  }

  .footer .item-signup{
    align-items: center;
  }

  .footer .klaviyo-form{
    max-width: 330px;
    margin: 0 0 22px;
  }

  .footer .social-wrap{
    width: auto;
    justify-content: flex-start;
  }
}

@media (min-width: 992px) {
  .footer .footer-layout-top{
    grid-template-columns: 165px 1fr 300px;
  }

  .footer .item-signup{
    align-items: flex-start;
  }

  .footer .footer-bottom{
    margin-top: 50px;
    text-align: left;
    align-items: flex-start;
  }

  .footer .list-policies{
    text-align: left;
    justify-content: flex-start;
  }

  .footer .menu-list a:hover:after{
    width: 100%;
  }

  .footer .list-policies li a:hover:after{
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .footer{
    padding: 60px 0;
  }

  .footer .footer-layout-top{
    grid-template-columns: 225px 1fr 317px;
  }

  .footer .menu-list a{
    font-size: 18px;
  }

  .footer .signup-heading{
    font-size: 42px;
  }

  .footer #newsletter-form input{
    font-size: 22px;
    min-height: 55px;
  }

  .footer #newsletter-form .btn{
    font-size: 22px;
    min-height: 55px;
  }
}

@media (min-width: 1440px) {
  .footer .item-menu{
    padding-left: 81px;
  }
}

/*************************
  Section Banner
*************************/
.section-banner{
  position: relative;
  padding: 30px 0 36px;
  background-color: var(--bg-color);
}

.section-banner.section-min-height{
  min-height: 582px;
}

.section-banner .bg-image-wrap{
  position: absolute;
  inset: 0;
}

.section-banner .image-desktop,
.section-banner .image-mobile{
  width: 100%;
  height: 100%;
}

.section-banner .bg-image-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.section-banner .container{
  position: relative;
  z-index: 5;
}

.section-banner .banner-layout{
  display: grid;
  grid-row-gap: 12px;
  grid-column-gap: 20px;
  grid-template-columns: 1fr;

  align-items: center;
  justify-content: space-between;
}

.section-banner .banner-layout.banner-media-none {
  grid-row-gap: 0;
}

.section-banner .banner-stars-wrap{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;

  flex-direction: column;
  grid-column-gap: 10px;
  grid-row-gap: 7px;
  margin: 0 0 18px;
}

.section-banner .banner-stars{
  display: flex;
  width: 100%;
  max-width: 97px;
  align-items: center;
  justify-content: space-between;
}

.section-banner .banner-stars svg{
  width: 17px;
  height: auto;
}

.section-banner .banner-stars-text{
  font-size: 16px;
  line-height: 1.4;
  color: var(--text-color);
}

.section-banner .banner-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 12px;
  font-size: 38px;
  text-align: center;

  line-height: 100%;
  letter-spacing: -0.92px;
}

.section-banner.section-hero .banner-title{
  font-size: 46px;
}

.section-banner .banner-title p{
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

.section-banner .banner-text-content{
  width: 100%;
  max-width: var(--content-width);
}

.section-banner .banner-content{
  color: var(--text-color);
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 18px;
  max-width: 560px;
  text-align: center;
}

.section-banner.section-hero .banner-content{
  font-size: 18px;
}

.section-banner .banner-content p{
  margin: 0;
}

.section-banner .banner-btn{
  width: fit-content;
  display: flex;
  align-items: center;
  grid-column-gap: 18px;
  min-height: 55px;
  margin: 0 auto 0;
}

.section-banner .additoinal-list{
  margin: 18px 0 0;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  grid-column-gap: 12px;
  grid-row-gap: 5px;
}

.section-banner .additoinal-list-item{
  display: flex;
  align-items: center;
  grid-column-gap: 7px;

  color: var(--text-color);
  font-size: 16px;
  line-height: 1.4;
}

.section-banner .additoinal-list-item p{
  margin: 0;
  line-height: normal;
}

.section-banner .additoinal-list-item path{
  color: var(--text-color);
}

.section-banner .banner-media{
  border-radius: 28px;
  overflow: hidden;

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

.section-banner .video-wrap{
  width: 100%;
  display: flex;
  overflow: hidden;
  padding-top: 50%;
  position: relative;
}

.section-banner .video-wrap.video-squared{
  padding-top: 100%;
}

.section-banner .banner-media img,
.section-banner .video-wrap video,
.section-banner .video-wrap iframe{
  max-width: 100%;
}

.section-banner .video-wrap video,
.section-banner .video-wrap iframe{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .section-banner.section-hero .banner-media-wrap{
    order: 1;
  }

  .section-banner.section-hero .banner-text-content{
    order: 2;
  }
}

@media (min-width: 768px) {
  .section-banner{
    padding: 40px 0;

    display: flex;
    align-items: center;
  }

  .section-banner.section-min-height{
    min-height: 540px;
  }

  .section-banner .banner-layout{
    grid-template-columns: repeat(2, 1fr);
  }

  .section-banner .banner-layout.content-reverse .banner-text-content{
    order: 2;
    margin-left: auto;
  }

  .section-banner .banner-layout.content-reverse .banner-text-content{
    order: 1;
  }

  .section-banner .banner-stars-wrap{
    flex-direction: row;
    justify-content: flex-start;
  }

  .section-banner .banner-stars{
    max-width: 124px;
  }

  .section-banner .banner-stars svg{
    width: 24px;
  }

  .section-banner .banner-stars-text{
    margin: 5px 0 0;
  }

  .section-banner .banner-title{
    font-size: 46px;
    line-height: 93%;
    letter-spacing: -1.52px;
    text-align: left;
  }

  .section-banner.section-hero .banner-title{
    font-size: 52px;
  }

  .section-banner .banner-content{
    text-align: left;
    font-size: 18px;
  }

  .section-banner .banner-btn{
    margin: 0;
  }

  .section-banner .additoinal-list{
    flex-direction: row;
  }
}

@media (min-width: 992px) {

  .section-banner .banner-layout{
    grid-column-gap: 40px;
  }

  .section-banner .banner-stars-wrap{
    margin: 0 0 25px;
  }

  .section-banner .banner-title{
    font-size: 51px;
    margin: 0 0 15px;
  }

  .section-banner.section-hero .banner-title{
    font-size: 65px;
  }

  .section-banner .banner-content{
    margin: 0 0 25px;
    font-size: 20px;
  }

  .section-banner .banner-btn{
    min-height: 55px;
  }

  .section-banner .additoinal-list{
    margin: 25px 0 0;
    grid-row-gap: 10px;
  }
}

@media (min-width: 1200px) {
  .section-banner{
    padding: 54px 0;
  }

  .section-banner .banner-stars-wrap{
    grid-column-gap: 14px;
    margin: 0 0 36px;
  }

  .section-banner .banner-title{
    margin: 0 0 20px;
    font-size: 56px;
  }

  .section-banner.section-hero .banner-title{
    font-size: 76px;
  }

  .section-banner .banner-content{
    margin: 0 0 36px;
  }

  .section-banner.section-hero .banner-content{
    font-size: 23px;
  }

  .section-banner .additoinal-list{
    margin: 36px 0 0;
  }
}

@media (min-width: 1440px) {
  .section-banner .banner-layout{
    grid-column-gap: 71px;
    grid-template-columns: 591px 660px;
  }

  .section-banner .banner-layout.content-reverse{
    grid-template-columns: 660px 591px;
  }
}

@media (min-width: 1920px) {
  .section-banner.section-min-height{
    min-height: 650px;
  }
}

/*************************
  Section: why-love-us
*************************/
.why-love-us{
  padding: 36px 0;
  background-color: var(--bg-color);
}

.why-love-us .section-layout{
  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 20px;
  justify-content: space-between;
}

.why-love-us .item-info{
  display: flex;
  align-items: center;
  flex-direction: column;

  width: 100%;
  min-width: 100%;
}

.item-reviews{
  width: 100%;
  min-width: 100%;
  text-align: center;
}

.why-love-us .stars-wrap{
  display: flex;
  width: 100%;
  max-width: 100px;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 7px;
}

.why-love-us .stars-wrap svg{
  width: 18px;
  height: auto;
}

.why-love-us .stars-wrap svg path{
  fill: var(--star-fill);
}

.why-love-us .section-title{
  font-style: normal;
  font-weight: 700;
  color: var(--text-color);
  font-size: 26px;
  line-height: 1.08;
  letter-spacing: -0.6px;
  margin: 0;
}

.why-love-us .swiper-container:not(.swiper-container-initialized) .swiper-slide:not(:first-child){
  display: none;
}

.why-love-us .slide-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: var(--text-color);
  font-size: 22px;
  line-height: 1.04;
  margin: 0 0 10px;
}

.why-love-us .slide-content {
  color: var(--text-color);
  font-size: 18px;
  line-height: 1.40;
}

.why-love-us .slide-content p{
  margin: 0;
}

.why-love-us .slide-author {
  color: var(--text-color);
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.25;
  margin: 10px 0 0;
  position: relative;
}

.why-love-us.type-2 .section-layout{
  margin: 0 auto;
  max-width: 1220px;
}

.why-love-us.type-2 .item-info{
  display: none;
}

.why-love-us.type-2 .item-reviews{
  width: 100%;
  min-width: 100%;
  padding-top: 34px;
  position: relative;
}

.why-love-us.type-2 .item-reviews:before{
  content: '“';
  position: absolute;
  top: 0;
  left: 0;

  font-family: "Founders Grotesk Text", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  color: #2AA872;
  line-height: 1;
}

.why-love-us.type-2 .swiper-slide{
  height: auto;

  display: flex;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}

.why-love-us.type-2 .slide-title{
  display: none;
}

.why-love-us.type-2 .slide-content{
  max-width: 929px;

  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.1;
}

.why-love-us.type-2 .slide-author{
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.08;
  letter-spacing: -0.6px;

  white-space: nowrap;
}


@media (min-width: 768px) {
  .why-love-us{
    padding: 42px 0;
  }

  .why-love-us .item-info{
    align-items: flex-start;
  }

  .item-reviews{
    text-align: left;
  }

  .why-love-us .slide-content {
    font-size: 20px;
  }

  .why-love-us.type-2 .swiper-slide{
    flex-direction: row;
    align-items: flex-end;
  }

  .why-love-us.type-2 .slide-content{
    padding-right: 50px;
  }

  .why-love-us.type-2 .slide-author{
    font-weight: 400;
  }
}

@media (min-width: 992px) {
  .why-love-us .item-info{
    padding-right: 20px;
    width: calc(100% - 550px);
    min-width: calc(100% - 550px);
  }

  .item-reviews{
    width: 550px;
    min-width: 550px;
  }

  .why-love-us .stars-wrap{
    max-width: 124px;
    margin: 0 0 12px;
  }

  .why-love-us .stars-wrap svg{
    width: 24px;
  }

  .why-love-us .section-title{
    font-size: 30px;
  }

  .why-love-us .slide-title{
    font-size: 24px;
  }

  .why-love-us .slide-content {
    font-size: 20px;
  }

  .why-love-us .slide-author {
    font-size: 18px;
  }

  .why-love-us.type-2 .slide-content{
    padding-right: 60px;
  }

  .why-love-us.type-2 .slide-content{
    font-size: 32px;
  }

  .why-love-us.type-2 .slide-author{
    font-size: 24px;
  }
}

@media (min-width: 1200px) {
  .why-love-us{
    padding: 50px 0;
  }

  .why-love-us .item-info{
    padding-right: 60px;
    width: calc(100% - 750px);
    min-width: calc(100% - 750px);
  }

  .item-reviews{
    width: 750px;
    min-width: 750px;
  }

  .why-love-us .stars-wrap{
    margin: 0 0 18px;
  }

  .why-love-us .section-title{
    font-size: 34px;
  }

  .why-love-us .slide-title{
    font-size: 26px;
    margin: 0 0 16px;
  }

  .why-love-us .slide-content {
    font-size: 23px;
  }

  .why-love-us .slide-author {
    font-size: 20px;
    margin: 17px 0 0;
  }

  .why-love-us.type-2 .slide-content{
    font-size: 36px;
  }

  .why-love-us.type-2 .slide-author{
    font-size: 26px;
  }
}

@media (min-width: 1440px) {
  .why-love-us .item-info{
    width: calc(100% - 847px);
    min-width: calc(100% - 847px);
  }

  .item-reviews{
    width: 847px;
    min-width: 847px;
  }

  .why-love-us.type-2{
    padding: 70px 0;
  }

  .why-love-us.type-2 .slide-content{
    font-size: 42px;
  }

  .why-love-us.type-2 .slide-author{
    font-size: 30px;
  }
}

/*************************
  Section: feature card
*************************/
.featured-card{
  padding: 36px 0;
}

.featured-card .card-layout{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-row-gap: 18px;
  grid-column-gap: 18px;
}

.featured-card .card-wrap{
  overflow: hidden;
  text-decoration: none;
  border-radius: 11px 11px 15px 15px;

  display: flex;
  flex-direction: column;
}

.featured-card .image-wrap{
  display: flex;
  overflow: hidden;
  position: relative;
}

.featured-card .image-wrap img{
  transform: scale(1.001);
  transition: all .3s ease-in-out;
}

.featured-card .title{
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #F9F7F5;
  line-height: 1.40;
  text-align: center;
  margin: 0;

  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  background-color: #11412C;
}

@media (min-width: 768px) {
  .featured-card{
    padding: 42px 0;
  }

  .featured-card .card-layout{
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 992px) {
  .featured-card{
    padding: 50px 0;
  }

  .featured-card .card-wrap{
    border-radius: 20px 20px 28px 28px;
  }

  .featured-card .title{
    font-size: 20px;
    padding: 12px 12px;
  }

  .featured-card .card-wrap:hover .image-wrap img{
    transform: scale(1.03);
  }
}

@media (min-width: 1440px) {
  .featured-card{
    padding: 70px 0;
  }

  .featured-card .card-layout{
    grid-row-gap: 27px;
    grid-column-gap: 27px;
  }

  .featured-card .title{
    font-size: 23px;
    padding: 14px 14px;
  }
}

/*************************
  Section creeping line
*************************/
.creeping-line .container-fluid {
  width: 100%;
  min-width: 100%;
  padding: 18px 0;
  background-color: var(--bg-color);

  display: flex;
  overflow: hidden;
  align-items: center;
}

.creeping-line .layout-group {
  width: 100%;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.creeping-line .layout-group[data-animated="true"] .layout-item {
  -webkit-animation: scroll-x 60s linear infinite;
  animation: scroll-x 60s linear infinite;
}

.creeping-line .layout-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  min-width: 100%;
}

.creeping-line .line-item {
  display: flex;
  align-items: center;
  text-align: center;
}

.creeping-line p.text {
  font-weight: 700;
  font-size: 23px;
  line-height: 1.25;
  color: var(--text-color);
  margin: 0;

  position: relative;
  padding-right: 60px;
}

.creeping-line p.text:after{
  content: '';
  top: 50%;
  right: 22px;
  position: absolute;
  transform: translateY(-50%);

  width: 16px;
  height: 16px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #2AA872;
}

@media (min-width: 1200px) {
  .creeping-line p.text {
    padding-right: 80px;
  }

  .creeping-line p.text:after{
    right: 17px;
  }
}

@media (min-width: 1440px) {
  .creeping-line p.text {
    padding-right: 100px;
  }

  .creeping-line p.text:after{
    right: 20px;
  }
}

/*************************
  Section: featured-collection
*************************/
.featured-collection{
  padding: 36px 0;
  background-color: var(--bg-color);
}

.featured-collection .swiper-container-initialized{
  margin: 0 -15px 0 0;
}

.featured-collection .section-title{
  margin: 0 0 20px;
  text-align: center;
  color: var(--text-color);
}

.featured-collection .swiper-slide{
  height: auto;
}

.featured-collection .card__content{
  padding: 0;
  margin: 10px 0 0;
}

.featured-collection .quick-add{
  margin: 20px 0 0;
}

.featured-collection .quick-add__submit{
  min-height: 53px;
}

.featured-collection .slider-navigation{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 18px 0 0;
  grid-column-gap: 17px;
}

.featured-collection .slider-nav{
  padding: 8px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 100%;
  border: 1px solid #11412C;
  background-color: #11412C;
  transition: all .3s ease-in-out;
}

.featured-collection .slider-nav path{
  stroke: #ffffff;
  transition: all .3s ease-in-out;
}

.featured-collection .swiper-container:not(.swiper-container-initialized) .products-layout{
  display: grid;
  grid-column-gap: 13px;
  grid-template-columns: 1fr;
}

.featured-collection .swiper-container:not(.swiper-container-initialized) .slider-navigation{
  display: none;
}

@media (max-width: 767px) {
  .featured-collection .swiper-container:not(.swiper-container-initialized) .swiper-slide:nth-child(n+2){
    display: none;
  }
}

@media (min-width: 768px) {
  .featured-collection{
    padding: 40px 0;
  }

  .featured-collection .section-title {
    margin: 0 0 25px;
  }

  .featured-collection .swiper-container:not(.swiper-container-initialized) .products-layout{
    grid-column-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .featured-collection .swiper-container:not(.swiper-container-initialized) .swiper-slide:nth-child(n+3){
    display: none;
  }
}

@media (min-width: 992px) {
  .featured-collection .section-title{
    margin: 0 0 35px;
  }

  .featured-collection .swiper-container-initialized{
    margin: 0;
  }

  .featured-collection .slider-nav:hover{
    background-color: #ffffff;
  }

  .featured-collection .slider-nav:hover path{
    stroke: #11412C;
  }

  .featured-collection .swiper-container:not(.swiper-container-initialized) .products-layout{
    grid-column-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .featured-collection .swiper-container:not(.swiper-container-initialized) .swiper-slide:nth-child(n+4){
    display: none;
  }
}

@media (min-width: 1200px) {
  .featured-collection{
    padding: 69px 0;
  }

  .featured-collection .swiper-container:not(.swiper-container-initialized) .products-layout{
    grid-template-columns: repeat(4, 1fr);
  }

  .featured-collection .swiper-container:not(.swiper-container-initialized) .swiper-slide:nth-child(n+5){
    display: none;
  }
}

@media (min-width: 1440px) {
  .featured-collection .section-title{
    margin: 0 0 70px;
  }

  .featured-collection .quick-add__submit{
    min-height: 55px;
  }

  .featured-collection .swiper-container:not(.swiper-container-initialized) .products-layout{
    grid-column-gap: 40px;
  }
}

/* ========================================
  Section: Collection page grid
======================================== */
.collection-page{

}

.collection-page .layout-wrapper.one-column .products-layout,
.collection-page .products-layout{
  display: grid;
  grid-row-gap: 25px;
  grid-column-gap: 13px;
  grid-template-columns: 1fr;

  margin: 0;
  padding: 0;
  list-style: none;
}

.collection-page .layout-vertical{
  display: grid;
  grid-column-gap: 20px;
  grid-template-columns: 1fr;
}

.collection-page .layout-wrapper.one-column{
  display: grid;
  grid-template-columns: 1fr!important;
}

.collection-page .active-facets-vertical-filter{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;

  margin: 0 0 10px;
  grid-row-gap: 7px;
  grid-column-gap: 10px;
}

.collection-page #FacetFiltersForm{
  width: 100%;
}

.collection-page #FacetFiltersForm.facets__form-vertical details{
  padding: 10px 0 0;
}

.collection-page #FacetsWrapperDesktop summary{
  margin: 0;
}

.collection-page .active-facets{
  margin: 0;
}

.collection-page .active-facets__button-remove{
  padding: 0;
}

.collection-page .active-facets-vertical-filter > *{
  margin: 0;
  padding: 0;
}

.collection-page .facets-container{
  padding: 0;
  margin: 0 0 20px;
}

.collection-page .facets-vertical-sort{
  margin: 0 0 25px;
}

.collection-page .facet-filters__label,
.collection-page .facets__heading{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #11412C;
  font-size: 15px;
  line-height: 1.25;
  margin: 0 7px 0 0;
  letter-spacing: .5px;
}

.collection-page #FacetsWrapperDesktop summary,
.collection-page .mobile-facets__open-label,
.collection-page .facet-filters__sort,
.collection-page .product-count__text{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #000000;
  font-size: 14px;
  margin: 1px 0 0;
  line-height: 1.25;
}

.collection-page .facet-filters__sort{
  outline: none;
  box-shadow: none;
}

.collection-page .product-count{
  opacity: 1;
}

.collection-page .products-layout .grid__item{
  width: 100%;
  margin: 0 auto;
  max-width: 315px;
}

.collection-page .quick-add__submit{
  font-size: 18px;
  min-height: 50px;
}

@media (min-width: 768px) {
  .collection-page .layout-wrapper.one-column .products-layout,
  .collection-page .products-layout{
    grid-column-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }

  .collection-page .layout-vertical{
    grid-template-columns: 215px 1fr;
  }
}

@media (min-width: 992px) {
  .collection-page .layout-wrapper.one-column .products-layout,
  .collection-page .products-layout{
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }

  .collection-page .layout-vertical{
    grid-template-columns: 250px 1fr;
  }

  .collection-page .layout-vertical .products-layout{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1200px) {
  .collection-page {
    padding: 60px 0;
  }

  .collection-page .layout-vertical{
    grid-template-columns: 300px 1fr;
  }

  .collection-page .layout-wrapper.one-column .products-layout,
  .collection-page .products-layout {
    grid-row-gap: 40px;
    grid-template-columns: repeat(4, 1fr);
  }

  .collection-page .layout-vertical .products-layout{
    grid-template-columns: repeat(3, 1fr);
  }

  .collection-page .quick-add__submit{
    font-size: 20px;
    min-height: 53px;
  }
}

@media (min-width: 1440px) {
  .collection-page .layout-wrapper.one-column .products-layout,
  .collection-page .products-layout {

    grid-row-gap: 60px;
    grid-column-gap: 40px;
  }
}

/* ========================================
  Section: section-video-slider
======================================== */
.section-video-slider {
  padding: 36px 0;
  overflow: hidden;
}

.section-video-slider .section-title {
  margin: 0 0 19px;
  text-align: center;
  color: var(--text-color);
}

.section-video-slider .video-slider-container {
  position: relative;
}

.section-video-slider .swiper-container {
  display: flex;
  flex-direction: column;
  position: static;
  margin: 0 -15px 0 0;
}

.section-video-slider .swiper-slide {
  height: auto;
}

.section-video-slider .video-holder {
  position: relative;
  padding-top: 178%;
  overflow: hidden;
}

.section-video-slider .video-holder video {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.section-video-slider .video-holder .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.section-video-slider .swiper-container {
  padding: 0;
}

.section-video-slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
  width: calc((100% - 15px) / 1);
  min-width: calc((100% - 15px) / 1);
}

.section-video-slider .swiper-container:not(.swiper-container-initialized) .swiper-wrapper {
  grid-column-gap: 15px;
}

.section-video-slider .slide-content{
  overflow: hidden;
  border-radius: 28px 28px;
}

.section-video-slider .slide-info{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  border-radius: 0 0 28px 28px;
  background-color: #11412C;
  padding: 16px 10px 16px;

  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  grid-row-gap: 3px;
}

.section-video-slider .product_subject{
  color: #F9F7F5;
  font-size: 15px;
  line-height: 1.25;
}

.section-video-slider .heading{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #F9F7F5;
  font-size: 26px;
  line-height: 1.04;
  margin: 0;
}

.section-video-slider .reviewer{
  color: #F9F7F5;
  font-size: 15px;
  line-height: 1.25;
}

.section-video-slider .reviewer p{
  margin: 0;
}

.section-video-slider .play-video {
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  cursor: pointer;
  position: absolute;
  align-items: center;
  justify-content: center;
}

.section-video-slider .play-video svg {
  border-radius: 100%;
  border: 2px solid #ffffff;
  transition: all 400ms ease 0ms;
}

.section-video-slider .play-video.active svg {
  display: none;
}

.section-video-slider .slider-nav-container{
  display: flex;
  align-items: center;
  justify-content: center;
  grid-column-gap: 18px;
  margin: 18px 0 0;
}

.section-video-slider .swiper-container:not(.swiper-container-initialized) .slider-button {
  display: none;
}

.section-video-slider .slider-button{
  padding: 8px 8px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 100%;
  border: 1px solid #11412C;
  background-color: #11412C;
  transition: all .3s ease-in-out;
}

.section-video-slider .slider-button path{
  stroke: #ffffff;
  transition: all .3s ease-in-out;
}

@media (max-width: 768px) {
  .section-video-slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
    width: calc((100% - 15px) / 2);
    min-width: calc((100% - 15px) / 2);
  }
}

@media (min-width: 768px) {
  .section-video-slider {
    padding: 40px 0;
    background-color: var(--bg-color);
  }

  .section-video-slider .swiper-container {
    margin: 0;
  }

  .section-video-slider .section-title {
    margin: 0 0 25px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .section-video-slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
    width: calc((100% - 30px) / 3);
    min-width: calc((100% - 30px) / 3);
  }
}

@media (min-width: 992px) {
  .section-video-slider .section-title {
    margin: 0 0 35px;
  }

  .section-video-slider .slider-button:hover{
    background-color: #ffffff;
  }

  .section-video-slider .slider-button:hover path{
    stroke: #11412C;
  }
}

@media (min-width: 1200px) {
  .section-video-slider {
    padding: 69px 0;
  }

  .section-video-slider .swiper-container:not(.swiper-container-initialized) .swiper-slide {
    width: calc((100% - 45px) / 4);
    min-width: calc((100% - 45px) / 4);
  }
}

@media (min-width: 1355px) {
  .section-video-slider .slider-nav-container{
    display: inline-block;
    margin: 0;
  }

  .section-video-slider .slider-button{
    position: absolute;
    top: 50%;
    z-index: 1;
    transform: translateY(-50%);
  }

  .section-video-slider .slider-button-next{
    right: -20px;
  }

  .section-video-slider .slider-button-prev{
    left: -20px;
  }
}

/*************************
  Section: slider-logo
*************************/
.section-slider-logo{
  padding: 36px 0;
  background-color: var(--bg-color);
}

.section-slider-logo .section-title{
  margin: 0 0 19px;
  text-align: center;
}

.section-slider-logo .layout-group {
  width: 100%;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  margin: 0 auto;
  max-width: 980px;
  position: relative;

  grid-column-gap: 50px;
}

.section-slider-logo .layout-group:before,
.section-slider-logo .layout-group:after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 100px;
}

.section-slider-logo .layout-group:before{
  left: 0;
  background: var(--overflow-left);
}

.section-slider-logo .layout-group:after{
  right: 0;
  background: var(--overflow-right);
}

.section-slider-logo .layout-group[data-animated="true"] .layout-item {
  -webkit-animation: scroll-x 60s linear infinite;
  animation: scroll-x 60s linear infinite;
}

.section-slider-logo .layout-item {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  grid-column-gap: 50px;
  justify-content: space-around;
  min-width: 100%;
}

.section-slider-logo .line-item {
  display: flex;
  align-items: center;
  text-align: center;
}

.section-slider-logo .image-wrap{
  max-width: 110px;
}

.section-slider-logo .image-wrap img{
  max-width: 100%;
  max-height: 100%;
}

@media (min-width: 768px) {
  .section-slider-logo {
    padding: 40px 0;
  }

  .section-slider-logo .section-title {
    margin: 0 0 25px;
  }

  .section-slider-logo .layout-group {
    grid-column-gap: 70px;
  }

  .section-slider-logo .layout-group:before,
  .section-slider-logo .layout-group:after{
    width: 150px;
  }

  .section-slider-logo .layout-item {
    grid-column-gap: 70px;
  }

  .section-slider-logo .image-wrap{
    max-width: 160px;
  }
}

@media (min-width: 992px) {
  .section-slider-logo .section-title {
    margin: 0 0 35px;
  }

  .section-slider-logo .layout-group {
    grid-column-gap: 90px;
  }

  .section-slider-logo .layout-group:before,
  .section-slider-logo .layout-group:after{
    width: 200px;
  }

  .section-slider-logo .layout-item {
    grid-column-gap: 90px;
  }

  .section-slider-logo .image-wrap{
    max-width: 200px;
  }
}

@media (min-width: 1200px) {
  .section-slider-logo {
    padding: 69px 0;
  }

  .section-slider-logo .section-title {
    margin: 0 0 50px;
  }

  .section-slider-logo .layout-group {
    grid-column-gap: 115px;
  }

  .section-slider-logo .layout-item {
    grid-column-gap: 115px;
  }

  .section-slider-logo .image-wrap{
    max-width: 249px;
  }
}

@media (min-width: 1440px) {
  .section-slider-logo .section-title {
    margin: 0 0 60px;
  }
}

/*=========================
  Section: Comparison Table
=========================*/
.section-table{
  padding: 36px 0;
  position: relative;
  background: var(--bg-color);
}

.section-table .section-layout{
  display: flex;
  flex-direction: column;
  grid-row-gap: 26px;
  /*grid-column-gap: 40px;*/
}

.section-table .column-content{
  display: flex;
  max-width: 500px;
  align-items: center;
  flex-direction: column;

  margin: 0 auto;
  text-align: center;
}

.section-table .column-table.long-table{
  display: flex;
  margin: 0 -15px 0 -5px;
}

.section-table .long-table .table-wrapper {
  overflow: auto;
  margin: 0 auto 0;
  padding: 0 5px 10px;
}

.section-table .long-table .table-inner {
  width: 460px;
}

.section-table .section-title{
  margin: 0 0 13px;
}

.section-table .content{
  color: var(--text-color);
  font-size: 16px;
  line-height: 1.2;
  margin: 0 0 13px;
}

.section-table .content p:last-child{
  margin: 0;
}

.section-table .section-image img{
  max-width: 100%;
  max-height: 100%;
}

.section-table .table-header{
  display: flex;
}

.section-table .long-table .table-header-list:not(:first-child){
  width: 25%;
  min-width: 25%;
}

.section-table .long-table .table-header-list:first-child{
  width: 25%;
  min-width: 25%;
}

.section-table .table-header-list{
  display: flex;
  align-items: center;
  justify-content: center;

  width: 33.33%;
  min-width: 33.33%;
  min-height: 70px;

  color: #11412C;
  line-height: 1;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  text-align: center;

  padding: 12px 10px;
  background: #FFFFFF;
  border-radius: 23px 23px 0 0;
  border-bottom: 0.25px solid rgba(0, 0, 0, 0.40);
}

.section-table .table-header-list.empty-line{
  border: none;
  background-color: transparent;
}

.section-table .table-header-list.main-col{
  background-color: #11412C;
}

.section-table .table-header-list img{
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.section-table .table-body{
  overflow: hidden;
  background-color: #ffffff;
  border-radius: 23px 0 23px 23px;
  box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25);
}

.section-table .long-table .table-body-col:not(:first-child){
  width: 25%;
  min-width: 25%;
}

.section-table .long-table .table-body-col:first-child{
  width: 25%;
  min-width: 25%;
}

.section-table .table-body-row:last-child{
  border-bottom: 0;
}

.section-table .table-body-row{
  display: flex;
  background-color: #ffffff;
  border-bottom: 0.25px solid rgba(0, 0, 0, 0.40);
}

.section-table .table-body-col{
  display: flex;
  align-items: center;
  justify-content: center;

  width: 33.33%;
  min-height: 55px;
  min-width: 33.33%;

  font-size: 16px;
  line-height: 1.2;
  text-align: center;

  padding: 5px 10px;
}

.section-table .table-body-col:not(:first-child){
  font-size: 14px;
}

.section-table .table-body-col.main-col{
  color: #ffffff;
  background-color: #11412C;
}

@media (min-width: 768px) {
  .section-table {
    padding: 40px 0;
  }

  .section-table .section-layout{
    /*display: grid;*/
    align-items: center;
    flex-direction: row;
    /*grid-template-columns: 300px 1fr;*/
  }

  .section-table .column-content{
    width: 330px;
    min-width: 330px;
    padding-right: 30px;

    margin: 0;
    text-align: left;
    align-items: flex-start;
  }

  .section-table .column-table{
    width: calc(100% - 330px);
    min-width: calc(100% - 330px);
  }

  .section-table .column-table.long-table{
    margin: 0;
  }

  .section-table .table-header-list{
    font-size: 22px;
    min-height: 80px;
    padding: 18px 10px;
  }

  .section-table .long-table .table-header-list {
    font-size: 18px;
  }

  .section-table .long-table .table-header-list:not(:first-child){
    width: calc((100% - 160px) / 3);
    min-width: calc((100% - 160px) / 3);
  }

  .section-table .long-table .table-header-list:first-child{
    width: 160px;
    min-width: 160px;
  }

  .section-table .long-table .table-body-col:not(:first-child){
    width: calc((100% - 160px) / 3);
    min-width: calc((100% - 160px) / 3);
  }

  .section-table .long-table .table-body-col:first-child{
    width: 160px;
    min-width: 160px;
  }
}

@media (min-width: 992px) {
  .section-table .section-title {
    margin: 0 0 25px;
  }

  /*.section-table .section-layout{*/
  /*  grid-template-columns: 360px 1fr;*/
  /*}*/

  .section-table .column-content{
    width: 360px;
    min-width: 360px;
  }

  .section-table .column-table{
    width: calc(100% - 360px);
    min-width: calc(100% - 360px);
  }

  .section-table .long-table .table-wrapper {
    padding: 0;
    overflow: visible;
  }

  .section-table .long-table .table-inner {
    width: auto;
  }

  .section-table .table-header-list{
    font-size: 24px;
    border-radius: 28px 28px 0 0;
  }

  .section-table .table-body{
    border-radius: 28px 0 28px 28px;
  }

  .section-table .table-body-col{
    font-size: 18px;
    min-height: 60px;
  }

  .section-table .long-table .table-body-col{
    font-size: 17px;
  }

  .section-table .table-body-col:not(:first-child){
    font-size: 16px;
  }

  .section-table .long-table .table-header-list:not(:first-child){
    width: calc((100% - 200px) / 3);
    min-width: calc((100% - 200px) / 3);
  }

  .section-table .long-table .table-header-list:first-child{
    width: 200px;
    min-width: 200px;
  }

  .section-table .long-table .table-body-col:not(:first-child){
    width: calc((100% - 200px) / 3);
    min-width: calc((100% - 200px) / 3);
  }

  .section-table .long-table .table-body-col:first-child{
    width: 200px;
    min-width: 200px;
  }
}

@media (min-width: 1200px) {
  .section-table {
    padding: 69px 0;
  }

  /*.section-table .section-layout{*/
  /*  grid-column-gap: 50px;*/
  /*  grid-template-columns: 471px 1fr;*/
  /*}*/

  .section-table .column-content{
    width: 521px;
    min-width: 521px;
    padding-right: 50px;
  }

  .section-table .column-table{
    width: calc(100% - 521px);
    min-width: calc(100% - 521px);
  }

  .section-table .table-header-list{
    font-size: 32px;
    min-height: 104px;
    padding: 20px 10px;
  }

  .section-table .table-body-col{
    min-height: 66px;
  }

  .section-table .long-table .table-body-col{
    font-size: 18px;
  }
}

@media (min-width: 1440px) {
  /*.section-table .section-layout:not(.three-columns){*/
  /*  grid-column-gap: 74px;*/
  /*}*/

  .section-table .long-table .table-header-list:not(:first-child){
    width: calc((100% - 261px) / 3);
    min-width: calc((100% - 261px) / 3);
  }

  .section-table .long-table .table-header-list:first-child{
    width: 261px;
    min-width: 261px;
  }

  .section-table .long-table .table-body-col:not(:first-child){
    width: calc((100% - 261px) / 3);
    min-width: calc((100% - 261px) / 3);
  }

  .section-table .long-table .table-body-col:first-child{
    width: 261px;
    min-width: 261px;
  }

  .section-table .long-table .table-header-list {
    font-size: 20px;
  }
}

/*=========================
  Section: Section Reviews
=========================*/
.section-reviews{
  padding: 36px 0;
  background-color: var(--bg-color);
}

.section-reviews .heading-wrap{
  display: flex;
  padding: 0 15px;
  grid-row-gap: 12px;
  flex-direction: column;
  text-align: center;
  margin: 0 0 20px;
}

.section-reviews .section-title{
  color: var(--text-color);
}

.section-reviews .section-subheadline{
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.24;
  color: var(--text-color);

  max-width: 800px;
  margin: 0 auto;
}

.section-reviews .slider-layout-group{
  display: flex;
  grid-column-gap: 22px;

  width: 100%;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 auto;
}

.section-reviews .slider-layout-group[data-animated=true] .slider-layout {
  -webkit-animation: scroll-x 50s linear infinite;
  animation: scroll-x 50s linear infinite;
}

.section-reviews .slider-layout{
  display: flex;
  margin: 0 -11px;
  justify-content: center;
}

.section-reviews .slider-slide{
  width: 360px;
  min-width: 360px;
  padding: 0 11px;

  height: auto;
  display: flex;
  grid-column-gap: 22px;
}

.section-reviews .slide-image{
  width: 330px;
  display: none;
  min-width: 330px;
  overflow: hidden;
  border-radius: 25px;
}

.section-reviews .slide-image img{
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center center;
}

.section-reviews .slide-info{
  flex-grow: 1;
  padding: 30px 20px;
  border-radius: 25px;
  background: #F1EFED;

  display: flex;
  flex-direction: column;
}

.section-reviews .stars–group{
  display: flex;
  max-width: 86px;
  margin: 0 0 12px;
  align-content: center;
}

.section-reviews .title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 1.04;
  margin: 0 0 13px;
  color: #11412C;
}

.section-reviews .content{
  flex-grow: 1;
  color: #18191D;
  font-size: 14px;
  line-height: 1.4;
}

.section-reviews .content p{
  margin: 0;
  font-size: inherit;
  line-height: inherit;
}

.section-reviews .slider-bottom{
  display: flex;
  margin: 24px 0 0;
  grid-column-gap: 10px;
  align-items: center;
  justify-content: space-between;
}

.section-reviews .slide-author{
  font-style: normal;
  font-weight: 700;
  color: #18191D;
  font-size: 16px;
  line-height: 1.25;
}

.section-reviews .slide-verified-badge{
  font-style: normal;
  font-weight: 500;
  color: #18191D;
  font-size: 14px;
  line-height: normal;
  letter-spacing: 0.64px;

  padding: 9px 16px 6px;
  border-radius: 21px;
  border: 1px solid #000000;
}

.section-reviews .additoinal-list{
  margin: 18px 0 0;
  padding: 0 15px 0;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  grid-column-gap: 12px;
  grid-row-gap: 5px;
}

.section-reviews .additoinal-list-item{
  display: flex;
  align-items: center;
  grid-column-gap: 7px;

  color: var(--text-color);
  font-size: 16px;
  line-height: 1.4;
}

.section-reviews .additoinal-list-item p{
  margin: 0;
  line-height: normal;
}

.section-reviews .additoinal-list-item path{
  color: var(--text-color);
}

/*.section-reviews .slider-layout-group[data-animated=true]:hover .slider-layout {
  -webkit-animation: none;
  animation: none;
}*/

@media (min-width: 768px) {
  .section-reviews{
    padding: 40px 0;
  }

  .section-reviews .heading-wrap{
    margin: 0 0 40px;
  }

  .section-reviews .section-subheadline{
    font-size: 22px;
  }

  .section-reviews .slider-slide{
    width: 810px;
    min-width: 810px;
  }

  .section-reviews .slide-image{
    display: flex;
  }

  .section-reviews .slide-info{
    padding: 35px 25px;
  }

  .section-reviews .title{
    font-size: 24px;
  }

  .section-reviews .content{
    font-size: 16px;
  }

  .section-reviews .slide-author{
    font-size: 18px;
  }

  .section-reviews .slide-verified-badge{
    font-size: 16px;
  }

  .section-reviews .additoinal-list {
    flex-direction: row;
    justify-content: center;
  }
}

@media (min-width: 992px) {
  .section-reviews .section-subheadline{
    font-size: 24px;
  }

  .section-reviews .slider-slide{
    width: 860px;
    min-width: 860px;
  }

  .section-reviews .slide-image{
    width: 370px;
    min-width: 370px;
  }

  .section-reviews .additoinal-list {
    margin: 25px 0 0;
    grid-row-gap: 10px;
  }
}

@media (min-width: 1200px) {
  .section-reviews{
    padding: 60px 0;
  }

  .section-reviews .title{
    font-size: 26px;
    margin: 0 0 21px;
  }

  .section-reviews .slider-bottom{
    margin: 33px 0 0;
  }

  .section-reviews .slide-author{
    font-size: 20px;
  }

  .section-reviews .additoinal-list {
    margin: 36px 0 0;
  }
}

@media (min-width: 1440px) {
  .section-reviews .heading-wrap{
    margin: 0 0 55px;
  }

  .section-reviews .section-subheadline{
    font-size: 32px;
  }
}

/*=========================
  Section: Section FAQ
=========================*/
.section-faq{
  padding: 36px 0;
  background-color: var(--bg-color);
}

.section-faq .section-title{
  text-align: center;
  color: var(--text-color);
}

.section-faq .section-layout{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.section-faq .column-content{
  width: 100%;
  min-width: 100%;
  padding: 0 0 12px 0;
}

.section-faq .column-faq{
  width: 100%;
  min-width: 100%;
}

.section-faq .accordion-wrap{
  display: flex;
  flex-direction: column;

  width: 100%;
  max-width: 100%;
}

.section-faq .accordion-item{
  border-bottom: 1px solid #11412C;
}

.section-faq .accordion-title{
  font-style: normal;
  font-weight: 700;
  color: #11412C;
  font-size: 18px;
  line-height: 1.4;
  padding: 15px 30px 15px 0;

  cursor: pointer;
  position: relative;
}

.section-faq .accordion-item.active .accordion-title span:after{
  transform: translate(-50%, -50%) rotate(0deg);
}

.section-faq .accordion-title span{
  width: 15px;
  height: 15px;
  min-width: 15px;

  display: flex;
  align-items: center;
  pointer-events: none;
  justify-content: center;

  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.section-faq .accordion-title span:before,
.section-faq .accordion-title span:after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: #11412C;
  transition: all .3s ease-in-out;
  transform: translate(-50%, -50%);
}

.section-faq .accordion-title span:after{
  transform: translate(-50%, -50%) rotate(90deg);
}

.section-faq .accordion-description{
  color: #11412C;
  font-size: 16px;
  line-height: 1.4;

  height: 0;
  overflow: hidden;
  transition: all .3s ease-in-out;
}

.section-faq .accordion-description p{
  margin: 0 0 10px;
}

.section-faq .accordion-description p:last-child{
  margin: 0;
}

@media (min-width: 768px) {
  .section-faq{
    padding: 40px 0;
  }

  .section-faq .section-title{
    text-align: left;
  }

  .section-faq .column-content{
    width: calc(100% - 450px);
    min-width: calc(100% - 450px);
    padding: 0 30px 0 0;
  }

  .section-faq .column-faq{
    width: 450px;
    min-width: 450px;
  }

  .section-faq .accordion-title{
    font-size: 20px;
  }

  .section-faq .accordion-description{
    font-size: 18px;
  }
}

@media (min-width: 992px) {
  .section-faq .column-content{
    width: calc(100% - 500px);
    min-width: calc(100% - 500px);
    padding: 0 40px 0 0;
  }

  .section-faq .column-faq{
    width: 500px;
    min-width: 500px;
  }
}

@media (min-width: 1200px) {
  .section-faq{
    padding: 60px 0;
  }

  .section-faq .column-content{
    width: calc(100% - 616px);
    min-width: calc(100% - 616px);
  }

  .section-faq .column-faq{
    width: 616px;
    min-width: 616px;
  }

  .section-faq .accordion-wrap{
    margin: -22px 0 0 0;
  }

  .section-faq .accordion-title{
    font-size: 23px;
  }

  .section-faq .accordion-title span{
    width: 18px;
    height: 18px;
    min-width: 18px;
  }
}

/*************************
  Section: Modal PDP
*************************/
.quick-add-modal{
  padding: 30px 10px;
}

.quick-add-modal .container{
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.quick-add-modal .single-product{
  padding: 0;
}

.quick-add-modal section.product__info-container{
  display: flex;
  flex-direction: column;
}

.quick-add-modal .quick-modal-content{
  width: 100%;
  max-width: calc(100% - 30px);
  display: flex;
  border-radius: 20px;
  padding: 30px 20px 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  max-height: 80dvh;
  border: 1px solid #11412C;
  background-color: #FFFFFF;
  transform: translate(-50%, -50%);
}

.quick-modal-wrap .quick-modal-wrap-info {
  overflow-y: auto;
  padding: 0 10px 0 0;
}

.quick-modal-wrap .quick-modal-wrap-info::-webkit-scrollbar {
  width: 6px;
}

.quick-modal-wrap .quick-modal-wrap-info::-webkit-scrollbar-track {
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.05);
}

.quick-modal-wrap .quick-modal-wrap-info::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background: #11412C;
  border: 1px solid #F0F0F0;
}

.quick-modal-wrap .quick-modal-info {
  padding: 0;
  transform: translateZ(0);
  background-color: #FFFFFF;
}

.quick-add-modal .quick-add-modal__toggle{
  top: 10px;
  right: 10px;
  border-color: #11412C;
  transition: all .3s ease-in-out;
}

.quick-add-modal .quick-add-modal__toggle path{
  fill: #11412C;
  transition: all .3s ease-in-out;
}

.quick-add-modal .product-layout{
  display: flex;
  flex-wrap: wrap;
}

.quick-add-modal .product-media{
  width: 100%;
  min-width: 100%;
  position: relative;
}

.quick-add-modal .product__media{
  padding-top: 100% !important;
}

.quick-add-modal .product-info{
  width: 100%;
  min-width: 100%;
  padding: 20px 0 0 0;
}

.quick-add-modal .quick-modal .product-title{
  order: 1;
  font-size: 32px;
  letter-spacing: -1.12px;
}

.quick-add-modal .product-description{
  order: 2;
}

.quick-add-modal .price-wrapper{
  order: 3;
}

.quick-add-modal .price-item{
  font-size: 18px !important;
}

.quick-add-modal .price--on-sale .price-item--regular{
  font-size: 16px !important;
}

.quick-add-modal .variant-selects{
  order: 4;
  margin-top: 0 !important;
}

.quick-add-modal .variant-selects input {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  clip: rect(0, 0, 0, 0);
}

.quick-add-modal .product-form__input{
  padding: 0;
  border: none;
  flex-wrap: wrap;
  grid-row-gap: 5px;
  grid-column-gap: 5px;
}

.quick-add-modal .product-quantity-wrap{
  order: 5;
}

.quick-add-modal .product-form-wrap{
  order: 6;
  margin-bottom: 0 !important;
}

.quick-add-modal .product-form__submit{
  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  padding: 14px 30px;
  border-radius: 40px;
  text-decoration: none;
  border: 1px solid #11412C;
  background-color: #11412C;
  transition: all .3s ease-in-out;

  margin: 0;
  color: #FFFFFF;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.88px;
}

.quick-add-modal .product-form__submit:before,
.quick-add-modal .product-form__submit:after{
  display: none;
}

@media (min-width: 768px) {
  .quick-add-modal .product-media{
    width: 50%;
    min-width: 50%;
  }

  .quick-add-modal .product-info{
    width: 50%;
    min-width: 50%;
    padding: 0 0 0 20px;
  }

  .quick-add-modal .quick-modal .product-title{
    font-size: 36px;
  }
}

@media (min-width: 992px) {
  .quick-add-modal{
    padding: 30px 30px;
  }

  .quick-add-modal .quick-modal .product-title{
    font-size: 46px;
  }

  .quick-add-modal .quick-add-modal__toggle:hover{
    background-color: #11412C;
  }

  .quick-add-modal .quick-add-modal__toggle:hover path{
    fill: #ffffff !important;
  }

  .quick-add-modal .product-form__submit:hover{
    color: #11412C;
    background-color: #ffffff;
  }
}

@media (min-width: 1140px) {
  .quick-modal-wrap .quick-modal-content {
    max-width: 992px;
    padding: 35px 20px 35px 30px;
  }
}

/*=========================
  Section: Image & steps content
=========================*/
.image-steps-content{
  padding: 36px 0;
  background-color: var(--bg-color);
}

.image-steps-content .column-layout{
  align-items: center;
  grid-row-gap: 20px;
  grid-column-gap: 35px;
}

.image-steps-content .column-image{
  display: flex;
  border-radius: 28px;
  overflow: hidden;
}

.image-steps-content .column-image img{
  max-width: 100%;
  max-height: 100%;
}

.image-steps-content .column-content{
  width: 100%;
  text-align: center;
  max-width: var(--max-content);
}

.image-steps-content .section-sub-title{
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.1;
  margin: 0 0 15px;
  display: inline-block;
  color: var(--text-color);
}

.image-steps-content .section-title{
  margin: 0 0 17px;
  color: var(--text-color);
}

.image-steps-content .list-content.steps-icons .left-col{
  background-color: #ffffff;
}

.image-steps-content .list-content-item{
  display: flex;
  text-align: left;
  align-items: center;

  padding: 17px 0;
  border-top: 1px solid #2AA872;
  border-bottom: 1px solid #2AA872;
}

.image-steps-content .list-content-item:last-child{
  padding-bottom: 0;
  border-bottom: none;
}

.image-steps-content .left-col{
  width: 59px;
  height: 59px;
  min-width: 59px;
  overflow: hidden;
  border-radius: 100%;
  border: 1px solid #2AA872;
  background: rgba(17, 65, 44, 0.20);

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

  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.04;
  color: var(--text-color);
}

.image-steps-content .left-col span{
  margin: 4px 0 0;
  display: inline-block;
}

.image-steps-content .list-content-item .left-col img{
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  object-position: center;
}

.image-steps-content .right-col{
  padding-left: 12px;
  width: calc(100% - 59px);
  min-width: calc(100% - 59px);

  display: flex;
  flex-direction: column;
}

.image-steps-content .title{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  margin: 0;
  color: var(--text-color);
}

.image-steps-content .content{
  font-size: 16px;
  line-height: 1.2;
  color: var(--text-color);
}

@media (min-width: 768px) {
  .image-steps-content{
    padding: 40px 0;
  }

  .image-steps-content .section-sub-title{
    font-size: 26px;
  }

  .image-steps-content .right-col{
    padding-right: 10px;
  }

  .image-steps-content .title{
    font-size: 21px;
  }
}

@media (max-width: 991px) {
  .image-steps-content .column-layout{
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
  }
}

@media (min-width: 992px) {
  .image-steps-content .column-layout{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .image-steps-content .column-content{
    text-align: left;
  }

  .image-steps-content .section-title{
    margin: 0 0 20px;
  }

  .image-steps-content .left-col{
    font-size: 26px;
  }

  .image-steps-content .list-content-item{
    padding: 22px 0;
  }
}

@media (min-width: 1200px) {
  .image-steps-content{
    padding: 60px 0;
  }

  .image-steps-content .column-layout{
    grid-column-gap: 60px;
    grid-template-columns: 1fr 560px;
  }

  .image-steps-content .section-sub-title{
    font-size: 28px;
    margin: 0 0 20px;
  }

  .image-steps-content .left-col{
    width: 69px;
    height: 69px;
    min-width: 69px;
  }

  .image-steps-content .right-col{
    padding-right: 20px;
    width: calc(100% - 69px);
    min-width: calc(100% - 69px);
  }
}

@media (min-width: 1440px) {
  .image-steps-content .column-layout{
    grid-column-gap: 80px;
    grid-template-columns: 1fr 660px;
  }

  .image-steps-content .section-sub-title{
    font-size: 32px;
  }

  .image-steps-content .title{
    font-size: 23px;
  }

  .image-steps-content .content{
    font-size: 17px;
  }
}

/*=========================
  Section: nutritional-and-ingredients
=========================*/
.nutritional-and-ingredients{
  padding: 36px 0;
  background-color: var(--bg-color);
}

.nutritional-and-ingredients .section-layout{
  display: grid;
  grid-row-gap: 36px;
  grid-column-gap: 50px;
  grid-template-columns: 1fr;
}

.nutritional-and-ingredients .column-nutritional-facts,
.nutritional-and-ingredients .column-ingredients{
  width: 100%;
  margin: 0 auto;
  max-width: 600px;
}

.nutritional-and-ingredients .section-title{
  margin: 0 0 26px;
  text-align: center;
}

.nutritional-and-ingredients .table-header{
  width: 100%;
  display: grid;
  align-items: center;
  grid-column-gap: 5px;
  grid-template-columns: 160px 50px 1fr;

  padding: 0 0 11px;
  border-bottom: 1px solid #C7D9BF;
}

.nutritional-and-ingredients .table-header-list:last-child{
  text-align: right;
}

.nutritional-and-ingredients .table-header-list{
  display: block;
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
  font-style: normal;
  white-space: nowrap;
  color: var(--text-color);
}

.nutritional-and-ingredients .table-body-row{
  width: 100%;
  display: grid;
  align-items: center;
  grid-column-gap: 5px;
  grid-template-columns: repeat(3, 1fr);

  font-size: 16px;
  line-height: 1.4;
  font-style: normal;
  /*white-space: nowrap;*/
  color: var(--text-color);
}

.nutritional-and-ingredients .table-body-row.main-values{
  line-height: 1;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid #C7D9BF;
  grid-template-columns: 160px 80px 1fr;
}

.nutritional-and-ingredients .table-body-row.main-values .table-body-col{
  padding: 10px 0;
}

.nutritional-and-ingredients .table-body-row:not(.main-values) .table-body-col{
  margin: 5px 0 0;
}

.nutritional-and-ingredients .table-body-col:last-child{
  text-align: right;
}

.nutritional-and-ingredients .ingredients-layout{
  display: grid;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.nutritional-and-ingredients .image-wrap{
  display: flex;
  margin: 0 0 12px;
  justify-content: center;
}

.nutritional-and-ingredients .image-wrap img{
  max-width: 100%;
  max-height: 100%;

  width: 169px;
  object-fit: cover;
  aspect-ratio: 169 / 169;

  overflow: hidden;
  border-radius: 20px;
}

.nutritional-and-ingredients .ingredient-name{
  text-align: center;
  font-size: 18px;
  line-height: 1.25;
  font-weight: 700;
  font-style: normal;
  color: var(--text-color);
}

.nutritional-and-ingredients .ingredient-button{
  margin: 26px auto 0;
  width: fit-content;
  grid-column-gap: 5px;
}

@media (min-width: 768px) {
  .nutritional-and-ingredients{
    padding: 40px 0;
  }

  .nutritional-and-ingredients .table-header{
    grid-template-columns: 220px 80px 1fr;
  }

  .nutritional-and-ingredients .table-header-list{
    font-size: 22px;
  }

  .nutritional-and-ingredients .table-body-row.main-values{
    font-size: 20px;
    grid-template-columns: 220px 80px 1fr;
  }

  .nutritional-and-ingredients .table-body-row.main-values .table-body-col:not(:first-child){
    font-size: 18px;
  }

  .nutritional-and-ingredients .table-body-row.main-values .table-body-col{
    padding: 9px 0;
  }

  .nutritional-and-ingredients .table-body-row.main-values .table-body-col:nth-child(2){
    text-align: center;
  }

  .nutritional-and-ingredients .table-body-row{
    font-size: 18px;
  }

  .nutritional-and-ingredients .ingredients-layout{
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .nutritional-and-ingredients .table-header{
    grid-template-columns: 280px 100px 1fr;
  }

  .nutritional-and-ingredients .table-body-row.main-values{
    /*grid-template-columns: 280px 100px 1fr;*/
    grid-template-columns: 280px 130px 1fr;
  }
}

@media (min-width: 992px) {
  .nutritional-and-ingredients .section-layout{
    grid-template-columns: repeat(2, 1fr);
  }

  .nutritional-and-ingredients .table-body-row.main-values .table-body-col:nth-child(2){
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .nutritional-and-ingredients{
    padding: 60px 0;
  }

  .nutritional-and-ingredients .section-layout{
    grid-column-gap: 70px;
  }

  .nutritional-and-ingredients .table-header{
    grid-template-columns: 280px 100px 1fr;
  }

  .nutritional-and-ingredients .table-body-row.main-values{
    font-size: 25px;
    /*grid-template-columns: 280px 100px 1fr;*/
    grid-template-columns: 280px 160px 1fr;
  }

  .nutritional-and-ingredients .table-body-row.main-values .table-body-col:not(:first-child){
    font-size: 22px;
  }

  .nutritional-and-ingredients .table-header-list{
    font-size: 25px;
  }

  .nutritional-and-ingredients .ingredient-name{
    font-size: 20px;
  }
}

@media (min-width: 1440px) {
  .nutritional-and-ingredients .section-layout{
    grid-column-gap: 98px;
    grid-template-columns: 635px 1fr;
  }

  .nutritional-and-ingredients .table-header-list{
    font-size: 28px;
  }

  .nutritional-and-ingredients .ingredient-name{
    font-size: 21px;
  }
}

/*=========================
  Section: Single product
=========================*/
.section-single-product{
  padding: 36px 0;
}

.section-single-product .product-layout{
  display: flex;
  flex-wrap: wrap;
}

.section-single-product .product-media{
  width: 100%;
  min-width: 100%;
  position: relative;
}

.section-single-product .product-info{
  width: 100%;
  min-width: 100%;
  padding: 22px 0 0 0;
}

.section-single-product .price-wrapper {
  margin: 0 0 12px;
}

.section-single-product .price__container {
  margin: 0;
}

.section-single-product .price .price-item {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.23px;
}

.section-single-product .price .price__sale {
  grid-column-gap: 7px;
}

.single-product .product-media-item{
  margin: 0 !important;
  padding: 0 !important;

  width: 100%;
  max-width: 100%;
  min-width: 100%;
}

.single-product .slider-main-component img{
  max-width: 100%;
  max-height: 100%;
}

.single-product .slider-main-component .product-media-list{
  overflow: hidden;
  border-radius: 28px;
}

.single-product .slider-main-component .product-media-list li{
  background: #f7ede1;
}

.single-product .product-layout:not(.product--thumbnail_slider) .thumbnail-slider .slider-button{
  display: none;
}

.single-product .thumbnail-list{
  margin: 0!important;
  padding: 0 !important;

  grid-row-gap: 5px;
  grid-column-gap: 7px;
}

.single-product .thumbnail-list li{
  width: calc((100% - 21px) / 4);
  min-width: calc((100% - 21px) / 4);
}

.single-product .thumbnail-list.slider {
  margin: 0;
}

.single-product .thumbnail-list button.thumbnail {
  box-shadow: none;
  border-radius: 12px;
  transition: all .3s ease-in-out;
}

.single-product .thumbnail-list button.thumbnail:hover {
  opacity: 1;
  border-color: #11412C;
}

.single-product .thumbnail-list button.thumbnail[aria-current] {
  border-color: #11412C;
}

.single-product .thumbnail-slider .slider-button {
  width: 35px;
  height: 35px;
  min-width: 35px;
}

.single-product .thumbnail-slider .slider-button[disabled="disabled"]{
  opacity: 0.7;
  cursor: default;
}

.single-product .thumbnail-slider .slider-button svg {
  width: auto;
  height: 22px;
}

.single-product .thumbnail-slider .slider-button path {
  fill: #2AA872;
}

.single-product .product-info-top > *:last-child,
.single-product .product-info-container > *:last-child{
  margin-bottom: 0!important;
}

.single-product .product-info-top{
  width: 100%;
  margin: 0 0 20px;
}

.single-product .product-sub-title{
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  color: #11412C;
  margin: 0 0 7px;
  line-height: 1.15;
  display: inline-block;
}

.single-product .product-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  color: #11412C;
  margin: 0 0 10px;
  line-height: 1.15;
  letter-spacing: -1.12px;
}

.single-product .appio-rating-badge{
  margin: 0 0 12px;
}

.single-product .appio-stars{
  margin: 0;
}

.single-product .appio-stars span.appio-star{
  color: #2AA872!important;
}

.single-product .appio-rating-raters{
  margin: 4px 0 0 6px;
  font-size: 14px;
  color: #11412C;
  line-height: 1.4;
}

.single-product .product-description{
  margin: 0 0 16px;
  color: #11412C;
  font-size: 16px;
  line-height: 1.2;
}

.single-product .product-description p{
  margin: 0 0 5px;
}

.single-product .product-description p:last-child{
  margin: 0;
}

.single-product .appio-reviews-widget{
  display: none !important;
}

.single-product .variant-selects{
  margin: 16px 0 16px;

  display: flex;
  grid-row-gap: 16px;
  flex-direction: column;
}

.single-product .variant-selects fieldset{
  margin: 0;
  display: flex;
  grid-column-gap: 7px;
}

.single-product .variant-selects .form__label{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #11412C;
  font-size: 14px;
  display: block;
  margin: 0 0 7px;
  line-height: 1.25;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.single-product .variant-selects fieldset input + label{
  border: 1px solid rgba(24, 25, 29, 0.4);
  margin: 0;
  height: 38px;
  cursor: pointer;
  min-width: 103px;
  padding: 8px 15px;
  border-radius: 40px;

  color: #11412C;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  background-color: #ffffff;
  transition: all .3s ease-in-out;
}

.single-product .variant-selects .fieldset-flavor input + label{
  width: 57px;
  height: 57px;
  padding: 3px;
  min-width: 57px;
  overflow: hidden;
  border-radius: 100%;
  border-color: transparent;
  background-color: transparent;
}

.single-product .variant-selects .fieldset-flavor input + label img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 50 / 50;
  object-position: center center;
  border-radius: 100%;
  overflow: hidden;
}

.single-product .variant-selects fieldset input:checked + label{
  border-color: #11412C;
}

.single-product .variant-selects .fieldset-flavor input:checked + label{
  background-color: transparent;
}

.single-product .variant-selects .value-wrap{
  pointer-events: none;
}

.single-product .variant-selects fieldset:not(.fieldset-flavor) input:checked + label{
  color: #ffffff;
  background-color: #11412C;
}

.single-product .variant-selects fieldset:not(.fieldset-flavor) input:checked.disabled + label{
  color: #11412C;
  background-color: rgba(17, 65, 44, 0.1);
}

.single-product .price-wrapper{
  margin: 0 0 12px;
}

.single-product .price-wrapper .badge{
  display: none;
}

.single-product .price-wrapper .price__container{
  margin: 0;
}

.single-product .product-quantity-wrap{
  margin: 0 0 12px;
}

.single-product .product-quantity-wrap .form__label{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #11412C;
  font-size: 14px;
  display: block;
  margin: 0 0 12px;
  line-height: 1.25;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.single-product quantity-input:before,
.single-product quantity-input:after{
  display: none;
}

.single-product  quantity-input{
  overflow: hidden;
  border-radius: 40px;
  border: 1px solid rgba(17, 65, 44, 0.4);

  width: 150px;
  min-width: 150px;
  height: 45px;

  display: flex;
  align-items: center;
  justify-content: space-between;
}

.single-product  .quantity__input{
  flex-grow: 1;
  color: #11412C;
  font-size: 16px;
}

.single-product .quantity__button{
  margin: 0;
  width: 45px;
  min-width: 45px;
  height: 45px;
  transition: all .3s ease-in-out;
}

.single-product .quantity__button .svg-wrapper{
  width: 15px;
  color: #11412C;
  transition: all .3s ease-in-out;
}

.single-product .product-form-wrap{
  margin: 16px 0;
}

.single-product .product-form-wrap product-form{
  margin: 0!important;
}

.single-product .product-form-wrap form{
  display: flex;
  flex-direction: column;
}

.single-product .product-form__buttons{
  max-width: 100%;
  display: flex;
  grid-row-gap: 10px;
  flex-direction: column;
}

.single-product .product-form__buttons button{
  margin: 0;
}

.single-product .additoinal-list{
  margin: 16px 0;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
  grid-column-gap: 12px;
  grid-row-gap: 5px;
}

.single-product .additoinal-list-item{
  display: flex;
  align-items: center;
  grid-column-gap: 7px;

  color: #1F1F1F;
  font-size: 16px;
  line-height: 1.4;
}

.single-product .additoinal-list-item p{
  margin: 0;
  line-height: normal;
}

.single-product .additoinal-list-item path{
  color: var(--text-color);
}

.single-product .appstle_sub_widget{
  margin: 16px 0 0;
  order: 2;
}

.single-product .appstle_sub_widget .appstle_widget_title{
  display: none;
}

.single-product .appstle_fields_wrapper{
  margin: 0 !important;
}

.single-product .appstle_subscription_wrapper{
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;

  display: flex;
  grid-row-gap: 14px;
  flex-direction: column;
}

.single-product .appstle_subscription_wrapper_option{
  border-radius: 18px;
  border: 1px solid rgba(24, 25, 29, 0.40);
}

.single-product .appstle-text-and-badge-wrapper{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  grid-row-gap: 3px;
  grid-column-gap: 3px;
}

.single-product .appstle_subscribe_save_text{
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #11412C;
  line-height: 1.2;
  display: inline-block;
}

.single-product .appstle_subscription_amount_wrapper{
  display: flex;
  grid-row-gap: 3px;
  flex-direction: column;
}

.single-product .transcy-money{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #11412C;
  font-size: 16px;
  line-height: 1.15;
}

.single-product .appstle_subscription_compare_amount{
  opacity: 0.4;
}

.single-product .appstle-save-badge{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 1.25;
  letter-spacing: .75px;
  text-transform: uppercase;

  margin: 0;
  transform: none;
  border-radius: 30px;
  padding: 6px 8px 3px;
  background-color: #2aa872;
}

.single-product .appstle_radio_label .appstle_circle{
  width: 20px !important;
  height: 20px !important;
  min-width: 20px !important;
  border-color: #2AA872 !important;
  margin: 0 7px 0 0;
}

.single-product .appstle_circle .appstle_dot{
  background-color: #2AA872;
}

.single-product .appstle-save-badge:before{
  display: none;
}

.single-product .appstle_single_option_text{
  color: #11412C;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 500;
  margin: 0 0 7px;
}

.single-product .appstleSellingPlanDescription p{
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

.single-product .appstleSellingPlanDescription p:last-child{
  display: none;
}

.single-product shop-pay-wallet-button{
  cursor: pointer;
  overflow: hidden;
  border-radius: 40px;
}

.single-product #more-payment-options-link{
  margin: 10px auto 0;

  display: inline-block;
  font-size: 14px;
  color: #11412c;
  line-height: 1.25;
  position: relative;
}

.single-product #shopify-buyer-consent{
  color: #18191D;
  font-size: 14px;
  margin: 10px 0 0;
  line-height: 1.25;
}

.single-product .product-badge-wrap{
  position: absolute;
  top: 23px;
  right: 23px;
  display: flex;
  align-items: center;
  grid-column-gap: 7px;
  z-index: 3;
}

.single-product .product-badge{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #F9F7F5;
  line-height: normal;
  border-radius: 30px;
  letter-spacing: 0.7px;
  padding: 6px 11px 4px;
  text-transform: uppercase;
  background-color: #2AA872;
}

.single-product .product-badge.best-seller{
  background-color: #11412C;
}

@media (max-width: 767px) {
  .single-product .hide-mobile{
    display: none !important;
  }

  .single-product .slider-button{
    padding: 0;
    width: 30px;
    height: 30px;
    min-width: 30px;
  }

  .single-product .slider-button path{
    fill: #2AA872;
  }

  .single-product .product-info .appio-rating-badge{
    display: none !important;
  }
}

@media (max-width: 375px) {
  .single-product .product-title{
    font-size: 30px;
  }
}

@media (min-width: 768px) {
  .section-single-product{
    padding: 40px 0;
  }

  .section-single-product .product-media{
    width: 50%;
    min-width: 50%;
  }

  .section-single-product .product-info{
    width: 50%;
    min-width: 50%;
    padding: 0 0 0 15px;
  }

  .section-single-product .price .price-item {
    font-size: 20px;
  }

  .single-product .variant-selects fieldset input + label{
    font-size: 16px;
  }

  .single-product .transcy-money{
    font-size: 18px;
  }

  .single-product .additoinal-list{
    flex-direction: row;
    justify-content: center;
  }

  .single-product .hide-desktop{
    display: none !important;
  }
}

@media (min-width: 992px) {
  .section-single-product .product-media{
    width: 500px;
    min-width: 500px;
  }

  .section-single-product .product-info{
    width: calc(100% - 500px);
    min-width: calc(100% - 500px);
    padding: 0 0 0 30px;
  }

  .single-product .product-sub-title{
    font-size: 26px;
  }

  .single-product .product-title{
    font-size: 42px;
    margin: 0 0 12px;
  }

  .single-product .thumbnail-list{
    grid-column-gap: 17px;
  }

  .single-product .thumbnail-list li{
    width: calc((100% - 51px) / 4);
    min-width: calc((100% - 51px) / 4);
  }

  .single-product .variant-selects .form__label{
    margin: 0 0 12px;
  }

  .single-product .appstle_subscribe_save_text{
    font-size: 18px;
  }

  .single-product .transcy-money{
    font-size: 21px;
  }

  .single-product .variant-selects fieldset:not(.fieldset-flavor) input+label:hover{
    color: #ffffff;
    background-color: #11412C;
  }

  .single-product .variant-selects .fieldset-flavor input+label:hover{
    border-color: #11412C;
  }

  .single-product .quantity__button:hover{
    color: #ffffff;
    background-color: #11412C;
  }

  .single-product .quantity__button:hover .svg-wrapper{
    color: #ffffff;
  }
}

@media (min-width: 1200px) {
  .section-single-product{
    padding: 60px 0;
  }

  .section-single-product .product-media{
    width: 600px;
    min-width: 600px;
  }

  .section-single-product .product-info{
    width: calc(100% - 600px);
    min-width: calc(100% - 600px);
    padding: 0 0 0 50px;
  }

  .single-product .product-sub-title{
    font-size: 28px;
  }

  .single-product .product-title{
    font-size: 51px;
  }

  .single-product .product-description{
    font-size: 18px;
  }
}

@media (min-width: 1440px) {
  .section-single-product .product-media{
    width: 637px;
    min-width: 637px;
  }

  .section-single-product .product-info{
    width: calc(100% - 637px);
    min-width: calc(100% - 637px);
    padding: 0 0 0 97px;
  }

  .single-product .product-sub-title{
    font-size: 32px;
  }

  .single-product .product-title{
    font-size: 56px;
  }
}

/*************************
  Section: Sticky product
*************************/
.sticky-product{
  position: fixed;
  left: 0;
  right: 0;
  z-index: 10;

  bottom: 0;
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease-in-out;
}

.sticky-product.show{
  opacity: 1;
  bottom: 55px;
  pointer-events: all;
}

.sticky-product .sticky-product-wrap{
  background: #fff;
  padding: 10px 20px;
  border-radius: 24px;
  box-shadow: 0 9px 24px 0 rgba(159, 164, 160, 0.25);
}

.sticky-product .sticky-product-layout{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sticky-product .column-left{
  display: none;
  align-items: center;
  grid-column-gap: 22px;
}

.sticky-product .sticky-product-info{
  width: 100%;
  max-width: 185px;
  padding: 0;
}

.sticky-product .column-left .image-wrap{
  width: 85px;
  height: 85px;
  min-width: 85px;

  display: flex;
  overflow: hidden;
  border-radius: 18px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgb(16 65 44 / 40%);
}

.sticky-product .image-wrap img{
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
  aspect-ratio: 82 / 82;
  object-position: center center;
}

.sticky-product .product-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #18191d;
  font-size: 22px;
  margin: 0 0 4px;
  line-height: 1.04;
}

.sticky-product .appio-stars{
  margin: 0;
}

.sticky-product .appio-stars span.appio-star{
  color: #2AA872!important;
}

.sticky-product .appio-rating-raters{
  margin: 4px 0 0 6px;
  font-size: 14px;
  color: #11412C;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .sticky-product .column-right{
    width: 100%;
  }

  .sticky-product .sticky-product-wrap{
    border-radius: 38px;
  }

  .sticky-product .column-right .btn{
    width: 100%;
  }
}

@media (min-width: 768px) {
  .sticky-product.show{
    bottom: 30px;
  }

  .sticky-product .column-left{
    display: flex;
  }
}

@media (min-width: 992px) {
  .sticky-product .sticky-product-wrap{
    padding: 16px 20px;
    border-radius: 38px;
  }
}

/*************************
  Section: Collection Banner
*************************/
.collection-hero{
  padding: 60px 0;
  background-color: var(--bg-color);

  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;

  display: flex;
  align-items: center;
}

.collection-hero .section-content-wrap{
  max-width: 430px;

  display: flex;
  grid-row-gap: 10px;
  flex-direction: column;
}

.collection-hero .section-title {
  color: var(--text-color);
  font-size: 46px;
}

.collection-hero .collection-description {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
  color: var(--text-color);
}

.collection-hero .collection-description p:last-child{
  margin: 0;
}

@media (min-width: 768px) {
  .collection-hero .section-title {
    font-size: 52px;
  }
}

@media (min-width: 992px) {
  .collection-hero{
    min-height: 320px;
  }

  .collection-hero .section-content-wrap{
    max-width: 500px;
  }

  .collection-hero .section-title {
    font-size: 65px;
  }
}

@media (min-width: 1200px) {
  .collection-hero .section-title {
    font-size: 76px;
  }

  .collection-hero .collection-description {
    font-size: 23px;
  }
}

/*************************
  Page: 404
*************************/
.template-404{
  padding: 60px 0 80px;
  background-color: #ffffff;
}

.template-404 .heading-wrap{
  display: flex;
  margin: 0 0 24px;
  grid-row-gap: 10px;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.template-404 .section-sub-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #11412c;
  font-size: 60px;

  line-height: 100%;
  letter-spacing: -0.92px;
}

.template-404 .section-title{
  color: #11412c;
}

.template-404 .btn{
  margin: 0 auto;
  min-width: 230px;
  width: fit-content;
}

@media (min-width: 768px) {
  .template-404{
    padding: 120px 0;
  }

  .template-404 .heading-wrap{
    margin: 0 0 30px;
  }

  .template-404 .section-sub-title{
    font-size: 65px;
  }
}

@media (min-width: 992px) {
  .template-404{
    padding: 150px 0;
  }

  .template-404 .section-sub-title{
    font-size: 76px;
  }
}

@media (min-width: 1440px) {
  .template-404 .section-sub-title{
    font-size: 86px;
  }
}

@media (min-width: 1660px) {
  .template-404 {
    padding: 180px 0;
  }
}

/*************************
  Page: FAQ's
*************************/
.page-faqs{
  padding: 36px 0 0;
  background-color: var(--bg-color);
}

.page-faqs .page-heading-wrap{
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  justify-content: center;

  max-width: 800px;
  grid-row-gap: 13px;
  margin: 0 auto 35px;
}

.page-faqs .section-title{
  color: var(--text-color);
}

.page-faqs .section-description{
  font-size: 18px;
  line-height: 1.4;
  color: var(--text-color);
}

.page-faqs .section-description p:last-child{
  margin: 0;
}

.page-faqs .tab-content-title{
  text-align: center;
  margin: 0 auto 10px;
}

.page-faqs .tabs-controller-wrap{
  display: flex;
  justify-content: center;
}

.page-faqs .tabs-controller{
  display: flex;
  margin: 0 0 28px;
  grid-row-gap: 15px;
  grid-column-gap: 15px;

  overflow-x: auto;
  padding-bottom: 7px;
}

.page-faqs .tab-btn{
  opacity: 0.6;
  color: #11412C;
  font-size: 15px;
  line-height: 1.25;

  padding: 0;
  border: none;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}

.page-faqs .tab-btn:after{
  content: '';
  position: absolute;
  bottom: 0;
  width: 0;
  left: 0;
  height: 1px;
  background-color: #11412C;
  transition: all .3s ease-in-out;
}

.page-faqs .tab-btn.active{
  opacity: 1;
}

.page-faqs .tab-btn.active:after{
  width: 100%;
}

.page-faqs .tab-content-items{
  padding: 36px 23px 36px;
  background: #FFFFFF;
  border-radius: 30px 30px 0 0;

  width: 100%;
  margin: 0 auto;
  max-width: 1190px;
}

.page-faqs .tab-items-wrap{
  margin: 0 auto;
  max-width: 885px;
}

.page-faqs .tab-content-items:not(.active){
  display: none;
}

.page-faqs .accordion-wrap{
  display: flex;
  flex-direction: column;

  width: 100%;
  max-width: 100%;
}

.page-faqs .accordion-item{
  border-bottom: 1px solid #11412C;
}

.page-faqs .accordion-item.active .accordion-title span:after{
  transform: translate(-50%, -50%) rotate(0deg);
}

.page-faqs .accordion-title{
  font-style: normal;
  font-weight: 700;
  color: #11412C;
  font-size: 18px;
  line-height: 1.4;
  padding: 15px 30px 15px 0;

  cursor: pointer;
  position: relative;
}

.page-faqs .accordion-title span{
  width: 15px;
  height: 15px;
  min-width: 15px;

  display: flex;
  align-items: center;
  pointer-events: none;
  justify-content: center;

  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.page-faqs .accordion-title span:before,
.page-faqs .accordion-title span:after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: #11412C;
  transition: all .3s ease-in-out;
  transform: translate(-50%, -50%);
}

.page-faqs .accordion-title span:after{
  transform: translate(-50%, -50%) rotate(90deg);
}

.page-faqs .accordion-description{
  color: #11412C;
  font-size: 16px;
  line-height: 1.4;

  height: 0;
  overflow: hidden;
  transition: all .3s ease-in-out;
}

.page-faqs .accordion-description p{
  margin: 0;
}

@media (min-width: 768px) {
  .page-faqs{
    padding: 40px 0 0;
  }

  .page-faqs .tabs-controller{
    margin: 0 0 33px;
    grid-column-gap: 40px;
    justify-content: center;
  }

  .page-faqs .tab-content-items{
    padding: 50px 50px 60px;
  }

  .page-faqs .tab-content-title{
    margin: 0 auto 30px;
  }

  .page-faqs .accordion-title {
    font-size: 20px;
  }

  .page-faqs .accordion-description {
    font-size: 18px;
  }
}

@media (min-width: 992px) {
  .page-faqs{
    padding: 50px 0 0;
  }

  .page-faqs .page-heading-wrap{
    grid-row-gap: 15px;
    margin: 0 auto 45px;
  }

  .page-faqs .section-description{
    font-size: 21px;
  }

  .page-faqs .tabs-controller{
    margin: 0 0 47px;
    grid-column-gap: 50px;
  }

  .page-faqs .tab-content-items{
    padding: 60px 60px;
    border-radius: 30px 30px 0 0;
  }

  .page-faqs .tab-content-title{
    margin: 0 auto 45px;
  }

  .page-faqs .tab-btn:hover{
    opacity: 1;
  }

  .page-faqs .tab-btn:hover:after{
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .page-faqs{
    padding: 70px 0 0;
  }

  .page-faqs .page-heading-wrap{
    margin: 0 auto 60px;
  }

  .page-faqs .section-description{
    font-size: 23px;
  }

  .page-faqs .tabs-controller{
    margin: 0 0 55px;
    grid-column-gap: 60px;
  }

  .page-faqs .accordion-title {
    font-size: 23px;
    padding: 22px 35px 22px 0;
  }

  .page-faqs .accordion-title span {
    width: 18px;
    height: 18px;
    min-width: 18px;
  }

  .page-faqs .accordion-description {
    font-size: 20px;
  }
}

/*************************
  Section: Article page
*************************/
.article-template{
  padding: 36px 0;
}

.article-template .container{
  max-width: 852px;
}

.article-template .breadcrumbs-wrap{
  margin: 0 0 24px;
}

.article-template .breadcrumbs-list{
  margin: 0;
  padding: 0;
  list-style: none;

  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 10px;
  justify-content: center;
}

.article-template .breadcrumbs-list li{
  display: flex;
  align-items: center;

  position: relative;
}

.article-template .breadcrumbs-list li + li{
  margin-left: 12px;
  padding-left: 12px;
}

.article-template .breadcrumbs-list li + li:before{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1px;
  background-color: #11412C;
}

.article-template .breadcrumbs-list span,
.article-template .breadcrumbs-list a{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  color: #11412C;
  line-height: 1.25;
}

.article-template .breadcrumbs-list a{
  position: relative;
  text-decoration: none;
}

.article-template .breadcrumbs-list a:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #11412C;
  transition: all .3s ease-in-out;
}

.article-template .article-image{
  display: flex;

  overflow: hidden;
  margin: 0 0 24px;
  border-radius: 28px 28px;
}

.article-template .article-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 822 / 476;

  max-width: 100%;
  max-height: 100%;
}

.article-template .public-date-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 15px;
}

.article-template .public-date-wrap > div + div{
  margin-left: 10px;
  padding-left: 10px;
  position: relative;
}

.article-template .public-date-wrap > div + div:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 2px;
  bottom: 5px;
  background-color: #11412C;
}

.article-template .blog-date,
.article-template .blog-author{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  font-size: 18px;
  color: #18191D;
}

.article-template .page-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #18191D;
  font-size: 46px;
  margin: 0 0 24px;
  line-height: 93%;
  text-align: center;
  letter-spacing: -1.52px;
}

.article-template .box-content{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  font-size: 18px;
  color: #18191D;
}

.article-template .box-content h2,
.article-template .box-content h3,
.article-template .box-content h4{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 10px;
}

.article-template .box-content h2{
  font-size: 28px;
}

.article-template .box-content h3{
  font-size: 24px;
}

.article-template .box-content img{
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  max-height: 280px;
  margin: 0 auto 15px;
  border-radius: 28px 28px;

}

.article-template .box-content p{
  margin: 0 0 15px;
}

.article-template .box-content p:last-child{
  margin: 0;
}

.article-template .wrap-article-settings{
  margin: 30px 0 0;

  display: flex;
  grid-row-gap: 13px;
  flex-direction: column;
  align-items: flex-start;
}

.article-template .article-sharing{
  display: flex;
  align-items: center;
  grid-column-gap: 10px;
}

.article-template .share-button__button {
  padding: 0;
  min-height: auto;

  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.25;
  color: #11412C;
  position: relative;
  text-decoration: none;
}

.article-template .share-button__button:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #11412C;
  transition: all .3s ease-in-out;
}

.article-template .share-button__button .svg-wrapper{
  display: none;
}

.article-template .list-social{
  display: flex;
  flex-wrap: wrap;
  grid-column-gap: 5px;
}

.article-template .list-social li{
  line-height: 1;
}

.article-template .list-social a{
  display: flex;
  align-items: center;
  justify-content: center;

  border-radius: 100%;
  border: 1px solid transparent;
  transition: all .3s ease-in-out;

  width: 30px;
  min-width: 30px;
  height: 30px;
}

.article-template .list-social svg{
  width: 20px;
  min-width: 20px;
  height: auto;
}

.article-template .list-social svg path{
  fill: #11412C;
}

.article-template .next-article{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
  font-size: 16px;
  color: #11412C;
  position: relative;
  text-decoration: none;
}

.article-template .next-article:after{
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #11412C;
  transition: all .3s ease-in-out;
}

.article-template .article-banner{
  margin: 24px 0 24px;
}

.article-template .article-banner .layout-items {
  overflow: hidden;
  border-radius: 28px;
  background-color: #F1EFED;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.article-template .article-banner .image-wrap {
  display: flex;
  width: 100%;
  min-width: 100%;
}

.article-template .article-banner .image-wrap img{
  max-width: 100%;
  max-height: 100%;
  min-height: 280px;

  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.article-template .article-banner .content-wrap {
  width: 100%;
  min-width: 100%;
  padding: 30px 15px 35px;

  display: flex;
  flex-direction: column;
}

.article-template .article-banner .title {
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  margin: 0 0 10px;
  line-height: 1;
  text-align: center;
  letter-spacing: -1.12px;
  color:#11412C;
}

@media (min-width: 768px) {
  .article-template{
    padding: 40px 0;
  }

  .article-template .breadcrumbs-wrap{
    margin: 0 0 30px;
  }

  .article-template .article-image{
    margin: 0 0 30px;
  }

  .article-template .public-date-wrap > div + div{
    margin-left: 12px;
    padding-left: 12px;
  }

  .article-template .page-title{
    font-size: 52px;
    margin: 0 0 30px;
  }

  .article-template .blog-date,
  .article-template .blog-author{
    font-size: 20px;
  }

  .article-template .box-content{
    font-size: 20px;
  }

  .article-template .box-content img{
    margin: 0 auto 20px;
  }

  .article-template .box-content p{
    margin: 0 0 20px;
  }

  .article-template .article-banner{
    margin: 30px 0 30px;
  }

  .article-template .article-banner .image-wrap {
    width: 50%;
    min-width: 50%;
  }

  .article-template .article-banner .image-wrap img{
    min-height: 300px;
  }

  .article-template .article-banner .content-wrap {
    padding: 0 20px 0 20px;
    width: 50%;
    min-width: 50%;
  }

  .article-template .article-banner .title{
    text-align: left;
    margin: 0 0 20px;
  }
}

@media (min-width: 992px) {
  .article-template .breadcrumbs-wrap{
    margin: 0 0 45px;
  }

  .article-template .article-image{
    margin: 0 0 45px;
  }

  .article-template .page-title{
    font-size: 65px;
    margin: 0 0 45px;
  }

  .article-template .blog-date,
  .article-template .blog-author{
    font-size: 23px;
  }

  .article-template .box-content{
    font-size: 23px;
  }

  .article-template .box-content h2{
    font-size: 32px;
  }

  .article-template .box-content h3{
    font-size: 28px;
  }

  .article-template .wrap-article-settings{
    margin: 45px 0 0;
    grid-row-gap: 19px;
  }

  .article-template .next-article:hover:after{
    width: 0;
  }

  .article-template .share-button__button:hover:after{
    width: 0;
  }

  .article-template .breadcrumbs-list a:hover:after{
    width: 0;
  }

  .article-template .list-social a:hover{
    border-color: #11412C;
  }

  .article-template .article-banner{
    margin: 40px 0 40px;
  }

  .article-template .article-banner .image-wrap {
    width: 411px;
    min-width: 411px;
  }

  .article-template .article-banner .content-wrap {
    padding: 0 35px 0 35px;
    width: calc(100% - 411px);
    min-width: calc(100% - 411px);
  }
}

@media (min-width: 1200px) {
  .article-template{
    padding: 60px 0;
  }

  .article-template .page-title{
    font-size: 76px;
  }
}

@media (min-width: 1440px) {
  .article-template .box-content img{
    margin: 0 auto 30px;
  }

  .article-template .box-content p{
    margin: 0 0 30px;
  }
}

/*************************
  Section: image-and-content
*************************/
.image-and-content{
  padding: 36px 0;
  display: block;
  background-color: var(--bg-color);
}

.image-and-content .grid-layout{
  display: flex;
  flex-direction: column;
}

.image-and-content .layout-items{
  padding: 15px 0;

  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.image-and-content .layout-items:first-child{
  padding-top: 0;
}

.image-and-content .layout-items:last-child{
  padding-bottom: 0;
}

.image-and-content .image-wrap{
  display: flex;

  width: 100%;
  min-width: 100%;
}

.image-and-content .image-wrap img{
  width: 100%;
  min-width: 100%;

  height: auto;
  min-height: 351px;
  object-fit: cover;
  object-position: center center;

  overflow: hidden;
  border-radius: 28px;
}

.image-and-content .content-wrap{
  padding: 20px 0 0;
  width: 100%;
  min-width: 100%;

  display: flex;
  flex-direction: column;
}

.image-and-content .title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  margin: 0 0 10px;
  line-height: 1;
  text-align: center;
  letter-spacing: -1.12px;
  color: var(--text-color);
}

.image-and-content .title.mb-0{
  margin: 0;
}

.image-and-content .description{
  font-size: 18px;
  max-width: 540px;
  line-height: 1.4;
  text-align: center;
  color: var(--text-color);
}

.image-and-content .description p:last-child{
  margin: 0;
}

.image-and-content .btn{
  min-width: 251px;
  width: fit-content;
  margin: 16px auto 0;
}

.image-and-content .btn.button-full-width{
  width: 100%;
}

.image-and-content .layout-items.style-type-2{
  padding: 0;
  overflow: hidden;
  margin: 0 0 30px 0;
  border-radius: 28px 28px;
  background-color: var(--bg-item);
}

.image-and-content .layout-items.style-type-2:last-child{
  margin: 0;
}

.image-and-content .layout-items.style-type-2 img{
  border-radius: 0;
}

.image-and-content .layout-items.style-type-2 .content-wrap,
.image-and-content .layout-items.style-type-2:nth-child(2n) .content-wrap{
  padding: 24px 15px 36px;
}

@media (min-width: 768px) {
  .image-and-content{
    padding: 40px 0;
  }

  .image-and-content .layout-items{
    padding: 30px 0;
  }

  .image-and-content .image-wrap{
    width: 50%;
    min-width: 50%;
  }

  .image-and-content .content-wrap{
    padding: 0 0 0 20px;
    width: 50%;
    min-width: 50%;
  }

  .image-and-content .layout-items:nth-child(2n){
    flex-direction: row-reverse;
  }

  .image-and-content .layout-items:nth-child(2n) .content-wrap{
    padding: 0 20px 0 0;
  }

  .image-and-content .title{
    font-size: 40px;
    text-align: left;
  }

  .image-and-content .description{
    text-align: left;
  }

  .image-and-content .btn{
    min-width: auto;
    margin: 16px 0 0;
  }

  .image-and-content .layout-items.style-type-2 .content-wrap,
  .image-and-content .layout-items.style-type-2:nth-child(2n) .content-wrap{
    padding: 0 15px 0 15px;
  }
}

@media (min-width: 992px) {
  .image-and-content .layout-items{
    padding: 40px 0;
  }

  .image-and-content .image-wrap{
    width: 500px;
    min-width: 500px;
  }

  .image-and-content .content-wrap{
    padding: 0 0 0 40px;
    width: calc(100% - 500px);
    min-width: calc(100% - 500px);
  }

  .image-and-content .layout-items:nth-child(2n) .content-wrap{
    padding: 0 40px 0 0;
  }

  .image-and-content .title{
    font-size: 46px;
  }

  .image-and-content .btn{
    margin: 24px 0 0;
  }

  .image-and-content .layout-items.style-type-2{
    margin: 0 0 40px 0;
  }

  .image-and-content .layout-items.style-type-2 .content-wrap,
  .image-and-content .layout-items.style-type-2:nth-child(2n) .content-wrap{
    padding: 0 30px;
  }
}

@media (min-width: 1200px) {
  .image-and-content .layout-items{
    padding: 45px 0;
  }

  .image-and-content .image-wrap{
    width: 590px;
    min-width: 590px;
  }

  .image-and-content .content-wrap{
    padding: 0 0 0 60px;
    width: calc(100% - 590px);
    min-width: calc(100% - 590px);
  }

  .image-and-content .layout-items:nth-child(2n) .content-wrap{
    padding: 0 60px 0 0;
  }

  .image-and-content .title{
    font-size: 52px;
  }

  .image-and-content .description{
    font-size: 21px;
  }

  .image-and-content .layout-items.style-type-2 .content-wrap,
  .image-and-content .layout-items.style-type-2:nth-child(2n) .content-wrap{
    padding: 0 50px;
  }
}

@media (min-width: 1440px) {
  .image-and-content{
    padding: 60px 0;
  }

  .image-and-content .layout-items{
    padding: 54px 0;
  }

  .image-and-content .image-wrap{
    width: 660px;
    min-width: 660px;
  }

  .image-and-content .content-wrap{
    padding: 0 0 0 80px;
    width: calc(100% - 660px);
    min-width: calc(100% - 660px);
  }

  .image-and-content .layout-items:nth-child(2n) .content-wrap{
    padding: 0 80px 0 0;
  }

  .image-and-content .title{
    font-size: 56px;
    margin: 0 0 20px;
  }

  .image-and-content .description{
    font-size: 23px;
  }

  .image-and-content .btn{
    margin: 36px 0 0;
  }

  .image-and-content .layout-items.style-type-2{
    margin: 0 0 60px 0;
  }
}


/*************************
  Section: benefits
*************************/
.section-benefits{
  padding: 36px 0;
  background-color: var(--bg-color);
}

.section-benefits .grid-layout{
  display: grid;
  grid-row-gap: 24px;
  align-items: center;
  grid-template-columns: 1fr;
}

.section-benefits .grid-layout.only-benefits{
  grid-template-columns: 1fr;
}

.section-benefits .grid-layout.only-benefits .items-info{
  padding: 0;
}

.section-benefits .items-image{
  display: flex;

  overflow: hidden;
  border-radius: 28px;
}

.section-benefits .items-image img{
  max-width: 100%;
  max-height: 100%;

  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.section-benefits .heading-wrap{
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;

  margin: 0 0 24px;
  grid-row-gap: 10px;
}

.section-benefits .section-title{
  color: var(--text-color);
}

.section-benefits .section-description{
  font-size: 18px;
  line-height: 1.4;
  color: var(--text-color);
}

.section-benefits .section-description p{
  margin: 0;
}

.section-benefits .icons-layout{
  display: flex;
  flex-wrap: wrap;
  /*align-items: center;*/
  justify-content: center;

  margin: 0 -10px;
  grid-row-gap: 20px;
}

.section-benefits .grid-layout.only-benefits .icons-items{
  width: 290px;
  min-width: 290px;
}

.section-benefits .icons-items{
  width: 50%;
  padding: 0 10px;
  min-width: 50%;

  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
}

.section-benefits .image-wrap{
  width: 120px;
  height: 120px;
  min-width: 120px;
  /*padding: 5px 5px;*/
  overflow: hidden;
  border-radius: 100%;
  margin-bottom: 10px;
  background-color: var(--bg-color-image);

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

.section-benefits .image-wrap img{
  /*max-width: 77%;*/
  max-height: 100%;
}

.section-benefits .title{
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  margin: 0;
  line-height: 1.4;
  color: var(--text-color);
}

.section-benefits .title p{
  margin: 0;
}

.section-benefits .short-description{
  color: var(--text-color);
  font-size: 18px;
  margin-top: 8px;
  line-height: 1.4;
  text-align: center;
}

.section-benefits .short-description p{
  margin: 0;
}

.section-benefits .btn{
  width: fit-content;
  margin: 30px auto 0;
}

@media (min-width: 768px) {
  .section-benefits{
    padding: 40px 0;
  }

  .section-benefits .grid-layout{
    grid-template-columns: repeat(2, 1fr);
  }

  .section-benefits .items-info{
    padding: 0 20px 0 0;
  }

  .section-benefits .icons-items{
    width: 33.33%;
    min-width: 33.33%;
  }

  .section-benefits .image-wrap{
    width: 90px;
    height: 90px;
    min-width: 90px;
  }
}

@media (min-width: 992px) {
  .section-benefits .grid-layout{
    grid-template-columns: 1fr 450px;
  }

  .section-benefits .items-info{
    padding: 0 30px 0 0;
  }

  .section-benefits .heading-wrap{
    margin: 0 0 35px;
    grid-row-gap: 14px;
  }

  .section-benefits .icons-layout{
    margin: 0 -15px;
    grid-row-gap: 30px;
  }

  .section-benefits .icons-items{
    padding: 0 15px;
  }

  .section-benefits .image-wrap{
    width: 100px;
    height: 100px;
    min-width: 100px;
    margin-bottom: 13px;
  }

  .section-benefits .title{
    font-size: 21px;
  }

  .section-benefits .btn{
    margin: 30px auto 0;
  }
}

@media (min-width: 1200px) {
  .section-benefits{
    padding: 60px 0;
  }

  .section-benefits .section-description{
    font-size: 21px;
  }

  .section-benefits .grid-layout{
    grid-template-columns: 1fr 550px;
  }

  .section-benefits .items-info{
    padding: 0 60px 0 0;
  }

  .section-benefits .heading-wrap{
    margin: 0 0 40px;
    grid-row-gap: 22px;
  }

  .section-benefits .icons-layout{
    grid-row-gap: 42px;
  }

  .section-benefits .image-wrap{
    width: 130px;
    height: 130px;
    min-width: 130px;
    margin-bottom: 20px;
  }

  .section-benefits .title{
    font-size: 23px;
  }

  .section-benefits .btn{
    margin: 40px auto 0;
  }
}

@media (min-width: 1440px) {
  .section-benefits .grid-layout{
    grid-template-columns: 1fr 590px;
  }

  .section-benefits .items-info{
    padding: 0 80px 0 0;
  }

  .section-benefits .heading-wrap{
    margin: 0 0 60px;
  }

  .section-benefits .icons-layout{
    margin: 0 -21px;
  }

  .section-benefits .icons-items{
    padding: 0 21px;
  }

  .section-benefits .section-description{
    font-size: 23px;
  }

  .section-benefits .btn{
    margin: 60px auto 0;
  }
}


/*************************
  Section: policy pages
*************************/
.shopify-policy__container{
  padding: 0;
  width: 100%;
  max-width: 100%;
}

.shopify-policy__container .shopify-policy__title{
  padding: 60px 0;
  background: #F4E8D7;
}

.shopify-policy__container .shopify-policy__title h1{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 46px;
  margin: 0;
  color: #11412C;
  line-height: 100%;
  letter-spacing: -0.76px;
}

.shopify-policy__container .shopify-policy__body{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  font-size: 18px;
  color: #11412C;

  width: 100%;
  margin: 0 auto;
  max-width: 705px;
  background-color: #fff;
  padding: 36px 15px 50px;
}

.shopify-policy__container .shopify-policy__body h2,
.shopify-policy__container .shopify-policy__body h3,
.shopify-policy__container .shopify-policy__body h4{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  line-height: 1.15;
  margin: 0 0 10px;
  color: #11412C;
}

.shopify-policy__container .shopify-policy__body h2{
  font-size: 28px;
}

.shopify-policy__container .shopify-policy__body h3{
  font-size: 24px;
}

.shopify-policy__container .shopify-policy__body img{
  max-width: 100%;
  overflow: hidden;
  object-fit: cover;
  max-height: 280px;
  margin: 0 auto 15px;
  border-radius: 28px 28px;
}

.shopify-policy__container .shopify-policy__body table{
  margin: 0 auto 15px;
}

.shopify-policy__container .shopify-policy__body p{
  margin: 0 0 15px;
}

.shopify-policy__container .shopify-policy__body p:last-child{
  margin: 0;
}

@media (min-width: 768px) {
  .shopify-policy__container .shopify-policy__title{
    padding: 70px 0;
  }

  .shopify-policy__container .shopify-policy__title h1{
    font-size: 52px;
  }

  .shopify-policy__container .shopify-policy__body {
    font-size: 20px;
    padding: 40px 15px 50px;
  }

  .shopify-policy__container .shopify-policy__body img {
    margin: 0 auto 20px;
  }

  .shopify-policy__container .shopify-policy__body p {
    margin: 0 0 20px;
  }

  .shopify-policy__container .shopify-policy__body table{
    margin: 0 auto 20px;
  }
}

@media (min-width: 992px) {
  .shopify-policy__container .shopify-policy__title{
    padding: 80px 0;
  }

  .shopify-policy__container .shopify-policy__title h1{
    font-size: 65px;
  }

  .shopify-policy__container .shopify-policy__body h2{
    font-size: 32px;
  }

  .shopify-policy__container .shopify-policy__body h3{
    font-size: 28px;
  }
}

@media (min-width: 1200px) {
  .shopify-policy__container .shopify-policy__title{
    padding: 100px 0;
  }

  .shopify-policy__container .shopify-policy__title h1{
    font-size: 76px;
  }

  .shopify-policy__container .shopify-policy__body {
    font-size: 20px;
    padding: 60px 15px 60px;
  }
}

@media (min-width: 1440px) {
  .shopify-policy__container .shopify-policy__body img{
    margin: 0 auto 30px;
  }

  .article-template .shopify-policy__body p{
    margin: 0 0 30px;
  }

  .shopify-policy__container .shopify-policy__body table{
    margin: 0 auto 30px;
  }
}

/*************************
  Section: Pages list
*************************/
.section-pages-list{
  padding: 36px 0;
  background-color: var(--bg-color);
  border-bottom: 1px solid rgba(24, 25, 29, 0.4);
}

.section-pages-list .pages-layout{
  display: grid;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-template-columns: 1fr;
}

.section-pages-list .page-item{
  display: flex;
  text-decoration: none;
  flex-direction: column;
}

.section-pages-list .image-wrap{
  margin: 0 0 16px;
  position: relative;

  overflow: hidden;
  border-radius: 27px;
}

.section-pages-list .image-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;

  transform: scale(1.001);
  transition: all .3s ease-in-out;
}

.section-pages-list .page-name{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;

  color: #11412C;
  font-size: 23px;
  line-height: 1.04;
  text-align: center;
}

@media (min-width: 768px) {
  .section-pages-list{
    padding: 40px 0;
  }

  .section-pages-list .pages-layout{
    grid-template-columns: repeat(3, 1fr);
  }

  .section-pages-list .image-wrap{
    padding-top: 220px;
  }

  .section-pages-list .image-wrap img{
    position: absolute;
    inset: 0;
  }
}

@media (min-width: 992px) {
  .section-pages-list{
    padding: 50px 0;
  }

  .section-pages-list .pages-layout{
    grid-row-gap: 30px;
    grid-column-gap: 30px;
  }

  .section-pages-list .image-wrap{
    margin: 0 0 25px;
    padding-top: 280px;
  }

  .section-pages-list .page-item:hover .image-wrap img{
    transform: scale(1.05);
  }

  .section-pages-list .page-name{
    font-size: 26px;
  }
}

@media (min-width: 1200px) {
  .section-pages-list{
    padding: 60px 0;
  }
  .section-pages-list .pages-layout{
    grid-row-gap: 35px;
    grid-column-gap: 35px;
  }

  .section-pages-list .image-wrap{
    padding-top: 313px;
  }
}

/*************************
  Page: ingredients
*************************/
.page-ingredients{
  background-color: var(--bg-color);
}

/*************************
  Section: ingredient-banner
*************************/
.ingredient-banner{
  padding: 55px 0;
  min-height: 375px;
  position: relative;
  background-color: var(--banner-bg);
}

.ingredient-banner .container{
  z-index: 5;
  position: relative;
}

.ingredient-banner .bg-image-wrap{
  position: absolute;
  inset: 0;
}

.ingredient-banner .image-mobile,
.ingredient-banner .image-desktop{
  width: 100%;
  height: 100%;
}

.ingredient-banner .image-mobile img,
.ingredient-banner .image-desktop img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.ingredient-banner .section-title,
.ingredient-banner .section-description{
  max-width: 325px;
  text-align: center;
  color: var(--banner-text);
}

.ingredient-banner .section-title{
  margin: 0 auto 16px;
}

.ingredient-banner .section-description{
  margin: 0 auto;
  color: #F9F7F5;
  font-size: 18px;
  line-height: 1.4;
}

.ingredient-banner .section-description p{
  margin: 0;
}

.ingredient-banner .page-ingredients-tabs{
  padding: 0 15px 7px 0;
  overflow-x: auto;
  margin: 24px -15px 0 0;

  display: flex;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
}

.ingredient-banner .tab-btn{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;

  color: #11412C;
  font-size: 18px;
  padding: 13px 20px;
  white-space: nowrap;
  background-color: #ffffff;
}

.ingredient-banner .tab-btn.active{
  color: #FFFFFF;
  cursor: default;
  background-color: #11412C;
}

@media (min-width: 768px) {
  .ingredient-banner .section-title,
  .ingredient-banner .section-description{
    text-align: left;
    max-width: 500px;
  }

  .ingredient-banner .section-title{
    margin: 0 0 16px;
  }

  .ingredient-banner .section-description{
    margin: 0;
    font-size: 20px;
  }

  .ingredient-banner .page-ingredients-tabs{
    padding: 0;
    flex-wrap: wrap;
    overflow-x: hidden;
    margin: 24px 0 0 0;
  }

  .ingredient-banner .tab-btn{
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .ingredient-banner{
    padding: 70px 0;
  }

  .ingredient-banner .section-title,
  .ingredient-banner .section-description{
    max-width: 550px;
  }

  .ingredient-banner .section-title{
    margin: 0 0 22px;
  }

  .ingredient-banner .section-description{
    font-size: 21px;
  }

  .ingredient-banner .page-ingredients-tabs{
    margin: 32px 0 0;
  }

  .ingredient-banner .tab-btn:hover{
    color: #FFFFFF;
    background-color: #11412C;
  }

  .ingredient-banner .tab-btn{
    padding: 14px 30px;
  }
}

@media (min-width: 1200px) {
  .ingredient-banner .section-title,
  .ingredient-banner .section-description{
    max-width: 660px;
  }

  .ingredient-banner .section-description{
    font-size: 23px;
  }

  .ingredient-banner .tab-btn{
    font-size: 22px;
  }
}

/*************************
  Section: ingredient-list-wrap
*************************/
body.show-ingredients-drawer{
  overflow: hidden;
}

.ingredient-list-wrap{
  padding: 36px 0;
  background-color: var(--bg-color);
}

.ingredient-list-wrap .main-tab-content-item:not(.active){
  display: none;
}

.ingredient-list-wrap .heading-wrap{
  margin: 0 0 25px;

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ingredient-list-wrap .section-title{
  color: var(--text-color);

  padding: 0 0 7px 0;
  width: 100%;
  min-width: 100%;
  text-align: center;
}

.ingredient-list-wrap .section-description{
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  color: var(--text-color);

  width: 100%;
  max-width: 649px;
}

.ingredient-list-wrap .section-description p{
  margin: 0;
}

.ingredient-list-wrap .page-ingredients-tabs{
  display: flex;
  grid-row-gap: 10px;
  grid-column-gap: 6px;

  overflow-x: auto;
  padding: 0 15px 7px 0;
  margin: 0 -15px 18px 0;
}

.ingredient-list-wrap .tab-btn{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 17px;

  color: #11412C;
  padding: 12px 15px;
  white-space: nowrap;
  background-color: #ffffff;
}

.ingredient-list-wrap .tab-btn.active{
  color: #FFFFFF;
  cursor: default;
  background-color: #11412C;
}

.ingredient-list-wrap .tabs-wrapper .ingredient-items-layout{
  display: grid;
  grid-row-gap: 18px;
  grid-column-gap: 18px;
  grid-template-columns: repeat(2, 1fr);
}

.ingredient-list-wrap .tabs-wrapper .sub-tab-content-item{
  display: none;
}

.ingredient-list-wrap .tabs-wrapper .sub-tab-content-item.show{
  display: flex;
}

.ingredient-list-wrap .tabs-wrapper .ingredient-items{
  overflow: hidden;
  border-radius: 15px 15px;
  background-color: #F1EFED;

  cursor: pointer;
  flex-direction: column;
}

.ingredient-list-wrap .tabs-wrapper .ingredient-image-wrap{
  overflow: hidden;
  position: relative;
  padding-top: 172px;
}

.ingredient-list-wrap .tabs-wrapper .ingredient-image-wrap img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 180 / 180;
  object-position: center center;

  transform: scale(1.001);
  transition: all .3s ease-in-out;
}

.ingredient-list-wrap .tabs-wrapper .ingredient-description{
  display: none;
}

.ingredient-list-wrap .tabs-wrapper .ingredient-title{
  text-align: center;
  font-style: normal;
  font-weight: 700;
  line-height: 1.4;
  font-size: 16px;
  color: #11412C;

  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px 10px;
  background-color: #ffffff;
}

.ingredient-list-wrap .tabs-wrapper .ingredient-title p{
  margin: 0;
}

.ingredient-list-wrap .ingredients-tabs-bottom{
  width: 100%;
  max-width: 649px;
  margin: 24px auto 0;

  display: flex;
  grid-row-gap: 16px;
  align-items: center;
  flex-direction: column;
}

.ingredient-list-wrap .content-above-button{
  color: var(--text-color);
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
}

.ingredient-list-wrap .content-above-button p{
  margin: 0;
}

.ingredient-list-wrap .btn-trigger-drawer{
  display: flex;
  align-items: center;
  grid-column-gap: 18px;

  min-height: 50px;
}

.ingredient-list-wrap .ingredient-drawer.show-ingredients-drawer{
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}

.ingredient-list-wrap .ingredient-drawer.show-ingredients-drawer .drawer-content-wrap{
  transform: translateX(0px);
}

.ingredient-list-wrap .ingredient-drawer{
  position: fixed;
  inset: 0;
  z-index: 1000;
  transition: all .2s ease-in-out;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.ingredient-list-wrap .ingredient-drawer .overflow{
  width: 100%;
  height: 100%;
  display: block;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.25);
}

.ingredient-list-wrap .drawer-content-wrap{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  transform: translateX(440px);

  width: 100%;
  max-width: 440px;
  overflow-y: auto;
  padding: 30px 12px 65px;
  background-color: #ffffff;
  transition: all .3s ease-in-out;
}

.ingredient-list-wrap .button-drawer-close{
  position: absolute;
  z-index: 3;
  top: 22px;
  right: 11px;

  margin: 0;
  padding: 0;
  cursor: pointer;
  box-shadow: none;
  border-radius: 100%;
  background-color: #ffffff;
  border: 1px solid transparent;
  transition: all .3s ease-in-out;

  width: 35px;
  height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ingredient-list-wrap .drawer-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #11412C;
  font-size: 26px;
  line-height: 1.04;
  margin: 0 0 22px;
}

.ingredient-list-wrap .drawer-content h4:first-child{
  padding-top: 0;
  border: none;
}

.ingredient-list-wrap .drawer-content h4{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  color: #11412C;
  font-size: 24px;
  line-height: 1;
  margin: 0 0 13px;

  padding-top: 22px;
  border-top: 1px solid #C7D9BF;
}

.ingredient-list-wrap .drawer-content h5,
.ingredient-list-wrap .drawer-content h6{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #11412C;
  line-height: 1.2;
  margin: 0 0 8px;
}

.ingredient-list-wrap .drawer-content p,
.ingredient-list-wrap .drawer-content li{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  color: #11412C;
}

.ingredient-list-wrap .drawer-content p{
  margin: 0 0 13px;
}

.ingredient-list-wrap .drawer-content p:last-child,
.ingredient-list-wrap .drawer-content li:last-child{
  margin: 0;
}

@media (min-width: 768px) {
  .ingredient-list-wrap{
    padding: 45px 0;
  }

  .ingredient-list-wrap .heading-wrap{
    margin: 0 0 30px;
  }

  .ingredient-list-wrap .section-title{
    text-align: left;
    padding: 0 0 16px 0;
  }

  .ingredient-list-wrap .section-description{
    font-size: 20px;
    text-align: left;
  }

  .ingredient-list-wrap .page-ingredients-tabs{
    padding: 0;
    flex-wrap: wrap;
    margin: 0 0 24px;
    overflow-x: hidden;
  }

  .ingredient-list-wrap .tabs-wrapper .ingredient-items-layout{
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
  }

  .ingredient-list-wrap .tabs-wrapper .ingredient-items{
    border-radius: 28px 28px;
  }

  .ingredient-list-wrap .tabs-wrapper .ingredient-image-wrap{
    padding-top: 230px;
  }

  .ingredient-list-wrap .tabs-wrapper .ingredient-image-wrap img{
    aspect-ratio: 230 / 230;
  }

  .ingredient-list-wrap .tabs-wrapper .ingredient-title{
    font-size: 20px;
    padding: 10px 14px 13px;
  }

  .ingredient-list-wrap .tab-btn{
    font-size: 18px;
    padding: 13px 20px;
  }

  .ingredient-list-wrap .ingredients-tabs-bottom{
    margin: 35px auto 0;
  }

  .ingredient-list-wrap .content-above-button{
    font-size: 20px;
  }

  .ingredient-list-wrap .drawer-content-wrap{
    padding: 30px 20px 65px;
  }

  .ingredient-list-wrap .drawer-content h4{
    font-size: 26px;
    padding-top: 24px;
  }
}

@media (min-width: 992px) {
  .ingredient-list-wrap .heading-wrap{
    margin: 0 0 45px;
  }

  .ingredient-list-wrap .section-description{
    font-size: 21px;
  }

  .ingredient-list-wrap .page-ingredients-tabs{
    margin: 0 0 35px;
    grid-row-gap: 13px;
  }

  .ingredient-list-wrap .tabs-wrapper .ingredient-items-layout{
    grid-row-gap: 25px;
    grid-column-gap: 25px;
  }

  .ingredient-list-wrap .tabs-wrapper .ingredient-image-wrap{
    padding-top: 327px;
  }

  .ingredient-list-wrap .tabs-wrapper .ingredient-image-wrap img{
    aspect-ratio: 312 / 327;
  }

  .ingredient-list-wrap .tabs-wrapper .ingredient-title{
    font-size: 23px;
    padding: 14px 14px 17px;
  }

  .ingredient-list-wrap .ingredients-tabs-bottom{
    margin: 45px auto 0;
    grid-row-gap: 25px;
  }

  .ingredient-list-wrap .content-above-button{
    font-size: 21px;
  }

  .ingredient-list-wrap .tab-btn:hover{
    color: #FFFFFF;
    background-color: #11412C;
  }

  .ingredient-list-wrap .tabs-wrapper .ingredient-items:hover img{
    transform: scale(1.05);
  }

  .ingredient-list-wrap .button-drawer-close:hover {
    border-color: #11412c;
  }

  .ingredient-list-wrap .drawer-content-wrap{
    max-width: 500px;
    padding: 40px 40px 65px;
    transform: translateX(500px);
  }

  .ingredient-list-wrap .button-drawer-close{
    top: 32px;
    right: 31px;
  }

  .ingredient-list-wrap .btn-trigger-drawer{
    min-height: 55px;
  }

  .ingredient-list-wrap .drawer-content p{
    margin: 0 0 18px;
  }
}

@media (min-width: 1200px) {
  .ingredient-list-wrap{
    padding: 60px 0;
  }

  .ingredient-list-wrap .section-title{
    padding: 0 60px 0 0;
    width: calc(100% - 649px);
    min-width: calc(100% - 649px);
  }

  .ingredient-list-wrap .section-description{
    font-size: 23px;
  }

  .ingredient-list-wrap .tabs-wrapper .ingredient-items-layout{
    grid-row-gap: 29px;
    grid-column-gap: 29px;
    grid-template-columns: repeat(4, 1fr);
  }

  .ingredient-list-wrap .content-above-button{
    font-size: 23px;
  }

  .ingredient-list-wrap .drawer-content-wrap{
    max-width: 600px;
    padding: 60px 60px 65px;
    transform: translateX(500px);
  }

  .ingredient-list-wrap .button-drawer-close{
    top: 52px;
    right: 51px;
  }
}

@media (min-width: 1440px) {
  .ingredient-list-wrap .heading-wrap{
    margin: 0 0 60px;
  }

  .ingredient-list-wrap .page-ingredients-tabs{
    margin: 0 0 45px;
  }

  .ingredient-list-wrap .ingredients-tabs-bottom{
    margin: 60px auto 0;
  }

  .ingredient-list-wrap .drawer-content-wrap{
    max-width: 700px;
    transform: translateX(700px);
  }

  .ingredient-list-wrap .drawer-content h4{
    font-size: 32px;
    margin: 0 0 18px;
    padding-top: 40px;
  }

  .ingredient-list-wrap .drawer-content h5,
  .ingredient-list-wrap .drawer-content h6{
    font-size: 18px;
  }

  .ingredient-list-wrap .drawer-content p,
  .ingredient-list-wrap .drawer-content li{
    font-size: 18px;
  }
}


/*************************
  Block: drawer-slider
*************************/
.drawer-slider .swiper-slide:not(.swiper-slide-active){
  visibility: hidden;
  opacity: 0!important;
  pointer-events: none;
}

.drawer-slider .swiper-wrapper{
  height: auto;
}

.drawer-slider .swiper-slide{
  height: auto;

  display: flex;
  flex-direction: column;
}

.drawer-slider .ingredient-title{
  order: 1;

  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #11412C;
  font-size: 32px;
  line-height: 1.1;
  margin: 0 0 16px;
}

.drawer-slider .ingredient-title p{
  margin: 0;
}

.drawer-slider .ingredient-image-wrap{
  order: 2;
  overflow: hidden;
  margin: 0 0 16px;
  position: relative;
  padding-top: 300px;
  border-radius: 24px 24px;
  background-color: #F1EFED;
}

.drawer-slider .ingredient-image-wrap img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  aspect-ratio: 580 / 407;
  object-position: center center;
}

.drawer-slider .ingredient-description{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #11412C;
  font-size: 15px;
  line-height: 1.35;

  order: 3;
  margin: 0 0 16px;
}

.drawer-slider .ingredient-description p{
  margin: 0;
}

.drawer-slider .slider-navigation{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.drawer-slider .slider-nav-arrows{
  display: flex;
  align-items: center;
  grid-column-gap: 24px;
}

.drawer-slider .slider-nav{
  width: 35px;
  height: 35px;
  cursor: pointer;
  min-width: 35px;
  border-radius: 100%;
  background-color: #11412C;
  border: 1px solid #11412C;
  transition: all .3s ease-in-out;

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

.drawer-slider .slider-nav.swiper-button-disabled{
  opacity: .7;
  cursor: default;
}

.drawer-slider .slider-nav svg{
  width: 18px;
  height: auto;
}

.drawer-slider .slider-nav path{
  stroke: #ffffff;
  stroke-width: 2.5px;
  transition: all .3s ease-in-out;
}

.drawer-slider .swiper-pagination{
  inset: 0;
  position: relative;
  width: fit-content;

  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #11412C;
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .drawer-slider .ingredient-description{
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .drawer-slider .ingredient-title{
    font-size: 36px;
  }

  .drawer-slider .ingredient-image-wrap{
    margin: 0 0 24px;
    padding-top: 330px;
  }

  .drawer-slider .ingredient-description{
    font-size: 18px;
    line-height: 1.2;
    margin: 0 0 24px;
  }

  .drawer-slider .slider-nav:not(.swiper-button-disabled):hover{
    background-color: #ffffff;
  }

  .drawer-slider .slider-nav:not(.swiper-button-disabled):hover path{
    stroke: #11412C;
  }

  .drawer-slider .slider-nav-arrows{
    grid-column-gap: 31px;
  }

  .drawer-slider .swiper-pagination{
    font-size: 16px;
  }
}

@media (min-width: 1440px) {
  .drawer-slider .ingredient-title{
    font-size: 42px;
    margin: 0 0 20px;
  }

  .drawer-slider .ingredient-image-wrap{
    padding-top: 350px;
    border-radius: 38px 38px;
  }

  .drawer-slider .ingredient-description{
    margin: 0 0 35px;
  }
}

@media (min-width: 1660px) {
  .drawer-slider .ingredient-image-wrap{
    padding-top: 406px;
  }
}


/*************************
  Section: main-blog
*************************/
.main-blog{
  padding: 40px 0 50px;
  background-color: var(--bg-color);
}

.main-blog .heading-wrap{
  margin: 0 0 24px;
  text-align: center;

  display: flex;
  grid-row-gap: 15px;
  flex-direction: column;
}

.main-blog .sub-title{
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 1;
  margin: 0;
  color: var(--text-color);
}

.main-blog .section-title{
  margin: 0;
  font-size: 46px;
  color: var(--text-color);
}

.main-blog .article-tags{
  position: absolute;
  top: 18px;
  right: 18px;

  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;
}

.main-blog .tag{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #2AA872;
  line-height: 1.25;
  letter-spacing: 0.754px;
  text-transform: uppercase;

  padding: 6px 10px 1px;
  border-radius: 32px 32px;
  background-color: #F1EFED;
}

.main-blog .main-blog-article{
  display: grid;
  margin: 0 0 30px;
  align-items: center;
  grid-row-gap: 12px;
  grid-column-gap: 20px;
  grid-template-columns: 1fr;
}

.main-blog .main-blog-article .image-wrap{
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 24px;
  background-color: #F1EFED;
}

.main-blog .main-blog-article .image-wrap img{
  width: 100%;
  height: 100%;
  min-height: 300px;
  object-fit: cover;
  aspect-ratio: 660 / 454;
  object-position: center center;
}

.main-blog .main-blog-article .article-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  margin: 0 0 6px;
  line-height: 1.08;
  color: var(--text-color);
  letter-spacing: -0.72px;
}

.main-blog .main-blog-article .article-info{
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px;
  grid-row-gap: 6px;
  align-items: center;
}

.main-blog .main-blog-article .article-author,
.main-blog .main-blog-article .article-published{
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.4;
  position: relative;
  color: var(--text-color);
}

.main-blog .main-blog-article .article-author{
  margin-left: 10px;
  padding-left: 10px;
}

.main-blog .main-blog-article .article-author:before{
  content: '';
  position: absolute;
  left: 0;
  top: 5px;
  width: 2px;
  bottom: 5px;
  background-color: #11412C;
}

.main-blog .main-blog-article .article-description{
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 10px;
  color: var(--text-color);
}

.main-blog .main-blog-article .article-description p{
  margin: 0;
}

.main-blog .main-blog-article .btn{
  display: flex;
  width: fit-content;
  align-items: center;
  grid-column-gap: 18px;
}

.main-blog .blog-articles-layout{
  display: grid;
  grid-row-gap: 24px;
  grid-column-gap: 25px;
  grid-template-columns: 1fr;
}

.main-blog .blog-filters-wrap{
  display: flex;
  margin: 0 0 23px;
  justify-content: center;
}

.main-blog .blog-articles-filters{
  display: flex;
  align-items: center;
  grid-column-gap: 24px;

  overflow-x: auto;
  padding: 0 0 7px;
  overflow-y: hidden;
}

.main-blog .blog-articles-filter{
  opacity: .6;
  color: #11412C;
  font-size: 16px;
  line-height: 1.25;
  position: relative;
  text-decoration: none;
  transition: all .3s ease-in-out;
}

.main-blog .blog-articles-filter:after{
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  bottom: 0;
  height: 1px;
  background-color: #11412c;
  transition: all .3s ease-in-out;
}

.main-blog .blog-articles-filter.active{
  opacity: 1;
}

.main-blog .blog-articles-filter.active:after{
  width: 100%;
}

@media (min-width: 768px) {
  .main-blog .sub-title{
    font-size: 22px;
  }

  .main-blog .section-title{
    font-size: 52px;
  }

  .main-blog .article-tags{
    top: 25px;
    right: 25px;
  }

  .main-blog .main-blog-article{
    margin: 0 0 45px;
    grid-template-columns: 400px 1fr;
  }

  .main-blog .main-blog-article .image-wrap{
    padding-top: 380px;
    border-radius: 28px;
  }

  .main-blog .main-blog-article .image-wrap img{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: auto;
  }

  .main-blog .blog-articles-layout{
    grid-row-gap: 35px;
    grid-template-columns: repeat(2, 1fr);
  }

  .main-blog .blog-filters-wrap{
    margin: 0 0 38px;
  }

  .main-blog .blog-articles-filters{
    grid-column-gap: 45px;
  }

  .main-blog .blog-articles-filter{
    font-size: 17px;
  }
}

@media (min-width: 992px) {
  .main-blog{
    padding: 50px 0 60px;
  }

  .main-blog .heading-wrap{
    margin: 0 0 35px;
    grid-row-gap: 20px;
  }

  .main-blog .sub-title{
    font-size: 26px;
  }

  .main-blog .section-title{
    font-size: 65px;
  }

  .main-blog .main-blog-article{
    grid-column-gap: 30px;
    grid-template-columns: 520px 1fr;
  }

  .main-blog .main-blog-article .article-title{
    font-size: 32px;
  }

  .main-blog .main-blog-article .article-author,
  .main-blog .main-blog-article .article-published{
    font-size: 20px;
  }

  .main-blog .main-blog-article .article-author{
    margin-left: 12px;
    padding-left: 12px;
  }

  .main-blog .main-blog-article .article-description{
    font-size: 18px;
  }

  .main-blog .blog-articles-layout{
    grid-template-columns: repeat(3, 1fr);
  }

  .main-blog .blog-articles-filter:hover{
    opacity: 1;
  }

  .main-blog .blog-articles-filter:hover:after{
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .main-blog{
    padding: 60px 0 70px;
  }

  .main-blog .tag{
    font-size: 15px;
  }

  .main-blog .heading-wrap{
    margin: 0 0 45px;
  }

  .main-blog .main-blog-article{
    grid-column-gap: 45px;
    grid-template-columns: 606px 1fr;
  }

  .main-blog .main-blog-article .image-wrap{
    padding-top: 454px;
  }

  .main-blog .main-blog-article .article-title{
    font-size: 36px;
  }

  .main-blog .main-blog-article .article-author,
  .main-blog .main-blog-article .article-published{
    font-size: 23px;
  }

  .main-blog .main-blog-article .article-description{
    font-size: 21px;
  }

  .main-blog .blog-articles-layout{
    grid-row-gap: 45px;
    grid-column-gap: 30px;
  }

  .main-blog .article-item-title{
    font-size: 23px;
  }

  .main-blog .blog-articles-filters{
    grid-column-gap: 52px;
  }

  .main-blog .blog-articles-filter{
    font-size: 18px;
  }
}

@media (min-width: 1440px) {
  .main-blog .sub-title{
    font-size: 32px;
  }

  .main-blog .section-title{
    font-size: 76px;
  }

  .main-blog .main-blog-article{
    grid-column-gap: 60px;
    grid-template-columns: 660px 1fr;
  }

  .main-blog .main-blog-article .article-description{
    font-size: 23px;
  }

  .main-blog .blog-articles-layout{
    grid-column-gap: 40px;
  }

  .main-blog .article-item-title{
    font-size: 26px;
    line-height: 1.08;
  }
}

/*************************
  card: blog-article
*************************/
.blog-article{
  display: flex;
  overflow: hidden;
  grid-row-gap: 20px;
  text-align: center;
  flex-direction: column;
}

.blog-article .article-tags {
  position: absolute;

  display: flex;
  flex-wrap: wrap;
  grid-row-gap: 6px;
  grid-column-gap: 6px;
  align-items: center;

  top: 15px;
  right: 15px;
}

.blog-article .tag{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  color: #2AA872;
  line-height: 1.25;
  letter-spacing: 0.754px;
  text-transform: uppercase;

  padding: 6px 10px 1px;
  border-radius: 32px 32px;
  background-color: #F1EFED;
}

.blog-article .article-item-image{
  display: flex;
  overflow: hidden;
  position: relative;
  border-radius: 20px;
  padding-top: 260px;
  background-color: #F1EFED;
}

.blog-article .article-item-image img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 417 / 313;
  object-position: center center;

  transform: scale(1.001);
  transition: all .3s ease-in-out;
}

.blog-article .article-item-title{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.72px;
  color: var(--text-color);
  text-decoration: none;
}

@media (min-width: 992px) {
  .blog-article .article-item-title{
    font-size: 21px;
  }

  .blog-article:hover .article-item-image img{
    transform: scale(1.05);
  }
}

@media (min-width: 1200px) {
  .blog-article .article-tags {
    top: 20px;
    right: 20px;
  }

  .blog-article .article-item-image{
    padding-top: 313px;
    border-radius: 28px;
  }
}

/*************************
  Page: page search
*************************/
.template-search{
  padding: 36px 0 45px;
  background-color: #ffffff;
}

.template-search .featured-collection{
  padding: 0;
}

.template-search .section-title{
  color: #11412C;
  font-size: 46px;
  margin: 0 0 20px;
  text-align: center;
}

.template-search .results-title{
  margin: 0;
  color: #11412C;
  text-align: center;

  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 1.4;
}

.template-search .template-search__search{
  width: 100%;
  max-width: 800px;
  margin: 0 auto 30px;
}

.template-search .template-search__search .field:before,
.template-search .template-search__search .field:after{
  display: none;
}

.template-search .field__label{
  top: 50%;
  opacity: 0.4;
  transform: translateY(-50%);

  font-style: normal;
  font-weight: 500;
  color: #11412C;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.88px;
}

.template-search .template-search__search input{
  width: 100%;
  min-height: 55px;
  border-radius: 100px;
  padding: 15px 11px 15px 20px;
  background: rgba(24, 25, 29, 0.10);
  border: 1px solid #E6E8EC;

  font-style: normal;
  font-weight: 700;
  color: #18191D;
  font-size: 14px;
  line-height: 1.2;

  outline: none;
  box-shadow: none;
}

.template-search .template-search__search input::placeholder{
  color: rgba(24, 25, 29, 0.4);
}

.template-search .template-search__search .buttons-wrap{
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);

  display: flex;
  align-items: center;
}

.template-search .buttons-wrap button{
  width: 35px;
  height: 35px;
  min-width: 35px;

  position: relative;
  inset: 0;
}

.template-search  .reset__button{
  margin-right: 10px;
  overflow: visible;
}

.template-search .reset__button svg.icon-close{
  width: 22px;
  height: auto;
  stroke: #13412c;
}

.template-search .reset__button:after{
  right: -5px !important;
  height: 20px !important;
  opacity: 0.4 !important;
  background: #13412c !important;
}

.template-search .search-layout{
  display: grid;
  grid-row-gap: 25px;
  grid-column-gap: 13px;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 0;
  list-style: none;
}

.template-search .search-page-image{
  padding-top: 100%;

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

.template-search .search-page-image img{
  max-width: 100%;
  max-height: 100%;
}

.template-search .search-page{
  display: flex;
  grid-row-gap: 10px;
  text-decoration: none;
  flex-direction: column;
}

.template-search .search-page .search-page-image{
  position: relative;
}

.template-search .article-item-title,
.template-search .search-page-title{
  font-family: 'Helvetica Neue', sans-serif;
  font-style: normal;
  font-weight: 400;
  color: #11412c;
  font-size: 19px;
  line-height: 1.35;
  text-align: center;
}

.template-search .search-page img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center center;
  transform: translate(-50%, -50%);
}

.template-search .blog-article{
  grid-row-gap: 10px;
}

@media (min-width: 768px) {
  .template-search{
    padding: 40px 0 50px;
  }

  .template-search .section-title{
    font-size: 52px;
    margin: 0 0 30px;
  }

  .template-search .search-layout{
    grid-column-gap: 20px;
    grid-template-columns: repeat(2, 1fr);
  }

  .template-search .template-search__search{
    margin: 0 auto 45px;
  }
}

@media (min-width: 992px) {
  .template-search .section-title{
    font-size: 65px;
  }

  .template-search .search-layout{
    grid-row-gap: 30px;
    grid-column-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1200px) {
  .template-search{
    padding: 60px 0 60px;
  }

  .template-search .section-title{
    font-size: 76px;
  }

  .template-search .search-layout{
    grid-row-gap: 40px;
    grid-template-columns: repeat(4, 1fr);
  }

  .template-search .results-title{
    font-size: 23px;
  }
}

@media (min-width: 1440px) {
  .template-search .article-item-title,
  .template-search .search-page-title{
    font-size: 22px;
  }
}

/*************************
  Page: contact
*************************/
.contact-page{
  padding: 40px 0 50px;
  background-color: var(--bg-color);
}

.contact-page .container{
  max-width: 645px;
}

.contact-page .heading-wrap{
  display: flex;
  text-align: center;
  grid-row-gap: 14px;
  flex-direction: column;

  margin: 0 auto 24px;
}

.contact-page .sub-title{
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: var(--text-color);
  margin: 0;
}

.contact-page .sub-title p{
  margin: 0;
}

.contact-page .section-title{
  color: var(--text-color);
}

.contact-page .section-description,
.contact-page .contact-info{
  color: var(--text-color);
  font-family: "Helvetica Neue", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
}

.contact-page .section-description p{
  margin: 0 0 5px;
}

.contact-page .section-description p:last-child{
  margin: 0;
}

.contact-page .contact-info{
  margin: 0 auto 24px;
}

.contact-page .contact-info strong{
  font-weight: 700;
}

.contact-page .contact-info p{
  margin: 0;
}

.contact-page form{
  width: 100%;
}

.contact-page .contact-fields{
  display: flex;
  grid-row-gap: 14px;
  flex-direction: column;
}

.contact-page form input,
.contact-page form textarea{
  border: 1.5px solid #11412C;
  transition: all .3s ease-in-out;
  background: rgba(241, 239, 237, 0.40);

  color: #11412C;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.88px;
  text-align: center;

  outline: none!important;
  box-shadow: none!important;
  padding: 14px 15px !important;
  border-radius: 30px !important;
}

.contact-page form textarea::placeholder,
.contact-page form input::placeholder{
  opacity: 0.4;
}

.contact-page form textarea:hover,
.contact-page form input:hover{
  box-shadow: 0 6px 5px 0 rgb(17 65 44 / 40%) !important;
}

.contact-page form input{
  height: 50px;
  min-height: 50px;
}

.contact-page form textarea{
  resize: none;
  height: 160px;
  min-height: 160px;
}

.contact-page .button-wrap{
  display: flex;
  justify-content: center;
}

.contact-page .button-wrap .btn{
  min-width: 159px;
}

.contact-page .form__message-wrap{
  margin: 30px 0 0;
}

.contact-page .form__message-wrap .form__message{
  margin: 0 0 15px;
  padding: 10px 15px;
  border: 2px solid #FA655C;
}

.contact-page .form__message{
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  font-size: 15px;
  color: #11412C;

  display: flex;
  align-items: center;
  grid-column-gap: 5px;
}

.contact-page .form__message svg{
  width: 18px;
  height: auto;
}

.contact-page .form__message .span-content{
  margin: 3px 0 0;
  display: inline-block;
}

.contact-page .form-status-list{
  margin: 0;
}

@media (min-width: 768px) {
  .contact-page .heading-wrap{
    grid-row-gap: 20px;
    margin: 0 auto 35px;
  }

  .contact-page .sub-title{
    font-size: 26px;
  }

  .contact-page .section-description,
  .contact-page .contact-info{
    font-size: 20px;
  }

  .contact-page .section-description p{
    margin: 0 0 10px;
  }

  .contact-page .contact-info{
    margin: 0 auto 35px;
  }

  .contact-page form input,
  .contact-page form textarea{
    font-size: 22px;
    border-radius: 53px !important;
  }

  .contact-page form textarea{
    height: 180px;
    min-height: 180px;
  }
}

@media (min-width: 992px) {
  .contact-page{
    padding: 50px 0 60px;
  }\

  .contact-page .heading-wrap{
    margin: 0 auto 50px;
  }

  .contact-page .contact-info{
    margin: 0 auto 50px;
  }
}

@media (min-width: 1200px) {
  .contact-page{
    padding: 60px 0 70px;
  }

  .contact-page .heading-wrap{
    margin: 0 auto 65px;
  }

  .contact-page .sub-title{
    font-size: 32px;
  }

  .contact-page .section-description,
  .contact-page .contact-info{
    font-size: 23px;
  }

  .contact-page .contact-info{
    margin: 0 auto 65px;
  }

  .contact-page form input{
    height: 55px;
    min-height: 55px;
  }

  .contact-page form textarea{
    height: 209px;
    min-height: 209px;
  }
}

/*************************
  Section: logo-with-description
*************************/
.logo-with-description{
  padding: 36px 0;
  background-color: var(--bg-color);
}

.logo-with-description .swiper-container:not(.swiper-container-initialized) .swiper-wrapper{
  grid-column-gap: 20px;
}

.logo-with-description .swiper-container:not(.swiper-container-initialized) .swiper-slide{
  width: 100%;
  min-width: 100%;
}

.logo-with-description .swiper-container-wrap{
  position: relative;
}

.logo-with-description .swiper-container-wrap.slider-init{
  margin: 0 -15px 0 0;
  padding: 0 0 0 30px;
}

.logo-with-description .swiper-container{
  position: static;
  width: 100%;
  margin: 0 auto;
  max-width: 1060px;
}

.logo-with-description .swiper-slide{
  display: flex;
  grid-row-gap: 5px;
  flex-direction: column;
}

.logo-with-description .logo-wrap{
  display: flex;
}

.logo-with-description .logo-wrap img{
  max-width: 100%;
  max-height: 50px;
}

.logo-with-description .description{
  font-size: 18px;
  line-height: 1.4;
  color: var(--text-color);
}

.logo-with-description .description p{
  margin: 0;
}

.logo-with-description .swiper-container:not(.swiper-container-initialized) .swiper-nav{
  display: none;
}

.logo-with-description .swiper-nav-wrap{
  margin: 32px 0 0;
  display: flex;
  grid-column-gap: 17px;
  justify-content: center;
}

.logo-with-description .swiper-nav{
  padding: 8px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 100%;
  border: 1px solid #11412C;
  background-color: #11412C;
  transition: all .3s ease-in-out;
}

.logo-with-description .swiper-nav path{
  stroke: #ffffff;
  transition: all .3s ease-in-out;
}

@media (min-width: 768px) {
  .logo-with-description{
    padding: 40px 0;
  }

  .logo-with-description .swiper-container-wrap.slider-init{
    margin: 0;
    padding: 0;
  }

  .logo-with-description .swiper-container:not(.swiper-container-initialized) .swiper-wrapper{
    grid-column-gap: 35px;
  }

  .logo-with-description .swiper-container:not(.swiper-container-initialized) .swiper-slide{
    width: calc((100% - (2 * 35px)) / 3);
    min-width: calc((100% - (2 * 35px)) / 3);
  }
}

@media (min-width: 992px) {
  .logo-with-description .swiper-container:not(.swiper-container-initialized) .swiper-wrapper{
    grid-column-gap: 75px;
  }

  .logo-with-description .swiper-container:not(.swiper-container-initialized) .swiper-slide{
    width: calc((100% - (2 * 75px)) / 3);
    min-width: calc((100% - (2 * 75px)) / 3);
  }

  .logo-with-description .description{
    font-size: 20px;
  }

  .logo-with-description .swiper-nav:hover{
    background-color: #ffffff;
  }

  .logo-with-description .swiper-nav:hover path{
    stroke: #11412C;
  }
}

@media (min-width: 1200px) {
  .logo-with-description{
    padding: 60px 0;
  }

  .logo-with-description .swiper-container:not(.swiper-container-initialized) .swiper-wrapper{
    grid-column-gap: 90px;
  }

  .logo-with-description .swiper-container:not(.swiper-container-initialized) .swiper-slide{
    width: calc((100% - (2 * 90px)) / 3);
    min-width: calc((100% - (2 * 90px)) / 3);
  }

  .logo-with-description .description{
    font-size: 21px;
  }

  .logo-with-description .swiper-nav-wrap{
    margin: 0;
  }

  .logo-with-description .swiper-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .logo-with-description .nav-prev{
    left: 0;
  }

  .logo-with-description .nav-next{
    right: 0;
  }
}

@media (min-width: 1440px) {
  .logo-with-description{
    padding: 70px 0;
  }
}

/*************************
  Section: Yotpo widget
*************************/
.yotpo-widget{
  padding-top: 36px;
  background-color: var(--bg-color);
}

.yotpo-widget .yotpo-widget-instance{
  background-color: #ffffff;
  border-radius: 25px 25px 0 0;
}

.yotpo-widget .yotpo-seo-page-layout{
  margin: 0!important;
  padding: 30px 20px;
}

.yotpo-widget .yotpo-widget-instance .yotpo-head{
  display: none !important;
}

.yotpo-widget .yotpo-bottomline-container{
  justify-content: flex-start !important;
}

.yotpo-widget .yotpo-bottomline-container .yotpo-star-rating path{
  fill: #2AA872;
  stroke: #2AA872;
}

@media (min-width: 768px) {
  .yotpo-widget{
    padding-top: 40px;
  }

  .yotpo-widget .yotpo-seo-page-layout{
    padding: 35px 25px;
  }
}

@media (min-width: 992px) {
  .yotpo-widget{
    padding-top: 60px;
  }

  .yotpo-widget .yotpo-seo-page-layout{
    padding: 45px 45px;
  }
}

@media (min-width: 1200px) {
  .yotpo-widget .yotpo-seo-page-layout{
    padding: 55px 55px;
  }
}

@media (min-width: 1440px) {
  .yotpo-widget{
    padding-top: 110px;
  }
}

/*************************
  Section: refer-a-friends
*************************/
.refer-a-friends #join-block-1 > div{
  margin: 0 ;
}

.refer-a-friends #join-block-1 h2{
  font-family: 'Minimo', sans-serif;
  font-style: normal;
  font-weight: 700;
  color: var(--text-color);
  margin: 0 0 12px;
  font-size: 38px;
  text-align: center;
  line-height: 100%;
  letter-spacing: -0.92px;
}

.refer-a-friends #join-block-1 span{
  color: var(--text-color);
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 18px;
  max-width: 560px;
  text-align: center;
}

.refer-a-friends form{
  margin: 0;
  width: 100%;
  max-width: 590px;
}

.refer-a-friends form > div:before,
.refer-a-friends form > div:after{
  display: none;
}

.refer-a-friends form input{
  outline: none;

  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #11412C;
  line-height: normal;
  letter-spacing: 0.88px;

  min-height: 55px;
  padding: 14px 30px;
  border-radius: 53px;
  border: 1.5px solid #11412C;
  transition: all .3s ease-in-out;
  background: rgba(20, 48, 23, 0.10);
}

.refer-a-friends form label{
  margin: 0;
  opacity: 0.4;

  top: 50%;
  transform: translateY(-50%);

  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #11412C;
  line-height: normal;
  letter-spacing: 0.88px;
}

.refer-a-friends form input:focus ~ label{
  top: 15px !important;
  font-size: 12px !important;
}

.refer-a-friends form input:focus{
  box-shadow: none;
  border-radius: 53px;
}

.refer-a-friends form button:before,
.refer-a-friends form button:after{
  display: none;
}

.refer-a-friends form button{
  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  padding: 14px 30px;
  border-radius: 40px;
  text-decoration: none;
  border: 1px solid #11412C;
  background-color: #11412C;
  transition: all .3s ease-in-out;

  color: #FFFFFF;
  font-weight: 500;
  font-style: normal;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.88px;
}

@media (max-width: 767px) {
  .refer-a-friends .banner-layout{
    grid-row-gap: 22px;
  }

  .refer-a-friends .banner-text-content{
    order: 2;
  }

  .refer-a-friends .banner-media-wrap{
    order: 1;
  }

  .refer-a-friends form button{
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  .refer-a-friends #join-block-1 h2 {
    font-size: 46px;
    line-height: 93%;
    letter-spacing: -1.52px;
    text-align: left;
  }

  .refer-a-friends #join-block-1 span {
    text-align: left;
    font-size: 18px;
  }

  .refer-a-friends form input{
    font-size: 18px;
  }

  .refer-a-friends form label{
    font-size: 18px;
  }
}

@media (min-width: 992px) {
  .refer-a-friends #join-block-1 h2 {
    font-size: 51px;
    margin: 0 0 15px;
  }

  .refer-a-friends #join-block-1 span {
    margin: 0 0 25px;
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .refer-a-friends #join-block-1 h2 {
    margin: 0 0 20px;
    font-size: 56px;
  }
}

/*=========================
  Section: Featured product
=========================*/
.featured-product{
  padding: 36px 0;
}

.featured-product .product-layout{
  display: flex;
  flex-wrap: wrap;
}

.featured-product .product-media{
  width: 100%;
  min-width: 100%;
  position: relative;
}

.featured-product .product-info{
  width: 100%;
  min-width: 100%;
  padding: 22px 0 0 0;
}

.featured-product .price-wrapper {
  margin: 0 0 12px;
}

.featured-product .price__container {
  margin: 0;
}

.featured-product .price .price-item {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  letter-spacing: -0.23px;
}

.featured-product .price .price__sale {
  grid-column-gap: 7px;
}

@media (min-width: 768px) {
  .featured-product {
    padding: 40px 0;
  }

  .featured-product .product-media {
    width: 50%;
    min-width: 50%;
  }

  .featured-product .product-info {
    width: 50%;
    min-width: 50%;
    padding: 0 0 0 15px;
  }

  .featured-product .price .price-item {
    font-size: 20px;
  }
}

@media (min-width: 992px) {
  .featured-product  .product-media {
    width: 500px;
    min-width: 500px;
  }

  .featured-product  .product-info {
    width: calc(100% - 500px);
    min-width: calc(100% - 500px);
    padding: 0 0 0 30px;
  }
}

@media (min-width: 1200px) {
  .featured-product  {
    padding: 60px 0;
  }

  .featured-product  .product-media {
    width: 600px;
    min-width: 600px;
  }

  .featured-product  .product-info {
    width: calc(100% - 600px);
    min-width: calc(100% - 600px);
    padding: 0 0 0 50px;
  }
}

@media (min-width: 1440px) {
  .featured-product  .product-media {
    width: 637px;
    min-width: 637px;
  }

  .featured-product  .product-info {
    width: calc(100% - 637px);
    min-width: calc(100% - 637px);
    padding: 0 0 0 97px;
  }
}