html body{
  font-family: Gramatika, Helvetica, sans-serif; 
  letter-spacing: .2px;
}

@font-face {
  font-family: "Gramatika";
  font-style: normal;
  font-weight: 400;
  src: local("Gramatika"),
       url("https://static.insales-cdn.com/files/1/6226/35666002/original/GramatikaRegular1.00.woff2") format("woff2")
}

@font-face {
  font-family: "Gramatika";
  font-style: normal;
  font-weight: 700;
  src: local("Gramatika"),
       url("https://static.insales-cdn.com/files/1/6225/35666001/original/GramatikaBold1.00.woff2") format("woff2")
}

.product-item .product-image.rel-img > img:last-child {
    width: auto;
}
.product-item .product-image.rel-img{
  border-radius: 4px;
}
.credit {
    margin-top: 12px;
    background: #5A3A1B;
    border-radius: 40px;
    height: 72px;
    font-size: 15px;
}

.credit:hover {
  opacity: 0.8;
}

/* Щелочь */

html, body{
  overflow-x: hidden;
}

.alk_label{
  font-size: 13px;
  margin-bottom: 16px;
  text-align: center;
}
.promo-2-text .alk_text > p strong{
  display: block;
  margin-bottom: 24px;
}
.promo-2-text .alk_text > p{
  font-size: 16px;
  line-height: 120%;
}

.promo-2-text .alk_text > p strong,
.product-title,
.product-prices{
    font-size: 48px;
    font-weight: 700;
    margin-top: 0;
    padding: 0;
    line-height: 94%;
}
.promo-2-text h1,
.product-title{
    max-width: 924px;
    margin: 0 auto;
}

.alk_text p{
  max-width: 764px;
  margin: 0 auto;
}

.promo-2-text .alk_text > p,
.product-title{
    margin-bottom: 60px !important;
    text-align: center;
}

.product-title p{
  margin:0;
}

.alk_text td, .alk_text table{
  border:0;
  vertical-align: top;
}

.alk_text table{
  display: flex;
}

.alk_text tr{
  display: grid;
  gap: 2%;
  grid-template-columns: repeat(4, 1fr);
}

