/* hero */
@media (min-width: 768px) {
  .hero-section > .container {
    grid-template-columns: 621fr 469fr;
    column-gap: min(80px, 6.61vw);
    padding-top: min(50px, 4.13vw);
  }
}
@media (min-width: 768px) {
  .hero-section .hero-title {
    margin-top: min(15px, 1.24vw);
  }
}
@media (min-width: 768px) {
  .hero-images {
    margin-right: max(-25px, -2.07vw);
  }
  .hero-images::before {
    --hero-images-bottom: min(6px, 0.5vw);
    --hero-images-right: min(2px, 0.17vw);
  }
}

/* point */
.point-area {
  --point-area-grid-template-areas: "point-lists-02 special-offers";
  --point-area-columns: 234fr 377fr;
  --point-area-gap: min(var(--space-10), 0.83vw);
  --point-area-margin-top: min(45px, 3.72vw);

  display: grid;
  grid-template-areas: var(--point-area-grid-template-areas);
  grid-template-columns: var(--point-area-columns);
  gap: var(--point-area-gap);
  margin-top: var(--point-area-margin-top);
}
@media (max-width: 767px) {
  .point-area {
    --point-area-grid-template-areas: "point-lists-02" "special-offers";
    --point-area-columns: 1fr;
    --point-area-gap: var(--space-07);
    --point-area-margin-top: 35px;
  }
}

.point-lists-02 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: min(var(--space-10), 0.83vw);
}
@media (max-width: 767px) {
  .point-lists-02 {
    gap: var(--space-07);
  }
}
.point-lists-02 > li {
  --point-lists-02-text-align: center;
  --point-lists-02-justify-content: center;
  --point-lists-02-border: 3px;
  --point-lists-02-font-size: min(var(--font-size-16), 1.32vw);

  display: flex;
  align-items: center;
  justify-content: var(--point-lists-02-justify-content);
  border: var(--point-lists-02-border) solid var(--color-category-primary);
  background-color: var(--color-white);
  text-align: var(--point-lists-02-text-align);
  font-weight: 700;
  position: relative;
  line-height: 1.5;
  border-radius: var(--radius-8);
  font-size: var(--point-lists-02-font-size);
}
@media (max-width: 767px) {
  .point-lists-02 > li {
    --point-lists-02-text-align: left;
    --point-lists-02-justify-content: flex-start;
    --point-lists-02-border: 2px;
    --point-lists-02-font-size: var(--font-size-12);

    padding: 0 var(--space-20) 0 var(--space-47);
    min-height: 62px;
  }
}
.point-lists-02 > li > span {
  --point-lists-02-number-size: min(34px, 2.81vw);
  --point-lists-02-number-right: var(--radius-8);
  --point-lists-02-number-width: var(--point-lists-02-number-size);
  --point-lists-02-number-height: var(--point-lists-02-number-size);
  --point-lists-02-number-font-size: min(var(--font-size-16), 1.32vw);

  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0.8;
  color: var(--color-white);
  background-color: var(--color-category-secondary);
  border-top-left-radius: var(--radius-5);
  border-bottom-right-radius: var(--point-lists-02-number-right);
  width: var(--point-lists-02-number-width);
  height: var(--point-lists-02-number-height);
  font-family: var(--font-family-latin);
  font-size: var(--point-lists-02-number-font-size);
}
@media (max-width: 767px) {
  .point-lists-02 > li > span {
    --point-lists-02-number-right: 0;
    --point-lists-02-number-font-size: var(--font-size-16);
    --point-lists-02-number-width: 35px;
    --point-lists-02-number-height: 100%;

    border-bottom-left-radius: var(--radius-5);
  }
}

/* special-offers */
.special-offers {
  --special-offers-border: 3px;

  border-radius: var(--radius-8);
  border: var(--special-offers-border) solid var(--color-category-primary);
  background-color: var(--color-white);
  text-align: center;
  font-weight: 700;
  position: relative;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .special-offers {
    --special-offers-border: 2px;
  }
}
.special-offers .title {
  --special-offers-title-font-size: min(var(--font-size-18), 1.49vw);
  --special-offers-title-padding-block: min(var(--space-10), 0.83vw);

  color: var(--color-white);
  background-color: var(--color-category-secondary);
  border-top-left-radius: var(--radius-5);
  border-top-right-radius: var(--radius-5);
  font-size: var(--special-offers-title-font-size);
  padding-block: var(--special-offers-title-padding-block);
}
@media (max-width: 767px) {
  .special-offers .title {
    --special-offers-title-font-size: var(--font-size-14);
    --special-offers-title-padding-block: 4px;
  }
}
.special-offers li {
  --special-offers-li-font-size: min(var(--font-size-16), 1.32vw);
  --special-offers-li-padding-block: min(26px, 2.15vw);
  --special-offers-li-margin-inline: min(18px, 1.49vw);

  display: flex;
  line-height: 1.5;
  text-align: left;
  padding-block: var(--special-offers-li-padding-block);
  margin-inline: var(--special-offers-li-margin-inline);
  font-size: var(--special-offers-li-font-size);
}
@media (max-width: 767px) {
  .special-offers li {
    --special-offers-li-font-size: var(--font-size-12);
    --special-offers-li-padding-block: var(--space-10);
    --special-offers-li-margin-inline: var(--space-20);
  }
}
.special-offers li:not(:first-child) {
  border-top: 1px solid var(--color-subtler);
}

.special-offers li > span {
  --special-offers-li-span-margin-right: min(3px, 0.25vw);

  color: var(--color-category-secondary);
  margin-right: var(--special-offers-li-span-margin-right);
}
@media (max-width: 767px) {
  .special-offers li > span {
    --special-offers-li-span-margin-right: 3px;
  }
}
.special-offers img {
  --special-offers-img-right: max(-13px, -1.07vw);
  --special-offers-img-bottom: max(-19px, -1.57vw);
  --special-offers-img-width: min(65px, 5.37vw);

  position: absolute;
  right: var(--special-offers-img-right);
  bottom: var(--special-offers-img-bottom);
  transform: rotate(12deg);
  width: var(--special-offers-img-width);
}
@media (max-width: 767px) {
  .special-offers img {
    --special-offers-img-right: 18px;
    --special-offers-img-bottom: 11px;
    --special-offers-img-width: 42px;
  }
}

/* lead-section */
@media (min-width: 768px) {
  .lead-section .title {
    font-size: min(var(--font-size-30), 2.48vw);
  }
  .lead-section img {
    margin-top: min(55px, 4.55vw);
    margin-left: min(95px, 7.85vw);
  }
}

/* merit-section */
@media (min-width: 768px) {
  .merit-section > .container {
    grid-template-columns: 400px 1fr;
  }
}

/* characteristics-area */
.characteristics-area + .characteristics-area {
  --characteristics-area-margin-top: var(--space-50);
  margin-top: var(--characteristics-area-margin-top);
}
@media (max-width: 767px) {
  .characteristics-area {
    row-gap: var(--space-20);
  }
  .characteristics-area + .characteristics-area {
    --characteristics-area-margin-top: var(--space-30);
  }
}
.characteristics-area .image img {
  border-radius: var(--radius-8);
  border: 5px solid var(--color-category-background);
  background-color: var(--color-white);
}
@media (max-width: 767px) {
  .characteristics-area .image img {
    width: 100%;
  }
}
.characteristics-area .text {
  margin-top: var(--space-15);
}

/* recommendation-area */
@media (min-width: 768px) {
  .recommendation-area {
    grid-template-columns: 1.1fr 1fr;
  }
}