/* common */

.danissimo__arrow {
  width: 60px;
  aspect-ratio: 1 / 1;
  border-radius: 100%;
  background: #D9C282;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  z-index: 0;
}

.danissimo__arrow::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(241.45% 72.19% at 50.34% 50.56%, #FFEFCD 0%, #BB9C56 100%);
  opacity: 0;
  transition: opacity .15s ease-in-out;
}

.danissimo__arrow:hover::before {
  opacity: 1;
}

.danissimo__button {
  color: #31140E;
  font-family: "Futura PT", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  padding: 30px 60px;
  background: radial-gradient(168.37% 50.34% at 50.34% 50.56%, #FFEFCD 0%, #BB9C56 89.14%);
  border-radius: 100px;
  text-decoration: none;
  display: block;
  width: fit-content;
  position: relative;
  z-index: 0;
}


.danissimo__button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: radial-gradient(241.45% 72.19% at 50.34% 50.56%, #FFEFCD 0%, #BB9C56 100%);
  opacity: 0;
  transition: opacity .15s ease-in-out;
}

.danissimo__button:hover::before {
  opacity: 1;
}

.footer {
  background: #31170A;
}

.danissimo__h2 {
  color: rgba(217, 194, 130, 0.84);
  font-family: "Futura PT", sans-serif;
  font-size: 60px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
}

.danissimo__h2--center {
  text-align: center;
}

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



  .danissimo__button {
    padding: 23px 40px;
  }



  .danissimo__h2 {
    font-size: 40px;
  }
}

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



  .danissimo__arrow {
    width: 50px;
  }

  .danissimo__h2 {
    font-size: 32px;
  }
}

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



  .danissimo__button {
    font-size: 18px;
    padding: 15px 24px;
  }

  .danissimo__h2--375-center {
    text-align: center;
  }

  .danissimo__h2 {
    font-size: 28px;
  }
}







/* common */


/* hero */

.danissimo-hero {
  background: url("../images/danissimo/hero-bg.webp") no-repeat center / cover;
}

.danissimo-hero__inner {
  padding: 192px 96px 100px 96px;
  display: flex;
  justify-content: space-between;
}

.danissimo-hero__left {
  display: flex;
  flex-direction: column;
  gap: 56px;
  align-items: start;
}

.danissimo-hero__right {
  align-self: end;
  display: none;
}

.danissimo-hero__logos {
  display: flex;
  align-items: center;
  gap: 23px;
}

.danissimo-hero__logo--magnat {
  height: 60px;
}

.danissimo-hero__logo--x {
  height: 27px;
}

.danissimo-hero__logo--danissimo {
  height: 77px;
}

.danissimo-hero__title {
  font-family: "Futura PT", sans-serif;
  font-size: 62px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  background: radial-gradient(175.94% 53.86% at 50.34% 50.56%, #F7E8C7 0%, #EAD7AE 51.22%, #D2AF61 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.danissimo-hero__pack {
  height: 225px;

}



.danissimo-hero__5ka {
  width: 89px;
  height: 89px;
}

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

  .danissimo-hero {
    background: url("../images/danissimo/hero-bg-1280.webp") no-repeat center / cover;
  }

  .danissimo-hero__inner {
    padding: 139px 52px 75px 52px;
  }

  .danissimo-hero__left {
    gap: 50px;
  }

  .danissimo-hero__logos {
    gap: 21px;
  }

  .danissimo-hero__logo--magnat {
    height: 48px;
  }

  .danissimo-hero__logo--x {
    height: 22px;
  }

  .danissimo-hero__logo--danissimo {
    height: 62px;
  }

  .danissimo-hero__title {
    font-size: 44px;
    margin-top: -20px;
  }

  .danissimo-hero__pack {
    height: 150px;
  }



}


