:root {
  --font-family: "Inter Tight";
  --second-family: "NAMU";
  --second-family1850: "NAMU-1850";
  --second-family1910: "NAMU-1910";
  --third-family: "Inter";
  --font-1: #464330;
}
html {
  width: 100vw;
  height: 100%;
}
body {
  width: 100%;
  color: #000;
  background-color: #fff;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  overflow-x: hidden;
  background: #dfdcd2;
  color: var(--font-1);
}
.container{
  width: 100%;
  max-width: 1630px;
}
.wrapper {
  width: 100vw;
  display: flex;
  flex-direction: column;
}
.header__wrapper{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
}
.header__center{
  width: 200px;
  flex-shrink: 0;
}
.header__side{
  width: 100%;
  display: flex;
  align-items: center;
}
.header__side:first-child{
  justify-content: flex-start;
}
.header__side:last-child{
  justify-content: flex-end;
}
.menu__button{
  width: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-weight: 300;
  font-size: 16px;
  line-height: 75%;
  letter-spacing: -0.04em;
  text-transform: uppercase;
  color: var(--font-1);
}
.header__side--contacts{
  display: flex;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: var(--font-1);
  margin-right: 37px;
}
.whishlist__button{
  position: relative;
  margin-right: 35px;
}
.head-ico{
  display: flex;
  align-items: center;
  gap: 15px;
}
.cart__text{
  display: flex;
  align-items: center;
  text-transform: uppercase;
  color: var(--font-1);
}
.cart__text>span:first-child{
  margin-right: 5px;
  display: none;
}
.whishlist-total,
.cart__text {
    position: absolute;
    right: -5px;
    top: -5px;
    transform: translate(20%, -10%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 50px;
    min-width: 16px;
    font-size: 12px;
    background: #464330;
    color: #fff;
    z-index: 2;
    -webkit-transform: translate(20%, -10%);
    -moz-transform: translate(20%, -10%);
    -ms-transform: translate(20%, -10%);
    -o-transform: translate(20%, -10%);
}
.main__menu--wrapper{
  display: flex;
  align-items: flex-start;
  padding: 55px 0 80px 0;
  gap: 160px;
}
.main__menu{
  position: fixed;
  width: 100%;
  z-index: 101;
  background: #f5f3ec;
  display: none;
}
.main__menu::after{
  content: '';
  width: 487px;
  height: 400px;
  position: absolute;
  bottom: 0;
  right: 0;
  display: block;
  background-image: url(/image/mainmenu.png);
}
.main__menu--heading{
  font-family: var(--second-family1850);
  font-weight: 400;
  font-size: 40px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.main__menu--all{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: #f5f3ec;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 27px;
  height: 50px;
  background: var(--font-1);
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}
.main__menu--all:hover{
  color: #fff;
}
.main__menu--catalog-top{
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 57px;
}
.menu__categories{
  display: flex;
  gap: 55px;
  align-items: flex-end;
}
.menu__categories a{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  gap: 30px;
  text-transform: uppercase;
}
.menu__categories a img{
  flex-shrink: 0;
}
.menu__categories a span{
  display: flex;
  align-items: center;
  gap: 5px;
}
.main__menu--info>div{
  margin-bottom: 61px;
}
.main__menu--info>ul>li>a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  color: var(--font-1);
}
footer{
  padding: 35px 0 80px 0;
  background: #232317;
}
.footer__logo{
  max-width: 210px;
  margin-bottom: 10px;
}
.contact__socials-text{
  font-size: 16px;
  line-height: 137%;
  color: #d1cdc2;
}
.footer__pay--icons{
  display: flex;
  align-items: center;
  gap: 45px;
  margin-bottom: 25px;
}
.contact__socials{
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 25px;
}
.contact__socials img{
  width: 22px;
  height: 22px;
}
.creator__link{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #d1cdc2;
}
.footer__top{
  margin-bottom: 65px;
}
.title-col{
  font-weight: 600;
  font-size: 16px;
  line-height: 160%;
  color: #fff;
  margin-bottom: 17px;
}
.footer__column{
  width: 330px;
}
.footer__column a,
.footer__column address{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #d1cdc2;
}
.footer__column a:hover {
  text-decoration: underline;
}
.footer__bottom{
  display: flex;
  align-items: flex-start;
  gap: 60px;
}
.footer__icons{
  margin-right: auto;
}
.about__block{
  padding: 115px 0 140px 0;
  background-image: url(/image/image__12.png);
  background-repeat: no-repeat;
  background-size: cover;

}
.about__block--title{
  margin-bottom: 3px;
  font-weight: 600;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
}
.about__block--subtitle{
  font-family: var(--second-family1910);
  font-weight: 500;
  font-size: 96px;
  letter-spacing: -0.03em;
  margin-bottom: 50px;
  text-align: center;
}
.about__block--description{
  font-size: 16px;
  line-height: 137%;
  max-width: 510px;
  margin: 0 auto 35px auto;
}
.about__block--description b{
  font-weight: 600;
  font-size: 20px;
}
.about__block--quote{
  font-size: 16px;
  line-height: 137%;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 510px;
  margin: 0 auto 70px auto;
}
.about__block--quote svg{
  flex-shrink: 0;
}
.about__block--avatar{
  margin-bottom: 15px;
}
.about__block--avatar img{
  margin: 0 auto;
  width: 194px;
  height: 194px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.about__block--fio{
  font-family: var(--second-family1850);
  font-size: 32px;
  line-height: 137%;
  text-align: center;
  margin-bottom: 6px;
}
.about__block--post{
  font-size: 16px;
  line-height: 137%;
  text-align: center;
  margin-bottom: 20px;
}
.about__block .contact__socials{
  justify-content: center;
}
.youtube-play-button,
.video__block--placeholder::before{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  width: 90px;
  height: 90px;
  cursor: pointer;
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 94 94' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-25.3612' y='-25.1914' width='144.552' height='144.552'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(12.92px);clip-path:url(%23bgblur_0_66_1719_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='25.8383'%3E%3Ccircle cx='46.9149' cy='47.0847' r='45.7612' fill='black' fill-opacity='0.4' /%3E%3Ccircle cx='46.9149' cy='47.0847' r='45.7612' stroke='%23F2F2F2' stroke-opacity='0.29' stroke-width='1.35308' /%3E%3Ccircle cx='46.9149' cy='47.0847' r='45.7612' stroke='white' stroke-width='1.35308' /%3E%3C/g%3E%3Cg filter='url(%23filter1_d_66_1719)'%3E%3Cpath d='M59.4987 44.5203C61.4732 45.6603 61.4732 48.5101 59.4987 49.6501L42.8438 59.2658C40.8693 60.4058 38.4013 58.9809 38.4013 56.701L38.4013 37.4695C38.4013 35.1896 40.8693 33.7647 42.8438 34.9046L59.4987 44.5203Z' fill='white' /%3E%3Cpath d='M59.1287 45.1611C60.6095 46.0161 60.6094 48.1538 59.1287 49.0088L42.4734 58.625C40.9927 59.4797 39.1416 58.4109 39.1414 56.7012L39.1414 37.4697C39.1414 35.7598 40.9926 34.691 42.4734 35.5459L59.1287 45.1611Z' stroke='%23F2F2F2' stroke-opacity='0.29' stroke-width='1.48083' /%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_66_1719_clip_path' transform='translate(25.3612 25.1914)'%3E%3Ccircle cx='46.9149' cy='47.0847' r='45.7612' /%3E%3C/clipPath%3E%3Cfilter id='filter1_d_66_1719' x='8.78478' y='4.8869' width='81.8113' height='84.3966' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha' /%3E%3CfeOffset /%3E%3CfeGaussianBlur stdDeviation='14.8083' /%3E%3CfeComposite in2='hardAlpha' operator='out' /%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0' /%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_66_1719' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_66_1719' result='shape' /%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}
.youtubevideo__block,
.video__element{
  width: 100%;
  height: 760px;
  object-fit: cover;
}
.category__block--diam{
  font-family: var(--second-family);
  font-weight: 500;
  font-size: 1070px;
  letter-spacing: -0.03em;
  color: transparent;
  -webkit-text-stroke: 3px #858465;
  text-stroke: 3px #858465;
  opacity: .12;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
  transform: translateX(-15%);
  -webkit-transform: translateX(-15%);
  -moz-transform: translateX(-15%);
  -ms-transform: translateX(-15%);
  -o-transform: translateX(-15%);
}
.category__block--decor{
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.category__block--decor img{
  width: 100%;
  height: 100%;object-fit: cover;
}
.category__block{
  position: relative;
  overflow: hidden;
  width: 100%;
  /* min-height: 1000px; */
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.category__block--content{
  padding-top: 120px;
  padding-bottom: 55px;
  position: relative;
  z-index: 3;
}
.category__block--decor,
.category__block--diam {
  transition: transform 0.3s ease-out;
  will-change: transform;
}
.imagetop{
  width: 100%;
  max-width: 710px;
  height: auto;
  margin-bottom: 15px;
}
.category__block--title{
  font-family: var(--second-family1850);
  font-size: 96px;
  letter-spacing: -0.03em;
  line-height: 1.1;
  margin-bottom: 15px;
}
.category__block--subtitle{
  display: flex;
  align-items: center;
  gap: 25px;
  margin-bottom: 12px;
}
.category__block--subtitle>div{
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
}
.category__block--subtitle span{
  background: #fffa61;
  border-radius: 20px;
  width: max-content;
  padding: 0 22px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: #232317;
}
.category__block--description{
  font-family: var(--third-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 136%;
  letter-spacing: -0.01em;
  margin-bottom: 25px;
  max-width: 585px;
}
.category__block--description p{margin: 0;}
.category__block--link{
  border: 1px solid #000;
  /* height: 65px; */
  height: 45px;
  width: max-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  /* padding: 0 30px; */
  padding: 0 20px;
  border-radius: 32px;
  font-weight: 600;
  /* font-size: 16px; */
  font-size: 12px;
  text-transform: uppercase;
}
.category__block--left audio{
  margin-top: 130px;
}
.swiper-container{overflow: hidden;}
.category__block--wrapper{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 30px;
}
.small .category__block--wrapper{
  align-items: unset;
}
.category__block--left{
  padding-bottom: 60px;
  width: 100%;
}
.category__block--right{
  flex-shrink: 0;
}
.large .category__block--right{
  padding-top: 110px;
}
.large .category__block--wrapper{
  align-items: flex-start;
}
.large .plyr{
  margin-top: 60px;
}
.medium .plyr{
  margin-top: 60px;
  max-width: 600px;
}
.small .plyr{
  margin-top: 60px;
  max-width: 600px;
}
.category__block--text{
  padding-left: 170px;
}
.categories__carousel--button{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-25.8383' y='-25.8359' width='151.677' height='151.677'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(12.92px);clip-path:url(%23bgblur_0_66_1924_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Ccircle opacity='0.3' data-figma-bg-blur-radius='25.8383' cx='50' cy='50.0024' r='49.3235' fill='black' fill-opacity='0.4' stroke='white' stroke-width='1.35308' /%3E%3Ccircle cx='50.0001' cy='50.0025' r='19.4444' fill='white' /%3E%3Cdefs%3E%3CclipPath id='bgblur_0_66_1924_clip_path' transform='translate(25.8383 25.8359)'%3E%3Ccircle cx='50' cy='50.0024' r='49.3235' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  backdrop-filter: blur(28.622835159301758px);
}
.product__slider .swiper-slide img{
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.product__slider--buttons{
  display: flex;
  align-items: center;
  gap: 17px;
  position: absolute;
  bottom: -20px;
  right: -40px;
  z-index: 2;
}
.product__carousel--next,
.product__carousel--prev,
.product__slider--buttons>div{
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  width: 100px;
  height: 100px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-25.8383' y='-25.8359' width='151.677' height='151.677'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(12.92px);clip-path:url(%23bgblur_0_66_1924_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Ccircle opacity='0.3' data-figma-bg-blur-radius='25.8383' cx='50' cy='50.0024' r='49.3235' fill='black' fill-opacity='0.4' stroke='white' stroke-width='1.35308' /%3E%3Ccircle cx='50.0001' cy='50.0025' r='19.4444' fill='white' /%3E%3Cdefs%3E%3CclipPath id='bgblur_0_66_1924_clip_path' transform='translate(25.8383 25.8359)'%3E%3Ccircle cx='50' cy='50.0024' r='49.3235' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(28.622835159301758px);
}
.product__carousel--next,
.product__carousel--prev{
    position: absolute;
    top: 50%;
    transform: translateY(-110%);
    -webkit-transform: translateY(-110%);
    -moz-transform: translateY(-110%);
    -ms-transform: translateY(-110%);
    -o-transform: translateY(-110%);
    z-index: 2;
}
.product__slider .product__carousel--next,
.product__slider .product__carousel--prev{
  position: unset;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}
.product__slider .product__carousel--pagination{
  display: none;
}
.product__carousel--next{
  right: -50px;
}
.product__carousel--prev{
  left: -50px;
}
.related__slider--wrapper{
  position: relative;
}
.categories__carousel--next{
  right: 0;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
}
.categories__carousel--prev{
  left: 0;
  transform: translate(0,-50%);
  -webkit-transform: translate(0,-50%);
  -moz-transform: translate(0,-50%);
  -ms-transform: translate(0,-50%);
  -o-transform: translate(0,-50%);
}
.advantages{
  background-color: #d1cdc2;
  min-height: 1265px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left 38%;
  position: relative;
  padding-top: 185px;
  overflow: hidden;
  background-blend-mode: color-burn;
}
.sticker{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.swiper-button-lock{
  display: none;
}
.category__block.small,.category__block.medium{
  min-height: 1000px;
  justify-content: center;
}
.advantages__symbol{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-family: var(--second-family1910);
  font-weight: 500;
  font-size: 1179px;
  letter-spacing: -0.03em;
  text-align: center;
  -webkit-text-stroke: 3px #fff;
  text-stroke: 3px #fff;
  opacity: .12;
  color: transparent;
}
.advantages__content{
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.advantages__content--title{
  font-family: var(--second-family1910);
  font-weight: 500;
  font-size: 36px;
  letter-spacing: -0.03em;
  color: var(--font-1);
  text-align: center;
}
.advantages__content--subtitle{
  text-align: center;
  font-family: var(--second-family1850);
  font-weight: 400;
  font-size: 128px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: var(--font-1);
}
.advantages__content--midlle img{
  margin: 0 auto;
}
.advantages__content--midlle{
  transform: translateY(-65px);
}
.advantage__item{
  position: relative;
  background: #dfdcd2;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  padding: 60px 50px 35px 50px;
}
.advantage__item>span{
  font-family: var(--second-family1910);
  font-weight: 500;
  font-size: 100px;
  letter-spacing: -0.03em;
  text-align: center;
  color: #fff;
  position: absolute;
  top: -75px;
  left: 0;
}
.advantages__content--bottom{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 27px;
  margin-top: 80px;
}
.advantage__title{
  font-family: var(--second-family1850);
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.03em;
  color: var(--font-1);
  margin-bottom: 20px;
}
.advantage__text{
  font-family: var(--third-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 136%;
  letter-spacing: -0.01em;
  color: #3f422f;
}
.advantage__item a{
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 33px;
  font-family: var(--third-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 136%;
  letter-spacing: -0.01em;
  color: #dfdcd2;
  margin-top: 30px;
  background: #3f432f;
  border-radius: 27px;
  -webkit-border-radius: 27px;
  -moz-border-radius: 27px;
  -ms-border-radius: 27px;
  -o-border-radius: 27px;
}
.product-category h1{
  text-align: center;
  font-family: var(--second-family1850);
  font-weight: 400;
  font-size: 64px;
  letter-spacing: -0.03em;
  color: var(--font-1);
  margin-bottom: 16px;
}
.category__description{
  font-family: var(--third-family);
  font-weight: 300;
  font-size: 14px;
  line-height: 136%;
  letter-spacing: -0.01em;
  text-align: center;
  color: #76755a;
  max-width: 555px;
  margin: 0 auto;
}
.row__products{
  padding-top: 65px;
  padding-bottom: 160px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 66px;
}
.product__item--name a{
  font-family: var(--second-family1850);
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.03em;
  color: var(--font-1);
  margin-bottom: 24px;
  text-align: center;
}
.product__item--info .price{
  margin: 0;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  text-align: center;
}
.product__item--diam{
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  padding: 10px 25px;
  font-family: var(--second-family1850);
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.03em;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  background-image: url(/image/Rectangle98.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
}
.product__item--image{
  position: relative;
  margin-bottom: 60px;
}
.product__item--image img{
  border-radius: 60px;
}
.product__wrapper--content{
  width: 100%;
  max-width: 700px;
}
.product__wrapper--content h1{
  font-family: var(--second-family1850);
  font-weight: 400;
  font-size: 64px;
  letter-spacing: -0.03em;
  color: var(--font-1);
  margin: 0 0 24px 0;
  text-align: right;
}
.product__description{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 136%;
  letter-spacing: -0.01em;
  text-align: right;
  margin-bottom: 40px;
}
.product__buttons{
  display: flex;
  align-items: center;
  gap: 25px;
  justify-content: flex-end;
  margin-bottom: 21px;
}
.list-price{
  display: flex;
  align-items: center;
  gap: 25px;
}
.new-price{
  font-family: var(--second-family1850);
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.03em;
  color: #444833;
}
.btn-buy{
  display: flex;
  align-items: center;
  gap: 25px;
  padding: 0 25px;
  height: 70px;
  font-family: var(--second-family1850);
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: #fff;
  background-color: #444833;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}
.product__note{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 136%;
  letter-spacing: -0.01em;
  text-align: right;
  color: #68674d;
  margin-bottom: 20px;
}
.product__note img{
  width: 20px;
  flex-shrink: 0;
}
.product__attribute{
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #b5b5a9;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 171%;
  letter-spacing: -0.01em;
  text-align: right;
  padding: 10px 0;
}
.product__attribute--name{
  width: 25%;
  text-align: left;
}
.product__attribute-value{
  width: 75%;
  padding-left: 15px;
}
.row__product{
  padding-bottom: 80px;
  padding-top: 30px;
}
.product__slider{
  width: 675px;
  position: relative;
}
.product__wrapper{
  display: flex;
  align-items: flex-start;
  gap: 110px;
}
.product__page{
  background-image: url(/image/product_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.product__page::after{
  content: url(/image/derevo-sosny-png2.png);
  position: absolute;
  top: -50px;
  right: 0;
}
.tonalnist{
  position: absolute;
  z-index: 3;
  right: -20px;
  top: 0;
  border-radius: 30px;
  padding: 19px 17px;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background-image: url(/image/tonalnist.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.tonalnist__top{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-bottom: 15px;
}
.tonalnist__heading{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}
.tonalnist__heading>span{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 26px;
  background: #f9b50b;
  border-radius: 6px;
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
.single__ton{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 13px;
  margin-bottom: 7px;
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.single__ton:last-child{
  margin: 0;
  border: none;
}
.single__ton--top{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 36px;
  letter-spacing: -0.03em;
  color: #fff;
}
.single__ton.active .single__ton--top,
.single__ton:hover .single__ton--top{
  color: #f9b50b;
}
/* .cart__text::before{
  content: '{';
  display: flex;
}
.cart__text::after{
  content: '}';
} */
.menu__mobile{
  display: none;
}
.main__menu--info{
  z-index: 2;
}
.close__menu{
  cursor: pointer;
  align-items: center;
  gap: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  color: var(--font-1);
  width: max-content;
  margin-left: auto;
  padding: 10px;
  display: none;
}
.main__menu--info .contact__socials{
  margin-top: 30px;
  margin-bottom: 0;
  display: none;
}
.related__slider .swiper-slide{
  width: calc(100% / 4 - 49px);
}
.related__slider{
  background-image: url(/image/rel.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 55px;
  padding-bottom: 115px;
}
.related__slider .product__item--name a{
  color: #d1cdc2;
}
.related__slider .product__item--info .price{
  color: #d1cdc2;
}
.related__slider1 .product__item--name a{
    color: var(--font-1) !important;
}
.related__slider1{
    background-image: none;
}
.related__slider1 .product__item--info .price{
    color: #1e1e1e !important;
}
.related__slider1 .related__slider--title{
    color: var(--font-1) !important;
}
.related__slider .product__item--diam{
  background-image: url(/image/Rectangle981.png);
}
.related__slider1 .product__item--diam{
    background-image: url(/image/Rectangle98.png);
}
.related__slider .swiper-pagination-bullet{
  border-color: #858465;
}
.related__slider .swiper-pagination-bullet-active {
  border-color: #fff;
}
.related__slider .product__carousel--pagination{
  display: none;
}
.related__slider--title{
  font-family: var(--second-family1850);
  font-weight: 400;
  font-size: 36px;
  letter-spacing: -0.03em;
  color: #d1cdc2;
  margin-bottom: 17px;
  text-align: center;
}
.related__slider--subtitle{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 14px;
  line-height: 136%;
  letter-spacing: -0.01em;
  text-align: center;
  color: #d1cdc2;
  text-align: center;
  margin-bottom: 60px;
}
.drum__contacts{
  width: 100%;
  height: 650px;
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='543' viewBox='0 0 1920 543' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.3' filter='url(%23filter0_n_115_483)'%3E%3Cpath d='M-11.0185 10.4415C106.75 10.4415 198.039 40.3737 262.846 100.238C327.654 159.406 360.058 242.938 360.058 350.833V532.514H259.711V377.981C259.711 285.4 237.411 216.834 192.812 172.284C148.91 127.038 78.5277 104.415 -18.3355 104.415H-26.6978V532.514H-126V10.4415H-11.0185Z' fill='%23D1CDC2' /%3E%3Cpath d='M706.538 542.956C654.97 542.956 607.932 531.122 565.424 507.455C522.916 483.092 489.467 450.375 465.077 409.305C440.687 367.539 428.492 321.597 428.492 271.478C428.492 221.359 440.687 175.765 465.077 134.695C489.467 92.929 522.916 60.2124 565.424 36.5451C607.932 12.1817 654.97 0 706.538 0C757.408 0 803.75 12.1817 845.561 36.5451C888.069 60.2124 921.518 92.929 945.908 134.695C970.298 175.765 982.493 221.359 982.493 271.478C982.493 321.597 970.298 367.539 945.908 409.305C921.518 450.375 888.069 483.092 845.561 507.455C803.75 531.122 757.408 542.956 706.538 542.956ZM706.538 451.071C738.593 451.071 767.861 443.414 794.342 428.1C820.822 412.09 841.728 390.511 857.059 363.363C872.39 335.519 880.055 304.891 880.055 271.478C880.055 238.065 872.39 207.785 857.059 180.637C841.728 152.793 820.822 131.214 794.342 115.9C767.861 99.89 738.593 91.8849 706.538 91.8849C673.786 91.8849 643.821 99.89 616.643 115.9C590.163 131.214 569.257 152.793 553.926 180.637C538.595 207.785 530.93 238.065 530.93 271.478C530.93 304.891 538.595 335.519 553.926 363.363C569.257 390.511 590.163 412.09 616.643 428.1C643.821 443.414 673.786 451.071 706.538 451.071Z' fill='%23D1CDC2' /%3E%3Cpath d='M1556.44 10.4415L1331.7 532.514H1202.09L977.349 10.4415H1088.15L1268.98 434.365L1448.77 10.4415H1556.44Z' fill='%23D1CDC2' /%3E%3Cpath d='M1930.02 10.4409C1812.25 10.4409 1720.96 40.3731 1656.15 100.237C1591.35 159.406 1558.94 242.937 1558.94 350.832V532.514H1659.29V377.98C1659.29 285.399 1681.59 216.834 1726.19 172.283C1770.09 127.037 1840.47 104.414 1937.34 104.414H1945.7V532.514H2045V10.4409H1930.02Z' fill='%23D1CDC2' /%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_n_115_483' x='-126' y='0' width='2171' height='542.956' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix' /%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='BackgroundImageFix' result='shape' /%3E%3CfeTurbulence type='fractalNoise' baseFrequency='2 2' stitchTiles='stitch' numOctaves='3' result='noise' seed='5435' /%3E%3CfeColorMatrix in='noise' type='luminanceToAlpha' result='alphaNoise' /%3E%3CfeComponentTransfer in='alphaNoise' result='coloredNoise1'%3E%3CfeFuncA type='discrete' tableValues='1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 ' /%3E%3C/feComponentTransfer%3E%3CfeComposite operator='in' in2='shape' in='coloredNoise1' result='noise1Clipped' /%3E%3CfeFlood flood-color='rgba(0, 0, 0, 0.25)' result='color1Flood' /%3E%3CfeComposite operator='in' in2='noise1Clipped' in='color1Flood' result='color1' /%3E%3CfeMerge result='effect1_noise_115_483'%3E%3CfeMergeNode in='shape' /%3E%3CfeMergeNode in='color1' /%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
.contacts__content{
  padding-top: 50px;
}
.contacts__content h1{
  margin-top: 0;
  font-family: var(--second-family);
  font-weight: 800;
  font-size: 64px;
  letter-spacing: -0.03em;
  color: var(--font-1);
  margin-bottom: 20px;
}
.contacts__telephones{
  margin-bottom: 33px;
}
.contacts__telephones ul{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contacts__telephones a{
  font-family: var(--second-family);
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -0.03em;
  color: var(--font-1);
}
.contact__item-address{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 136%;
  letter-spacing: -0.01em;
  color: var(--font-1);
}
.contact__item-email a{
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 16px;
  line-height: 136%;
  letter-spacing: -0.01em;
  color: var(--font-1);
}
.contacts__content--wrapper{max-width: 370px;margin-left: 80px;}
.divider{
  width: 55%;
  border-bottom: 1px solid #adaaa1;
  margin: 25px 0;
}
.contact__bottom span{
  font-family: var(--second-family);
  font-weight: 800;
  font-size: 24px;
  letter-spacing: -0.03em;
  color: var(--font-1);
  display: block;
  margin-bottom: 18px;
}
.contacts__content .container{
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.mini-cart{
  position: relative;
}
    .container-cart.in {
      height: auto;
      visibility: visible;
      opacity: 1;
      transition: 0.5s;
      padding: 30px 0;
    }
  .mfp-auto-cursor .mfp-content{
        backdrop-filter: blur(10px);
  }
  .target-button{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    font-family: var(--second-family1850);
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.03em;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}
.target-button img{
  width: 90px;
  height: 90px;
}
.plyr--audio .plyr__controls{
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  padding: 10px 30px;
  backdrop-filter: blur(19px);
}
.plyr--audio .plyr__control:focus-visible, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true]{
  background: transparent;
}
.plyr__control:focus-visible{
  outline: none;
}
.plyr__volume input[type=range]{
  display: none;
}
.plyr__menu{
  display: none;
}
.plyr__progress__buffer{
  background: #d9d9d9;
}
.plyr--full-ui input[type=range]{
  color: #fff;
}
.plyr__time{
  font-family: var(--font-family);
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  color: #fff;
}
.plyr__control svg{
  fill: #fff;
}
.plyr__controls .plyr__controls__item:first-child{
  order: 0;
  margin: 0;
}
.plyr__controls .plyr__controls__item.plyr__time{
  order: 1;
  margin: 0 30px;
}
.plyr__controls .plyr__progress__container{
  order: 2;
}
.plyr__controls .plyr__controls__item.plyr__volume{
  order: 3;
  margin-left: 30px;
}
.singlehandpan .plyr{
  margin-top: 36px;
  max-width: 600px;
}
.in__wishlist svg path{
  fill: #444833;
}
.remove_from{
  z-index: 3;
}
.single__ton input{
  display: none;
}
@media (max-width: 1720px) {
  .product__carousel--next{
    right: 0;
  }
  .product__carousel--prev{
    left: 0;
  }

}
@media (max-width: 1600px) {
  .menu__categories{
    gap: 20px;
  }
  .main__menu::after{
    right: -100px;
  }
  .tonalnist{
    right: 0;
  }
  .product__slider--buttons{
    right: 0;
  }
  .product__wrapper{
    gap: 40px;
  }
  .category__block--text{
    padding-left: 0;
  }
  .category__block--wrapper{
    align-items: center;
  }
}
@media (max-width: 1365px) {
  .row__products{
    gap: 33px 10px;
  }
  .main__menu--wrapper{
    gap: 60px;
  }
}
@media (max-width: 1279px) {
  .advantages__content--bottom{
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
  }
  .advantages{
    min-height: unset;
    padding-top: 85px;
    padding-bottom: 65px;
  }
  .close__menu{
    display: flex;
    z-index: 22;
    position: relative;
  }
  .main__menu{
    padding: 10px 0 60px 0;
    height: 100%;
    overflow: auto;
  }
  .main__menu--heading{
    font-size: 32px;
  }
  .main__menu--wrapper{
    padding: 20px 0 0 0;
    flex-direction: column;
    gap: 100px;
  }
  .main__menu .container{
    z-index: 22;
    position: relative;
    padding: 0 10px;
    background-image: url(/image/mainmenumob.png);
    background-repeat: no-repeat;
    background-position: right;
  }
  .main__menu--catalog{
    width: 100%;
  }
  .main__menu--catalog-top{
    margin-bottom: 40px;
  }
  .main__menu--info>div{
    margin-bottom: 30px;
  }
  .main__menu--info .contact__socials{
    display: flex;
    padding-left: 25px !important;
  }
  .main__menu--info .contact__socials a{
    padding: 0 !important;
    line-height: 1 !important;
  }
  .main__menu::after{
    display: none;
  }
  .product__wrapper{
    flex-direction: column-reverse;
  }
  .product__wrapper__images{
    margin: 0 auto;
  }
  .product__wrapper--content{
    max-width: 100%;
  }
  .product__carousel--prev,
  .product__carousel--next{
    display: none;
  }
  .related__slider .product__carousel--pagination{
    display: block;
  }
  .related__slider .swiper-slide {
    width: calc(100% / 3 - 44px);
  }
}
@media (max-width: 1180px) {
  .row__products{
    grid-template-columns: repeat(2, 1fr);
  }
  .contacts__content--wrapper{
    margin-left: 0;
  }
}
@media (max-width: 1023px) {
  .large .category__block--wrapper{
    align-items: center;
  }
  .category__block.small,.category__block.medium {
    min-height: unset;
  }
  .menu__categories{
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
  .menu__categories a{
    justify-content: flex-start;
  }
  .menu__categories a span>svg,
  .menu__categories a img{
    display: none;
  }
  .menu__categories a,
  .main__menu--info a{
    padding-left: 25px;
  }
  .imagetop{
    margin-bottom: 45px;
  }
}
.whishlist-total{
    position: absolute;
    right: -5px;
    top: -5px;
    transform: translate(20%, -10%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding-left: 4px;
    padding-right: 4px;
    border-radius: 50px;
    min-width: 16px;
    font-size: 12px;
    background: #464330;
    color: #fff;
    z-index: 2;
    -webkit-transform: translate(20%, -10%);
    -moz-transform: translate(20%, -10%);
    -ms-transform: translate(20%, -10%);
    -o-transform: translate(20%, -10%);
}
.spec_link{
  display: none;
}
@media (max-width: 992px) {
  .product-category h1{
    font-size: 32px;
  }
  .row__products{
    padding-top: 34px;
    padding-bottom: 100px;
  }
  .product__item--diam{
    font-size: 12px;
    padding: 5px 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    bottom: -15px;
}
.product__item--image{
  margin-bottom: 30px;
}
.product__item--name a{
  font-size: 14px;
  margin-bottom: 10px;
}
.product__item--info .price{
  font-size: 10px;
}
.footer__logo{
  max-width: 170px;
}
.footer__top{
  padding-bottom: 25px;
  margin-bottom: 10px;
  border-bottom: 1px solid #656565;
}
.footer__bottom{
  flex-direction: column;
  gap: 45px;
  position: relative;
}
.creator__link{
  position: absolute;
  left: 0;
  bottom: -60px;
}
footer{padding-bottom: 120px;}
.menu__button span{
  display: none;
}
.header__side--contacts{
  display: none;
}
.cart__text::before,
.cart__text::after,
.cart__text>span:first-child{
  display: none;
}

.header__center{
  width: 170px;
}
.menu__button>svg{
  width: 32px;
}
.whishlist__button{
  margin-right: 20px;
}
.menu__mobile{
  display: block;
}
.menu__desctop{
  display: none;
}
  .main__menu--catalog-top{
    gap: 10px;
    justify-content: space-between;
  }
  .main__menu--all{
    display: none;
  }
  .spec_link{
    display: block;
  }
.product__wrapper--content h1{
  text-align: left;
}
.product__description{
  text-align: left;
}
.product__buttons{
  justify-content: flex-start;
}
.product__note{
  justify-content: flex-start;
}
.related__slider{
  padding-top: 40px;
  padding-bottom: 60px;
}
.related__slider--subtitle{
  margin-bottom: 40px;
}
}
.try__button img{
  width: 90px;
  height: 90px;
}
@media (max-width: 767px) {
  .singlehandpan .category__block--diam{
        left: 57% !important;
        height: auto;
        font-size: 200px;
        top: -10px;
  }
  .product__buttons.preorder{
    flex-wrap: wrap;
  }
  .preorder .btn-buy{
    order: 3;
    margin: 0 auto;
  }
  .preorder .list-price{
    order: 1;
  }
  .preorder .product__wishlist{
    order: 2;
  }
  .large .category__block--decor{
    height: 500px; 
    bottom: 0;
    top: unset;
  }
  .small .category__block--decor{
    height: 500px;
    top: unset;
    bottom: 0;
        width: 150vw;
  }
  .category__block--link{
    font-size: 12px;
    height: 43px;
    justify-content: space-between;
  }
  .medium .category__block--decor{height: 480px;
    bottom: 0 !important;
    top: unset;
    left: -22%;
    width: 150vw;}
     .small .category__block--decor img,
   .medium .category__block--decor img,
  .large .category__block--decor img{
    object-position: right;
  }
.target-button img,.try__button img{
  width: 50px;
  height: 50px;
}
  .product__page{
    background-size: 100%;
        background-position: 50% 32%;
  }
  .category__block--link{
    width: 280px;
  }
  .singlehandpan .plyr{
    margin-top: 45px;
  }
  .category__block--left{
    padding-bottom: 0;
  }
  .category__block.singlehandpan{
    padding: 0 !important;
  }
  .small .plyr,
  .medium .plyr,
  .large .plyr{
    position: absolute;
    left: 0;
    bottom: 45px;
    width: 100%;
    padding: 0 15px;
  }
  .small .category__block--right,
  .medium .category__block--right,
  .large .category__block--right{
    padding-top: 60px;
  }
  .contacts__content .container{
    flex-direction: column;
    gap: 0;
  }
  .contacts__content--wrapper{
    margin-bottom: 50px;
  }
  .contacs__image{
    margin-bottom: 50px;
  }
  .drum__contacts{
    height: auto;
  }
  .categories__carousel--button{
    width: 60px;
    height: 60px;
  }
      .related__slider .swiper-slide {
        width: calc(100% / 2 - 5px);
    }
  .advantages__content--title{
    font-size: 14px;
  }
  .advantages__content--subtitle{
    font-size: 40px;
  }
  .advantages__content--midlle {
    transform: translateY(-23px);
    -webkit-transform: translateY(-23px);
    -moz-transform: translateY(-23px);
    -ms-transform: translateY(-23px);
    -o-transform: translateY(-23px);
}
  .advantages__content--bottom{
    padding-top: 100px;
  }
  .advantages{
    background-image: none !important;
  }
  .advantages__content--bottom{
    grid-template-columns: 1fr;
    gap: 57px;
  }
  .youtubevideo__block, .video__element{
    height: 400px;
  }
  .about__block--subtitle{
    font-size: 55px;
    margin-bottom: 40px;
  }
  .about__block{
    padding-top: 80px;
    padding-bottom: 180px;
  }
  .about__block--description{
    text-align: center;
  }
}
@media (max-width: 695px) {
  .product__slider .product__carousel--pagination{
    display: block;
  }
  .product__slider--buttons{
    display: none;
  }
  .product__slider{
    width: calc(100vw - 20px);
  }
  .tonalnist{
    padding: 10px 3px 20px 3px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
    top: -50px;
}
.sticker{
  top: -50px;
}
  .tonalnist__top svg{
    width: 20px;
    height: 20px;
  }
  .tonalnist__top{
    gap: 5px;
    margin-bottom: 7px;
  }
  .tonalnist__heading{
    font-size: 10px;
  }
  .tonalnist__heading>span{
    height: 14px;
    font-size: 8px;
    height: 14px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
  }
  .single__ton--top{
    font-size: 20px;
  }
  .single__ton{
    padding-bottom: 5px;
    margin-bottom: 4px;
    font-size: 10px;
    width: max-content;
    margin: 0 auto;
  }
  .single__ton:last-child{
    margin-left: auto;
    margin-right: auto;
  }
  .product__page::after{
    display: none;
  }
  .row__product{
    padding-top: 50px;
  }
  .product__wrapper--content h1{
    font-size: 32px;
    margin-bottom: 20px;
  }
  .product__buttons{
    justify-content: space-between;
  }
  .product__description{
    margin-bottom: 30px;
  }
  .product__attribute{
    padding: 8px 15px;
  }
  .product__attribute--name{
    width: 35%;
  }
  .product__attribute-value{
    width: 65%;
    text-align: left;
  }

}
@media (max-width: 400px) {
    .youtubevideo__block, .video__element{
    height: 220px;
  }
.youtube-play-button, .video__block--placeholder::before{
  width: 55px;
  height: 55px;
}
  .btn-buy{
    gap: 10px;
    padding: 0 20px;
    height: 60px;
  }
  .product__buttons{
    gap: 10px;
  }
  .product__note{
    font-size: 13px;
  }
}