.other .body {
  display: flex;
  flex-direction: column;
}
.other .body .list {
  display: flex;
  flex-direction: column;
  gap: var(--50);
}
.other .body .list .type {
  display: flex;
  flex-direction: column;
  gap: var(--20);
}
.other .body .list .type .h-slider {
  display: flex;
  flex-direction: column;
  gap: var(--20);
}
.other .body .list .type .h-slider .items {
  display: flex;
  flex-wrap: wrap;
  gap: var(--10);
  justify-content: center;
}
.other .body .list .type .h-slider .items .item {
  display: block;
  width: var(--6);
  height: var(--6);
  transition: all 0.3s linear;
  background: var(--light-gray);
  border-radius: var(--3);
}
.other .body .list .type .h-slider .items .item.current {
  width: var(--22);
  background: var(--nur);
}
.other .body .list .type .h-slider .container {
  display: flex;
  overflow: auto;
  gap: var(--12);
  scroll-snap-type: both mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.other .body .list .type .h-slider .product {
  flex: 0 0 var(--351);
}
.other .body .list .type .list {
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
.other .body .list .type .list .product {
  flex: none;
}
.other .body .list .type .product {
  scroll-snap-align: center;
  scroll-snap-stop: always;
  background: var(--White);
  border-radius: var(--BorderRadius);
}
.other .body .list .type .product a {
  padding: var(--30) var(--20);
  display: flex;
  gap: var(--12);
  height: 100%;
}
.other .body .list .type .product a:hover {
  text-decoration: none;
}
.other .body .list .type .product a .cover {
  flex: 0 0 var(--133);
  text-align: center;
}
.other .body .list .type .product a .info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--10);
  align-items: flex-start;
}
.other .body .list .type .product a .info:after {
  content: "";
  display: block;
  flex: 1;
  order: 2;
}
.other .body .list .type .product a .info .title {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
  hyphens: auto;
  order: 1;
}
.other .body .list .type .product a .info .d {
  font-size: var(--14);
  line-height: var(--22);
  white-space: pre-line;
  order: 1;
}
.other .body .list .type .product a .info .duration,
.other .body .list .type .product a .info .currencies {
  font-size: var(--13);
  line-height: var(--24);
  background: var(--very-very-light-gray);
  padding: 0 var(--10);
  border-radius: var(--12);
  margin: 0;
  order: 1;
}
.other .body .list .type .product a .info .btn {
  margin-top: var(--20);
  padding: var(--5) var(--24);
  font-size: var(--14);
  line-height: var(--22);
  order: 3;
}
.other .body .list .type .product a .info .btn:after {
  content: none;
}

#other {
  display: flex;
  flex-direction: column;
  gap: var(--30);
}
#other header.header {
  display: flex;
  flex-direction: column;
  gap: var(--10);
  padding: var(--30) var(--20);
  background: var(--White);
  border-radius: var(--BorderRadius);
  align-items: flex-start;
}
#other header.header .title {
  font-size: var(--26);
  line-height: var(--34);
}
#other header.header .info {
  display: flex;
  gap: var(--13);
  width: 100%;
}
#other header.header .info .cover {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex: 0 0 var(--166);
}
#other header.header .info .description {
  flex: 1;
  line-height: var(--24);
}
#other header.header .btn {
  font-size: var(--16);
  line-height: var(--24);
  padding: var(--10) var(--24);
}
#other header.header .btn:after {
  content: none;
}

.person .body .list .type .h-slider .product {
  flex: 0 0 var(--384);
}
.person .body .list .type .product {
  background: var(--light-blue);
  border-radius: var(--BorderRadius);
  overflow: hidden;
  flex: 0 0 var(--384);
}
.person .body .list .type .product a {
  gap: var(--30);
}
.person .body .list .type .product a .info {
  display: flex;
  flex-direction: column;
  gap: var(--10);
}
.person .body .list .type .product a .info .title {
  font-size: var(--18);
  font-weight: 500;
  line-height: var(--26);
}
.person .body .list .type .product a .info .d {
  font-size: var(--16);
  line-height: var(--24);
}
.person .body .list .type .product a .cover img {
  width: 100%;
  aspect-ratio: 344/160;
  object-position: center;
  object-fit: contain;
}
.person .body .list .type .product a .btn {
  border-color: var(--White);
}
.person .body .list .type .product a .btn:after {
  content: none;
}
.person #other {
  gap: 0;
}

header.personal-header {
  padding: var(--30) var(--SidePadding) var(--50);
  gap: var(--30);
  background: var(--light-blue);
  margin: 0 calc(-1 * var(--SidePadding)) calc(-1 * var(--20));
  width: calc(100% + var(--SidePadding) * 2);
  border-radius: var(--BorderRadius) var(--BorderRadius) 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
header.personal-header + #sections {
  background: var(--White);
  border-radius: var(--BorderRadius) var(--BorderRadius) 0 0;
  margin: 0 calc(-1 * var(--SidePadding)) 0;
  width: calc(100% + 2 * var(--SidePadding));
  padding: var(--20) var(--SidePadding);
}

/*# sourceMappingURL=other.css.map */