@media only screen and (max-width: 1279px) {
  .danissimo-hero {
    background: url("../images/danissimo/hero-bg-768.webp") no-repeat center / cover;
  }

  .danissimo-hero__inner {
    padding: 126px 40px 386px 40px;
    flex-direction: column;
    gap: 227px;
  }

  .danissimo-hero__left {
    gap: 44px;
  }

  .danissimo-hero__title {
    margin-top: -18px;
  }

  .danissimo-hero__pack {
    height: 230px;
  }

}


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

  .danissimo-hero {
    background: url("../images/danissimo/hero-bg-375.webp") no-repeat center / cover;
  }

  .danissimo-hero__logos {
    flex-direction: column;
  }

  .danissimo-hero__title {
    text-align: center;
    font-size: 30px;
    margin-top: 0;
  }

  .danissimo-hero__pack {
    height: auto;
    width: 100%;
  }

  .danissimo-hero__left {
    align-items: center;
    gap: 22px;
  }

  .danissimo-hero__logo--magnat {
    height: 36px;
  }

  .danissimo-hero__inner {
    padding: 106px 20px 186px 20px;
    gap: 84px;
  }

  .danissimo-hero__logo--x {
    height: 19px;
  }

  .danissimo-hero__logo--danissimo {
    height: 46px;
    margin-top: -9px;
  }

  .danissimo-hero__logos {
    gap: 14px;
  }



  .danissimo-hero-5ka {
    width: 66px;
    height: 66px;
  }
}

/* hero */


/* flavors */

.danissimo-flavors {
  padding: 371.5px 100px 70px 100px;
  background: var(--flavor-1-bg) no-repeat center / cover;
  display: flex;
  flex-direction: column;
  gap: 219.5px;
  border-style: solid;
  border-width: 1px 0;
  border-image: radial-gradient(168.37% 50.34% at 50.34% 50.56%, #FFEFCD 0%, #BB9C56 89.14%) 1;
  position: relative;

  --flavor-1-bg: url("/images/danissimo/flavors-bg-1.webp");
  --flavor-2-bg: url("/images/danissimo/flavors-bg-2.webp");
  --flavor-3-bg: url("/images/danissimo/flavors-bg-3.webp");
}

.danissimo-flavors::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--flavor-1-bg) no-repeat center / cover;
  background-image: var(--next-bg);
  opacity: 0;
  transition: opacity .7s ease-in-out;
}

.danissimo-flavors--bg-fading::before {
  opacity: 1;
}