.alk_text td{
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.products  .tiles-wrapper{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 64px 3.4%;
  margin-top: 16px;
}

.footer-logo{
  font-weight: 700;
  font-size: 18px;
  margin-top: 16px;
}
.footer-logo img{
  width: 72px;
}

.footer-legal{
    font-size: 13px;
    display: flex;
    justify-content: center;
    gap: 8px 32px;
}
.footer-legal a{
  color: #000;
}


.editor p{
  margin: 0;
}

.prod-body{
  max-width: 860px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 400;
}
.pallette_1{
  background-color: unset;
}

.cart-popup{
  background: #fff;
}

.main{
    max-width: 1322px;
    margin: 0 auto;
}

.pallette_2{
  background: none;
  color: #000;
}

.footer{
  margin-top: 120px;
}

.index-products{
  padding: 80px 0;
}
.header-menu-right{
    display: flex;
    gap: 32px;
    justify-content: center;
}


.swiper-wrapper-dubl{
  justify-content: center;
  transform: translate3d(0px, 0px, 0px) !important;
}



// .swiper-wrapper{
//     justify-content: center;
// }

// .swiper-wrapper.gallery_no_flex{
//     justify-content: center;
//     justify-content: flex-start;
// }

.swiper-slide .product-price{
   display: none;
 }

.req{
  margin: 32px auto 32px;
    font-size: 14px;
    text-transform: uppercase;
    max-width: 900px;
    line-height: 120%;
}

.req a{
  color: #000;
}

.nav_static .narrow{
  display: none;
}

 :focus-visible{
    outline: none;
  } 


 .co-section--checkout_content {
  margin-top: 80px;
  margin-bottom: 80px;
 }


.co-input-description a{
  color: #0017ff;
}

.product-item p{
    margin: 0;
    text-transform: none;
}

.product-item{
    font-size: 24px;
    line-height: 120%;
    letter-spacing: .4px;
}

.promo-2-text h1, .breadcrumb{
  font-size: 48px;
  font-weight: 700;
  margin-top: 0;
  padding: 0;
  line-height: 94%;
  margin-bottom: 24px;
}
.product-info .breadcrumb{
    font-size: 16px;
    font-weight: 100;
    margin-bottom: 16px;
}

.swiper-slide img{
  border-radius: 4px;
}

.header-menu-right .profile{
    display: flex;
    gap: 12px;
    font-size: 15px;
}
.merch-but{
  display: block;
  background: #5A3A1B;
  width: 140px;
  height: 60px;
  flex-shrink: 0;
  border-radius: 100px;
  text-align: center;
  color: #b2b2b2;
  overflow: hidden;

}
.merch-but p{
    animation: text 2s infinite linear;
    white-space: nowrap;
    display: flex;
    gap: 4px;
    height: 100%;
    padding: 0;
    margin: 0;
    align-items: center;
    transition: all 300ms;
}
.merch-but p span{
  width: 42px;
}

.merch-but:hover p{
  filter: blur(4px);
  color: #b2b2b2;
}
.c-logo{
  max-width: 240px;
}

.nav_static_l, .nav_static_r{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.nav_static_l > div, .nav_static_r > div{
  flex-basis: inherit;
}

.header-menu-right{
  min-width: 228px;
  display: flex;
  gap: 8%;
  justify-content: center;
}

.sub-coll{
    font-size: 16px;
    display: flex;
    justify-content: center;
    gap: 4px;
    font-weight: 600;
    margin-bottom: 16px;
    margin-top: -8px;
    flex-wrap: wrap;
}
.sub-coll a{
    background: #f1f1f1;
    padding: 4px 12px;
    border-radius: 50px;
}
.sub-coll a.active{
    color: #f00 !important;
}

.sub-count{
  margin-bottom: 32px;
}

.collection-description,
.collection-seo_description{
    max-width: 740px;
    margin: 0 auto 80px;
}

.editor p span,
.editor p, 
.collection-seo_description p span, 
.collection-seo_description p{
    font-size: 16px !important;
    font-family: inherit !important;
}
.collection-seo_description .p1 span{
  font-family: inherit !important;
}

.collection-products .row.is-grid{
  gap: 16px;
}

  .product-info .product-title sup{
    position: absolute;
    top: auto;
  }

  .product-sku{
    font-size: 13px;
    color: #b1b1b1;
  }

  .product-price{
    display: block;
  }


  .container-inner{
    max-width: 860px;
  }

  .co-button.pay-button{
    background: #FF00BF;
    border-radius: 24px;
    padding: 12px;
    margin: 0 8px;
    box-shadow: 0px 0px 3px 0px #fff inset;
    text-shadow: 0 0 1px #fff;
  }
  
  .co-button.pay-button:hover{
    color: #fff !important;
    background: #FF00BF;
    opacity: 0.8;
  }

.template-is-page .h1-like{
  display: none;
}
.page-edu_program embed{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.product-info:has(.no-dates) .product-buy, 
.product-info:has(.no-dates) .product-prices,
.no-dates + .product-price {
  display: none;
}
.no-dates{
  color: #cdcdcd;
}
.info-page table tr{
    display: grid;
    grid-template-columns: 4fr 11fr; 
    gap: 2px 72px;
    margin-bottom: 24px;
}

@media (max-width: 800px) {
  .info-page table tr{
      grid-template-columns: repeat(1, 1fr);
  }
}

.breadcrumb-page{
    max-width: 924px;
    display: block;
}
.info-page{
  font-size: 13px;
  max-width: 924px;
  margin: 0 auto;
}
.info-page h2{
  color: #9C9C9C;
    text-align: center;
    font-weight: 100;
    font-size: 13px;
    margin: 64px auto 32px;
    max-width: 340px;
    line-height: 18px;
}

.table td{
    vertical-align: top;
    padding: 8px;
    border: 1px solid #000;
}
.table thead td{
  font-weight: bold;
}

.info-page table td:first-child{
  font-weight: bold;
}




@keyframes text {
  0%{
    transform: translate(0, 0);
  }
  
  100%{
    transform: translate(-43.2031px, 0);
  }
}


@media (max-width: 1024px) {
  .nav_static .narrow{
      display: block;
    }
  .nav_static .wide{
      display: none;
    }

}


@media (max-width: 800px) {
  .product-buy .m-b-20-m{
    margin-bottom: 12px;
  }
  .quantity .quantity-input{
    height: 56px; 
  }
  .swiper-wrapper-dubl{
    justify-content: unset;
  }

  .footer-legal{
    flex-direction: column;
  }
  .products .tiles-wrapper{
      grid-template-columns: repeat(2, 1fr);
      gap: 44px 3.4%;
  }
  .alk_text tr{
    gap: 20px 3.4%;
    grid-template-columns: repeat(2, 1fr);
  }
  .promo-2-text .alk_text > p{
    margin-bottom: 32px !important;
  }
  .promo-2-text .alk_text > p,
  .alk_text td,
  .prod-body{
    font-size: 15px;
    line-height: 1.2;
  }
  .product-item{
    font-size: 18px;
  }

  .index-products {
    padding: 80px 0 32px;
  }
  .promo-2-text h1, .product-title, .product-prices, .breadcrumb{
    font-size: 40px;
  }
.c-logo{
  max-width: 12%;
}

.nav_static{
    gap: 6%;
}
.profile{
  scale: .8;
}
.merch-but{
    max-width: 44%;
    height: 44px;
}
.merch-but:hover p{
  filter: unset;
}


.header-menu-right{
  min-width: 120px;
}

.nav_static_l{
  justify-content: space-between;
}
.nav_static_l > div{
  flex-basis: auto;
}

  header .nav_static > div{
    flex-basis: 100% !important;
    font-size: 13px;
  }
  .product-info .product-title sup{
    margin-top: -1em;
    position: static;
    top: auto;
  }

  
  .footer{
    margin-top: 80px;
  }
  .pallette_1 .c_button,
  .credit {
    height: 56px;
  }

  .merch-but p span{
    width: 38px;
  }

  @keyframes text {
  0%{
    transform: translate(0, 0);
  }
  
  100%{
    transform: translate(-38.0859px, 0);
  }
}
 
}



/*tg-stck*/

.tg_stck{
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 100;
}



.tg_stck_body{
  width: 0;
  background: #CACACA;
  max-height: 0;
  padding: 0;
  overflow: hidden;
}

.tg_stck_body.show{
    width: 336px;
    max-height: 416px;
    padding: 16px 16px 44px 16px; 
    transition: max-height .3s ease-out;
}


.tg_stck h3{
  font-size: 24px;
  font-weight: 100;
  margin: 0;
  line-height: 90%;
}
.tg_stck p{
  font-size: 16px;
  font-weight: 100;
  margin: 16px 0 32px;
}

.tg_stck_btn{
    display: flex;
    height: 64px;
    border-radius: 100px;
    background: #000;
    text-align: center;
    color: #fff;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.tg_stck .tg_qr{
    margin: 0 0 32px;
    display: block;
    text-align: center;
}

.tg_bot_btn{
  cursor: pointer;
  height: 72px;
  background: #000;
  color: #fff;
  padding: 0 32px;
  font-size: 16px;
  border-radius: 100px 100px 100px 0;
  display: flex;
  align-items: center;
  transition: all 300ms;
}

.tg_bot_btn span{
  margin: 0 12px 0 0;
}
.tg_bot_btn:hover{
  margin-bottom: 10px; 
}


.tg_stck_body.show + .tg_bot_btn{
  display: none;
}

.tg_stck_btn svg path{
  transition: all 300ms;
}
.tg_stck_btn:hover svg path{
  fill: #F00;
}


@media (max-width: 455px) {

  .tg_stck .tg_qr{
    display: none;
  }
  .tg_stck{
    left: 0;
    bottom:0;
    width: 100%;
  }
  .tg_bot_btn{
        height: 64px;
        padding: 24px;
        width: auto;
        float: right;
        top: 10px;
        margin: 0 8px 8px 0;
  }
  .tg_bot_btn:hover{
    margin-bottom: 0;
  }
  .tg_stck_body.show{
    width: 100%;
  }
}