/*
* top.css
*
*/
/* --------------------------------
  top
-------------------------------- */
/* ------ kv ------ */
.vnl26-un_kv_bnrCarousel {
  position: relative;
}
@media (max-width: 767.98px) {
  .vnl26-un_kv_bnrCarousel {
    padding-bottom: 1rem;
  }
}

.vnl26-un_kv_bnrCarousel_item {
  width: 100%;
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_item {
    max-width: min(60.3221083455vw, 72.5rem);
  }
}
.vnl26-un_kv_bnrCarousel_item > a,
.vnl26-un_kv_bnrCarousel_item > button {
  display: block;
  position: relative;
  width: 100%;

  --_vnl26-img-border-size: 0.25rem;
}
.vnl26-un_kv_bnrCarousel_item > a::before,
.vnl26-un_kv_bnrCarousel_item > button::before {
  content: "";
  opacity: 0;
  position: absolute;
  border: solid var(--_vnl26-img-border-size) var(--vnl26-color-line_hover);
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  inset: 0;
}
@media (hover: hover) and (pointer: fine) {
  .vnl26-un_kv_bnrCarousel_item > a:where(:-webkit-any-link, :enabled, summary):hover::before, .vnl26-un_kv_bnrCarousel_item > button:where(:-webkit-any-link, :enabled, summary):hover::before {
    opacity: 1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .vnl26-un_kv_bnrCarousel_item > a:where(:-moz-any-link, :enabled, summary):hover::before, .vnl26-un_kv_bnrCarousel_item > button:where(:-moz-any-link, :enabled, summary):hover::before {
    opacity: 1;
    -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .vnl26-un_kv_bnrCarousel_item > a:where(:any-link, :enabled, summary):hover::before,
  .vnl26-un_kv_bnrCarousel_item > button:where(:any-link, :enabled, summary):hover::before {
    opacity: 1;
    transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}

.vnl26-un_kv_bnrCarousel_img {
  overflow: hidden;

  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_img {
    aspect-ratio: 2/1;
  }
}
.vnl26-un_kv_bnrCarousel_img img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}

@media (max-width: 767.98px) {
  .vnl26-un_kv_bnrCarousel_control {
    position: relative;
    margin: 1.8125rem auto 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.vnl26-un_kv_bnrCarousel_arrows {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 2rem * 2 + 1.5rem * 2);

  translate: -50% -50%;
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_arrows {
    position: absolute;
    top: min(14.2752562225vw, 17.5rem);
    left: 50%;
    width: 100%;
    max-width: min(60.3221083455vw, 72.5rem);

    translate: -50% -50%;
    padding-inline: 0;
  }
}

.vnl26-un_kv_bnrCarousel_arrow {
  position: relative;

  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_arrow {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.vnl26-un_kv_bnrCarousel_arrow .vnl26-bl_carousel_arrowIcon {
  position: relative;
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_arrow .vnl26-bl_carousel_arrowIcon {
    width: 1.25rem;
    height: 1.25rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_arrow.vnl26-un_kv_bnrCarousel_arrow__prev {
    left: -1rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_arrow.vnl26-un_kv_bnrCarousel_arrow__prev .vnl26-bl_carousel_arrowIcon {
    left: -0.0625rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_arrow.vnl26-un_kv_bnrCarousel_arrow__next {
    right: -1rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_arrow.vnl26-un_kv_bnrCarousel_arrow__next .vnl26-bl_carousel_arrowIcon {
    right: -0.0625rem;
  }
}
.vnl26-un_kv_bnrCarousel_arrow::before {
  content: "";
  position: absolute;

  inset: -0.75rem;
}
.vnl26-un_kv_bnrCarousel_arrow img {
  backface-visibility: hidden;
}

.vnl26-un_kv_bnrCarousel_autoplayBtn {
  display: grid;
  position: absolute;
  right: 1rem;
  bottom: 0.3125rem;
  border: solid 1px currentColor;
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  min-height: auto;
  cursor: pointer;
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: var(--_vnl26-kv-bnrCarousel-autoplayBtn-color);

  --_vnl26-kv-bnrCarousel-autoplayBtn-color: var(--vnl26-color-bg_white);
  place-content: center;
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_autoplayBtn {
    right: 1.25rem;
    bottom: -0.625rem;
    width: 1.75rem;
    height: 1.75rem;
  }
}
.vnl26-un_kv_bnrCarousel_autoplayBtn::before {
  content: "";
  display: grid;
  opacity: 0;
  margin: -0.0625rem;
  border: solid 2px var(--vnl26-color-line_hover);
  border-radius: 50%;
  width: 1.5rem;
  height: 1.5rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  pointer-events: none;

  grid-area: 1/-1;
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_autoplayBtn::before {
    width: 1.75rem;
    height: 1.75rem;
  }
}
@media (hover: hover) and (pointer: fine) {
  .vnl26-un_kv_bnrCarousel_autoplayBtn:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: var(--vnl26-color-line_hover);
  }
  .vnl26-un_kv_bnrCarousel_autoplayBtn:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: var(--vnl26-color-line_hover);
  }
  .vnl26-un_kv_bnrCarousel_autoplayBtn:where(:any-link, :enabled, summary):hover {
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: var(--vnl26-color-line_hover);
  }
  .vnl26-un_kv_bnrCarousel_autoplayBtn:where(:-webkit-any-link, :enabled, summary):hover::before {
    opacity: 1;
    -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .vnl26-un_kv_bnrCarousel_autoplayBtn:where(:-moz-any-link, :enabled, summary):hover::before {
    opacity: 1;
    -moz-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .vnl26-un_kv_bnrCarousel_autoplayBtn:where(:any-link, :enabled, summary):hover::before {
    opacity: 1;
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}

.vnl26-un_kv_bnrCarousel_pagination {
  flex-wrap: nowrap !important;
}

.vnl26-un_kv_bnrCarousel_autoplayBtn_icon {
  position: relative;
  margin: auto;
  transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);

  grid-area: 1/-1;
}
.vnl26-un_kv_bnrCarousel_autoplayBtn_icon.vnl26-un_kv_bnrCarousel_autoplayBtn_icon__stop {
  opacity: 0;
  left: 0.0625rem;
  width: 0.4375rem;
  height: 0.5625rem;
  background-color: currentColor;

  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);

          clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (min-width: 768px) {
  .vnl26-un_kv_bnrCarousel_autoplayBtn_icon.vnl26-un_kv_bnrCarousel_autoplayBtn_icon__stop {
    width: 0.5rem;
    height: 0.625rem;
  }
}
.vnl26-un_kv_bnrCarousel_autoplayBtn.is-stop .vnl26-un_kv_bnrCarousel_autoplayBtn_icon.vnl26-un_kv_bnrCarousel_autoplayBtn_icon__stop {
  opacity: 1;
}
.vnl26-un_kv_bnrCarousel_autoplayBtn_icon.vnl26-un_kv_bnrCarousel_autoplayBtn_icon__play {
  opacity: 1;
  width: 0.375rem;
  height: 0.5625rem;
}
.vnl26-un_kv_bnrCarousel_autoplayBtn_icon.vnl26-un_kv_bnrCarousel_autoplayBtn_icon__play > span {
  position: absolute;
  border-radius: 999px;
  width: 0.0625rem;
  height: 0.5625rem;
  background-color: currentColor;
}
.vnl26-un_kv_bnrCarousel_autoplayBtn_icon.vnl26-un_kv_bnrCarousel_autoplayBtn_icon__play > span:first-of-type {
  left: 0;
}
.vnl26-un_kv_bnrCarousel_autoplayBtn_icon.vnl26-un_kv_bnrCarousel_autoplayBtn_icon__play > span:last-of-type {
  right: 0;
}
.vnl26-un_kv_bnrCarousel_autoplayBtn.is-stop .vnl26-un_kv_bnrCarousel_autoplayBtn_icon.vnl26-un_kv_bnrCarousel_autoplayBtn_icon__play {
  opacity: 0;
}

/* ------ section ------ */
.vnl26-un_section {
  margin-top: -1.5rem;
  padding-top: 5rem;
}
@media (min-width: 768px) {
  .vnl26-un_section {
    margin-top: 1.5rem;
    padding-top: 5rem;
  }
}
.vnl26-un_section:first-of-type {
  margin-top: 3.5rem;
  padding-top: 0;
}
@media (min-width: 768px) {
  .vnl26-un_section:first-of-type {
    margin-top: 5rem;
    padding-top: 0;
  }
}

.vnl26-un_section_btn {
  display: grid;
  justify-content: center;
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .vnl26-un_section_btn {
    margin-top: 3.5rem;
  }
}
.vnl26-un_section_btn:has(.vnl26-el_btn[style*="display: none"]) {
  margin-top: 0;
}

/* ------ heading ------ */
.vnl26-un_heading {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 2rem;
  text-align: center;

  row-gap: 0.25rem;
}
@media (min-width: 768px) {
  .vnl26-un_heading {
    margin-bottom: 3rem;

    row-gap: 0.375rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_heading.vnl26-un_products_heading {
    margin-bottom: 3.5rem;
  }
}
.vnl26-un_heading.vnl26-un_special_heading,
.vnl26-un_heading.vnl26-un_column_heading {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .vnl26-un_heading.vnl26-un_special_heading,
  .vnl26-un_heading.vnl26-un_column_heading {
    margin-bottom: 3rem;
  }
}

.vnl26-un_about_headingTtl {
  word-break: keep-all;
}

/* ------ banner list ------ */
.vnl26-un_bnr_list {
  display: grid;

  gap: 2rem;
}
@media (min-width: 768px) {
  .vnl26-un_bnr_list {
    justify-content: center;

    grid-template-columns: repeat(auto-fit, minmax(21rem, 21rem));
    gap: 2.25rem;
  }
}

/* ------ hero bnr ------ */
.vnl26-un_heroBnr {
  -webkit-padding-before: 2.625rem;
          padding-block-start: 2.625rem;
}
@media (min-width: 768px) {
  .vnl26-un_heroBnr {
    -webkit-padding-before: 3.5rem;
            padding-block-start: 3.5rem;
  }
}

.vnl26-un_heroBnr_body {
  display: flex;
  flex-direction: column;

  gap: 2rem;
}
@media (min-width: 768px) {
  .vnl26-un_heroBnr_body {
    gap: 3rem;
  }
}

.vnl26-un_heroBnr_link {
  position: relative;
  z-index: 1;

  --_vnl26-img-border-size: 0.1875rem;
}
@media (min-width: 768px) {
  .vnl26-un_heroBnr_link {
    display: block;
    max-width: 37.5rem;

    margin-inline: auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  .vnl26-un_heroBnr_link:where(:-webkit-any-link, :enabled, summary):hover .vnl26-un_heroBnr_img::before {
    opacity: 1;
    -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .vnl26-un_heroBnr_link:where(:-moz-any-link, :enabled, summary):hover .vnl26-un_heroBnr_img::before {
    opacity: 1;
    -moz-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .vnl26-un_heroBnr_link:where(:any-link, :enabled, summary):hover .vnl26-un_heroBnr_img::before {
    opacity: 1;
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .vnl26-un_heroBnr_link:where(:-webkit-any-link, :enabled, summary):hover .vnl26-un_heroBnr_img img {
    opacity: 0.6;
    -webkit-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .vnl26-un_heroBnr_link:where(:-moz-any-link, :enabled, summary):hover .vnl26-un_heroBnr_img img {
    opacity: 0.6;
    -moz-transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .vnl26-un_heroBnr_link:where(:any-link, :enabled, summary):hover .vnl26-un_heroBnr_img img {
    opacity: 0.6;
    transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}

.vnl26-un_heroBnr_btn {
  display: grid;
  justify-content: center;
}

.vnl26-un_heroBnr_img {
  overflow: hidden;
  position: relative;
  border-radius: 0.25rem;
}
@media (min-width: 768px) {
  .vnl26-un_heroBnr_img {
    border-radius: 0.375rem;
  }
}
.vnl26-un_heroBnr_img::before {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: 1;
  border: solid var(--_vnl26-img-border-size) var(--vnl26-color-brown_new_light);
  border-radius: 0.25rem;
  transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  inset: 0;
}
@media (min-width: 768px) {
  .vnl26-un_heroBnr_img::before {
    border-radius: 0.375rem;
  }
}
.vnl26-un_heroBnr_img img {
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ------ campaign ------ */
.vnl26-un_campaign_heading {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .vnl26-un_campaign_heading {
    margin-bottom: 3rem;
  }
}

.vnl26-un_campaign_cont_btn {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .vnl26-un_campaign_cont_btn {
    margin-top: 3.5rem;
  }
}

/* ------ special set ------ */
.vnl26-un_special_inner {
  display: grid;
  padding: 2.5rem var(--vnl26-content-inline-padding);
  transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: var(--vnl26-color-bg_beige);
  text-decoration: none;
  color: var(--vnl26-color-txt);
  color: var(--vnl26-color-txt);
}
@media (min-width: 768px) {
  .vnl26-un_special_inner {
    padding: 2rem min(9.268707483vw, 6.8125rem);

    grid-template-areas: "special-heading special-img" "special-body special-img";
    grid-template-rows: -webkit-max-content -webkit-max-content;
    grid-template-rows: max-content max-content;
    grid-template-columns: 1fr min(37.5850340136vw, 27.625rem);
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
.vnl26-un_special_inner:hover {
  color: var(--vnl26-color-txt_hover);
}
.vnl26-un_special_inner:active,
.vnl26-un_special_inner:visited {
  color: var(--vnl26-color-txt);
}
@media (hover: hover) and (pointer: fine) {
  .vnl26-un_special_inner:where(:-webkit-any-link, :enabled, summary):hover .vnl26-un_special_link {
    -webkit-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: var(--vnl26-color-txt_hover);
  }
  .vnl26-un_special_inner:where(:-moz-any-link, :enabled, summary):hover .vnl26-un_special_link {
    -moz-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: var(--vnl26-color-txt_hover);
  }
  .vnl26-un_special_inner:where(:any-link, :enabled, summary):hover .vnl26-un_special_link {
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: var(--vnl26-color-txt_hover);
  }
}

.vnl26-un_special_heading {
  margin-bottom: 2rem;
  color: var(--vnl26-color-txt);
}
@media (min-width: 768px) {
  .vnl26-un_special_heading {
    align-self: end;
    margin-bottom: 2.25rem;

    grid-area: special-heading;
  }
}

.vnl26-un_special_img {
  overflow: hidden;
  position: relative;

  --_vnl26-img-border-size: 0.1875rem;
  aspect-ratio: 422/256;
}
.vnl26-un_special_img::before {
  content: "";
  opacity: 0;
  position: absolute;
  z-index: 1;
  border: solid var(--_vnl26-img-border-size) var(--vnl26-color-line_hover);
  border-radius: 0.25rem;
  transition: opacity 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  inset: 0;
}
@media (min-width: 768px) {
  .vnl26-un_special_img::before {
    border-radius: 0.375rem;
  }
}
.vnl26-un_special_img img {
  width: 100%;
  height: 100%;
  transition: scale 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  -o-object-fit: cover;

     object-fit: cover;
}
.vnl26-un_special_img:hover::before {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.vnl26-un_special_img:hover img {
  transition: scale 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  scale: 0.995;
}
@media (min-width: 768px) {
  .vnl26-un_special_img {
    grid-area: special-img;
  }
}

.vnl26-un_special_headingTtl {
  word-break: keep-all;
}

.vnl26-un_special_link {
  text-decoration: underline;
  color: var(--vnl26-color-txt);
  color: var(--vnl26-color-txt);

  text-decoration-thickness: 0.0625rem;
}
.vnl26-un_special_link:hover {
  color: var(--vnl26-color-txt_hover);
}
.vnl26-un_special_link:active,
.vnl26-un_special_link:visited {
  color: var(--vnl26-color-txt);
}
@media (hover: hover) and (pointer: fine) {
  .vnl26-un_special_link:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: var(--vnl26-color-txt_hover);

    text-decoration-thickness: 0.0625rem;
  }
  .vnl26-un_special_link:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: var(--vnl26-color-txt_hover);

    text-decoration-thickness: 0.0625rem;
  }
  .vnl26-un_special_link:where(:any-link, :enabled, summary):hover {
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: var(--vnl26-color-txt_hover);

    text-decoration-thickness: 0.0625rem;
  }
}

.vnl26-un_special_body {
  display: flex;
  justify-content: center;
  margin-top: 0.75rem;
}
@media (min-width: 768px) {
  .vnl26-un_special_body {
    align-self: start;
    margin-top: 0;

    grid-area: special-body;
    justify-self: center;
  }
}

/* ------ member benefits ------ */
.vnl26-un_benefits_heading {
  margin-bottom: 2rem;
  text-align: center;
}
@media (min-width: 768px) {
  .vnl26-un_benefits_heading {
    margin-bottom: 3rem;
  }
}

.vnl26-un_benefits_cont_btn {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  .vnl26-un_benefits_cont_btn {
    margin-top: 3.5rem;
  }
}

/* ------ products ------ */
.vnl26-un_products_inner {
  background-color: var(--vnl26-color-bg_beige);

  padding-block: 2.5rem;
}
@media (min-width: 768px) {
  .vnl26-un_products_inner {
    padding-block: 4.5rem;
  }
}

.vnl26-un_products_cont {
  padding-top: 2.5rem;
}
@media (min-width: 768px) {
  .vnl26-un_products_cont {
    padding-top: 3.5rem;
  }
}
.vnl26-un_products_cont.vnl26-un_products_cont__bg {
  margin-top: 3.5rem;
  padding-bottom: 3rem;
  background-color: var(--vnl26-color-bg_beige_light);
}
@media (min-width: 768px) {
  .vnl26-un_products_cont.vnl26-un_products_cont__bg {
    margin-top: 4rem;
    padding-bottom: 4rem;
  }
}
.vnl26-un_products_cont.vnl26-un_products_cont__bg + .vnl26-un_products_cont__bg {
  margin-top: 0;
}
.vnl26-un_products_cont:first-of-type {
  padding-top: 0;
}

.vnl26-un_products_cont_heading {
  margin-bottom: 1.25rem;
  font-size: 1.375rem;
}
@media (min-width: 768px) {
  .vnl26-un_products_cont_heading {
    margin-bottom: 1.5rem;
  }
}

@media (min-width: 768px) {
  .vnl26-un_products_categoryItem:first-of-type {
    padding-top: 0.5rem;
  }
}

.vnl26-un_products_categoryItem_name {
  font-weight: 600;
}
@media (min-width: 768px) {
  .vnl26-un_products_categoryItem_name {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
    padding: 0.125rem 1.25rem;
    border-radius: 999px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background-color: var(--vnl26-color-bg_gray);
    font-size: 1.125rem;

    text-box: trim-both text text;
  }
}

/* ------ about vernal ------ */
.vnl26-un_about_category {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .vnl26-un_about_category {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .vnl26-un_about_categoryItem {
    margin-top: 2rem;
  }
}

@media (min-width: 768px) {
  .vnl26-un_about_categoryItem_name {
    margin-bottom: 1.5rem;
    padding: 0;
    font-size: 1.375rem;
  }
}

/* ------ beauty column ------ */
.vnl26-un_column_inner {
  background-color: var(--vnl26-color-bg_gray_light);

  padding-block: 2.5rem 3.25rem;
}
@media (min-width: 768px) {
  .vnl26-un_column_inner {
    padding-block: 4.5rem;
  }
}

/* ------ review ------ */
.vnl26-un_review .vnl26-un_section_btn {
  margin-top: 3.75rem;
}
@media (min-width: 768px) {
  .vnl26-un_review .vnl26-un_section_btn {
    margin-top: 4.3125rem;
  }
}

.vnl26-un_review_carousel {
  position: relative;

  container: vnl26-review-carousel/inline-size;
}
@media (min-width: 768px) {
  .vnl26-un_review_carousel {
    padding: 0 calc((100% - 704px) / 2);
  }
}
@media (min-width: 1176px) {
  .vnl26-un_review_carousel {
    padding: 0 calc((100% - 1064px) / 2);
  }
}

.vnl26-un_review_carouselItem {
  width: 82.2222222222vw;
}
@media (min-width: 768px) {
  .vnl26-un_review_carouselItem {
    width: 21.5rem;
  }
}

.vnl26-un_review_carousel_control {
  position: relative;
  margin: 2.25rem auto 0;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 767.98px) {
  .vnl26-un_review_carousel_control {
    margin: 1.8125rem auto 0;
  }
}

.vnl26-un_review_carousel_arrows {
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 2rem * 2 + 1.5rem * 2);

  translate: -50% -50%;
}

.vnl26-un_review_carousel_arrow {
  position: relative;

  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .vnl26-un_review_carousel_arrow.vnl26-un_review_carousel_arrow__prev {
    left: -1rem;
  }
}
@media (min-width: 768px) {
  .vnl26-un_review_carousel_arrow.vnl26-un_review_carousel_arrow__next {
    right: -1rem;
  }
}
.vnl26-un_review_carousel_arrow::before {
  content: "";
  position: absolute;

  inset: -0.75rem;
}
.vnl26-un_review_carousel_arrow img {
  backface-visibility: hidden;
}

.vnl26-un_review_carousel_pagination {
  flex-wrap: nowrap !important;
}

/* ------ news ------ */
.vnl26-un_news {
  padding-bottom: 4.5rem;
}
@media (min-width: 768px) {
  .vnl26-un_news {
    padding-bottom: 6.5rem;
  }
}

.vnl26-un_news_list {
  display: grid;

  gap: 0.25rem;
}
@media (min-width: 768px) {
  .vnl26-un_news_list {
    gap: 0.75rem;
  }
}

.vnl26-un_news_desc {
  display: flex;
  flex-direction: column;
  padding: 1rem;
  background-color: var(--vnl26-color-bg_gray_light);
  text-decoration: none;
  color: var(--vnl26-color-txt);

  gap: 0.25rem;
}
@media (min-width: 768px) {
  .vnl26-un_news_desc {
    align-items: center;
    flex-direction: row;
    padding: 1rem 2rem;

    gap: 1.5rem;
  }
}
.vnl26-un_news_desc[href] {
  transition: color 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  color: var(--vnl26-color-txt);

  --_vnl26-icon-size: 1.14em;
}
.vnl26-un_news_desc[href] .vnl26-un_news_txt {
  text-decoration: underline;
}
.vnl26-un_news_desc[href][target=_blank] .vnl26-un_news_txt::after {
  content: "";
  display: inline-block;
  position: relative;
  top: -0.0625rem;
  margin-left: 0.5rem;
  width: var(--_vnl26-icon-size);
  height: var(--_vnl26-icon-size);
  background-color: currentColor;
  vertical-align: middle;

  -webkit-mask: url(../../assets/img/common/icon_blank.svg) no-repeat center/contain;

          mask: url(../../assets/img/common/icon_blank.svg) no-repeat center/contain;
}
@media (min-width: 768px) {
  .vnl26-un_news_desc[href][target=_blank] .vnl26-un_news_txt::after {
    top: -0.125rem;
  }
}
.vnl26-un_news_desc[href]:hover {
  color: var(--vnl26-color-txt_hover);
}
.vnl26-un_news_desc[href]:active,
.vnl26-un_news_desc[href]:visited {
  color: var(--vnl26-color-txt);
}
@media (hover: hover) and (pointer: fine) {
  .vnl26-un_news_desc[href]:where(:-webkit-any-link, :enabled, summary):hover {
    -webkit-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    text-decoration: none;
    color: var(--vnl26-color-txt_hover);
  }
  .vnl26-un_news_desc[href]:where(:-moz-any-link, :enabled, summary):hover {
    -moz-transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    text-decoration: none;
    color: var(--vnl26-color-txt_hover);
  }
  .vnl26-un_news_desc[href]:where(:any-link, :enabled, summary):hover {
    transition: color 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    text-decoration: none;
    color: var(--vnl26-color-txt_hover);
  }
  .vnl26-un_news_desc[href]:where(:-webkit-any-link, :enabled, summary):hover .vnl26-un_news_txt {
    text-decoration: underline;
  }
  .vnl26-un_news_desc[href]:where(:-moz-any-link, :enabled, summary):hover .vnl26-un_news_txt {
    text-decoration: underline;
  }
  .vnl26-un_news_desc[href]:where(:any-link, :enabled, summary):hover .vnl26-un_news_txt {
    text-decoration: underline;
  }
}

.vnl26-un_news_date {
  flex-shrink: 0;
}
@media (min-width: 768px) {
  .vnl26-un_news_date {
    align-self: flex-start;
  }
}

.vnl26-un_news_txt {
  font-size: 1rem;
}