.danissimo-flavors--chocolate .danissimo-flavors__title {
  background: var(--danissimo-btn-gradient, radial-gradient(168.37% 50.34% at 50.34% 50.56%, #FFEFCD 0%, #BB9C56 89.14%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.danissimo-flavors__title {
  color: #5A290A;
  font-family: "Futura PT", sans-serif;
  font-size: 150px;
  font-style: normal;
  text-align: center;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  z-index: 0;
}

.danissimo-flavors--chocolate .danissimo-flavors__description {
  color: #D9C282;
}


.danissimo-flavors__description {
  color: #5A290A;
  font-family: "Futura PT", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  width: 56.9%;
}

.danissimo-flavors__description--375 {
  display: none;
}

.danissimo-flavors__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.danissimo-flavors__list {
  display: flex;
  gap: 20px;
}

.danissimo-flavors__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  width: 150px;
  cursor: pointer;
}

.danissimo-flavors__item--active .danissimo-flavors__flavor-img {
  outline: 6px solid #D9C282;
  outline-offset: -6px;
  transition: outline-offset .7s ease-in-out, outline .7s ease-in-out;
}

.danissimo-flavors__flavor-img {
  border-radius: 100%;
  width: 84px;
}

.danissimo-flavors__flavor-name {
  color: #5A290A;
  text-align: center;
  font-family: "Futura PT", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  transition: color .7s ease-in-out;
}

.danissimo-flavors__texts {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  justify-content: center;
}

.danissimo-flavors--chocolate .danissimo-flavors__flavor-name {
  color: #fff;
}

@media only screen and (max-width: 1919px) {
  .danissimo-flavors {
    padding: 271px 52px 50px 52px;
    gap: 130px;
    --flavor-1-bg: url("/images/danissimo/flavors-bg-1-1280.webp");
  }

  .danissimo-flavors__title {
    font-size: 100px;
  }

  .danissimo-flavors__description {
    font-size: 20px;
    width: 71.3%;
  }

  .danissimo-flavors__item--active .danissimo-flavors__flavor-img {
    outline: 4px solid #D9C282;
    outline-offset: -4px;
  }

  .danissimo-flavors__flavor-img {
    width: 60px;
  }

  .danissimo-flavors__flavor-name {
    font-size: 16px;
  }

  .danissimo-flavors__item {
    width: max-content;
  }
}

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


  .danissimo-flavors {
    padding: 224.5px 52px 40px 52px;
    gap: 20px;
    --flavor-3-bg: url("/images/danissimo/flavors-bg-3-768.webp");
    --flavor-1-bg: url("/images/danissimo/flavors-bg-1-768.webp");
  }

  .danissimo-flavors__info {
    flex-direction: column;
    gap: 144.5px;
  }

  .danissimo-flavors__description {
    text-align: center;
  }

  .danissimo-flavors__description {
    width: 100%;
    font-size: 22px;
  }

  .danissimo-flavors__title {
    line-height: 98px;
  }
}


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

  .danissimo-flavors {
    padding: 96px 20px 40px 20px;
    gap: 20px;
    height: 600px;
    --flavor-3-bg: url("/images/danissimo/flavors-bg-3-375.webp");
    justify-content: space-between;
  }

  .danissimo-flavors__description {
    font-size: 16px;
  }

  .danissimo-flavors__description--375 {
    display: block;
  }

  .danissimo-flavors__description--1920 {
    display: none;
  }

  .danissimo-flavors__title {
    font-size: 54px;
    line-height: 63px;
  }

  .danissimo-flavors__item {
    width: 100px;
  }

  .danissimo-flavors__info {
    gap: unset;
    justify-content: space-between;
  }

  .danissimo-flavors__flavor-img {
    width: 50px;
  }

  .danissimo-flavors__flavor-name {
    line-height: 16px;
  }

  .danissimo-flavors__item {
    gap: 14px;
  }

  .danissimo-flavors__list {
    gap: 17.5px;
  }
}

/* flavors */


/* btm-blocks */

.danissimo-btm-blocks {
  background: url("../images/danissimo/btm-blocks-bg.webp") no-repeat center center / cover;
  /* background-position: top; */
}

@media only screen and (max-width: 1919px) {
  .danissimo-btm-blocks {
    background-image: url("../images/danissimo/btm-blocks-bg-1280.webp");
  }

}

@media only screen and (max-width: 1279px) {
  .danissimo-btm-blocks {
    background-image: url("../images/danissimo/btm-blocks-bg-768.webp");
  }

}

@media only screen and (max-width: 767px) {
  .danissimo-btm-blocks {
    background-image: url("../images/danissimo/btm-blocks-bg-375.webp");

  }

}

/* btm-blocks */

/* new */

.danissimo-new {
  padding: 150px 230px;
  display: flex;
  gap: 270px;
  align-items: center;
}

.danissimo-new__description {
  color: #D9C282;
  font-family: "Futura PT", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;
  margin-top: 40px;
}

.danissimo-new__slider {
  width: 500px;
}

.danissimo-new__slider-inner {
  border-radius: 50px;
}

.danissimo-new__slide {
  height: 650px;
}

.danissimo-new__tag {
  color: #31140E;
  font-family: "Futura PT", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 6.75px 20px;
  border-radius: 100px;
  width: fit-content;
  background: var(--danissimo-btn-gradient, radial-gradient(168.37% 50.34% at 50.34% 50.56%, #FFEFCD 0%, #BB9C56 89.14%));
}

.danissimo-new__logos {
  display: flex;
  gap: 23px;
  align-items: center;
  margin-top: 30px;
}

.danissimo-new__logo--magnat {
  height: 58px;
}

.danissimo-new__logo--x {
  height: 27px;
}

.danissimo-new__logo--danissimo {
  height: 75px;
}

.danissimo-new__shops {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  gap: 12px;
  margin-top: 59px;
  font-size: 0;
}

.danissimo-new__shop {
  width: 80px;
  aspect-ratio: 1 / 1;
}

.danissimo-new__slide-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-mask: url('../images/danissimo/new-mask.svg') no-repeat center / contain;
  mask: url('../images/danissimo/new-mask.svg') no-repeat center / contain;
}



.danissimo-new__slides {
  list-style-type: none;
}

.danissimo-new__arrow {
  position: absolute;
  z-index: 10;
  top: 50%;
  transform: translateY(-50%);
}

.danissimo-new__arrow--left {
  left: -30px;
}

.danissimo-new__arrow--right {
  left: calc(100% - 30px);
}


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


  .danissimo-new__slider {
    width: 438px;
  }

  .danissimo-new__slider-inner {
    border-radius: 46.67px;
  }

  .danissimo-new__slide {
    height: 560px;
  }

  .danissimo-new {
    padding: 76px 100px;
    gap: 82px;
  }

  .danissimo-new__logos {
    gap: 18px;
    margin-top: 22px;
  }

  .danissimo-new__logo--magnat {
    height: 49px;
  }

  .danissimo-new__logo--x {
    height: 22px;
  }

  .danissimo-new__logo--danissimo {
    height: 62px;
  }

  .danissimo-new__description {
    font-size: 22px;
  }

  .danissimo-new__shop {
    width: 72px;
  }


  .danissimo-new__slide-img {
    -webkit-mask: url('../images/danissimo/new-mask-1280.svg') no-repeat center / contain;
    mask: url('../images/danissimo/new-mask-1280.svg') no-repeat center / contain;
  }
}

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

  .danissimo-new {
    padding: 60px 40px 40px 40px;
    flex-direction: column-reverse;
    gap: 40px;
  }

  .danissimo-new__content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }


  .danissimo-new__description {
    text-align: center;
    font-size: 26px;
    margin-top: 30px;
    width: calc(100% - 53px * 2);
    line-height: 125%;
  }


  .danissimo-new__logos {
    gap: 15px;
    margin-top: 20px;
  }

  .danissimo-new__logo--magnat {
    height: 39px;
  }

  .danissimo-new__logo--x {
    height: 18px;
  }

  .danissimo-new__logo--danissimo {
    height: 50px;
  }

  .danissimo-new__shops {
    margin-top: 30px;
    grid-template-columns: repeat(8, max-content);
    gap: 11px;
  }

  .danissimo-new__shop {
    width: 76px;
  }

  .danissimo-new__slide-img {
    -webkit-mask: url('../images/danissimo/new-mask-768.svg') no-repeat center / contain;
    mask: url('../images/danissimo/new-mask-768.svg') no-repeat center / contain;
  }

  .danissimo-new__slider {
    width: 423px;
  }

  .danissimo-new__slider-inner {
    border-radius: 50px;
  }

  .danissimo-new__slide {
    height: 538px;
  }

  .danissimo-new__arrow--left {
    left: -25px;
  }

  .danissimo-new__arrow--right {
    left: calc(100% - 25px);
  }

}


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

  .danissimo-new {
    padding: 40px;
  }

  .danissimo-new__shops {
    grid-template-columns: repeat(4, max-content);
    gap: 14px;
  }

  .danissimo-new__shop {
    width: 60px;
  }

  .danissimo-new__tag {
    font-size: 18px;
    padding: 5.5px 20px;
  }

  .danissimo-new__logos {
    gap: 13px;
    margin-top: 20px;
  }

  .danissimo-new__logo--magnat {
    height: 30px;
  }

  .danissimo-new__logo--x {
    height: 14px;
  }

  .danissimo-new__logo--danissimo {
    height: 38px;
  }

  .danissimo-new__description {
    font-size: 20px;
    width: 100%;
    line-height: 130%;
  }

  .danissimo-new__slider {
    width: 300px;
  }

  .danissimo-new__slider-inner {
    border-radius: 30px;
  }

  .danissimo-new__slide {
    height: 400px;
  }

  .danissimo-new__slide-img {
    -webkit-mask: url('../images/danissimo/new-mask-375.svg') no-repeat center / contain;
    mask: url('../images/danissimo/new-mask-375.svg') no-repeat center / contain;
  }

}



/* new */

/* reviews */

.danissimo-reviews {
  width: calc(100% - 230px * 2);
  padding: 100px 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 40px;
}


.danissimo-reviews__review {
  padding: 85px 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 214, 201, 0.15);
  backdrop-filter: blur(50px);
  border-radius: 50px;
  height: auto;
}

.danissimo-reviews__review-text {
  color: #D9C282;
  text-align: center;
  font-family: "Futura PT", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 450;
  line-height: normal;

}

.danissimo-reviews__slider {
  width: 100%;
  overflow: visible;
  margin: 0 auto;
}





.danissimo-reviews__subtitle {
  color: rgba(217, 194, 130, 0.84);
  font-family: "Futura PT", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;

}



.danissimo-reviews__buttons {
  display: flex;
  gap: 12px;
}

.danissimo-reviews__buttons--mobile {
  display: none;
}

.danissimo-reviews__header {
  display: flex;
  justify-content: space-between;
  align-items: end;
}


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

  .danissimo-reviews__slider {
    width: calc(100% - 200px);
  }

  .danissimo-reviews {
    width: calc(100% - 50px * 2);
    padding: 76px 0;
  }



  .danissimo-reviews__review {
    padding: 40px 60px;
  }

  .danissimo-reviews__review-text {
    font-size: 22px;
  }





  .danissimo-reviews__subtitle {
    font-size: 20px;
  }

}

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

  .danissimo-reviews__slider {
    width: calc(100% + 22px);
    position: relative;
    left: -11px;
  }


  .danissimo-reviews {
    width: calc(100% - 30px * 2);
    padding: 40px 0;
  }



  .danissimo-reviews__subtitle {
    font-size: 22px;
  }



  .danissimo-reviews__review {
    padding: 27.5px 30px;
  }

  .danissimo-reviews__review-text {
    font-size: 26px;
  }



}

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

  .danissimo-reviews__slider {
    width: 100%;
    left: 0;
  }

  .danissimo-reviews {
    width: calc(100% - 20px * 2);
  }


  .danissimo-reviews__buttons {
    display: none;
  }



  .danissimo-reviews__subtitle {
    text-align: center;
    font-size: 16px;
  }

  .danissimo-reviews__review {
    padding: 20px;
  }

  .danissimo-reviews__review-text {
    font-size: 20px;
  }

  .danissimo-reviews__buttons--mobile {
    display: flex;
    justify-content: center;
  }

  .danissimo-reviews {
    gap: 26px;
  }

  .danissimo-reviews__header-texts {
    flex: 1;

  }

}

/* reviews */


/* other */

.danissimo-other {
  padding: 70px 0 80px 0;
  display: flex;
  flex-direction: column;
  gap: 80px;
}

.danissimo-other__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}

.danissimo-other__pack {
  width: 714px;
}

.danissimo-other__list {
  list-style-type: none;
  display: flex;
  /* gap: 40px; */
}

.danissimo-other__slider {
  overflow: hidden;
}

.danissimo-other__slide {
  padding: 0 20px;
}



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

  .danissimo-other__pack {
    width: 384px;
  }

  .danissimo-other {
    padding: 76px 0;
    gap: 50px;
  }

  .danissimo-other__header {
    gap: 30px;
  }

}

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

  .danissimo-other__pack {
    width: 362px;
  }

  .danissimo-other {
    padding: 40px 0;
  }
}

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


  .danissimo-other__header {
    gap: 26px;
    width: calc(100% - 40px);
    margin: 0 auto;
  }

  .danissimo-other__pack {
    width: 304px;
  }

}



/* other */