@charset "UTF-8";
/* color */
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.paragraph--type--table table {
  border-radius: 10px 10px 0 0 !important;
  overflow: hidden;
  table-layout: fixed;
  margin-top: 30px;
  margin-bottom: 30px;
}

.paragraph--type--table table {
  width: auto;
  max-width: 100%;
}

.paragraph--type--table table thead th {
  padding: 11px 30px;
  font-weight: var(--i2-theme-fontweight-regular);
  text-align: left;
  width: auto;
  vertical-align: middle;
}

.paragraph--type--table table tbody td {
  text-align: left;
  padding: 11px 30px;
  vertical-align: middle;
}

.paragraph--type--table table tbody td p {
  margin-bottom: 0;
}

.paragraph--type--table table tbody td a {
  text-decoration: underline;
  font-weight: bold;
}

:root {
  --i2-theme-color-blue: #0F448D;
  --i2-theme-color-light-blue: #027EC1;
  --i2-theme-container: 1400px;
  --i2-theme-container-sm: 980px;
  --i2-container-padding: 24px;
  --i2-theme-radius: clamp(80px, 6.7vw, 100px);
  --curve-insect-mob-scale: 0.559;
  --i2-theme-fontweight-regular: 400;
  --i2-theme-fontweight-medium: 500;
  --i2-theme-section-margin-desktop:130px;
  --i2-theme-section-margin-tablet:100px;
  --i2-theme-section-margin-mobile:100px;
}

/* Custom Site Data Management icon */
.toolbar-icon-menu-link-contented4c6d04-6c68-4c43-8910-36aac354edf7::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23787878' d='M2 1h8c.55 0 1 .45 1 1v2h2c.55 0 1 .45 1 1v9c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V3c0-1.1.9-2 2-2zm0 2v10h10V5h-2v1H4V3h-2zm3 3h5v1H5V6zm0 2h5v1H5V8zm0 2h3v1H5v-1zm6.5 1.5l.5-.5.5.5.7-.7-.5-.5.5-.5-.7-.7-.5.5-.5-.5-.7.7.5.5-.5.5.7.7z'/%3E%3C/svg%3E");
}

/* Table Theme Skin
 * Keep visual theme tokens here (color/typography), and keep
 * structure/layout rules in `custom/table.scss`.
 */
.paragraph--type--table table thead {
  border-radius: 6px 6px 0 0;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6CE 35%, #ECC57D 95%);
}

.paragraph--type--table table {
  border-radius: 6px !important;
  color: #000;
  font-size: 16px;
}

.paragraph--type--table .i2-table {
  border-radius: 6px;
  overflow: hidden;
}

.paragraph--type--table table thead th,
.paragraph--type--table table tbody td,
.paragraph--type--table table tbody td p,
.paragraph--type--table table tbody td a {
  color: #000;
  font-size: 16px;
}

.paragraph--type--table table tbody > tr {
  background: #FFF;
  transition: background 0.2s ease;
}

.paragraph--type--table table tbody > tr:nth-of-type(even) {
  background: linear-gradient(270deg, #FFF7E7 0%, #FFFBF2 100%);
}

.paragraph--type--table table tbody > tr > * {
  background: transparent;
  box-shadow: none;
  --bs-table-accent-bg: transparent;
}

.paragraph--type--table table tbody > tr:hover {
  background: linear-gradient(270deg, #FFF2D9 0%, #FFF9EB 100%);
}

.paragraph--type--table table tbody > tr:nth-of-type(even):hover {
  background: linear-gradient(270deg, #FFECC8 0%, #FFF5E2 100%);
}

.paragraph--type--table table tbody > tr:hover > * {
  background: transparent;
  box-shadow: none;
  --bs-table-accent-bg: transparent;
}

.paragraph--type--table.green .table-striped > tbody > tr:nth-of-type(even) > * {
  background: #F1FFF0;
}

.paragraph--type--table.purple .table-striped > tbody > tr:nth-of-type(even) > * {
  background: #F9F0FF;
}

.paragraph--type--table.green table tbody td {
  border-bottom: 1px solid var(--i2-theme-color-green);
}

.paragraph--type--table.purple table tbody td {
  border-bottom: 1px solid var(--i2-theme-color-purple);
}

.site-container {
  max-width: var(--i2-theme-container);
  margin: 0 auto;
}

.site-container-sm {
  max-width: var(--i2-theme-container-sm);
  margin: 0 auto;
}

.breadcrumb {
  --bs-breadcrumb-divider: '>';
}

/* form */
input[name=chrome_autocomplete_username],
input[name=chrome_autocomplete_password] {
  display: none;
}

/* system */
body.d-flex.flex-column.h-100 {
  height: auto !important;
  min-height: 100vh;
}

.dialog-off-canvas-main-canvas.d-flex.flex-column.h-100 {
  height: auto !important;
  flex: 1 1 auto;
}

main {
  position: relative;
  z-index: 1;
}
main.no-banner {
  padding-top: 43px;
}

.block-cookies-ui-block {
  overflow: hidden;
}

.pb-50px {
  padding-bottom: 50px;
}

.pb-30px {
  padding-bottom: 30px;
}

.row,
.row > * {
  --bs-gutter-x: 36px;
}

h1,
h2,
h3,
h4,
.h1,
.h2,
.h3,
.h4 {
  font-family: "Noto Sans HK";
  font-weight: var(--i2-theme-fontweight-medium);
}

h3,
.h3 {
  color: var(--i2-theme-color-blue);
}

h4,
.h4 {
  color: var(--i2-theme-color-blue);
  font-size: var(--font-size-md);
}

h5,
.h5 {
  color: var(--i2-theme-color-blue);
  font-size: var(--font-size-sm);
}

h6,
.h6 {
  color: var(--i2-theme-color-blue);
  font-size: var(--font-size-sm);
}

.paragraph--type--product-wiki h2,
.paragraph--type--quick-answer-recommendation h2,
.paragraph--type--product-show h2,
.paragraph--type--section-paragraphs h2,
.paragraph--type--card-list h2,
.paragraph--type--block h2,
.paragraph--type--text-two-column h2,
.paragraph--type--image-columns h2,
.paragraph--type--youtube h2,
.paragraph--type--webform h2,
.view:not(.view-block-award-homepage-swiper) .view-header h2 {
  color: var(--i2-theme-color-blue);
  font-size: 40px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 58px;
  text-align: center;
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}

.paragraph--type--section-paragraphs .header-group,
.paragraph--type--store-list-table .header-group,
.paragraph--type--swiper-carousel .header-group,
.paragraph--type--view .header-group {
  text-align: center;
}
.paragraph--type--section-paragraphs .header-group h2,
.paragraph--type--store-list-table .header-group h2,
.paragraph--type--swiper-carousel .header-group h2,
.paragraph--type--view .header-group h2 {
  display: inline-block;
  color: var(--i2-theme-color-blue);
  font-size: 40px;
  line-height: 58px;
  font-weight: var(--i2-theme-fontweight-medium);
  margin-bottom: 0;
}
.paragraph--type--section-paragraphs .header-group h2::after,
.paragraph--type--store-list-table .header-group h2::after,
.paragraph--type--swiper-carousel .header-group h2::after,
.paragraph--type--view .header-group h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  background-size: contain;
  margin: 5px auto 0;
}

.no-padding .paragraph {
  padding: 0 !important;
  margin-bottom: 40px;
}

.paragraph > .paragraph__column,
.region-sidebar-first,
.region-sidebar-second,
.region-footer,
.region-content {
  padding: 0;
}

.block-field-blocknodepagetitle,
.page-node-type-page .field--name-field-banner-decorate {
  display: none;
}

.js-layout-builder-region .block-field-blocknodepagetitle,
.page-node-type-page .js-layout-builder-region .field--name-field-banner-decorate {
  display: block;
}

.user-card .card-introduction {
  display: none;
}

.paragraph--type--fancybox-image-item .field--name-field-introduction {
  display: none;
}

.paragraph--type--youtube .field--type-text-long {
  text-align: center;
  order: 1;
}

.paragraph--type--youtube h2 {
  order: 2;
}

.paragraph--type--youtube .field--name-field-youtube-video {
  order: 3;
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}

li {
  margin: 0;
}

.block-block-content.block-broken {
  display: none;
}

body {
  font-family: "Noto Sans HK", sans-serif;
  background-color: #FFF;
}

button,
input,
select,
textarea {
  font-family: "Noto Sans HK", sans-serif;
}

body:not(.path-frontpage) .theme-content-section .block-layout-builder > *:not(.have-bottom-curve, :last-child) {
  padding-bottom: 100px;
}

.theme-content-section > .layout__region > .block-layout-builder > div {
  padding-left: var(--i2-container-padding);
  padding-right: var(--i2-container-padding);
}

hr {
  background: url(../images/icon/hr.svg) no-repeat;
  background-size: contain;
  border: none;
  width: 100%;
  max-width: 1089px;
  height: min(8vw, 81px);
  margin: 60px auto;
  opacity: 1;
}

@media screen and (max-width: 991px) {
  hr {
    background-size: 115% auto;
    height: min(8.8vw, 81px);
    margin: 40px auto;
  }
}
@media screen and (max-width: 767px) {
  hr {
    background-size: 135% auto;
    height: min(10vw, 81px);
    margin: 30px auto;
  }
  body:not(.path-frontpage) .theme-content-section .block-layout-builder > *:not(.have-bottom-curve, :last-child) {
    padding-bottom: 80px;
  }
}
@media (max-width: 575px) {
  .learning-journey-title {
    font-size: 1.5rem;
  }
  .learning-journey-thumb-swiper-wrapper {
    padding: 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
  .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
    flex: 0 1 50%;
  }
}
@media screen and (min-width: 992px) {
  .container-user {
    max-width: 960px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
  }
  .pb-lg-100px {
    padding-bottom: 100px;
  }
  .pb-lg-50px {
    padding-bottom: 50px;
  }
}
/* paragraph */
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph:not(.paragraph--type--banner) {
  max-width: var(--i2-theme-container);
  margin-left: auto;
  margin-right: auto;
}

body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .section-container-sm .paragraph:not(.paragraph--type--banner) {
  max-width: var(--i2-theme-container-sm);
}

.paragraph--type--block > .paragraph__column > h2,
.paragraph--type--view > .paragraph__column > h2 {
  display: none;
}

.paragraph--type--webform > .paragraph__column {
  float: none;
  max-width: 720px;
  margin: 0 auto;
}

.paragraph--type--webform > .paragraph__column p {
  text-align: center;
}

.paragraph--type--text-two-column h2 {
  margin: 0 auto 50px;
}

.paragraph--type--section-paragraphs .field--name-field-html-content {
  padding-top: 10px;
}
.paragraph--type--section-paragraphs .field--name-field-html-content h3 {
  font-size: 26px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 31px;
  margin-bottom: 20px;
}
.paragraph--type--section-paragraphs .field--name-field-html-content p {
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 30px;
}

/* paragraph two column */
.paragraph--type--text-two-column > .paragraph__column {
  --bs-gutter-x: 36px;
  display: flex;
  width: calc(100% + var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
}

.paragraph--type--text-two-column > .paragraph__column > [class*=column-] {
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  flex: 0 0 auto;
}

.paragraph--type--text-two-column > .paragraph__column > .column-auto {
  flex: 1 1 auto;
}

.paragraph--type--text-two-column > .paragraph__column > .column-50 {
  width: 50%;
}

.paragraph--type--text-two-column > .paragraph__column > .column-25 {
  width: 25%;
}

.paragraph--type--text-two-column > .paragraph__column > .column-33 {
  width: 33%;
}

.paragraph--type--text-two-column > .paragraph__column > .column-67 {
  width: 67%;
}

.paragraph--type--text-two-column > .paragraph__column > .column-75 {
  width: 75%;
}

@media screen and (max-width: 991px) {
  .paragraph--type--text-two-column > .paragraph__column {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .paragraph--type--text-two-column > .paragraph__column > [class*=column-] {
    flex: 0 0 100%;
    width: 100%;
  }
  .paragraph--type--text-two-column > .paragraph__column > .column-auto {
    flex: 1 1 100%;
  }
  .paragraph--type--text-two-column > .paragraph__column > [class*=column-]:has(img) {
    order: -1;
    text-align: center;
  }
  .paragraph--type--text-two-column > .paragraph__column > [class*=column-]:has(img) .field--name-field-media-image {
    margin: 0 auto;
  }
  .paragraph--type--text-two-column > .paragraph__column > [class*=column-]:has(img) img {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
}
.field--name-field-section-style {
  display: none;
}

/* swiper */
.swiper-pagination-bullets.swiper-pagination-horizontal {
  margin-top: 30px;
  padding: 9px 0;
  position: relative;
  bottom: 0;
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  background-color: #CFCFCF;
  width: 11px;
  height: 11px;
  margin: 0 5px;
  opacity: 1;
  transition: all 0.2s ease;
}

.swiper-pagination-bullets .swiper-pagination-bullet-active,
.swiper-pagination-bullets .swiper-pagination-bullet:hover,
.swiper-pagination-bullets .swiper-pagination-bullet:focus {
  background-color: #569A20;
}

.swiper-button-next,
.swiper-button-prev {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: none;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}

.swiper-button-next {
  background: url(../images/swiper/button_next.svg) center center no-repeat;
  background-size: 40px 40px;
  right: 20px;
}

.swiper-button-prev {
  background: url(../images/swiper/button_prev.svg) center center no-repeat;
  background-size: 40px 40px;
  left: 20px;
}

.swiper-button-prev:hover {
  background-image: url(../images/swiper/button_prev_hover.svg);
}

.swiper-button-next:hover {
  background-image: url(../images/swiper/button_next_hover.svg);
}

.swiper-button-next svg,
.swiper-button-prev svg {
  display: none;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.block-layout-builder .paragraph .header-group {
  margin-bottom: 50px;
}
@media screen and (max-width: 992px) {
  .block-layout-builder .paragraph .header-group {
    margin-bottom: 30px;
  }
}

.block-layout-builder.block-field-blocknodepagefield-custom-section {
  margin: 0 auto;
  max-width: var(--i2-theme-container);
  position: relative;
  padding-left: var(--i2-container-padding);
  padding-right: var(--i2-container-padding);
}

.path-frontpage .block-layout-builder .paragraph--type--quick-answer-recommendation,
.path-frontpage .block-layout-builder .paragraph--type--why-choose-us,
.path-frontpage .block-layout-builder .paragraph--type--product-show,
.path-frontpage .block-layout-builder .paragraph--type--text-two-column,
.path-frontpage .block-layout-builder .paragraph--type--section-paragraphs:not(:has(.section-breadcrumbs)),
.path-frontpage .block-layout-builder .paragraph--type--card-list {
  margin-top: var(--i2-theme-section-margin-desktop);
}
@media screen and (max-width: 992px) {
  .path-frontpage .block-layout-builder .paragraph--type--quick-answer-recommendation,
  .path-frontpage .block-layout-builder .paragraph--type--why-choose-us,
  .path-frontpage .block-layout-builder .paragraph--type--product-show,
  .path-frontpage .block-layout-builder .paragraph--type--text-two-column,
  .path-frontpage .block-layout-builder .paragraph--type--section-paragraphs:not(:has(.section-breadcrumbs)),
  .path-frontpage .block-layout-builder .paragraph--type--card-list {
    margin-top: var(--i2-theme-section-margin-tablet);
  }
}
@media screen and (max-width: 768px) {
  .path-frontpage .block-layout-builder .paragraph--type--quick-answer-recommendation,
  .path-frontpage .block-layout-builder .paragraph--type--why-choose-us,
  .path-frontpage .block-layout-builder .paragraph--type--product-show,
  .path-frontpage .block-layout-builder .paragraph--type--text-two-column,
  .path-frontpage .block-layout-builder .paragraph--type--section-paragraphs:not(:has(.section-breadcrumbs)),
  .path-frontpage .block-layout-builder .paragraph--type--card-list {
    margin-top: var(--i2-theme-section-margin-mobile);
  }
}

article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .product-series-list-item,
article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--award-card-swiper,
article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--product-wiki,
article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--card-list,
article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--text-two-column {
  margin-top: var(--i2-theme-section-margin-desktop);
}
@media screen and (max-width: 992px) {
  article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .product-series-list-item,
  article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--award-card-swiper,
  article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--product-wiki,
  article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--card-list,
  article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--text-two-column {
    margin-top: var(--i2-theme-section-margin-tablet);
  }
}
@media screen and (max-width: 768px) {
  article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .product-series-list-item,
  article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--award-card-swiper,
  article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--product-wiki,
  article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--card-list,
  article > .node__content > .layout.layout--onecol > .layout__region.layout__region--content > .block-field-blocknodepagefield-custom-section > div:not(:first-child) .paragraph--type--text-two-column {
    margin-top: var(--i2-theme-section-margin-mobile);
  }
}

.block-layout-builder .paragraph--type--section-paragraphs:has(.section-breadcrumbs) {
  margin-top: 20px;
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .block-layout-builder .paragraph--type--section-paragraphs:has(.section-breadcrumbs) {
    margin-bottom: 60px;
  }
}

.block-layout-builder .paragraph--type--text-two-column .paragraph--type--section-paragraphs,
.block-layout-builder .paragraph--type--text-two-column .paragraph--type--card-list {
  margin-top: 0;
}

.field--name-field-description {
  color: #353535;
  font-size: 20px;
  font-weight: var(--i2-theme-fontweight-regular);
  text-align: center;
  margin-top: 30px;
}

.field--name-field-animation-style {
  display: none;
}

.paragraph__column .field--name-field-html-content h2 {
  text-align: left;
}

a.btn {
  display: inline-block;
  width: 170px;
  height: 44px;
  line-height: 44px;
  padding: 0 30px;
  border-radius: 6px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFFEFE 35%, #ECC57D 95%);
  color: var(--i2-theme-color-blue);
  font-size: 20px;
  font-weight: var(--i2-theme-fontweight-medium);
  position: relative;
  overflow: hidden;
}
a.btn::before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 800%;
  transform: translate(0%, -100%) rotate(45deg);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
}
a.btn:hover {
  color: var(--i2-theme-color-blue);
}
a.btn:hover::before {
  -webkit-animation: slide 2s infinite;
  animation: slide 2s infinite;
}
a.btn.more::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 13px;
  margin-left: 8px;
  background: url(../images/decro/icon_arrow.svg) center no-repeat;
  background-size: contain;
}

article > .node__content > .layout.layout--onecol:last-child,
article .layout__region.layout__region--content .block-field-blocknodepagefield-custom-section > div:last-child {
  margin-bottom: var(--i2-theme-section-margin-desktop);
}
@media screen and (max-width: 992px) {
  article > .node__content > .layout.layout--onecol:last-child,
  article .layout__region.layout__region--content .block-field-blocknodepagefield-custom-section > div:last-child {
    margin-bottom: var(--i2-theme-section-margin-tablet);
  }
}
@media screen and (max-width: 768px) {
  article > .node__content > .layout.layout--onecol:last-child,
  article .layout__region.layout__region--content .block-field-blocknodepagefield-custom-section > div:last-child {
    margin-bottom: var(--i2-theme-section-margin-mobile);
  }
}

.section-breadcrumbs {
  font-size: 0;
}
.section-breadcrumbs .home {
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
}
.section-breadcrumbs .home::after {
  content: ">";
  display: inline-block;
  padding: 0 14px;
  text-align: center;
}
.section-breadcrumbs .current {
  color: var(--i2-theme-color-blue);
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
}

.block-system-breadcrumb-block {
  position: relative;
  margin: 20px auto var(--i2-theme-section-margin-desktop);
  max-width: var(--i2-theme-container);
  padding-left: var(--i2-container-padding);
  padding-right: var(--i2-container-padding);
}
.block-system-breadcrumb-block nav ol.breadcrumb {
  margin-bottom: 0;
}
.block-system-breadcrumb-block nav ol.breadcrumb li.breadcrumb-item a {
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
}
.block-system-breadcrumb-block nav ol.breadcrumb li.breadcrumb-item:last-child {
  color: var(--i2-theme-color-blue);
}
@media screen and (max-width: 992px) {
  .block-system-breadcrumb-block {
    margin: 20px auto var(--i2-theme-section-margin-tablet);
  }
}
@media screen and (max-width: 768px) {
  .block-system-breadcrumb-block {
    margin: 20px auto var(--i2-theme-section-margin-mobile);
  }
}

.page-breadcrumb-wrap {
  max-width: var(--i2-theme-container);
  margin: 20px auto 36px;
  padding: 0 var(--i2-container-padding);
}

body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube {
  width: 100%;
  max-width: 800px;
}
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .header-group {
  text-align: center;
  margin-bottom: 80px;
}
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .header-group h2 {
  display: inline-block;
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  font-size: 40px;
  line-height: 58px;
  font-weight: var(--i2-theme-fontweight-medium);
}
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .header-group h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  background-size: contain;
  margin: 5px auto 0;
}
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .header-group {
  margin-top: 50px;
}
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .field--name-field-youtube-video {
  position: relative;
  aspect-ratio: 800/500;
}
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .field--name-field-youtube-video figure, body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .field--name-field-youtube-video iframe {
  width: 100%;
  height: 100%;
}
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .field--name-bp-text {
  margin-top: 15px;
  text-align: left;
}
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .field--name-bp-text p {
  color: #353535;
  font-size: 16px;
  line-height: 32px;
  font-family: "Noto Sans HK";
  font-weight: var(--i2-theme-fontweight-regular);
}
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .field--name-bp-text p:last-child {
  margin-bottom: 0;
}
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .field--name-bp-text h3 {
  color: #000;
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 15px;
  font-family: "Noto Sans HK";
  font-weight: var(--i2-theme-fontweight-m);
}
body:not(.path-frontpage) .node__content > .layout:not(.banner-section) .paragraph.paragraph--type--youtube .field--name-bp-text a {
  color: var(--i2-theme-color-blue);
}

.paragraph--type--section-paragraphs .field--name-field-html-content h1 {
  font-size: 40px;
  line-height: 58px;
  color: var(--i2-theme-color-blue);
  font-weight: var(--i2-theme-fontweight-medium);
}
.paragraph--type--section-paragraphs .field--name-field-html-content h2 {
  font-size: 26px;
  line-height: 38px;
  font-weight: var(--i2-theme-fontweight-medium);
}
.paragraph--type--section-paragraphs .field--name-field-html-content h3 {
  font-size: 20px;
  line-height: 34px;
  font-weight: var(--i2-theme-fontweight-medium);
}
.paragraph--type--section-paragraphs .field--name-field-html-content h4 {
  font-size: 18px;
  line-height: 30px;
  font-weight: var(--i2-theme-fontweight-medium);
}
.paragraph--type--section-paragraphs .field--name-field-html-content h5 {
  font-size: 16px;
  line-height: 26px;
  font-weight: var(--i2-theme-fontweight-medium);
}
.paragraph--type--section-paragraphs .field--name-field-html-content h6 {
  font-size: 14px;
  line-height: 20px;
  font-weight: var(--i2-theme-fontweight-medium);
}
.paragraph--type--section-paragraphs .field--name-field-html-content ol,
.paragraph--type--section-paragraphs .field--name-field-html-content ul {
  margin: 0;
}
.paragraph--type--section-paragraphs .field--name-field-html-content ol:not(:has(+ h1)),
.paragraph--type--section-paragraphs .field--name-field-html-content ol:not(:has(+ h2)),
.paragraph--type--section-paragraphs .field--name-field-html-content ol:not(:has(+ h3)),
.paragraph--type--section-paragraphs .field--name-field-html-content ol:not(:has(+ h4)),
.paragraph--type--section-paragraphs .field--name-field-html-content ol:not(:has(+ h5)),
.paragraph--type--section-paragraphs .field--name-field-html-content ol:not(:has(+ h6)),
.paragraph--type--section-paragraphs .field--name-field-html-content ul:not(:has(+ h1)),
.paragraph--type--section-paragraphs .field--name-field-html-content ul:not(:has(+ h2)),
.paragraph--type--section-paragraphs .field--name-field-html-content ul:not(:has(+ h3)),
.paragraph--type--section-paragraphs .field--name-field-html-content ul:not(:has(+ h4)),
.paragraph--type--section-paragraphs .field--name-field-html-content ul:not(:has(+ h5)),
.paragraph--type--section-paragraphs .field--name-field-html-content ul:not(:has(+ h6)) {
  margin: 0 0 20px 0;
}
.paragraph--type--section-paragraphs .field--name-field-html-content h1:not(:first-child),
.paragraph--type--section-paragraphs .field--name-field-html-content h2:not(:first-child),
.paragraph--type--section-paragraphs .field--name-field-html-content h3:not(:first-child),
.paragraph--type--section-paragraphs .field--name-field-html-content h4:not(:first-child),
.paragraph--type--section-paragraphs .field--name-field-html-content h5:not(:first-child),
.paragraph--type--section-paragraphs .field--name-field-html-content h6:not(:first-child) {
  margin-top: 50px;
}
.paragraph--type--section-paragraphs .field--name-field-html-content p:has(+ h1),
.paragraph--type--section-paragraphs .field--name-field-html-content p:has(+ h2),
.paragraph--type--section-paragraphs .field--name-field-html-content p:has(+ h3),
.paragraph--type--section-paragraphs .field--name-field-html-content p:has(+ h4),
.paragraph--type--section-paragraphs .field--name-field-html-content p:has(+ h5),
.paragraph--type--section-paragraphs .field--name-field-html-content p:has(+ h6) {
  margin-bottom: 0;
}

.page-node-674 article {
  max-width: 1248px;
  margin: 0 auto;
}
.page-node-674 article .paragraph--type--section-paragraphs .field--name-field-html-content li, .page-node-674 article .paragraph--type--section-paragraphs .field--name-field-html-content p {
  line-height: 32px;
}

/* User login page */
.page-route-user-login main .container-fluid > .row > .col-12 {
  display: flex;
  justify-content: center;
}
.page-route-user-login main .region-content {
  width: 100%;
  max-width: 800px;
}
.page-route-user-login main #block-i2-theme-local-tasks .nav-tabs {
  justify-content: center;
  border-bottom: 1px solid #dee2e6;
}
.page-route-user-login main .user-login-form {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 60px;
}
.page-route-user-login main .user-login-form .js-form-item {
  margin-bottom: 20px;
}
.page-route-user-login main .user-login-form .js-form-item label {
  display: block;
  font-weight: var(--i2-theme-fontweight-medium);
  color: var(--i2-theme-color-blue);
  margin-bottom: 8px;
  font-size: 16px;
}
.page-route-user-login main .user-login-form .js-form-item input[type=text],
.page-route-user-login main .user-login-form .js-form-item input[type=password],
.page-route-user-login main .user-login-form .js-form-item input.form-text {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  font-size: 16px;
  transition: border-color 0.2s ease;
}
.page-route-user-login main .user-login-form .js-form-item input[type=text]:focus,
.page-route-user-login main .user-login-form .js-form-item input[type=password]:focus,
.page-route-user-login main .user-login-form .js-form-item input.form-text:focus {
  border-color: var(--i2-theme-color-light-blue);
  outline: none;
  box-shadow: 0 0 0 3px rgba(2, 126, 193, 0.15);
}
.page-route-user-login main .user-login-form .description {
  font-size: 14px;
  color: #6c757d;
  margin-top: 4px;
}
.page-route-user-login main .user-login-form #edit-actions {
  margin-top: 24px;
}
.page-route-user-login main .user-login-form #edit-actions .form-submit {
  width: 100%;
  height: 48px;
  border: none;
  border-radius: 6px;
  background: var(--i2-theme-color-blue);
  color: #fff;
  font-size: 18px;
  font-weight: var(--i2-theme-fontweight-medium);
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.page-route-user-login main .user-login-form #edit-actions .form-submit:hover {
  background: var(--i2-theme-color-light-blue);
}
@media screen and (max-width: 767px) {
  .page-route-user-login main .user-login-form {
    padding: 30px 24px;
  }
}

.paragraph--type--card-list .field--name-field-section-style {
  display: none !important;
}

.field--name-field-html-content ol:last-child, .field--name-field-html-content li:last-child {
  margin-bottom: 0;
}
.field--name-field-html-content li {
  color: #353535;
  font-size: 16px;
  line-height: 32px;
  font-family: "Noto Sans HK";
  font-weight: var(--i2-theme-fontweight-regular);
}
.field--name-field-html-content ul > li {
  list-style: none;
}
.field--name-field-html-content ul > li::before {
  content: "";
  display: inline-block;
  margin-right: 12px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #4890F2;
}

.paragraph--type--fancybox-image .header-group {
  text-align: center;
  margin-bottom: 80px;
}
.paragraph--type--fancybox-image .header-group h2 {
  display: inline-block;
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  font-size: 40px;
  line-height: 58px;
  font-weight: var(--i2-theme-fontweight-medium);
}
.paragraph--type--fancybox-image .header-group h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  background-size: contain;
  margin: 5px auto 0;
}
.paragraph--type--fancybox-image .field--name-field-bp-image {
  text-align: center;
}
.paragraph--type--fancybox-image .field--name-field-bp-image a {
  display: inline-block;
  width: auto;
  max-width: 800px;
}
.paragraph--type--fancybox-image .field--name-field-bp-image a img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  aspect-ratio: 800/500;
  object-fit: cover;
}
.paragraph--type--fancybox-image .field--name-field-html-content p {
  color: #353535;
  font-size: 16px;
  line-height: 32px;
  font-family: "Noto Sans HK";
  font-weight: var(--i2-theme-fontweight-regular);
}
.paragraph--type--fancybox-image .field--name-field-html-content p:last-child {
  margin-bottom: 0;
}
.paragraph--type--fancybox-image .field--name-field-html-content h3 {
  color: #000;
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 15px;
  font-family: "Noto Sans HK";
  font-weight: var(--i2-theme-fontweight-m);
}
.paragraph--type--fancybox-image .field--name-field-html-content a {
  color: var(--i2-theme-color-blue);
}

.paragraph.paragraph--type--brand-logo-paragraphs {
  display: block;
  width: auto;
}
.paragraph.paragraph--type--brand-logo-paragraphs > .paragraph__column {
  display: inline-block;
  padding: 0;
  position: relative;
}
.paragraph.paragraph--type--brand-logo-paragraphs > .paragraph__column img {
  display: block;
  max-width: none;
  height: auto;
}
.paragraph.paragraph--type--brand-logo-paragraphs .field--name-field-bp-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.paragraph.paragraph--type--brand-logo-paragraphs .field--name-field-bp-link a {
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  display: block;
}

@keyframes slide {
  0% {
    -webkit-transform: translate(0%, -100%) rotate(45deg);
    transform: translate(0%, -100%) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 0.75;
  }
  100% {
    -webkit-transform: translate(0%, 50%) rotate(45deg);
    transform: translate(0%, 50%) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes slide-bg {
  0% {
    background-position: 0 0, -220% 0;
  }
  100% {
    background-position: 0 0, 220% 0;
  }
}
@keyframes slide-bg {
  0% {
    background-position: 0 0, -220% 0;
  }
  100% {
    background-position: 0 0, 220% 0;
  }
}
#block-i2-theme-headerwebsearch {
  position: relative;
  z-index: 7;
}
#block-i2-theme-headerwebsearch > .content,
#block-i2-theme-headerwebsearch .clearfix,
#block-i2-theme-headerwebsearch .text-formatted,
#block-i2-theme-headerwebsearch .header-web-search {
  position: relative;
  z-index: 7;
}
#block-i2-theme-headerwebsearch .contextual {
  z-index: 2;
}
#block-i2-theme-headerwebsearch .contextual .trigger {
  top: -12px;
  right: -12px;
}

body {
  --i2-header-logo-padding-left: 80px;
  --i2-header-nav-margin-left: 50px;
  --i2-header-nav-gap: 35px;
  --i2-header-nav-font-size: 18px;
  --i2-header-right-offset: 80px;
  --i2-header-cta-padding-x: 25px;
  --i2-header-cta-font-size: 16px;
}

@media (min-width: 769px) {
  body.toolbar-fixed.toolbar-vertical.toolbar-tray-open {
    --i2-header-logo-padding-left: 40px;
    --i2-header-nav-margin-left: 24px;
    --i2-header-nav-gap: 16px;
    --i2-header-nav-font-size: 16px;
    --i2-header-right-offset: 24px;
    --i2-header-cta-padding-x: 16px;
    --i2-header-cta-font-size: 14px;
  }
}
header {
  overflow-x: clip;
}
header > .header-pc {
  position: relative;
  z-index: 2;
}
header.site-header {
  width: 100%;
  position: relative;
  height: 100px;
  z-index: 2;
}
header.site-header::before {
  width: 100%;
  height: 133px;
  position: absolute;
  z-index: 1;
  content: "";
  display: block;
  top: 10px;
  left: 0;
  background: url("../images/decro/nav_decro.svg") no-repeat center top;
  background-size: 100% 100%;
}
header .header-section {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  height: 100px;
  background: linear-gradient(90deg, #053784 35%, #027EC1 100%);
}
header .region-header-left,
header .region-header-middle,
header .region-header-right {
  width: fit-content;
  display: flex;
}
header .logo-section {
  width: fit-content;
  height: 109px;
  padding-top: 12px;
  padding-left: var(--i2-header-logo-padding-left);
}
header .logo-section img {
  aspect-ratio: 170/109;
  max-width: 170px;
}
header ul.navbar-nav {
  display: flex;
  flex-direction: row;
}
header .language-switcher-language-url {
  width: fit-content;
  margin-left: 32px;
  display: none;
}
header .language-switcher-language-url ul {
  display: flex;
  flex-direction: row;
}
header .language-switcher-language-url ul li {
  display: none;
}
header .language-switcher-language-url ul li.is-active {
  display: block;
}
header .language-switcher-language-url ul li a {
  color: #FFF;
  font-weight: var(--i2-theme-fontweight-regular);
}
header .language-switcher-language-url ul li a::before {
  background: url("../images/decro/icon_lang.svg") no-repeat center;
  width: 24px;
  height: 24px;
  content: "";
  display: block;
  float: left;
  margin-right: 8px;
}
header .language-switcher-language-url ul:not(:has(.is-active)) li:nth-child(2) {
  display: block;
}
header .region-header-middle {
  margin-top: 37px;
  margin-left: var(--i2-header-nav-margin-left);
  min-width: 0;
  flex: 1 1 auto;
}
header .region-header-middle nav {
  min-width: 0;
}
header .region-header-middle nav ul.navbar-nav {
  gap: var(--i2-header-nav-gap);
}
header .region-header-middle nav ul.navbar-nav li.nav-item a {
  color: #FFF;
  font-family: "Noto Sans HK";
  font-size: var(--i2-header-nav-font-size);
  font-weight: var(--i2-theme-fontweight-regular);
  padding: 0;
}
header .region-header-middle nav ul.navbar-nav li.nav-item a:hover {
  color: #FFC965;
}
header .region-header-right {
  position: absolute;
  right: var(--i2-header-right-offset);
  top: 29px;
  height: 42px;
  align-items: center;
}
header .region-header-right .header-right-side ul li {
  flex: 0 0 auto;
}
header .region-header-right .header-web-search {
  display: flex;
  align-items: center;
}
header .region-header-right .header-web-search span {
  display: inline-block;
  height: 22px;
  width: 1px;
  text-indent: -9999px;
  margin-left: 15px;
  margin-right: 15px;
}
header .region-header-right .header-web-search a {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  flex: 0 0 24px;
  background-image: url("../images/decro/icon_search.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  line-height: 0;
  vertical-align: top;
  transition: opacity 0.2s ease;
}
header .region-header-right .header-web-search a:hover {
  opacity: 0.8;
}
header .region-header-right .header-web-search a:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: 2px;
  border-radius: 2px;
}
header .region-header-right .header-web-search a .visually-hidden {
  pointer-events: none;
}
header .btn-get-trial-pack {
  display: block;
  border-radius: 6px;
  padding: 0 var(--i2-header-cta-padding-x);
  height: 42px;
  line-height: 42px;
  border-radius: 6px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFFEFE 35%, #ECC57D 95%);
  color: #0F448D;
  font-family: "Noto Sans HK";
  font-size: var(--i2-header-cta-font-size);
  font-weight: var(--i2-theme-fontweight-medium);
  position: relative;
  overflow: hidden;
}
header .btn-get-trial-pack::before {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 800%;
  transform: translate(0%, -100%) rotate(45deg);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
}
header .btn-get-trial-pack:hover::before {
  -webkit-animation: slide 2s infinite;
  animation: slide 2s infinite;
}
header .btn-online-shop {
  display: block;
  border-radius: 6px;
  padding: 0 var(--i2-header-cta-padding-x);
  height: 42px;
  line-height: 42px;
  border-radius: 6px;
  background: #BDECFF;
  color: #0F448D;
  font-family: "Noto Sans HK";
  font-size: var(--i2-header-cta-font-size);
  font-weight: 500;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
header .btn-online-shop:hover {
  background: #87DCFF;
}
header .header-right-side ul {
  flex-direction: row;
  display: flex;
  gap: 10px;
}
header .navbar-toggler {
  border: 0;
  border-radius: 0;
}
header .navbar-toggler-icon {
  background-image: url("../images/decro/icon_nav.svg");
}
header .region-nav-main ul.navbar-nav {
  margin-top: 50px;
  flex-direction: column;
  row-gap: 30px;
  margin-bottom: 100px;
}
header .region-nav-main ul.navbar-nav li a {
  color: #0F448D;
  font-size: 24px;
  text-align: center;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 35px;
}
@media (max-width: 400px) {
  header .region-nav-main ul.navbar-nav {
    margin-top: 30px;
    row-gap: 15px;
    margin-bottom: 60px;
  }
  header .region-nav-main ul.navbar-nav li a {
    font-size: 20px;
    line-height: 30px;
  }
}
header .region-nav-main .header-right-side ul {
  flex-direction: column;
  row-gap: 20px;
}
header .region-nav-main .header-right-side ul li {
  width: 100%;
}
header .region-nav-main .header-right-side ul li a {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
}

@media (min-width: 769px) {
  body.toolbar-fixed.toolbar-vertical.toolbar-tray-open header .header-section {
    flex-wrap: nowrap;
  }
  body.toolbar-fixed.toolbar-vertical.toolbar-tray-open header .region-header-middle nav ul.navbar-nav {
    flex-wrap: nowrap !important;
    white-space: nowrap;
    gap: 8px;
  }
  body.toolbar-fixed.toolbar-vertical.toolbar-tray-open header .region-header-right .header-right-side ul {
    gap: 8px;
  }
}
@media (max-width: 1500px) {
  header .logo-section {
    padding-left: min(var(--i2-header-logo-padding-left), 50px);
  }
  header .region-header-middle nav ul.navbar-nav {
    gap: min(var(--i2-header-nav-gap), 15px);
  }
  header .region-header-right {
    right: min(var(--i2-header-right-offset), 30px);
  }
}
@media (max-width: 1300px) {
  header.site-header {
    height: 100px;
  }
  header .logo-section {
    padding-left: min(var(--i2-header-logo-padding-left), 20px);
  }
  header .region-header-middle {
    margin-top: 66px;
    margin-left: var(--i2-header-nav-margin-left);
    margin-right: 20px;
  }
  header .region-header-middle nav ul.navbar-nav {
    gap: min(var(--i2-header-nav-gap), 30px);
  }
  header .region-header-right {
    right: min(var(--i2-header-right-offset), 20px);
    top: 12px;
  }
  header .btn-get-trial-pack,
  header .btn-online-shop {
    height: 36px;
    line-height: 36px;
  }
}
@media (max-width: 992px) {
  header .region-header-middle nav ul.navbar-nav li.nav-item a {
    font-size: 16px;
  }
  header .region-header-middle nav ul.navbar-nav {
    gap: 15px;
  }
}
@media (max-width: 800px) {
  header .region-header-middle nav ul.navbar-nav {
    gap: 10px;
  }
}
@media (max-width: 768px) {
  body {
    --i2-admin-toolbar-offset: 0px;
  }
  body.user-logged-in {
    --i2-admin-toolbar-offset: 39px;
  }
  header.site-header {
    height: 57px;
  }
  header.site-header::before {
    width: 1091px;
    height: 76px;
    top: 5px;
  }
  header .btn-get-trial-pack::before {
    display: none;
  }
  header .header-section {
    height: 57px;
  }
  header .region-header-middle,
  header .region-header-right {
    display: none;
  }
  header .logo-section img {
    max-width: 120px;
    aspect-ratio: 120/77;
  }
  header .logo-section {
    padding-top: 9px;
    padding-left: 15px;
  }
  header nav.navbar {
    margin-top: -57px;
    z-index: 2;
  }
  header nav.navbar > .container {
    max-width: 100%;
    justify-content: right;
  }
  header nav.navbar ul.navbar-nav li a {
    width: fit-content;
    margin: 0 auto;
  }
  header nav.navbar #navbarSupportedContent.offcanvas {
    --bs-offcanvas-width: 100vw;
    width: 100vw;
    max-width: 100vw;
    border-left: 0;
    top: var(--i2-admin-toolbar-offset, 0px);
    background: linear-gradient(90deg, #053784 35%, #027EC1 100%);
    height: calc(100dvh - var(--i2-admin-toolbar-offset, 0px));
    overflow: hidden;
    overflow-x: hidden;
    color: #FFF;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body {
    padding: 0;
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-top-tools {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 16px 0 0 24px;
    margin-right: 56px;
    flex: 0 0 auto;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-top-tools .language-switcher-language-url {
    width: auto;
    margin: 0;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-top-tools .language-switcher-language-url .dropdown-toggle {
    padding: 0;
    border: 0;
    background: transparent;
    color: #FFF;
    display: flex;
    align-items: center;
    line-height: 1;
    font-size: 20px;
    font-weight: var(--i2-theme-fontweight-regular);
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-top-tools .language-switcher-language-url .dropdown-toggle::before {
    background: url("../images/decro/icon_lang.svg") no-repeat center;
    width: 30px;
    height: 30px;
    content: "";
    display: inline-block;
    margin-right: 10px;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-top-tools .language-switcher-language-url .dropdown-toggle::after {
    display: none;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-top-tools .language-switcher-language-url .lang-dropdown-arrow {
    display: none;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-top-tools .header-web-search {
    display: flex;
    align-items: center;
    margin: 0;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-top-tools .header-web-search span {
    display: none;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-top-tools .header-web-search a {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    flex: 0 0 24px;
    background-image: url("../images/decro/icon_search.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 0;
    vertical-align: top;
    transition: opacity 0.2s ease;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body .region-nav-main {
    width: 100%;
    max-width: 100%;
    flex: 1 0 auto;
    overflow: visible;
    padding-bottom: 50px;
  }
  header nav.navbar #navbarSupportedContent.offcanvas.offcanvas-search-inline-active .offcanvas-body .region-nav-main {
    pointer-events: none;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-inline {
    display: none;
    flex: 0 0 auto;
    width: 100%;
    padding: 8px 15px 12px;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-inline.is-active {
    display: block;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-input-wrap {
    position: relative;
    width: 100%;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-inline-input {
    width: 100%;
    height: 44px;
    border: 0;
    border-radius: 999px;
    background: #fff url("../images/decro/icon_search_input.svg") no-repeat left 14px center;
    background-size: 30px 30px;
    color: #353535;
    font-family: "Noto Sans HK";
    font-size: 20px;
    font-weight: var(--i2-theme-fontweight-regular);
    line-height: normal;
    padding: 0 56px 0 65px;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-inline-input::placeholder {
    color: #353535;
    font-size: 20px;
    font-weight: var(--i2-theme-fontweight-regular);
    opacity: 1;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-inline-input::-webkit-search-decoration,
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-inline-input::-webkit-search-cancel-button,
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-inline-input::-webkit-search-results-button,
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-inline-input::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none;
    display: none;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-inline-clear {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: #9aa0a6;
    font-size: 26px;
    line-height: 1;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-input-wrap.has-value .offcanvas-search-inline-clear {
    display: inline-flex;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-search-inline-clear:hover {
    color: #6b7280;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body .region-nav-main > * {
    padding-left: 24px;
    padding-right: 24px;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body::after {
    content: "";
    display: block;
    margin-top: auto;
    padding-top: 68px;
    box-sizing: content-box;
    width: 100%;
    height: 68px;
    background: url("../images/decro/offcanvas_bottom_wave.svg") no-repeat left bottom;
    background-size: 100% 68px;
    pointer-events: none;
  }
  header nav.navbar #navbarSupportedContent.offcanvas > .btn-close {
    position: absolute;
    top: 16px;
    right: 16px;
    left: auto;
    z-index: 5;
    width: 26px;
    height: 26px;
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url("../images/decro/offcanvas_close_icon.svg") no-repeat center !important;
    background-size: 26px 26px !important;
    opacity: 1;
    filter: none;
  }
  header nav.navbar #navbarSupportedContent.offcanvas > .btn-close:hover {
    opacity: 1;
  }
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body,
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body .menu-section,
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body .menu-section *,
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body .dropdown-toggle,
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body .dropdown-toggle-submenu,
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body .submenu-parent-link,
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body .dropdown-item,
  header nav.navbar #navbarSupportedContent.offcanvas .offcanvas-body .nav-link,
  header nav.navbar #navbarSupportedContent.offcanvas #block-i2-theme-languageswitcher-2,
  header nav.navbar #navbarSupportedContent.offcanvas #block-i2-theme-languageswitcher-2 * {
    color: #FFF;
  }
  header nav.navbar #navbarSupportedContent.offcanvas #block-i2-theme-main-navigation .navbar-nav .nav-link,
  header nav.navbar #navbarSupportedContent.offcanvas #block-i2-theme-main-navigation .navbar-nav .dropdown-item {
    color: #FFF;
    font-family: "Noto Sans HK";
    font-size: 24px;
    font-weight: var(--i2-theme-fontweight-regular);
    line-height: 1.35;
    transition: color 0.2s ease;
  }
  header nav.navbar #navbarSupportedContent.offcanvas #block-i2-theme-main-navigation .navbar-nav .nav-link:hover, header nav.navbar #navbarSupportedContent.offcanvas #block-i2-theme-main-navigation .navbar-nav .nav-link:focus, header nav.navbar #navbarSupportedContent.offcanvas #block-i2-theme-main-navigation .navbar-nav .nav-link.is-active,
  header nav.navbar #navbarSupportedContent.offcanvas #block-i2-theme-main-navigation .navbar-nav .dropdown-item:hover,
  header nav.navbar #navbarSupportedContent.offcanvas #block-i2-theme-main-navigation .navbar-nav .dropdown-item:focus,
  header nav.navbar #navbarSupportedContent.offcanvas #block-i2-theme-main-navigation .navbar-nav .dropdown-item.is-active {
    color: #FFC965;
  }
}
@media (min-width: 769px) {
  .navbar-toggler {
    display: none;
  }
  header #navbarSupportedContent {
    display: none !important;
  }
}
footer {
  background: linear-gradient(90deg, #053784 45%, #027EC1 100%);
  padding-top: 0;
}
footer .footer-main {
  max-width: var(--i2-theme-container);
  padding: 40px var(--i2-container-padding) 30px var(--i2-container-padding);
  margin: 0 auto;
  display: flex;
  gap: 80px;
  align-items: flex-start;
  justify-content: space-between;
}
footer .footer-left {
  flex: 1 1 300px;
}
footer .footer-left .block-block-content38268121-5198-4cb0-b771-d7967b00cee3 {
  display: flex;
  flex-direction: row;
  gap: 50px;
}
footer .footer-right {
  display: flex;
  flex-direction: column;
  gap: 50px;
  flex: 1 1 auto;
  max-width: 802px;
}
footer .footer-right-row {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}
footer .region-footer-right-row1 {
  width: 100%;
  max-width: 802px;
  flex-direction: row;
  display: flex;
  gap: 40px;
  justify-content: space-between;
}
footer .region-footer-right-row1 > .block {
  flex: 1 1 0;
  min-width: 0;
}
footer .region-footer-right-row1 .block-block-content0cd8bc4c-8d17-4020-9f4b-1d35a6a35906 {
  width: 100%;
  min-width: 0;
}
footer .region-footer-right-row1 .product-collection-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
footer .region-footer-right-row1 .product-collection-wrapper section.product-collection {
  width: auto;
  min-width: 0;
}
footer .region-footer-right-row2 {
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 60px;
  justify-content: space-between;
}
footer .region-footer-right-row2 .block-block-content4cee047b-6bf9-45e8-aa91-6d1cb6b31471 {
  width: fit-content;
  margin-left: auto;
}
footer section.about-us div {
  width: 100%;
  max-width: 232px;
}
footer section.about-us h2,
footer section.product-collection h2,
footer section.contact-us h2 {
  color: #FFF;
  font-family: "Noto Sans HK";
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 10px;
}
footer section.about-us a, footer section.about-us div,
footer section.product-collection a,
footer section.product-collection div,
footer section.contact-us a,
footer section.contact-us div {
  color: #FFF;
  font-family: "Noto Sans HK";
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}
footer section.about-us a:hover,
footer section.product-collection a:hover,
footer section.contact-us a:hover {
  color: #FFC965;
}
footer .social-media {
  display: flex;
  gap: 16px;
  align-items: center;
}
footer .social-media ul {
  display: flex;
  flex-direction: row;
  gap: 22px;
}
footer .social-media a {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  text-indent: -9999px;
}
footer .social-media a.media-facebook::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/decro/icon_facebook.svg") no-repeat center;
  background-size: cover;
}
footer .social-media a.media-instagram::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/decro/icon_instagram.svg") no-repeat center;
  background-size: cover;
}
footer .social-media a.media-youtube::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 15px;
  background: url("../images/decro/icon_youtube.svg") no-repeat center;
  background-size: cover;
}
footer .social-media a.media-whatsapp::before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url("../images/decro/icon_whatsapp.svg") no-repeat center;
  background-size: cover;
}
footer .social-media a:hover {
  transform: translateY(-2px);
}
footer section.newsletter {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
}
footer section.newsletter .newsletter-label {
  color: #FFF;
  font-family: "Noto Sans HK";
  font-size: 18px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 28px;
}
footer section.newsletter input[type=email] {
  padding: 10px 16px;
  border: none;
  border-radius: 4px;
  font-family: "Noto Sans HK";
  color: #000;
  font-size: 15px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 28px;
  width: 311px;
  height: 40px;
  background: #DEF1FF;
}
footer section.newsletter input[type=email]:focus {
  outline: 2px solid rgba(255, 255, 255, 0.5);
}
footer section.newsletter input[type=email]::placeholder {
  color: #000;
}
footer section.newsletter button {
  appearance: none;
  border-radius: 0 6px 6px 0;
  background: #ECC57D;
  width: 71px;
  height: 40px;
  line-height: 40px;
  border: none;
  color: #000;
  font-family: "Noto Sans HK";
  font-size: 14px;
  font-weight: var(--i2-fontweight-regular);
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: 0;
}
footer section.newsletter button:hover {
  background: #FFBE44;
}
footer .footer-bottom {
  max-width: var(--i2-theme-container);
  padding: 0 var(--i2-container-padding);
  margin: 0 auto;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
footer .footer-bottom::before {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
  background: #FFF;
}
footer .footer-bottom .region-footer-bottom {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
footer .footer-bottom .copyright {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Noto Sans HK";
  font-size: 14px;
  font-weight: var(--i2-theme-fontweight-regular);
}
footer .footer-bottom .block-block-contentd1ddd4ce-e859-46f3-998f-fb531278901d {
  margin-left: auto;
}
footer .footer-bottom section.terms﹣conditions ul {
  display: flex;
  flex-direction: row;
  gap: 20px;
}
footer .footer-bottom section.terms﹣conditions ul a {
  color: #FFF;
  font-family: "Noto Sans HK";
  font-weight: var(--i2-theme-fontweight-regular);
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
footer .footer-bottom section.terms﹣conditions ul a:hover {
  color: #FFC965;
}

@media (min-width: 1024px) {
  footer .region-footer-right-row1 {
    display: grid;
    grid-template-columns: minmax(180px, 232px) minmax(20px, 70px) minmax(220px, 284px) minmax(24px, 96px) minmax(90px, 120px);
    justify-content: start;
    gap: 0;
    align-items: flex-start;
  }
  footer .region-footer-right-row1 > .block {
    width: auto;
    max-width: none;
    margin: 0;
    min-width: 0;
  }
  footer .region-footer-right-row1 .block-block-content4bd6e5f9-74ce-42a7-a590-4d7a89c087f5 {
    grid-column: 1;
    width: 100%;
    max-width: 232px;
  }
  footer .region-footer-right-row1 .block-block-content0cd8bc4c-8d17-4020-9f4b-1d35a6a35906 {
    grid-column: 3;
    width: 100%;
    max-width: 284px;
  }
  footer .region-footer-right-row1 .block-block-content0a237a52-e2f0-4229-a0ca-c6de02eee4f3 {
    grid-column: 5;
    width: 100%;
    max-width: 120px;
  }
}
@media (min-width: 1400px) {
  footer .region-footer-right-row1 {
    grid-template-columns: 232px 70px 284px 96px 120px;
  }
  footer .region-footer-right-row1 .block-block-content4bd6e5f9-74ce-42a7-a590-4d7a89c087f5 {
    width: 232px;
    max-width: 232px;
  }
  footer .region-footer-right-row1 .block-block-content0cd8bc4c-8d17-4020-9f4b-1d35a6a35906 {
    width: 284px;
    max-width: 284px;
  }
  footer .region-footer-right-row1 .block-block-content0a237a52-e2f0-4229-a0ca-c6de02eee4f3 {
    width: 120px;
    max-width: 120px;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  footer .region-footer-right-row1 .block-block-content0cd8bc4c-8d17-4020-9f4b-1d35a6a35906 {
    min-width: 220px;
  }
}
@media (max-width: 1100px) {
  footer .footer-main {
    gap: 50px;
  }
  footer .footer-left {
    width: 100%;
  }
  footer .footer-right {
    width: 100%;
  }
  footer .region-footer-right-row2 {
    align-items: flex-start;
    flex-direction: column;
    gap: 20px;
    justify-content: flex-start;
  }
}
@media (max-width: 1023px) {
  footer .footer-main {
    flex-direction: column;
  }
  footer .footer-left {
    flex: 1;
  }
  footer .footer-right {
    width: 100%;
  }
  footer .region-footer-right-row2 .block-block-content4cee047b-6bf9-45e8-aa91-6d1cb6b31471 {
    margin-left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  footer .region-footer-right-row1 {
    display: grid;
    grid-template-columns: minmax(240px, 284px) minmax(32px, 96px) minmax(100px, 120px) 1fr;
    column-gap: 0;
    row-gap: 20px;
    align-items: flex-start;
    width: 100%;
    max-width: none;
  }
  footer .region-footer-right-row1 > .block {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
  }
  footer .region-footer-right-row1 .block-block-content4bd6e5f9-74ce-42a7-a590-4d7a89c087f5 {
    grid-column: 1/-1;
  }
  footer .region-footer-right-row1 .block-block-content4bd6e5f9-74ce-42a7-a590-4d7a89c087f5 section.about-us > div {
    width: 100%;
    max-width: none;
  }
  footer .region-footer-right-row1 .block-block-content0cd8bc4c-8d17-4020-9f4b-1d35a6a35906 {
    grid-column: 1;
    width: 100%;
    min-width: 240px;
    max-width: 284px;
  }
  footer .region-footer-right-row1 .block-block-content0a237a52-e2f0-4229-a0ca-c6de02eee4f3 {
    grid-column: 3;
    width: 100%;
    min-width: 100px;
    max-width: 120px;
  }
  footer .region-footer-right-row1 .product-collection-wrapper {
    justify-content: flex-start;
    gap: clamp(28px, 5vw, 56px);
  }
}
@media (max-width: 767px) {
  footer .region-footer-right-row1 {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  footer .region-footer-right-row1 .block-block-content4bd6e5f9-74ce-42a7-a590-4d7a89c087f5,
  footer .region-footer-right-row1 .block-block-content0cd8bc4c-8d17-4020-9f4b-1d35a6a35906,
  footer .region-footer-right-row1 .block-block-content0a237a52-e2f0-4229-a0ca-c6de02eee4f3 {
    grid-column: 1;
  }
  footer .region-footer-right-row1 .block-block-content0cd8bc4c-8d17-4020-9f4b-1d35a6a35906 .product-collection-wrapper {
    justify-content: flex-start;
    gap: 100px;
  }
  footer .block-block-content56872bf0-1b92-4e6e-86a7-930b40a3547a {
    width: 100%;
  }
  footer section.newsletter {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  footer section.newsletter .newsletter-label {
    font-size: 16px;
  }
  footer section.newsletter .newsletter-input {
    width: 100%;
  }
  footer section.newsletter input[type=email] {
    width: 100%;
  }
  footer section.newsletter button {
    position: static;
    width: 100%;
    border-radius: 4px;
    text-align: center;
  }
  footer section.about-us > div {
    width: 100%;
    max-width: unset;
  }
  footer .footer-bottom .region-footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  footer .footer-bottom .block-block-contentd1ddd4ce-e859-46f3-998f-fb531278901d {
    margin-left: 0;
  }
}
@media (max-width: 550px) {
  footer .region-footer-right-row1 .block-block-content0cd8bc4c-8d17-4020-9f4b-1d35a6a35906 {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}
.banner-section {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.banner-image-swiper {
  width: 100%;
  position: relative;
}
.banner-image-swiper .swiper-slide picture {
  width: 100%;
  display: block;
}
.banner-image-swiper .swiper-slide img {
  width: 100%;
  aspect-ratio: 1920/793;
  object-fit: cover;
  display: block;
}
.banner-image-swiper .swiper-slide a {
  display: block;
}
.banner-image-swiper .swiper-pagination {
  position: absolute !important;
  bottom: 27px !important;
  margin-top: 0 !important;
  padding: 0 !important;
}
.banner-image-swiper .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 4px;
  opacity: 1 !important;
  border-radius: 8px;
  background: transparent !important;
  border: 1px solid #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.banner-image-swiper .swiper-pagination-bullet-active {
  background: #FFF !important;
  border: 1px solid #FFF;
}

.banner-video-area {
  width: 100%;
  max-width: 960px;
  margin: var(--i2-theme-section-margin-desktop) auto 0;
  padding-left: var(--i2-container-padding);
  padding-right: var(--i2-container-padding);
  position: relative;
  box-sizing: border-box;
}
.banner-video-area.banner-video-hidden {
  display: none;
}
@media screen and (max-width: 992px) {
  .banner-video-area {
    margin: var(--i2-theme-section-margin-tablet) auto 0;
  }
}
@media screen and (max-width: 768px) {
  .banner-video-area {
    margin: var(--i2-theme-section-margin-mobile) auto 0;
  }
}

.banner-video-title-bar {
  width: 100%;
  max-width: 430px;
  height: 44px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  gap: 8px;
  background: linear-gradient(90deg, rgba(236, 197, 125, 0) 0%, #ECC57D 13.94%, #FFFEFE 35%, #ECC57D 90.87%, rgba(236, 197, 125, 0) 100%);
}
.banner-video-title-bar .video-title-icon img {
  width: 26px;
  height: 26px;
}
.banner-video-title-bar .video-title-text {
  color: #0F448D;
  font-family: "Noto Sans HK";
  font-size: 22px;
  font-weight: var(--i2-theme-fontweight-medium);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.banner-video-title-bar.hidden {
  display: none;
}

.banner-video-area .swiper-button-prev,
.banner-video-area .swiper-button-next {
  top: calc(50% + 22px) !important;
}

.banner-video-swiper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
}
.banner-video-swiper .swiper-slide {
  max-width: 100%;
}
.banner-video-swiper .banner-video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  background: #000;
}
.banner-video-swiper .banner-video-wrapper iframe,
.banner-video-swiper .banner-video-wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

@media screen and (min-width: 992px) {
  .banner-video-title-bar {
    margin-left: 70px;
  }
  .banner-image-swiper .swiper-button-next {
    right: 30px !important;
  }
  .banner-image-swiper .swiper-button-prev {
    left: 30px !important;
  }
  .banner-video-area .swiper-button-prev {
    left: calc((100% - 800px) / 2 - 60px) !important;
  }
  .banner-video-area .swiper-button-next {
    right: calc((100% - 800px) / 2 - 60px) !important;
  }
}
@media screen and (max-width: 991px) {
  .banner-video-area .swiper-button-prev {
    left: 20px !important;
  }
  .banner-video-area .swiper-button-next {
    right: 20px !important;
  }
}
@media screen and (max-width: 991px) {
  .banner-image-swiper .swiper-slide img {
    aspect-ratio: 16/9;
  }
}
@media screen and (max-width: 768px) {
  .banner-image-swiper .swiper-slide img {
    aspect-ratio: 580/750;
  }
  .banner-video-title-bar .video-title-text {
    font-size: 18px;
  }
}
.site-header {
  position: relative;
  z-index: 2;
}

main[role=main] {
  position: relative;
  background: #fff;
  overflow: hidden;
}
main[role=main] > .container-fluid {
  position: relative;
  z-index: 1;
}

footer[role=contentinfo] {
  position: relative;
  z-index: 0;
}

.page-bg-layer {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 0;
  pointer-events: none;
}
.page-bg-layer--1 {
  top: var(--banner-offset, 0px);
  height: 1500px;
  background: url("../images/bg/home_bg_1.jpg") white 50% 0/100% auto no-repeat;
  background-position: top;
}
.page-bg-layer--2 {
  top: calc(var(--banner-offset, 0px) + 1500px);
  height: 1635px;
  background: url("../images/bg/home_bg_2.jpg") #FFFFFF no-repeat;
  background-size: 100% auto;
  background-position: top;
}
.page-bg-layer--normal {
  top: var(--banner-offset, 0px);
  bottom: 0;
  height: auto;
  background: url("../images/bg/normal_bg_1.jpg") #FFFFFF no-repeat;
  background-size: 100% auto;
  background-position: top;
}

body:not(.path-frontpage) main[role=main] {
  flex: 1 0 auto;
}

.our-productions {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 70px;
  padding: 60px 0;
  height: 513px;
}
.our-productions .product-item {
  width: 350px;
  height: 350px;
  position: relative;
  transition: width 0.4s ease, height 0.4s ease;
}
.our-productions .product-item a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.our-productions .product-item a img {
  width: 100%;
  height: auto;
  background-size: cover;
  object-fit: cover;
  display: block;
}
.our-productions .product-item a span {
  position: absolute;
  bottom: 33px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 18px;
  color: var(--i2-theme-color-blue);
  font-weight: 400;
  text-align: center;
  transition: font-size 0.4s ease, bottom 0.4s ease, color 0.4s ease;
}
.our-productions .product-item:first-child a span {
  color: #CA9B01;
}
.our-productions .product-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 513px;
  height: 513px;
  transform: translate(-50%, -50%);
  background-image: url("../images/decro/product_border.svg");
  background-repeat: no-repeat;
  background-size: 513px 513px;
  background-position: center;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
  pointer-events: none;
}
.our-productions .product-item.active {
  width: 486px;
  height: 486px;
  filter: drop-shadow(0 40px 50px #C9E4FF);
}
.our-productions .product-item.active a span {
  font-size: 28px;
  bottom: 55px;
}
.our-productions .product-item.active::after {
  opacity: 1;
}

.product-show-section .product-show-items {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-auto-rows: 486px;
  justify-content: center;
  align-items: center;
  gap: 70px;
  padding: 20px 0;
}
.product-show-section .product-show-items .product-show-item {
  display: block;
  width: 350px;
  height: 350px;
  position: relative;
  transition: width 0.4s ease, height 0.4s ease;
  margin: 0 auto;
}
.product-show-section .product-show-items .product-show-item a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none;
  overflow: hidden;
}
.product-show-section .product-show-items .product-show-item a .product-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  z-index: 0;
}
.product-show-section .product-show-items .product-show-item a img {
  position: absolute;
  width: 486px;
  height: 486px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.72);
  object-fit: contain;
  z-index: 1;
  filter: drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2));
  transition: transform 0.4s ease;
  pointer-events: none;
}
.product-show-section .product-show-items .product-show-item a span {
  position: absolute;
  bottom: 33px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 18px;
  color: var(--i2-theme-color-blue);
  font-weight: 400;
  text-align: center;
  font-weight: 700;
  transition: font-size 0.4s ease, bottom 0.4s ease, color 0.4s ease;
  z-index: 2;
}
.product-show-section .product-show-items .product-show-item:first-child a span {
  color: #CA9B01;
}
.product-show-section .product-show-items .product-show-item.category-pro .product-bg {
  background-image: url("../images/bg/product_bg_pro.jpg");
}
.product-show-section .product-show-items .product-show-item.category-regular .product-bg {
  background-image: url("../images/bg/product_bg_regular.jpg");
}
.product-show-section .product-show-items .product-show-item.category-regular a span {
  color: var(--i2-theme-color-blue);
}
.product-show-section .product-show-items .product-show-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 513px;
  height: 513px;
  transform: translate(-50%, -50%);
  background-image: url("../images/decro/product_border.svg");
  background-repeat: no-repeat;
  background-size: 513px 513px;
  background-position: center;
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1;
  pointer-events: none;
}
.product-show-section .product-show-items .product-show-item.active {
  width: 486px;
  height: 486px;
  filter: drop-shadow(0 40px 50px #C9E4FF);
}
.product-show-section .product-show-items .product-show-item.active a img {
  transform: translate(-50%, -50%) scale(1);
}
.product-show-section .product-show-items .product-show-item.active a span {
  font-size: 28px;
  bottom: 55px;
}
.product-show-section .product-show-items .product-show-item.active::after {
  opacity: 1;
}

@media screen and (max-width: 992px) and (min-width: 769px) {
  .product-show-section .product-show-items {
    grid-auto-rows: 380px;
    gap: 30px;
  }
  .product-show-section .product-show-items .product-show-item {
    width: 280px;
    height: 280px;
  }
  .product-show-section .product-show-items .product-show-item a img {
    transform: translate(-50%, -50%) scale(0.576);
  }
  .product-show-section .product-show-items .product-show-item::after {
    width: calc(100% + 27px);
    height: calc(100% + 27px);
    background-size: contain;
  }
  .product-show-section .product-show-items .product-show-item.active {
    width: 380px;
    height: 380px;
  }
  .product-show-section .product-show-items .product-show-item.active a img {
    transform: translate(-50%, -50%) scale(0.782);
  }
  .product-show-section .product-show-items .product-show-item.active::after {
    width: calc(100% + 27px);
    height: calc(100% + 27px);
  }
}
@media screen and (max-width: 768px) {
  .product-show-section .product-show-items {
    grid-template-columns: 1fr;
    grid-auto-rows: 350px;
    gap: 0;
    row-gap: 80px;
    padding: 0;
  }
  .product-show-section .product-show-items .product-show-item {
    width: 80%;
    max-width: 350px;
    height: auto;
    aspect-ratio: 1/1;
    justify-self: center;
  }
  .product-show-section .product-show-items .product-show-item a img {
    transform: translate(-50%, -50%) scale(0.72);
  }
  .product-show-section .product-show-items .product-show-item::after {
    display: none;
  }
  .product-show-section .product-show-items .product-show-item.active {
    width: 80%;
    max-width: 350px;
    height: auto;
    filter: none;
  }
  .product-show-section .product-show-items .product-show-item.active::after {
    display: none;
  }
  .product-show-section .product-show-items .product-show-item.active a img {
    transform: translate(-50%, -50%) scale(0.72);
  }
  .product-show-section .product-show-items .product-show-item.active a span {
    font-size: 18px;
    bottom: 33px;
  }
}
@media screen and (max-width: 500px) {
  .product-show-section .product-show-items {
    grid-auto-rows: 262px;
    row-gap: 50px;
  }
  .product-show-section .product-show-items .product-show-item {
    max-width: 262px;
  }
  .product-show-section .product-show-items .product-show-item a img {
    transform: translate(-50%, -50%) scale(0.54);
  }
  .product-show-section .product-show-items .product-show-item.active {
    max-width: 262px;
  }
  .product-show-section .product-show-items .product-show-item.active a img {
    transform: translate(-50%, -50%) scale(0.54);
  }
  .product-show-section .product-show-items .product-show-item.active a span {
    font-size: 15px;
    bottom: 22px;
  }
}
.quick-answer-question {
  border-radius: 8px;
  background: linear-gradient(90deg, #053784 45%, #027EC1 100%);
  display: flex;
  gap: 40px;
  margin-top: 30px;
  padding: 50px 40px 40px 40px;
}
.quick-answer-question .image {
  max-width: 616px;
  width: 50%;
  margin-top: -90px;
  border-radius: 6px;
  overflow: hidden;
}
.quick-answer-question .image img {
  max-width: 100%;
  height: auto;
  aspect-ratio: 616/462;
  background-size: cover;
}
.quick-answer-question .content-wrapper {
  max-width: 616px;
  width: 50%;
}
.quick-answer-question .content-wrapper .title {
  color: #FFF;
  font-family: "Noto Sans HK";
  font-size: 26px;
  font-weight: var(--i2-theme-fontweight-medium);
  margin-bottom: 20px;
}
.quick-answer-question .content-wrapper .content {
  color: #FFF;
  font-family: "Noto Sans HK";
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 30px;
  margin-bottom: 50px;
}
.quick-answer-question .content-wrapper .content::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 2px;
  background: url("../images/decro/decro_line.svg") no-repeat center center;
  background-size: contain;
  margin-bottom: 25px;
  vertical-align: middle;
}

.section-knowledge-list {
  max-width: 1200px;
  margin: 0 auto;
}
.section-knowledge-list .paragraph--type--card-list .paragraph__column.row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  margin: 0;
}
.section-knowledge-list .paragraph--type--card-list .paragraph__column.row .col-6.col-lg-4 {
  flex: 0 0 calc((100% - 60px) / 3);
  padding: 0;
}
.section-knowledge-list .paragraph--type--card-list-item {
  width: 100%;
}
.section-knowledge-list .card.card-list {
  width: 100%;
  aspect-ratio: 393/238;
  position: relative;
  overflow: hidden;
  filter: drop-shadow(0 8px 8px rgba(201, 228, 255, 0.5));
}
.section-knowledge-list .card.card-list .card-img-top img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.section-knowledge-list .card.card-list .card-body {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 0;
  background: none;
}
.section-knowledge-list .card.card-list .card-body::before {
  content: "";
  display: block;
  width: 100%;
  aspect-ratio: 393/114;
  background: url("../images/bg/knowledge_mask.png") no-repeat center bottom;
  background-size: 100% 100%;
}
.section-knowledge-list .card.card-list .card-body::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFFEFE 35%, #ECC57D 95%);
}
.section-knowledge-list .card.card-list .card-title {
  position: absolute;
  bottom: 16px;
  left: 28px;
  z-index: 1;
  color: #FFF;
  font-family: "Noto Sans HK";
  font-size: 22px;
  font-weight: var(--i2-theme-fontweight-medium);
  margin: 0;
}
.section-knowledge-list .card.card-list a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  text-indent: -9999px;
}

.section-why-choose-us {
  width: 100%;
  position: relative;
  background: linear-gradient(90deg, #FFF2C2 0%, rgba(255, 255, 255, 0) 51.6%);
  border-radius: 6px;
  padding: 0 32px 40px 32px;
}
.section-why-choose-us::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  padding: 2px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.section-why-choose-us .title {
  width: 308px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 0;
  background: linear-gradient(90deg, #ECC57D 0%, #FFFEFE 35%, #ECC57D 95%);
  color: #0F448D;
  font-family: "Noto Sans HK";
  font-size: 32px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 60px;
  text-align: center;
}
.section-why-choose-us .content-wrapper {
  display: flex;
  flex-direction: row;
  gap: 56px;
  padding: 0;
}
.section-why-choose-us .content-wrapper .desc {
  margin-top: 118px;
  width: 45%;
  max-width: 382px;
  align-self: flex-start;
  color: #000;
  font-family: "Noto Sans HK";
  font-size: 20px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 34px;
}
.section-why-choose-us .content-wrapper .logos {
  margin-top: 70px;
  width: 100%;
}
.section-why-choose-us .content-wrapper .logos ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  row-gap: 40px;
  column-gap: 24px;
  justify-items: center;
}
.section-why-choose-us .content-wrapper .logos ul li {
  width: 100%;
  max-width: 240px;
  aspect-ratio: 24/17;
  height: auto;
  list-style: none;
}
.section-why-choose-us .content-wrapper .logos ul li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 1100px) {
  .section-why-choose-us .content-wrapper {
    flex-direction: column;
  }
  .section-why-choose-us .content-wrapper .desc {
    width: 100%;
    max-width: 100%;
  }
  .section-why-choose-us .content-wrapper .logos {
    width: 100%;
    max-width: 100%;
    margin-top: 30px;
  }
  .section-why-choose-us .content-wrapper .logos ul {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: start;
  }
}
@media screen and (max-width: 1023px) {
  .section-knowledge-list .paragraph--type--card-list .paragraph__column.row {
    justify-content: flex-start;
  }
  .section-knowledge-list .paragraph--type--card-list .paragraph__column.row .col-6.col-lg-4 {
    flex: 0 0 calc((100% - 30px) / 2);
  }
  .section-knowledge-list .card.card-list {
    max-width: 380px;
    margin: 0 auto;
  }
  .section-knowledge-list .card.card-list .card-title {
    text-align: center;
    left: 0;
    right: 0;
    margin: 0;
  }
}
@media screen and (max-width: 992px) and (min-width: 769px) {
  .our-productions {
    gap: 30px;
    padding: 0 30px;
    min-height: 460px;
    overflow: visible;
    height: auto;
  }
  .our-productions .product-item {
    width: 280px;
    height: 280px;
  }
  .our-productions .product-item::after {
    width: calc(100% + 27px);
    height: calc(100% + 27px);
    background-size: contain;
  }
  .our-productions .product-item.active {
    width: 380px;
    height: 380px;
  }
  .our-productions .product-item.active::after {
    width: calc(100% + 27px);
    height: calc(100% + 27px);
  }
}
@media screen and (max-width: 768px) {
  .our-productions {
    flex-direction: column;
    gap: 30px;
    row-gap: 80px;
    padding: 0;
    height: auto;
  }
  .our-productions .product-item {
    width: 80%;
    max-width: 350px;
    height: auto;
    aspect-ratio: 1/1;
  }
  .our-productions .product-item::after {
    display: none;
  }
  .our-productions .product-item.active {
    width: 80%;
    max-width: 350px;
    height: auto;
    filter: none;
  }
  .our-productions .product-item.active::after {
    display: none;
  }
  .our-productions .product-item.active a span {
    font-size: 18px;
    bottom: 33px;
  }
  .quick-answer-question {
    flex-direction: column;
    gap: 30px;
    padding: 30px 20px;
    margin-top: 70px;
  }
  .quick-answer-question .image {
    width: 100%;
    max-width: none;
    aspect-ratio: 616/462;
    margin-top: -60px;
    text-align: center;
  }
  .quick-answer-question .content-wrapper {
    width: 100%;
    max-width: none;
  }
  .quick-answer-question .content-wrapper .title {
    font-size: 22px;
    margin-bottom: 15px;
  }
  .quick-answer-question .content-wrapper .content {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  .quick-answer-question .content-wrapper a {
    width: 150px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
  .quick-answer-question .content-wrapper a::after {
    width: 12px;
    height: 10px;
    margin-left: 8px;
  }
}
@media screen and (max-width: 767px) {
  .section-why-choose-us {
    padding: 0;
  }
  .section-why-choose-us::after {
    background: linear-gradient(180deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  }
  .section-why-choose-us .title {
    position: static;
    width: 100%;
    margin-bottom: 38px;
    border-radius: 6px;
  }
  .section-why-choose-us .content-wrapper {
    flex-direction: column;
    gap: 50px;
    padding: 0 40px 50px 40px;
  }
  .section-why-choose-us .content-wrapper .desc {
    margin-top: 0;
    width: 100%;
    color: #000;
    text-align: center;
    font-family: "Noto Sans HK";
    font-size: 20px;
    font-weight: var(--i2-theme-fontweight-regular);
    line-height: 34px;
  }
  .section-why-choose-us .content-wrapper .logos {
    width: 100%;
    max-width: 100%;
    margin-top: 0;
  }
  .section-why-choose-us .content-wrapper .logos ul {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 50px;
  }
  .section-why-choose-us .content-wrapper .logos ul li {
    width: min(240px, 100%);
  }
  .section-knowledge-list .paragraph--type--card-list .paragraph__column.row .col-6.col-lg-4 {
    flex: 0 0 100%;
  }
  .section-knowledge-list .card.card-list {
    max-width: 380px;
    margin: 0 auto;
  }
  .section-knowledge-list .card.card-list .card-title {
    text-align: center;
    left: 0;
    right: 0;
    margin: 0;
  }
}
.section-brand-introduction {
  width: 100%;
  min-height: 350px;
  position: relative;
  border-radius: 6px;
  margin-bottom: 30px;
}
.section-brand-introduction::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  padding: 2px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.section-brand-introduction .content-wrapper {
  display: flex;
  justify-content: center;
  min-height: 350px;
  padding: 50px 0;
  position: relative;
  z-index: 1;
}
.section-brand-introduction .content-wrapper > div {
  flex: 1;
}
.section-brand-introduction .content-wrapper .logo {
  text-align: center;
}
.section-brand-introduction .content-wrapper .content {
  padding-right: 50px;
}
.section-brand-introduction .content-wrapper .content .title {
  width: fit-content;
  color: #0F448D;
  font-family: "Noto Sans HK";
  font-size: 40px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 50px;
}
.section-brand-introduction .content-wrapper .content .title::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  margin-top: 5px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
}
.section-brand-introduction .content-wrapper .content .text {
  margin-top: 30px;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 25.5px;
}
.section-brand-introduction .desc-list {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  z-index: 2;
}
.section-brand-introduction .desc-list ul {
  display: flex;
  justify-content: space-between;
  max-width: 990px;
  list-style: none;
  padding: 0 20px;
  margin: 0 auto;
}
.section-brand-introduction .desc-list ul li {
  border-radius: 100px;
  background: linear-gradient(90deg, #FFD485 13.94%, #FFF9D9 35%, #FFD485 90.87%);
  padding: 0;
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  font-size: 24px;
  font-weight: var(--i2-theme-fontweight-medium);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-align: center;
  max-width: 290px;
  height: 60px;
  line-height: 60px;
  width: calc((100% - 40px) / 3);
}

.section-product-introduction {
  margin-top: 20px;
}
.section-product-introduction h2 {
  margin-bottom: 40px;
}
@media screen and (max-width: 991px) {
  .section-product-introduction h2 {
    margin-bottom: 20px;
  }
}
.section-product-introduction .text {
  color: #353535;
  font-family: "Noto Sans HK";
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 30px;
  margin-bottom: 50px;
}
@media screen and (max-width: 991px) {
  .section-product-introduction .text {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .section-brand-introduction .content-wrapper .content .text {
    margin: 30px auto;
  }
}
@media screen and (max-width: 992px) and (min-width: 768px) {
  .section-brand-introduction .desc-list ul li {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .section-brand-introduction {
    padding-bottom: 50px;
  }
  .section-brand-introduction .content-wrapper {
    flex-direction: column;
    padding: 50px 20px 30px 20px;
    row-gap: 50px;
  }
  .section-brand-introduction .content-wrapper .title {
    margin: 0 auto;
  }
  .section-brand-introduction .content-wrapper .content {
    padding: 0;
  }
  .section-brand-introduction .desc-list {
    position: static;
  }
  .section-brand-introduction .desc-list ul {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }
  .section-brand-introduction .desc-list ul li {
    width: 290px;
  }
}
@media (max-width: 600px) {
  .page-node-403 .paragraph--type--product-wiki h2,
  .page-node-403 .product-series-list-item .content h2,
  .page-node-403 .paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .content .title {
    font-size: 32px;
  }
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph {
  width: 100%;
  min-height: 350px;
  position: relative;
  border-radius: 6px;
  margin-bottom: 30px;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  padding: 2px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper {
  display: flex;
  justify-content: center;
  min-height: 350px;
  padding: 50px 0;
  position: relative;
  z-index: 1;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper > div {
  flex: 1;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .logo {
  text-align: center;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .logo .field--name-field-image {
  margin: 0;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .logo img {
  width: 100%;
  max-width: 300px;
  height: auto;
}
@media (max-width: 992px) {
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .logo .field--name-field-image {
    height: 100%;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .logo .field--name-field-image .field__item {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .logo img {
    max-width: 250px;
  }
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .content {
  padding-right: 50px;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .content .title {
  width: fit-content;
  color: var(--i2-theme-color-blue);
  font-size: 40px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 58px;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .content .title::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  margin-top: 5px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .content .text {
  margin-top: 30px;
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 25.5px;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .content .text p:last-child {
  margin-bottom: 0;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list {
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  z-index: 2;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  max-width: 1240px;
  list-style: none;
  padding: 0 20px;
  margin: 0 auto;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul li {
  border-radius: 100px;
  background: linear-gradient(90deg, #FFD485 13.94%, #FFF9D9 35%, #FFD485 90.87%);
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  font-size: 24px;
  font-weight: var(--i2-theme-fontweight-medium);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-align: center;
  max-width: 290px;
  height: 60px;
  line-height: 60px;
  flex: 0 1 auto;
  width: 100%;
  padding: 0 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-1 li {
  width: min(290px, 100%);
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-2 {
  justify-content: space-between;
  gap: 0;
  max-width: 760px;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-2 li {
  width: calc((100% - 40px) / 3);
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-3 {
  justify-content: space-between;
  gap: 0;
  max-width: 990px;
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-3 li {
  width: calc((100% - 40px) / 3);
}
.paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-4 li {
  width: calc((100% - 60px) / 4);
  font-size: 20px;
  padding: 0 12px;
}

@media screen and (max-width: 1200px) and (min-width: 993px) {
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-4 li {
    font-size: 18px;
    padding: 0 10px;
  }
}
@media screen and (max-width: 992px) {
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .content .text {
    margin: 30px auto;
  }
}
@media screen and (max-width: 992px) and (min-width: 768px) {
  .paragraph--type--text-group-section .section-brand-introduction--paragraph.has-labels-1, .paragraph--type--text-group-section .section-brand-introduction--paragraph.has-labels-2, .paragraph--type--text-group-section .section-brand-introduction--paragraph.has-labels-3 {
    padding-bottom: 28px;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph.has-labels-4 {
    padding-bottom: 36px;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list {
    position: static;
    margin-top: 30px;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul {
    justify-content: center;
    gap: 20px;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-2, .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-3 {
    justify-content: center;
    gap: 20px;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul li {
    font-size: 20px;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-4 {
    max-width: 620px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 20px;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-4 li {
    width: 100%;
    font-size: 20px;
    padding: 0 12px;
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .paragraph--type--text-group-section .section-brand-introduction--paragraph {
    padding-bottom: 50px;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper {
    flex-direction: column;
    padding: 50px 20px 30px 20px;
    row-gap: 50px;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .title {
    margin: 0 auto;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .content-wrapper .content {
    padding: 0;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list {
    position: static;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-2, .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-3, .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-4 {
    gap: 20px;
  }
  .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul li, .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-2 li, .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-3 li, .paragraph--type--text-group-section .section-brand-introduction--paragraph .desc-list ul.label-count-4 li {
    width: 290px;
  }
}
.path-admin .floating-action-region {
  display: none;
}

.floating-action-region {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  pointer-events: none;
}
.floating-action-region > * {
  pointer-events: auto;
}

@supports selector(body:has(#navbarSupportedContent.offcanvas.show)) {
  body:has(#navbarSupportedContent.offcanvas.show) .floating-action-region,
  body:has(#navbarSupportedContent.offcanvas.showing) .floating-action-region {
    display: none;
  }
}
.floating-action-button a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  border-radius: 6px 0 0 6px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFFEFE 35%, #ECC57D 95%);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
  width: 100px;
  height: 74px;
  position: fixed;
  bottom: 27vh;
  right: 0;
}
.floating-action-button a img {
  display: block;
  margin-top: -42px;
  transform: scale(1);
  transition: transform 0.3s ease;
}
.floating-action-button a:hover img {
  transform: scale(1.2);
}
.floating-action-button a span {
  display: block;
  text-align: center;
  font-size: 15px;
  font-weight: var(--i2-theme-fontweight-medium);
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  margin-top: 11px;
}

.back-to-top {
  position: fixed;
  bottom: 2rem;
  right: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 3rem;
  width: 3rem;
  padding: 0;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color: #4890F2;
  border: 2px solid #4890F2;
  cursor: pointer;
  text-decoration: none;
  transition: all 0.25s linear;
  -webkit-transition: all 0.25s linear;
  font-size: 0;
  overflow: hidden;
  z-index: 9999;
  color: transparent;
  line-height: 0;
  text-indent: -9999px;
}
.back-to-top::after {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-top: 2.5px solid #fff;
  border-right: 2.5px solid #fff;
  transform: rotate(-45deg);
  margin-top: 0.25rem;
  transition: all 0.25s linear;
}
.back-to-top.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.back-to-top:hover {
  background-color: #fff;
}
.back-to-top:hover::after {
  border-top-color: #001489;
  border-right-color: #001489;
}

@media screen and (max-width: 767px) {
  .floating-action-button a {
    width: 80px;
    height: 60px;
  }
  .floating-action-button a:hover img {
    transform: scale(1.1);
  }
  .floating-action-button a span {
    font-size: 14px;
    margin-top: 4px;
  }
  .back-to-top {
    right: 14px;
  }
}
.section-user-stories-view .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 30px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section-user-stories-view .view-content .views-row {
    width: calc((100% - 30px) / 2);
    max-width: 428px;
  }
}
@media screen and (min-width: 1024px) {
  .section-user-stories-view .view-content .views-row {
    width: calc((100% - 60px) / 3);
    max-width: 428px;
  }
}
@media screen and (max-width: 767px) {
  .section-user-stories-view .view-content .views-row {
    width: 100%;
    max-width: 428px;
    margin: 0 auto;
  }
}
.section-user-stories-view .view-content .views-row {
  display: flex;
  justify-content: center;
}
.section-user-stories-view .view-content .views-row .views-field {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.section-user-stories-view .view-content .views-row .views-field .field-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.section-user-stories-view .view-content .views-row:nth-child(even) .card-inner .card-image {
  background: linear-gradient(180deg, #FFE1A9 0%, #F6F6F6 80%);
}
.section-user-stories-view .view-content .views-row:nth-child(even) .card-inner .card-image img {
  filter: drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2));
}
.section-user-stories-view .view-content .card-inner {
  width: 100%;
  flex: 1;
  height: 100%;
  filter: drop-shadow(0 10px 20px rgba(201, 228, 255, 0.5));
  border-radius: 6px;
  overflow: hidden;
}
.section-user-stories-view .view-content .card-inner .card-image {
  width: 100%;
  height: auto;
  max-height: 268px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 107/67;
  background: linear-gradient(180deg, #94DEE7 0%, #F6F6F6 80%);
}
.section-user-stories-view .view-content .card-inner .card-image img {
  max-width: 237px;
  height: auto;
  aspect-ratio: 237/132;
  object-fit: cover;
  filter: drop-shadow(0 10px 30px rgba(201, 228, 255, 0.8));
}
.section-user-stories-view .view-content .card-inner .card-content {
  height: 100%;
  position: relative;
  background: #FFF;
  padding: 61px 30px 60px 30px;
}
.section-user-stories-view .view-content .card-inner .card-content::before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  position: absolute;
  top: 0;
  left: 0;
}
.section-user-stories-view .view-content .card-inner .card-content .card-headicon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  left: 30px;
  top: -31px;
}
.section-user-stories-view .view-content .card-inner .card-content .card-name {
  position: absolute;
  left: 110px;
  top: 13px;
  color: #353535;
  font-family: "Noto Sans HK";
  font-size: 20px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 26px;
}
.section-user-stories-view .view-content .card-inner .card-content .card-title {
  color: #0F448D;
  font-family: "Noto Sans HK";
  font-size: 20px;
  line-height: 29px;
  font-weight: var(--i2-theme-fontweight-medium);
  margin-bottom: 10px;
}
.section-user-stories-view .view-content .card-inner .card-content .card-description {
  margin-top: 10px;
  color: #353535;
  font-family: "Noto Sans HK";
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .section-user-stories-view .view-content .card-inner .card-content {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .section-user-stories-view .view-content .card-inner .card-content {
    padding-bottom: 30px;
    min-height: auto;
  }
}
.section-user-stories-view nav.pager {
  display: none;
}
.section-user-stories-view .load-more-container {
  text-align: center;
  margin-top: 40px;
}
.section-user-stories-view .load-more-btn {
  width: 170px;
  height: 44px;
  border-radius: 100px;
  border: 1px solid #9EE1E9;
  background: #FFF;
  color: #0F448D;
  font-size: 18px;
  font-family: "Noto Sans HK", sans-serif;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.section-user-stories-view .load-more-btn:hover {
  opacity: 0.85;
}
.section-user-stories-view .load-more-btn.is-loading {
  opacity: 0.7;
  cursor: not-allowed;
}
@media screen and (max-width: 767px) {
  .section-user-stories-view .load-more-btn {
    width: 80%;
  }
}
.section-user-stories-view .load-more-status {
  color: #999;
  font-size: 18px;
  font-family: "Noto Sans HK", sans-serif;
  padding: 10px 0;
  display: none;
}
.section-user-stories-view .load-more-restoring {
  color: #0F448D;
  font-size: 16px;
  padding: 10px 0;
}
.section-user-stories-view .load-more-fade-in {
  animation: loadMoreFadeIn 0.5s ease forwards;
  opacity: 0;
}

@keyframes loadMoreFadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.paragraph--type--swiper-carousel .paragraph__column {
  position: relative;
  padding: 0;
}
@media (min-width: 992px) {
  .paragraph--type--swiper-carousel .paragraph__column {
    padding: 0 76px;
  }
}

.swiper-carousel-swiper {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.swiper-carousel-swiper .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-carousel-swiper .swiper-carousel-card {
  max-width: 200px;
  width: 100%;
  aspect-ratio: 1;
  border-radius: 6px;
  border: 1px solid #E2F1FF;
  background: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.swiper-carousel-swiper .swiper-carousel-card img {
  max-width: calc(100% - 15px);
  max-height: 90px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
.swiper-carousel-swiper .swiper-carousel-item-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.swiper-carousel-swiper .swiper-carousel-item-link:hover {
  opacity: 0.8;
}

.paragraph--type--swiper-carousel .paragraph__column {
  --swiper-controls-mobile-h: 28px;
  --swiper-controls-desktop-h: 40px;
}
.paragraph--type--swiper-carousel .swiper-controls {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  margin-top: 12px;
  min-height: var(--swiper-controls-mobile-h);
}
.paragraph--type--swiper-carousel .swiper-pagination {
  position: static;
  justify-self: center;
  margin: 0;
  width: max-content;
  line-height: 1;
  transform: none;
}
.paragraph--type--swiper-carousel .swiper-controls .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  margin-top: 0;
  padding: 0;
  bottom: auto;
  left: auto;
  top: auto;
  width: max-content;
  transform: none;
  position: static;
  justify-self: center;
}
.paragraph--type--swiper-carousel .swiper-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  justify-self: end;
}
.paragraph--type--swiper-carousel .swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #9DB8DA;
  opacity: 1;
}
.paragraph--type--swiper-carousel .swiper-pagination .swiper-pagination-bullet-active {
  background: #0F448D;
}
.paragraph--type--swiper-carousel .swiper-nav .swiper-button-next,
.paragraph--type--swiper-carousel .swiper-nav .swiper-button-prev {
  position: static;
  top: auto;
  bottom: auto;
  margin-top: 0;
  transform: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
  z-index: 10;
  cursor: pointer;
}
.paragraph--type--swiper-carousel .swiper-nav .swiper-button-prev {
  background: url(../images/swiper/button_prev.svg) center center no-repeat;
  background-size: 28px 28px;
  left: auto;
  right: auto;
}
.paragraph--type--swiper-carousel .swiper-nav .swiper-button-next {
  background: url(../images/swiper/button_next.svg) center center no-repeat;
  background-size: 28px 28px;
  right: auto;
  left: auto;
}
.paragraph--type--swiper-carousel .swiper-nav .swiper-button-prev:hover {
  background-image: url(../images/swiper/button_prev_hover.svg);
}
.paragraph--type--swiper-carousel .swiper-nav .swiper-button-next:hover {
  background-image: url(../images/swiper/button_next_hover.svg);
}
.paragraph--type--swiper-carousel .swiper-nav .swiper-button-next svg,
.paragraph--type--swiper-carousel .swiper-nav .swiper-button-prev svg {
  display: none;
}
.paragraph--type--swiper-carousel .swiper-nav .swiper-button-next::after,
.paragraph--type--swiper-carousel .swiper-nav .swiper-button-prev::after {
  display: none;
}
.paragraph--type--swiper-carousel .swiper-button-disabled {
  opacity: 0.3 !important;
  cursor: not-allowed;
}
@media (max-width: 991px) {
  .paragraph--type--swiper-carousel .swiper-controls {
    position: relative;
    display: block;
    min-height: var(--swiper-controls-mobile-h);
  }
  .paragraph--type--swiper-carousel .swiper-pagination,
  .paragraph--type--swiper-carousel .swiper-controls .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0;
    width: max-content;
    transform: translate(-50%, calc(-50% - 2px));
    justify-self: auto;
  }
  .paragraph--type--swiper-carousel .swiper-nav {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .paragraph--type--swiper-carousel .paragraph__column {
    --swiper-controls-desktop-gap: 20px;
  }
  .paragraph--type--swiper-carousel .swiper-controls {
    position: static;
    display: block;
    margin-top: var(--swiper-controls-desktop-gap);
    min-height: var(--swiper-controls-desktop-h);
  }
  .paragraph--type--swiper-carousel .swiper-pagination {
    position: static;
    margin: 0 auto;
    width: max-content;
    transform: none;
  }
  .paragraph--type--swiper-carousel .swiper-controls .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: static;
    left: auto;
    top: auto;
    margin: 0;
    padding: 0;
    width: max-content;
    transform: none;
  }
  .paragraph--type--swiper-carousel .swiper-nav {
    position: static;
    display: block;
  }
  .paragraph--type--swiper-carousel .swiper-nav .swiper-button-next,
  .paragraph--type--swiper-carousel .swiper-nav .swiper-button-prev {
    position: absolute;
    top: calc((100% - (var(--swiper-controls-desktop-h) + var(--swiper-controls-desktop-gap))) / 2);
    bottom: auto;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
  }
  .paragraph--type--swiper-carousel .swiper-nav .swiper-button-prev {
    background-size: 40px 40px;
    left: 0;
    right: auto;
  }
  .paragraph--type--swiper-carousel .swiper-nav .swiper-button-next {
    background-size: 40px 40px;
    right: 0;
    left: auto;
  }
}

.page-node-type-article .swiper-carousel-section .swiper-carousel-swiper .swiper-slide {
  height: auto;
}
.page-node-type-article .swiper-carousel-section .swiper-carousel-swiper .swiper-carousel-card {
  max-width: none;
  width: 100%;
  aspect-ratio: 400/250;
  overflow: hidden;
}
.page-node-type-article .swiper-carousel-section .swiper-carousel-swiper .swiper-carousel-card img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
}
.page-node-type-article .swiper-carousel-section .swiper-button-prev,
.page-node-type-article .swiper-carousel-section .swiper-button-next {
  z-index: 20;
}
.page-node-type-article .swiper-carousel-section .swiper-button-lock {
  display: flex !important;
}

@media (min-width: 992px) {
  .page-node-type-article .swiper-carousel-section .paragraph__column {
    --swiper-content-max: 1048px;
    --swiper-total-max: 1200px;
    --swiper-side-space: calc((var(--swiper-total-max) - var(--swiper-content-max)) / 2);
    --swiper-outer-width: min(var(--swiper-total-max), calc(100vw - (var(--i2-container-padding) * 2)));
    width: var(--swiper-outer-width);
    max-width: var(--swiper-total-max);
    margin-left: calc(50% - var(--swiper-outer-width) / 2);
    margin-right: calc(50% - var(--swiper-outer-width) / 2);
    padding-left: var(--swiper-side-space);
    padding-right: var(--swiper-side-space);
  }
}
.paragraph--type--award-card-swiper h2 {
  text-align: center;
}
.paragraph--type--award-card-swiper .field--name-bp-header {
  display: inline-block;
  color: var(--i2-theme-color-blue);
  font-size: 40px;
  line-height: 58px;
  font-weight: var(--i2-theme-fontweight-medium);
}

.award-card-swiper-section .paragraph__column {
  position: relative;
}

.award-card-swiper {
  width: 100%;
  overflow: hidden;
}
.award-card-swiper .swiper-slide {
  height: auto;
  display: flex;
  justify-content: center;
}

.award-card {
  width: 100%;
  max-width: 220px;
  border: 1px solid #F1D68C;
  border-radius: 6px;
  background: #FFF;
  overflow: hidden;
  text-align: center;
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.award-card__image-wrap {
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.award-card__image {
  max-width: 150px;
  max-height: 150px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.award-card__title {
  margin: 0;
  color: #000;
  font-family: "Noto Sans HK";
  font-size: 18px;
  line-height: 26px;
  font-weight: var(--i2-theme-fontweight-medium);
  margin-bottom: 14px;
}

.award-card__year {
  margin: 0;
  color: #ECC57D;
  font-size: 16px;
  line-height: 23px;
  font-weight: var(--i2-theme-fontweight-medium);
}

.award-swiper-controls {
  position: relative;
  margin-top: 16px;
  min-height: 28px;
}

.award-swiper-pagination {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
}

.award-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: absolute;
  left: 50%;
  top: 50%;
  width: max-content;
  margin: 0;
  padding: 0;
  transform: translate(-50%, calc(-50% - 6px));
}

.award-swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #9DB8DA;
  opacity: 1;
}

.award-swiper-pagination .swiper-pagination-bullet-active {
  background: #0F448D;
}

.award-swiper-nav {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.award-swiper-button-prev,
.award-swiper-button-next {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
  cursor: pointer;
}

.award-swiper-button-prev {
  background: url(../images/swiper/button_prev.svg) center center no-repeat;
  background-size: 28px 28px;
}

.award-swiper-button-next {
  background: url(../images/swiper/button_next.svg) center center no-repeat;
  background-size: 28px 28px;
}

.award-swiper-button-prev:hover {
  background-image: url(../images/swiper/button_prev_hover.svg);
}

.award-swiper-button-next:hover {
  background-image: url(../images/swiper/button_next_hover.svg);
}

.award-swiper-button-prev::after,
.award-swiper-button-next::after {
  display: none;
}

.award-swiper-button-prev.swiper-button-disabled,
.award-swiper-button-next.swiper-button-disabled,
.award-swiper-button-prev.is-disabled,
.award-swiper-button-next.is-disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(100%);
}

@media (min-width: 992px) {
  .award-card-swiper-section .paragraph__column {
    --award-controls-desktop-gap: 20px;
    --award-controls-desktop-h: 40px;
    --award-button-size: 40px;
    --award-button-gap: 24px;
    --award-content-max: 1200px;
    --award-total-max: 1352px;
    --award-side-space: calc(var(--award-button-size) + var(--award-button-gap));
    --award-content-current: min(var(--award-content-max), calc(100% - (var(--award-side-space) * 2)));
    min-width: 0;
    width: 100%;
    max-width: var(--award-total-max);
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
  }
  .award-card-swiper {
    width: var(--award-content-current);
    max-width: var(--award-content-max);
    min-width: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .award-swiper-controls {
    position: static;
    margin-top: 20px;
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .award-swiper-pagination,
  .award-swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    position: static;
    top: auto;
    left: auto;
    transform: none;
    margin: 0;
    padding: 0;
  }
  .award-swiper-nav {
    position: static;
    transform: none;
    display: block;
  }
  .award-swiper-button-prev,
  .award-swiper-button-next {
    position: absolute;
    top: calc((100% - (var(--award-controls-desktop-h) + var(--award-controls-desktop-gap))) / 2);
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
  }
  .award-swiper-button-prev {
    background-size: 40px 40px;
    left: calc(50% - var(--award-content-current) / 2 - var(--award-side-space));
  }
  .award-swiper-button-next {
    background-size: 40px 40px;
    right: calc(50% - var(--award-content-current) / 2 - var(--award-side-space));
  }
}
@media (max-width: 991px) {
  .award-swiper-controls {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .award-swiper-nav {
    right: 28px;
  }
}
.section-promotion-view {
  margin-top: 80px;
}
.section-promotion-view nav.pager {
  margin-top: 40px;
}
.section-promotion-view nav.pager .pagination {
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.section-promotion-view nav.pager .pagination .pager__item--first,
.section-promotion-view nav.pager .pagination .pager__item--last {
  display: none;
}
.section-promotion-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last) .page-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #053784;
  font-size: 18px;
  background: unset;
  border: unset;
  padding: 0;
  position: relative;
}
.section-promotion-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last) .page-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
.section-promotion-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last) .page-link:hover {
  color: #ECC57D;
}
.section-promotion-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last).is-active .page-link, .section-promotion-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last).active .page-link {
  color: #053784;
}
.section-promotion-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last).is-active .page-link::after, .section-promotion-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last).active .page-link::after {
  background: #027DC0;
}
.section-promotion-view nav.pager .pagination .pager__item--previous .page-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: url("/themes/custom/i2_theme/images/swiper/button_prev.svg") no-repeat center/contain;
  font-size: 0;
  padding: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}
.section-promotion-view nav.pager .pagination .pager__item--previous .page-link span {
  display: none;
}
.section-promotion-view nav.pager .pagination .pager__item--previous .page-link:hover {
  background-image: url("/themes/custom/i2_theme/images/swiper/button_prev_hover.svg");
}
.section-promotion-view nav.pager .pagination .pager__item--next .page-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: url("/themes/custom/i2_theme/images/swiper/button_next.svg") no-repeat center/contain;
  font-size: 0;
  padding: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}
.section-promotion-view nav.pager .pagination .pager__item--next .page-link span {
  display: none;
}
.section-promotion-view nav.pager .pagination .pager__item--next .page-link:hover {
  background-image: url("/themes/custom/i2_theme/images/swiper/button_next_hover.svg");
}
.section-promotion-view .view-content {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 30px;
}
.section-promotion-view .view-content .views-row {
  box-sizing: border-box;
  max-width: 320px;
}
.section-promotion-view .view-content .views-row .card-inner {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  border: 0;
  position: relative;
  filter: drop-shadow(0 10px 20px rgba(201, 228, 255, 0.5));
  cursor: pointer;
}
.section-promotion-view .view-content .views-row .card-inner img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
}
.section-promotion-view .view-content .views-row .card-inner .open-links {
  color: var(--i2-theme-color-blue);
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.section-promotion-view .view-content .views-row .card-inner .open-links::after {
  display: inline-block;
  content: "";
  width: 8px;
  height: 15px;
  margin-left: 8px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15' fill='none'%3E%3Cpath d='M0.551269 0.508789L6.55127 7.00879L0.551269 13.5088' stroke='%23053885' stroke-width='1.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.section-promotion-view .view-content .views-row .card-inner .link-wrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #FFE1A9 0%, #FFF8EB 100%);
  flex-direction: column;
  row-gap: 10px;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateY(12px) scale(0.98);
  transition: opacity 0.24s ease, transform 0.24s ease;
  pointer-events: none;
  z-index: 2;
}
.section-promotion-view .view-content .views-row .card-inner .link-wrapper.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}
.section-promotion-view .view-content .views-row .card-inner .link-wrapper a {
  color: var(--i2-theme-color-blue);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 130px;
  height: 40px;
  border-radius: 6px;
  border: 1px solid #ECC57E;
  background: #FFF;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-medium);
}
.section-promotion-view .view-header {
  position: absolute;
  width: fit-content;
  right: 20px;
  top: 19px;
}
.section-promotion-view .view-header .promotion-share {
  display: flex;
  align-items: center;
  gap: 15px;
}
@media (max-width: 768px) {
  .section-promotion-view .view-header .promotion-share {
    gap: 5px;
  }
}
@media (max-width: 992px) {
  .section-promotion-view .view-header {
    left: 20px;
    right: unset;
    top: 147px;
  }
  .section-promotion-view .view-header .promotion-share {
    gap: 15px;
  }
}
.section-promotion-view .view-filters {
  border-radius: 8px;
  border: 1px solid #A4E5FF;
  background: linear-gradient(90deg, #BDECFF 14.05%, #FFF 65.98%);
  padding: 0 20px;
}
.section-promotion-view .view-filters .views-exposed-form {
  width: fit-content;
}
.section-promotion-view .view-filters .js-form-item-sort-by {
  display: none !important;
}
.section-promotion-view .view-filters .form--inline {
  display: flex;
  gap: 40px;
}
.section-promotion-view .view-filters .form--inline .form-actions {
  display: none !important;
}
@media (max-width: 768px) {
  .section-promotion-view .view-filters .form--inline {
    gap: 0;
    flex-direction: column;
  }
}
.section-promotion-view .view-filters .form-item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.section-promotion-view .view-filters .form-item select {
  width: 240px;
  height: 40px;
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #F0F0F0;
}
@media (max-width: 992px) {
  .section-promotion-view .view-filters {
    height: 200px;
  }
  .section-promotion-view .view-filters .views-exposed-form {
    width: 100%;
  }
  .section-promotion-view .view-filters .form-item {
    margin-top: 1rem;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .section-promotion-view .view-filters .form-item select {
    width: calc(100% - 50px);
  }
  .section-promotion-view .view-filters .form--inline {
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 400px) {
  .section-promotion-view .view-filters {
    height: 200px;
  }
}

@media (max-width: 500px) {
  .section-promotion-view {
    margin-top: 40px;
  }
  .section-promotion-view .view-content {
    justify-content: center;
  }
  .section-promotion-view .view-content .views-row {
    width: 100%;
    max-width: 320px;
  }
}
@media (min-width: 501px) and (max-width: 767px) {
  .section-promotion-view .view-content .views-row {
    width: calc(50% - 10px);
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .section-promotion-view {
    margin-top: 50px;
  }
  .section-promotion-view .view-content .views-row {
    width: calc(33.333% - 14px);
  }
}
@media (min-width: 1200px) {
  .section-promotion-view .view-content .views-row {
    width: calc(25% - 15px);
  }
}
.section-articles-view nav.pager {
  margin-top: 40px;
}
.section-articles-view nav.pager .pagination {
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.section-articles-view nav.pager .pagination .pager__item--first,
.section-articles-view nav.pager .pagination .pager__item--last {
  display: none;
}
.section-articles-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last) .page-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #053784;
  font-size: 18px;
  background: unset;
  border: unset;
  padding: 0;
  position: relative;
}
.section-articles-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last) .page-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
}
.section-articles-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last) .page-link:hover {
  color: #ECC57D;
}
.section-articles-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last).is-active .page-link, .section-articles-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last).active .page-link {
  color: #053784;
}
.section-articles-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last).is-active .page-link::after, .section-articles-view nav.pager .pagination .page-item:not(.pager__item--next):not(.pager__item--previous):not(.pager__item--first):not(.pager__item--last).active .page-link::after {
  background: #027DC0;
}
.section-articles-view nav.pager .pagination .pager__item--previous .page-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: url("/themes/custom/i2_theme/images/swiper/button_prev.svg") no-repeat center/contain;
  font-size: 0;
  padding: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}
.section-articles-view nav.pager .pagination .pager__item--previous .page-link span {
  display: none;
}
.section-articles-view nav.pager .pagination .pager__item--previous .page-link:hover {
  background-image: url("/themes/custom/i2_theme/images/swiper/button_prev_hover.svg");
}
.section-articles-view nav.pager .pagination .pager__item--next .page-link {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: url("/themes/custom/i2_theme/images/swiper/button_next.svg") no-repeat center/contain;
  font-size: 0;
  padding: 0;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 50%;
}
.section-articles-view nav.pager .pagination .pager__item--next .page-link span {
  display: none;
}
.section-articles-view nav.pager .pagination .pager__item--next .page-link:hover {
  background-image: url("/themes/custom/i2_theme/images/swiper/button_next_hover.svg");
}
.section-articles-view .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}
.section-articles-view .view-content .views-row {
  width: 100%;
  box-sizing: border-box;
}
.section-articles-view .view-content .views-row .card-inner {
  min-height: 279px;
  padding: 30px;
  border-radius: 6px;
  border: 1px solid #E2F1FF;
  background: #FFF;
  box-shadow: 0 10px 20px 0 rgba(201, 228, 255, 0.5);
}
.section-articles-view .view-content .views-row .card-inner a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.section-articles-view .view-content .views-row .card-inner .card-image {
  display: flex;
  flex-direction: column;
  max-width: 350px;
  flex: 0 0 auto;
  align-self: flex-start;
  position: relative;
  line-height: 0;
}
.section-articles-view .view-content .views-row .card-inner .card-image::after {
  content: "";
  display: block;
  width: 100%;
  height: 7px;
  position: static;
  z-index: 1;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
}
.section-articles-view .view-content .views-row .card-inner .card-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 350/219;
  object-fit: cover;
}
.section-articles-view .view-content .views-row .card-inner .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: unset;
  border-radius: 0;
  padding: 0;
  border: none;
}
.section-articles-view .view-content .views-row .card-inner .card-header .card-category {
  width: fit-content;
  height: 30px;
  padding: 0 23px;
  line-height: 30px;
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  font-size: 18px;
  font-weight: var(--i2-theme-fontweight-medium);
  letter-spacing: 0.9px;
  background: linear-gradient(90deg, rgba(236, 197, 125, 0) 0%, #ECC57D 13.94%, #FFFEFE 35%, #ECC57D 90.87%, rgba(236, 197, 125, 0) 100%);
}
.section-articles-view .view-content .views-row .card-inner .card-header .card-date {
  position: relative;
  width: fit-content;
  height: 22px;
  padding: 0 5px;
}
.section-articles-view .view-content .views-row .card-inner .card-header .card-date time {
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  font-family: "Noto Sans HK";
  font-size: 15px;
  line-height: 22px;
  height: 22px;
  width: 100%;
  display: inline-block;
  color: #353535;
  text-align: center;
  font-weight: var(--i2-theme-fontweight-regular);
}
.section-articles-view .view-content .views-row .card-inner .card-header .card-date::after {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, #BDECFF 14.05%, #E3F7FF 65.98%);
}
.section-articles-view .view-content .views-row .card-inner .card-title {
  margin-top: 20px;
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  font-size: 22px;
  line-height: 32px;
  font-weight: var(--i2-theme-fontweight-medium);
  margin-bottom: 0;
}
.section-articles-view .view-content .views-row .card-inner .card-description {
  margin-top: 10px;
  color: #353535;
  font-family: "Noto Sans HK";
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 30px;
}
.section-articles-view .view-filters {
  height: 70px;
  border-radius: 8px;
  border: 1px solid #A4E5FF;
  background: linear-gradient(90deg, #BDECFF 14.05%, #FFF 65.98%);
  padding: 0 20px;
  margin-bottom: 30px;
}
.section-articles-view .view-filters .views-exposed-form {
  width: 100%;
  float: left;
}
.section-articles-view .view-filters .js-form-item-sort-by {
  display: none !important;
}
.section-articles-view .view-filters .form--inline {
  display: flex;
  gap: 40px;
}
.section-articles-view .view-filters .form--inline .form-actions {
  display: none !important;
}
@media (max-width: 768px) {
  .section-articles-view .view-filters .form--inline {
    gap: 0;
    flex-direction: column;
  }
}
.section-articles-view .view-filters .form-item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.section-articles-view .view-filters .form-item select {
  width: 240px;
  padding: 8px 13px;
  border-radius: 4px;
  border: 1px solid #F0F0F0;
}
@media (max-width: 992px) {
  .section-articles-view .view-filters {
    height: 150px;
  }
  .section-articles-view .view-filters .views-exposed-form {
    width: 100%;
  }
  .section-articles-view .view-filters .form-item {
    margin-top: 1rem;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .section-articles-view .view-filters .form-item select {
    width: calc(100% - 50px);
  }
  .section-articles-view .view-filters .form--inline {
    flex-direction: column;
    gap: 0;
  }
}
@media (max-width: 768px) {
  .section-articles-view .view-filters {
    height: 150px;
  }
}
@media (max-width: 400px) {
  .section-articles-view .view-filters {
    height: 200px;
  }
}

@media (min-width: 769px) and (max-width: 991px) {
  .section-articles-view .view-content .views-row .card-inner {
    padding: 20px;
  }
  .section-articles-view .view-content .views-row .card-inner a {
    gap: 20px;
  }
  .section-articles-view .view-content .views-row .card-inner .card-image {
    max-width: 35.28vw;
  }
}
@media (max-width: 768px) {
  .section-articles-view .view-content .views-row .card-inner {
    padding: 20px;
  }
  .section-articles-view .view-content .views-row .card-inner a {
    height: auto;
    flex-direction: column;
    gap: 15px;
  }
  .section-articles-view .view-content .views-row .card-inner .card-image {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
}
.page-node-type-article footer.node__meta {
  display: none;
}

.page-node-type-article article {
  margin: 0 auto;
  max-width: var(--i2-theme-container);
  position: relative;
  padding-left: var(--i2-container-padding);
  padding-right: var(--i2-container-padding);
}
.page-node-type-article article > div:last-child {
  margin-bottom: 150px;
}
@media (max-width: 767px) {
  .page-node-type-article article > div:last-child {
    margin-bottom: 80px;
  }
}
.page-node-type-article article .node__content > .layout.layout--onecol:nth-child(2) .layout__region.layout__region--content {
  max-width: 1200px;
  margin: 0 auto;
}
.page-node-type-article .block-field-blocknodearticletitle {
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  font-size: 40px;
  line-height: 58px;
  font-weight: var(--i2-theme-fontweight-medium);
  text-align: center;
  margin-bottom: 20px;
}
.page-node-type-article .field--name-field-category {
  width: fit-content;
  height: 30px;
  margin: 0 auto 40px;
  padding: 0 23px;
  line-height: 30px;
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  font-size: 18px;
  font-weight: var(--i2-theme-fontweight-medium);
  letter-spacing: 0.9px;
  background: linear-gradient(90deg, rgba(236, 197, 125, 0) 0%, #ECC57D 13.94%, #FFFEFE 35%, #ECC57D 90.87%, rgba(236, 197, 125, 0) 100%);
}
.page-node-type-article .field--name-created {
  position: relative;
  width: fit-content;
  height: 22px;
  padding: 0 5px;
  display: block;
}
.page-node-type-article .field--name-created time {
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  font-family: "Noto Sans HK";
  font-size: 15px;
  line-height: 22px;
  height: 22px;
  width: 100%;
  display: inline-block;
  color: #353535;
  text-align: center;
  font-weight: var(--i2-theme-fontweight-regular);
}
.page-node-type-article .field--name-created::after {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, #BDECFF 14.05%, #E3F7FF 65.98%);
}
.page-node-type-article .field--name-field-thumbnail-image {
  max-width: 800px;
  margin: 0 auto 80px;
  position: relative;
}
.page-node-type-article .field--name-field-thumbnail-image img {
  width: 100%;
  height: auto;
  aspect-ratio: 800/500;
  object-fit: cover;
}
.page-node-type-article .field--name-field-thumbnail-image::after {
  content: "";
  display: block;
  width: 100%;
  height: 8px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
}
.page-node-type-article .block-layout-builder .paragraph--type--text-two-column {
  margin-top: 15px;
}
@media screen and (max-width: 992px) {
  .page-node-type-article .block-layout-builder .paragraph--type--text-two-column > .paragraph__column {
    flex-wrap: wrap;
    row-gap: 30px;
  }
  .page-node-type-article .block-layout-builder .paragraph--type--text-two-column > .paragraph__column > [class*=column-] {
    flex: 0 0 100%;
    width: 100%;
  }
  .page-node-type-article .block-layout-builder .paragraph--type--text-two-column > .paragraph__column > .column-auto {
    flex: 1 1 100%;
  }
  .page-node-type-article .block-layout-builder .paragraph--type--text-two-column > .paragraph__column > [class*=column-]:has(img) {
    order: -1;
    text-align: center;
  }
  .page-node-type-article .block-layout-builder .paragraph--type--text-two-column > .paragraph__column > [class*=column-]:has(img) img {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-node-type-article .block-layout-builder .paragraph--type--text-two-column .paragraph--type--section-paragraphs {
  margin-top: 0;
}
.page-node-type-article .block-layout-builder .paragraph--type--section-paragraphs {
  margin-top: 0;
}
.page-node-type-article .block-layout-builder .paragraph--type--section-paragraphs .header-group {
  margin-bottom: 15px;
  margin-top: 50px;
}
.page-node-type-article .block-layout-builder .paragraph--type--section-paragraphs .header-group h2 {
  text-align: left;
  font-size: 26px;
  line-height: 38px;
  margin-bottom: 0;
}
.page-node-type-article .block-layout-builder .paragraph--type--section-paragraphs .header-group {
  text-align: left;
}
.page-node-type-article .block-layout-builder .paragraph--type--section-paragraphs .header-group h2::after {
  content: none;
  display: none;
}
.page-node-type-article .block-layout-builder .paragraph--type--section-paragraphs .field--name-field-html-content p {
  color: #353535;
  font-size: 16px;
  line-height: 32px;
  font-family: "Noto Sans HK";
  font-weight: var(--i2-theme-fontweight-regular);
}
.page-node-type-article .block-layout-builder .paragraph--type--section-paragraphs .field--name-field-html-content p:last-child {
  margin-bottom: 0;
}
.page-node-type-article .block-layout-builder .paragraph--type--section-paragraphs .field--name-field-html-content h3 {
  color: #000;
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 15px;
  font-family: "Noto Sans HK";
  font-weight: var(--i2-theme-fontweight-m);
}
.page-node-type-article .block-layout-builder .paragraph--type--section-paragraphs .field--name-field-html-content a {
  color: var(--i2-theme-color-blue);
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .header-group {
  text-align: center;
  margin-bottom: 80px;
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .header-group h2 {
  display: inline-block;
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  font-size: 40px;
  line-height: 58px;
  font-weight: var(--i2-theme-fontweight-medium);
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .header-group h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  background-size: contain;
  margin: 5px auto 0;
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .field--name-field-bp-image {
  text-align: center;
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .field--name-field-bp-image a {
  display: inline-block;
  width: auto;
  max-width: 800px;
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .field--name-field-bp-image a img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  aspect-ratio: 800/500;
  object-fit: cover;
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .header-group {
  margin-bottom: 15px;
  margin-top: 50px;
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .header-group h2 {
  text-align: left;
  font-size: 26px;
  line-height: 38px;
  margin-bottom: 0;
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .header-group {
  text-align: left;
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .header-group h2::after {
  display: none;
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .field--name-field-html-content p {
  color: #353535;
  font-size: 16px;
  line-height: 32px;
  font-family: "Noto Sans HK";
  font-weight: var(--i2-theme-fontweight-regular);
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .field--name-field-html-content p:last-child {
  margin-bottom: 0;
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .field--name-field-html-content h3 {
  color: #000;
  font-size: 20px;
  line-height: 34px;
  margin-bottom: 15px;
  font-family: "Noto Sans HK";
  font-weight: var(--i2-theme-fontweight-m);
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .field--name-field-html-content a {
  color: var(--i2-theme-color-blue);
}
.page-node-type-article .block-layout-builder .paragraph--type--fancybox-image .field--name-field-bp-image {
  margin-top: 50px;
}

body.page-node-type-article .paragraph--type--swiper-carousel .header-group,
body.page-node-type-article .node__content > .layout:not(.banner-section) .block-layout-builder .paragraph.paragraph--type--youtube .header-group {
  margin-bottom: 50px;
  margin-bottom: 15px;
  margin-top: 50px;
}
body.page-node-type-article .paragraph--type--swiper-carousel .header-group h2,
body.page-node-type-article .node__content > .layout:not(.banner-section) .block-layout-builder .paragraph.paragraph--type--youtube .header-group h2 {
  text-align: left;
  font-size: 26px;
  line-height: 38px;
  margin-bottom: 0;
}
body.page-node-type-article .paragraph--type--swiper-carousel .header-group h2::after,
body.page-node-type-article .node__content > .layout:not(.banner-section) .block-layout-builder .paragraph.paragraph--type--youtube .header-group h2::after {
  display: none;
}

.view-block-related-articles {
  margin-top: 150px;
}
.view-block-related-articles::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 80px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
}
@media (max-width: 767px) {
  .view-block-related-articles {
    margin-top: 80px;
  }
}
.view-block-related-articles .view-header h2 {
  color: var(--i2-theme-color-blue);
  font-size: 26px;
  line-height: 38px;
  font-weight: var(--i2-theme-fontweight-medium);
  text-align: center;
  margin-bottom: 50px;
}
.view-block-related-articles .view-header h2 {
  margin-bottom: 50px !important;
}
.view-block-related-articles .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 40px;
}
.view-block-related-articles .view-content .views-row {
  max-width: 428px;
  width: calc((100% - 40px) / 3);
}
.view-block-related-articles .view-content .views-row .articles-card {
  border-radius: 6px;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  filter: drop-shadow(0 10px 20px rgba(201, 228, 255, 0.5));
}
.view-block-related-articles .view-content .views-row .articles-card .card-link {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
}
.view-block-related-articles .view-content .views-row .card-img-top {
  border-radius: 0;
  position: relative;
}
.view-block-related-articles .view-content .views-row .card-img-top img {
  width: 100%;
  height: auto;
  aspect-ratio: 428/268;
  object-fit: cover;
}
.view-block-related-articles .view-content .views-row .card-img-top::after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
}
.view-block-related-articles .view-content .views-row .card-body {
  background-color: #FFF;
  padding: 30px;
}
.view-block-related-articles .view-content .views-row .card-body .card-title {
  color: #0F448D;
  font-family: "Noto Sans HK";
  font-size: 20px;
  line-height: 29px;
  font-weight: var(--i2-theme-fontweight-medium);
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.view-block-related-articles .view-content .views-row .card-body .card-date {
  position: relative;
  width: fit-content;
  height: 22px;
  padding: 0 5px;
  display: block;
}
.view-block-related-articles .view-content .views-row .card-body .card-date time {
  position: relative;
  z-index: 1;
  left: 0;
  top: 0;
  font-family: "Noto Sans HK";
  font-size: 15px;
  line-height: 22px;
  height: 22px;
  width: 100%;
  display: inline-block;
  color: #353535;
  text-align: center;
  font-weight: var(--i2-theme-fontweight-regular);
}
.view-block-related-articles .view-content .views-row .card-body .card-date::after {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: 0;
  content: "";
  display: block;
  width: 100%;
  height: 10px;
  background: linear-gradient(90deg, #BDECFF 14.05%, #E3F7FF 65.98%);
}
.view-block-related-articles .view-content .views-row .card-body .card-desc {
  color: #353535;
  font-family: "Noto Sans HK";
  font-size: 16px;
  line-height: 26px;
  font-weight: var(--i2-theme-fontweight-regular);
  margin-bottom: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1023px) {
  .view-block-related-articles .view-content .views-row {
    width: calc((100% - 20px) / 2);
  }
}
@media (max-width: 767px) {
  .view-block-related-articles .view-content .views-row {
    width: 100%;
    max-width: 428px;
    margin: 0 auto;
  }
}

.product-series-list-item {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0;
  gap: 40px;
}
.product-series-list-item .content {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.product-series-list-item .content .title {
  margin-top: 80px;
  margin-bottom: 40px;
}
.product-series-list-item .content h2 {
  color: var(--i2-theme-color-blue);
  font-size: 40px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 40px;
  margin-bottom: 0;
}
.product-series-list-item .content .description {
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 30px;
  margin-bottom: 50px;
}
.product-series-list-item .content .description p:last-child {
  margin-bottom: 0;
}
.product-series-list-item .image {
  width: 50%;
  max-width: 656px;
  aspect-ratio: 656/405;
  display: block;
  position: relative;
  overflow: visible;
  filter: drop-shadow(0 10px 30px rgba(201, 228, 255, 0.8));
  margin-bottom: 60px;
}
.product-series-list-item .image .product-bg {
  width: 100%;
  aspect-ratio: 656/405;
  position: relative;
  border-radius: 6px;
  overflow: hidden;
}
.product-series-list-item .image .product-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/decro/products_decro_right.png") top no-repeat;
  background-size: contain;
  aspect-ratio: 656/405;
}
.product-series-list-item .image .product-bg img {
  object-fit: contain;
}
.product-series-list-item .image .product-image {
  position: absolute;
  right: 28px;
  bottom: -44px;
  z-index: 1;
  width: 57.927%;
  max-width: 380px;
  max-height: 232px;
  aspect-ratio: 380/232;
  display: flex;
  align-items: center;
  justify-content: right;
}
.product-series-list-item .image .product-image img {
  width: auto;
  height: auto;
  object-fit: contain;
  box-shadow: 0 10px 30px 0 rgba(201, 228, 255, 0.8);
}

.views-row:nth-child(even) .product-series-list-item .content {
  order: 2;
}
.views-row:nth-child(even) .product-series-list-item .image {
  order: 1;
}
.views-row:nth-child(even) .product-series-list-item .image .product-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url("../images/decro/products_decro_left.png") top no-repeat;
  background-size: contain;
  aspect-ratio: 656/405;
}
.views-row:nth-child(even) .product-series-list-item .image .product-image {
  position: absolute;
  left: 36px;
  bottom: -53px;
  z-index: 1;
  width: 57.927%;
  max-width: 380px;
  max-height: 232px;
  aspect-ratio: 380/232;
  display: flex;
  align-items: center;
  justify-content: left;
}
.views-row:nth-child(even) .product-series-list-item .image .product-image img {
  width: auto;
  height: 100%;
  object-fit: contain;
  box-shadow: 0 10px 30px 0 rgba(201, 228, 255, 0.8);
}

@media (max-width: 992px) {
  .product-series-list-item {
    flex-direction: column;
    gap: 40px;
  }
  .product-series-list-item .content {
    width: 100%;
    order: 2;
  }
  .product-series-list-item .content .title {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .product-series-list-item .content .description {
    margin-bottom: 30px;
  }
  .product-series-list-item .image {
    width: 100%;
    margin: 0 auto 60px;
    order: 1;
  }
}
.paragraph--type--product-wiki .paragraph__column {
  padding: 0;
}
.paragraph--type--product-wiki .product-wiki {
  margin: 0 auto;
}
.paragraph--type--product-wiki .product-wiki__tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7.4%;
  margin: 0 0 30px;
  flex-wrap: wrap;
}
.paragraph--type--product-wiki .product-wiki__tab {
  border: 0;
  background: transparent;
  color: #A8A8A8;
  font-size: 22px;
  font-weight: var(--i2-theme-fontweight-medium);
  padding: 0;
  position: relative;
  cursor: pointer;
  transition: color 0.2s ease;
}
.paragraph--type--product-wiki .product-wiki__tab:hover, .paragraph--type--product-wiki .product-wiki__tab:focus-visible, .paragraph--type--product-wiki .product-wiki__tab.is-active {
  color: var(--i2-theme-color-blue);
  outline: none;
}
.paragraph--type--product-wiki .product-wiki__content {
  background: #BDECFF;
  border-radius: 8px;
  padding: 40px;
}
.paragraph--type--product-wiki .product-wiki__content > .product-wiki__panel {
  display: none;
  margin: 0;
}
.paragraph--type--product-wiki .product-wiki__content > .product-wiki__panel:first-child {
  display: block;
}
.paragraph--type--product-wiki .product-wiki__content > .product-wiki__panel.is-active {
  display: block;
}
.paragraph--type--product-wiki .product-wiki__content > .field--name-field-wiki-item {
  margin: 0;
}
.paragraph--type--product-wiki .product-wiki__content > .field--name-field-wiki-item > .field__items {
  margin: 0;
}
.paragraph--type--product-wiki .product-wiki__content > .field--name-field-wiki-item > .field__items > .field__item {
  display: none;
  margin: 0;
}
.paragraph--type--product-wiki .product-wiki__content > .field--name-field-wiki-item > .field__items > .field__item:first-child {
  display: block;
}
.paragraph--type--product-wiki .product-wiki__content > .field--name-field-wiki-item > .field__items > .field__item.is-active {
  display: block;
}
.paragraph--type--product-wiki .product-wiki__content > .field--name-field-wiki-item > .field__item {
  display: none;
  margin: 0;
}
.paragraph--type--product-wiki .product-wiki__content > .field--name-field-wiki-item > .field__item:first-child {
  display: block;
}
.paragraph--type--product-wiki .product-wiki__content > .field--name-field-wiki-item > .field__item.is-active {
  display: block;
}
@media screen and (max-width: 1199px) {
  .paragraph--type--product-wiki .product-wiki__tab {
    font-size: 28px;
  }
}
@media screen and (max-width: 991px) {
  .paragraph--type--product-wiki .product-wiki__tabs {
    gap: 28px;
    margin-bottom: 20px;
  }
  .paragraph--type--product-wiki .product-wiki__tab {
    font-size: 22px;
  }
  .paragraph--type--product-wiki .product-wiki__content {
    padding: 24px 18px;
  }
}
@media screen and (max-width: 767px) {
  .paragraph--type--product-wiki .product-wiki__tabs {
    gap: 15px;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .paragraph--type--product-wiki .product-wiki__tab {
    font-size: 20px;
    line-height: 30px;
  }
}

.product-wiki__panel article.paragraph::before,
.product-wiki__panel article.paragraph::after {
  display: none;
}

.paragraph--type--product-wiki-item-visual-breakdo {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 40px;
}
.paragraph--type--product-wiki-item-visual-breakdo .product-wiki-visual-item__media {
  border-radius: 6px;
  overflow: hidden;
  width: 45%;
  max-width: 523px;
  height: 349px;
  aspect-ratio: 523/349;
}
.paragraph--type--product-wiki-item-visual-breakdo .product-wiki-visual-item__media .field {
  margin: 0;
}
.paragraph--type--product-wiki-item-visual-breakdo .product-wiki-visual-item__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.paragraph--type--product-wiki-item-visual-breakdo .product-wiki-visual-item__body {
  flex: 1;
}
.paragraph--type--product-wiki-item-visual-breakdo .product-wiki-visual-item__title {
  color: var(--i2-theme-color-blue);
  font-size: 22px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 32px;
}
.paragraph--type--product-wiki-item-visual-breakdo .product-wiki-visual-item__text {
  color: #000;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 30px;
}
.paragraph--type--product-wiki-item-visual-breakdo .product-wiki-visual-item__text p {
  margin-bottom: 14px;
}
.paragraph--type--product-wiki-item-visual-breakdo .product-wiki-visual-item__text p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 991px) {
  .paragraph--type--product-wiki-item-visual-breakdo {
    flex-direction: column;
    gap: 40px;
  }
  .paragraph--type--product-wiki-item-visual-breakdo .product-wiki-visual-item__media {
    width: 100%;
    max-width: 523;
    height: auto;
    margin: 0 auto;
  }
}

.paragraph--type--product-wiki-item-group .product-wiki-group__title {
  color: var(--i2-theme-color-blue);
  font-size: 26px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 38px;
  text-align: center;
}
.paragraph--type--product-wiki-item-group .product-wiki-group__description {
  color: #000;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 30px;
  margin-bottom: 50px;
  text-align: center;
}
.paragraph--type--product-wiki-item-group .product-wiki-group__content {
  margin: 0;
}
.paragraph--type--product-wiki-item-group .product-wiki-group__content > .field,
.paragraph--type--product-wiki-item-group .product-wiki-group__content > .field__items,
.paragraph--type--product-wiki-item-group .product-wiki-group__content > .field__item {
  margin: 0;
}

.paragraph--type--product-wiki-core-causes-group .product-wiki-core-causes__topic-title {
  color: #000;
  font-size: 20px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 32px;
  text-align: center;
  margin: 0 0 30px;
}
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-causes__grid {
  --core-causes-side-gap: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 0;
  row-gap: 0;
}
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 0 0 40px 0;
}
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(odd) {
  padding-right: var(--core-causes-side-gap);
}
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(even) {
  padding-left: var(--core-causes-side-gap);
}
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(4n+3),
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(4n) {
  padding-top: 40px;
}
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(1)::after,
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(3)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: #fff;
  z-index: 0;
  pointer-events: none;
}
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(3)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 2px;
  background: #fff;
  z-index: 0;
  pointer-events: none;
}
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item__index {
  width: 60px;
  height: 60px;
  flex: 0 0 60px;
  background: url("../images/decro/product_wiki_index.svg") no-repeat center;
  color: var(--i2-theme-color-blue);
  font-size: 32px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item__title {
  color: #000;
  font-size: 18px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 26px;
  margin: 0 0 12px;
  text-align: left;
}
.paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item__description {
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 32px;
  margin: 0;
}
@media screen and (max-width: 1199px) {
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-causes__topic-title {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 991px) {
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-causes__grid {
    grid-template-columns: 1fr;
    column-gap: 0;
  }
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item {
    padding: 24px 4px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
  }
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(odd),
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(even) {
    padding-left: 4px;
    padding-right: 4px;
  }
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(4n+3),
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(4n) {
    padding-top: 24px;
  }
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(1)::after,
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(3)::after,
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item:nth-child(3)::before {
    display: none;
  }
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item__index {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
    background-size: contain;
    font-size: 24px;
  }
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item__body {
    width: auto;
    max-width: none;
    margin: 0;
  }
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item__title {
    width: auto;
    text-align: left;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 767px) {
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item {
    position: relative;
    display: block;
  }
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item__index {
    width: 30px;
    height: 30px;
    flex-basis: 30px;
    font-size: 16px;
    position: absolute;
    top: 24px;
    left: 4px;
    z-index: 2;
    pointer-events: none;
  }
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item__body {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
  .paragraph--type--product-wiki-core-causes-group .product-wiki-core-cause-item__title {
    width: 100%;
    text-align: left;
    height: 30px;
    line-height: 30px;
    padding-left: 40px;
    margin-bottom: 8px;
  }
}

.paragraph--type--product-wiki-item-group:has(.paragraph--type--product-wiki-practical-tip-group) .product-wiki-group__title {
  margin-bottom: 50px;
}

.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tips__topic-title {
  color: #0f448d;
  font-size: 54px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 1.25;
  text-align: center;
  margin: 0 0 38px;
}
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tips__grid {
  --practical-tips-side-gap: 40px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 0;
  row-gap: 0;
}
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 0 40px 0;
}
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(odd) {
  padding-right: var(--practical-tips-side-gap);
}
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(even) {
  padding-left: var(--practical-tips-side-gap);
}
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(4n+3),
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(4n) {
  padding-top: 40px;
}
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(1)::after,
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(3)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: #fff;
  z-index: 0;
  pointer-events: none;
}
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(3)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 2px;
  background: #fff;
  z-index: 0;
  pointer-events: none;
}
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item__icon-wrap {
  width: 150px;
  height: 150px;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item__icon-wrap img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item__text {
  color: #000;
  font-size: 18px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 26px;
  margin: 0;
}
@media screen and (max-width: 1199px) {
  .paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tips__topic-title {
    margin-bottom: 24px;
  }
  .paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item__icon-wrap {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 991px) {
  .paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tips__grid {
    grid-template-columns: 1fr;
  }
  .paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item {
    padding: 24px 4px;
    gap: 20px;
  }
  .paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(odd),
  .paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(even) {
    padding-left: 4px;
    padding-right: 4px;
  }
  .paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(1)::after,
  .paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(3)::after,
  .paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item:nth-child(3)::before {
    display: none;
  }
  .paragraph--type--product-wiki-practical-tip-group .product-wiki-practical-tip-item__icon-wrap {
    width: 80px;
    height: 80px;
    flex-basis: 80px;
  }
}

.page-node-type-product-series main.no-banner {
  padding: 0;
}

.node--type-product-series .layout.layout--onecol {
  position: relative;
  margin: 0 auto;
  max-width: var(--i2-theme-container);
  padding-left: var(--i2-container-padding);
  padding-right: var(--i2-container-padding);
}
@media (max-width: 992px) {
  .node--type-product-series .layout.layout--onecol {
    margin: 0 auto;
  }
}
@media (max-width: 768px) {
  .node--type-product-series .layout.layout--onecol {
    margin: 0 auto;
  }
}
.node--type-product-series .banner-section.layout.layout--onecol {
  margin: 0;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.node--type-product-series .field--name-field-productseries-banner-image img {
  aspect-ratio: 1920/600;
  width: 100%;
  object-fit: contain;
}
.node--type-product-series .block-system-breadcrumb-block {
  padding-left: 0;
  padding-right: 0;
}
.node--type-product-series .block-field-blocknodeproduct-seriestitle {
  color: var(--i2-theme-color-blue);
  font-size: 40px;
  line-height: 58px;
  font-weight: var(--i2-theme-fontweight-medium);
  text-align: center;
}
.node--type-product-series .block-field-blocknodeproduct-seriestitle span {
  display: inline-block;
}
.node--type-product-series .block-field-blocknodeproduct-seriestitle span::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  background-size: contain;
  margin: 5px auto 0;
}
.node--type-product-series .block-field-blocknodeproduct-seriesfield-product-video-title {
  max-width: 800px;
  margin: 0 auto;
  padding-left: 23px;
}
.node--type-product-series .block-field-blocknodeproduct-seriesfield-product-video-title .field--name-field-product-video-title {
  width: 100%;
  max-width: 430px;
  height: 44px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  gap: 8px;
  background: linear-gradient(90deg, rgba(236, 197, 125, 0) 0%, #ECC57D 13.94%, #FFFEFE 35%, #ECC57D 90.87%, rgba(236, 197, 125, 0) 100%);
  color: var(--i2-theme-color-blue);
  font-size: 22px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 44px;
}
.node--type-product-series .block-field-blocknodeproduct-seriesfield-product-video-title .field--name-field-product-video-title::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  background: url("../images/decro/icon_video.svg") no-repeat center;
  background-size: contain;
  margin-right: 5px;
}
@media (max-width: 600px) {
  .node--type-product-series .block-field-blocknodeproduct-seriesfield-product-video-title .field--name-field-product-video-title {
    font-size: 18px;
  }
}
.node--type-product-series .field--name-field-media-oembed-video {
  text-align: center;
}
.node--type-product-series .field--name-field-media-oembed-video iframe {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  max-width: 800px;
  height: auto;
  aspect-ratio: 800/450;
}
.node--type-product-series .block-field-blocknodeproduct-seriesfield-product-details-image h2 {
  color: var(--i2-theme-color-blue);
  letter-spacing: 2px;
  text-align: center;
}
.node--type-product-series .block-field-blocknodeproduct-seriesfield-product-details-image .field--name-field-product-details-image {
  text-align: center;
}
.node--type-product-series h2 {
  text-align: center;
  color: var(--i2-theme-color-blue);
  font-size: 40px;
  line-height: 58px;
  font-weight: var(--i2-theme-fontweight-medium);
}
.node--type-product-series .paragraph--type--table.paragraph--view-mode--default {
  max-width: 860px;
  margin: 0 auto;
}
.node--type-product-series .paragraph--type--table.paragraph--view-mode--default .i2-table {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.node--type-product-series .paragraph--type--table.paragraph--view-mode--default .i2-table .table {
  width: auto;
  min-width: 860px;
  margin: 0 auto;
  table-layout: fixed;
}
@media (min-width: 992px) {
  .node--type-product-series .paragraph--type--table.paragraph--view-mode--default .i2-table .table thead th:nth-child(1) {
    width: 212px !important;
    min-width: 212px;
  }
  .node--type-product-series .paragraph--type--table.paragraph--view-mode--default .i2-table .table thead th:nth-child(2) {
    width: 214px !important;
    min-width: 214px;
  }
  .node--type-product-series .paragraph--type--table.paragraph--view-mode--default .i2-table .table thead th:nth-child(3) {
    width: 187px !important;
    min-width: 187px;
  }
}
@media (max-width: 991px) {
  .node--type-product-series .paragraph--type--table.paragraph--view-mode--default .i2-table .table thead th:nth-child(1) {
    width: 24.651% !important;
  }
  .node--type-product-series .paragraph--type--table.paragraph--view-mode--default .i2-table .table thead th:nth-child(2) {
    width: 24.884% !important;
  }
  .node--type-product-series .paragraph--type--table.paragraph--view-mode--default .i2-table .table thead th:nth-child(3) {
    width: 21.744% !important;
  }
}
.node--type-product-series .block-field-blocknodeproduct-seriesfield-instructions-for-use {
  text-align: center;
}
.node--type-product-series .block-field-blocknodeproduct-seriesfield-instructions-for-use h2 {
  margin-bottom: 50px;
}
@media (max-width: 992px) {
  .node--type-product-series .block-field-blocknodeproduct-seriesfield-instructions-for-use h2 {
    margin-bottom: 30px;
  }
}
.node--type-product-series .view-block-related-products,
.node--type-product-series .block-field-blocknodeproduct-seriesfield-product-video-title,
.node--type-product-series .product-content-item,
.node--type-product-series .block-field-blocknodeproduct-seriesfield-product-details-image,
.node--type-product-series .block-field-blocknodeproduct-seriesfield-instructions-for-use,
.node--type-product-series .paragraph--type--table.paragraph--view-mode--default {
  margin-top: var(--i2-theme-section-margin-desktop);
}
@media (max-width: 992px) {
  .node--type-product-series .view-block-related-products,
  .node--type-product-series .block-field-blocknodeproduct-seriesfield-product-video-title,
  .node--type-product-series .product-content-item,
  .node--type-product-series .block-field-blocknodeproduct-seriesfield-product-details-image,
  .node--type-product-series .block-field-blocknodeproduct-seriesfield-instructions-for-use,
  .node--type-product-series .paragraph--type--table.paragraph--view-mode--default {
    margin-top: var(--i2-theme-section-margin-tablet);
  }
}
@media (max-width: 768px) {
  .node--type-product-series .view-block-related-products,
  .node--type-product-series .block-field-blocknodeproduct-seriesfield-product-video-title,
  .node--type-product-series .product-content-item,
  .node--type-product-series .block-field-blocknodeproduct-seriesfield-product-details-image,
  .node--type-product-series .block-field-blocknodeproduct-seriesfield-instructions-for-use,
  .node--type-product-series .paragraph--type--table.paragraph--view-mode--default {
    margin-top: var(--i2-theme-section-margin-mobile);
  }
}

.product-content-item {
  position: relative;
  display: flex;
  flex-direction: row;
}
.product-content-item::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  padding: 2px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.product-content-item .image {
  padding: 55px 75px;
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-content-item .image img {
  width: 100%;
  max-width: 503px;
  object-fit: cover;
  aspect-ratio: 503/329;
}
.product-content-item .content {
  padding: 40px 40px 40px 20px;
  width: 50%;
}
.product-content-item .content .awards {
  display: flex;
  gap: 50px;
  justify-content: start;
  align-items: center;
  margin-bottom: 50px;
  flex-wrap: wrap;
}
.product-content-item .content .awards img {
  max-width: 150px;
  max-height: 150px;
  width: auto;
  height: auto;
  object-fit: contain;
}
.product-content-item .content .description .field--name-field-description {
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 32px;
  text-align: left;
}
.product-content-item .content .description {
  margin-bottom: 50px;
}
.product-content-item .content .label {
  display: block;
  text-align: center;
  width: 150px;
  height: 30px;
  background: linear-gradient(90deg, rgba(236, 197, 125, 0) 0%, #ECC57D 13.94%, #FFFEFE 35%, #ECC57D 90.87%, rgba(236, 197, 125, 0) 100%);
  color: var(--i2-theme-color-blue);
  font-size: 18px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 30px;
  margin-bottom: 20px;
}
.product-content-item .content .target_audience {
  display: flex;
  gap: 40px;
  flex-direction: row;
}
.product-content-item .content .target_audience .target_audience_item {
  width: fit-content;
}
.product-content-item .content .target_audience .target_audience_item img {
  display: block;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}

@media (max-width: 992px) {
  .product-content-item {
    flex-direction: column;
  }
  .product-content-item .image, .product-content-item .content {
    width: 100%;
  }
  .product-content-item .content {
    padding: 20px;
  }
  .product-content-item .content .awards {
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
  }
}
@media (max-width: 600px) {
  .product-content-item .image {
    padding: 40px !important;
  }
  .view:not(.view-block-award-homepage-swiper) .view-header h2,
  .node--type-product-series h2,
  .node--type-product-series .block-field-blocknodeproduct-seriesfield-product-details-image h2,
  .node--type-product-series .block-field-blocknodeproduct-seriestitle {
    font-size: 32px;
  }
}
.view-block-related-products {
  --related-card-max: 428px;
  --related-swiper-max-desktop: 1352px;
  --related-swiper-max-tablet: 880px;
  --related-swiper-max-mobile: 428px;
  position: relative;
}
.view-block-related-products::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  margin-bottom: 80px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
}
.view-block-related-products .view-header h2 {
  margin-bottom: 50px !important;
}
.view-block-related-products .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 34px;
  row-gap: 50px;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .view-block-related-products .view-content .views-row {
    width: calc((100% - 34px) / 2);
    max-width: 428px;
  }
}
@media screen and (min-width: 1024px) {
  .view-block-related-products .view-content .views-row {
    width: calc((100% - 68px) / 3);
    max-width: 428px;
  }
}
@media screen and (max-width: 767px) {
  .view-block-related-products .view-content .views-row {
    width: 100%;
    max-width: 428px;
    margin: 0 auto;
  }
}
.view-block-related-products .view-content .views-row {
  display: flex;
  justify-content: center;
}
.view-block-related-products .view-content .views-row .views-field {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.view-block-related-products .view-content .views-row .views-field .field-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.view-block-related-products .view-content .views-row:nth-child(even) .related-products-card .card-image {
  background: linear-gradient(180deg, #FFE1A9 0%, #F6F6F6 80%);
}
.view-block-related-products .view-content .views-row:nth-child(even) .related-products-card .card-image img {
  filter: drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2));
}
.view-block-related-products .view-content .related-products-card {
  width: 100%;
  flex: 1;
  height: 100%;
  box-shadow: 0 10px 20px rgba(201, 228, 255, 0.5), 0 0 10px rgba(201, 228, 255, 0.35);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
.view-block-related-products .view-content .related-products-card .card-image {
  width: 100%;
  height: auto;
  max-height: 268px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 107/67;
  background: linear-gradient(180deg, #94DEE7 0%, #F6F6F6 80%);
}
.view-block-related-products .view-content .related-products-card .card-image img {
  max-width: 428px;
  max-height: 268px;
  height: auto;
  width: auto;
  aspect-ratio: 237/132;
  object-fit: cover;
  filter: drop-shadow(0 10px 30px rgba(201, 228, 255, 0.8));
}
.view-block-related-products .view-content .related-products-card .card-content {
  height: 100%;
  position: relative;
  background: #FFF;
  padding: 30px;
}
.view-block-related-products .view-content .related-products-card .card-content::before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  position: absolute;
  top: 0;
  left: 0;
}
.view-block-related-products .view-content .related-products-card .card-content .card-title {
  color: #0F448D;
  font-size: 20px;
  line-height: 29px;
  font-weight: var(--i2-theme-fontweight-medium);
  margin-bottom: 10px;
}
.view-block-related-products .view-content .related-products-card .card-content .card-description {
  margin-top: 10px;
  color: #353535;
  font-family: "Noto Sans HK";
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  max-height: 104px;
}
.view-block-related-products .view-content .related-products-card .card-content .card-description p:last-child {
  margin-bottom: 0;
}
.view-block-related-products .view-content .related-products-card .card-link {
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  display: block;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .view-block-related-products .view-content .related-products-card .card-content {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .view-block-related-products .view-content .related-products-card .card-content {
    padding-bottom: 30px;
    min-height: auto;
  }
}
.view-block-related-products .view-content.related-products-swiper {
  display: block;
  width: min(100%, var(--related-swiper-max-desktop));
  gap: 0;
  row-gap: 0;
  overflow-x: hidden;
  overflow-y: visible;
  padding-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
.view-block-related-products .view-content.related-products-swiper .swiper-wrapper {
  display: flex;
  align-items: stretch;
}
.view-block-related-products .view-content.related-products-swiper .views-row.swiper-slide {
  display: flex;
  justify-content: center;
  margin: 0;
  height: auto;
  max-width: none !important;
  flex-shrink: 0;
}
.view-block-related-products .view-content.related-products-swiper .views-row.swiper-slide .views-field {
  width: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .view-block-related-products .view-content.related-products-swiper {
    width: min(100%, var(--related-swiper-max-tablet));
  }
  .view-block-related-products .related-products-swiper-controls {
    width: min(100%, var(--related-swiper-max-tablet));
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .view-block-related-products .view-content.related-products-swiper {
    width: min(100%, var(--related-swiper-max-mobile));
  }
  .view-block-related-products .view-content.related-products-swiper .views-row.swiper-slide {
    max-width: var(--related-card-max) !important;
  }
  .view-block-related-products .related-products-swiper-controls {
    width: min(100%, var(--related-swiper-max-mobile));
    margin-left: auto;
    margin-right: auto;
  }
}
.view-block-related-products .related-products-swiper-controls {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  min-height: 40px;
  margin-top: 24px;
  width: min(100%, var(--related-swiper-max-desktop));
  margin-left: auto;
  margin-right: auto;
}
.view-block-related-products .related-products-swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  min-height: 40px;
  margin-top: 0;
  padding: 0;
  grid-column: 2;
  justify-self: center;
}
.view-block-related-products .related-products-swiper-pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 6px !important;
  background: #C7DAEE;
  opacity: 1;
}
.view-block-related-products .related-products-swiper-pagination .swiper-pagination-bullet-active {
  background: #0F448D;
}
.view-block-related-products .related-products-swiper-nav {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 40px;
  grid-column: 3;
  justify-self: end;
}
.view-block-related-products .related-products-swiper-button {
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  max-width: 40px;
  max-height: 40px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background-color: transparent;
  color: #0F448D;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  --swiper-navigation-size: 14px;
  position: static;
  margin-top: 0;
  right: auto;
  left: auto;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
  cursor: pointer;
}
.view-block-related-products .related-products-swiper-button::after {
  display: none;
}
.view-block-related-products .related-products-swiper-button-prev::after {
  display: none;
}
.view-block-related-products .related-products-swiper-button-next::after {
  display: none;
}
.view-block-related-products .related-products-swiper-button-prev {
  background: url(../images/swiper/button_prev.svg) center center no-repeat;
  background-size: 40px 40px;
}
.view-block-related-products .related-products-swiper-button-next {
  background: url(../images/swiper/button_next.svg) center center no-repeat;
  background-size: 40px 40px;
}
.view-block-related-products .related-products-swiper-button-prev:hover {
  background-image: url(../images/swiper/button_prev_hover.svg);
}
.view-block-related-products .related-products-swiper-button-next:hover {
  background-image: url(../images/swiper/button_next_hover.svg);
}
.view-block-related-products .related-products-swiper-button.swiper-button-disabled {
  opacity: 0.45;
  cursor: not-allowed;
}

.search-panel-region .view-block-product-search-view .view-content,
.search-panel-region .view-block-product-search-view .product-search-results-scroll,
.search-panel-region .product-search-results .view-content,
.search-panel-region .product-search-results .product-search-results-scroll {
  align-items: stretch;
  grid-auto-rows: 1fr;
}
.search-panel-region .view-block-product-search-view .view-content .views-row,
.search-panel-region .view-block-product-search-view .product-search-results-scroll .views-row,
.search-panel-region .product-search-results .view-content .views-row,
.search-panel-region .product-search-results .product-search-results-scroll .views-row {
  display: flex;
  justify-content: center;
  height: 100%;
  align-self: stretch;
  min-width: 0;
}
.search-panel-region .view-block-product-search-view .view-content .views-row > .views-field,
.search-panel-region .view-block-product-search-view .view-content .views-row > .views-field > .field-content,
.search-panel-region .view-block-product-search-view .view-content .views-row > .views-field > span.field-content,
.search-panel-region .view-block-product-search-view .view-content .views-row .views-field,
.search-panel-region .view-block-product-search-view .view-content .views-row .field-content,
.search-panel-region .view-block-product-search-view .product-search-results-scroll .views-row > .views-field,
.search-panel-region .view-block-product-search-view .product-search-results-scroll .views-row > .views-field > .field-content,
.search-panel-region .view-block-product-search-view .product-search-results-scroll .views-row > .views-field > span.field-content,
.search-panel-region .view-block-product-search-view .product-search-results-scroll .views-row .views-field,
.search-panel-region .view-block-product-search-view .product-search-results-scroll .views-row .field-content,
.search-panel-region .product-search-results .view-content .views-row > .views-field,
.search-panel-region .product-search-results .view-content .views-row > .views-field > .field-content,
.search-panel-region .product-search-results .view-content .views-row > .views-field > span.field-content,
.search-panel-region .product-search-results .view-content .views-row .views-field,
.search-panel-region .product-search-results .view-content .views-row .field-content,
.search-panel-region .product-search-results .product-search-results-scroll .views-row > .views-field,
.search-panel-region .product-search-results .product-search-results-scroll .views-row > .views-field > .field-content,
.search-panel-region .product-search-results .product-search-results-scroll .views-row > .views-field > span.field-content,
.search-panel-region .product-search-results .product-search-results-scroll .views-row .views-field,
.search-panel-region .product-search-results .product-search-results-scroll .views-row .field-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-width: 0;
}
.search-panel-region .view-block-product-search-view .view-content .views-row > .views-field > .field-content > .search-products-card,
.search-panel-region .view-block-product-search-view .product-search-results-scroll .views-row > .views-field > .field-content > .search-products-card,
.search-panel-region .product-search-results .view-content .views-row > .views-field > .field-content > .search-products-card,
.search-panel-region .product-search-results .product-search-results-scroll .views-row > .views-field > .field-content > .search-products-card {
  height: 100%;
}
.search-panel-region .view-block-product-search-view .view-content .views-row > .views-field > span.field-content > .search-products-card,
.search-panel-region .view-block-product-search-view .product-search-results-scroll .views-row > .views-field > span.field-content > .search-products-card,
.search-panel-region .product-search-results .view-content .views-row > .views-field > span.field-content > .search-products-card,
.search-panel-region .product-search-results .product-search-results-scroll .views-row > .views-field > span.field-content > .search-products-card {
  height: 100%;
  margin: 0 auto;
}

.search-products-card {
  width: 100%;
  max-width: 428px;
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-shadow: 0 10px 20px rgba(201, 228, 255, 0.5), 0 0 10px rgba(201, 228, 255, 0.35);
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  background: #fff;
}
.search-products-card .card-image {
  width: 100%;
  height: auto;
  max-height: 268px;
  display: flex;
  justify-content: center;
  align-items: center;
  aspect-ratio: 107/67;
  background: linear-gradient(180deg, #94DEE7 0%, #F6F6F6 80%);
}
.search-products-card .card-image img {
  max-width: 100%;
  max-height: 90%;
  height: auto;
  width: auto;
  object-fit: contain;
  filter: drop-shadow(0 10px 30px rgba(201, 228, 255, 0.8));
}
.search-products-card .card-content {
  flex: 1;
  height: 100%;
  position: relative;
  background: #FFF;
  padding: 30px;
  display: flex;
  flex-direction: column;
}
.search-products-card .card-content::before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  position: absolute;
  top: 0;
  left: 0;
}
.search-products-card .card-content .card-title {
  color: #0F448D;
  font-size: 20px;
  line-height: 29px;
  font-weight: var(--i2-theme-fontweight-medium);
  margin-bottom: 10px;
}
.search-products-card .card-content .card-title p:last-child {
  margin-bottom: 0;
}
.search-products-card .card-content .card-description {
  margin-top: 10px;
  color: #353535;
  font-family: "Noto Sans HK";
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  max-height: 104px;
  flex-grow: 1;
}
.search-products-card .card-content .card-description p:last-child {
  margin-bottom: 0;
}
.search-products-card .card-link {
  position: absolute;
  left: 0;
  top: 0;
  text-indent: -9999px;
  width: 100%;
  height: 100%;
  display: block;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .search-products-card .card-content {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 767px) {
  .search-products-card .card-content {
    padding: 24px;
    min-height: auto;
  }
  .search-products-card .card-image img {
    max-width: 100%;
  }
  .product-search-helper-text {
    display: none;
  }
}
.view-block-product-search-view .view-content .views-row:nth-child(odd) .search-products-card .card-image,
.view-block-product-search-view .view-content .views-row:nth-of-type(odd) .search-products-card .card-image,
.view-block-product-search-view .product-search-results-scroll > .views-row:nth-child(odd) .search-products-card .card-image,
.view-block-product-search-view .product-search-results-scroll > .views-row:nth-of-type(odd) .search-products-card .card-image {
  background: linear-gradient(180deg, #94DEE7 0%, #F6F6F6 80%);
}
.view-block-product-search-view .view-content .views-row:nth-child(odd) .search-products-card .card-image img,
.view-block-product-search-view .view-content .views-row:nth-of-type(odd) .search-products-card .card-image img,
.view-block-product-search-view .product-search-results-scroll > .views-row:nth-child(odd) .search-products-card .card-image img,
.view-block-product-search-view .product-search-results-scroll > .views-row:nth-of-type(odd) .search-products-card .card-image img {
  filter: drop-shadow(0 10px 30px rgba(201, 228, 255, 0.8));
}
.view-block-product-search-view .view-content .views-row:nth-child(even) .search-products-card .card-image,
.view-block-product-search-view .view-content .views-row:nth-of-type(even) .search-products-card .card-image,
.view-block-product-search-view .product-search-results-scroll > .views-row:nth-child(even) .search-products-card .card-image,
.view-block-product-search-view .product-search-results-scroll > .views-row:nth-of-type(even) .search-products-card .card-image {
  background: linear-gradient(180deg, #FFE1A9 0%, #F6F6F6 80%);
}
.view-block-product-search-view .view-content .views-row:nth-child(even) .search-products-card .card-image img,
.view-block-product-search-view .view-content .views-row:nth-of-type(even) .search-products-card .card-image img,
.view-block-product-search-view .product-search-results-scroll > .views-row:nth-child(even) .search-products-card .card-image img,
.view-block-product-search-view .product-search-results-scroll > .views-row:nth-of-type(even) .search-products-card .card-image img {
  filter: drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2));
}

.paragraph--type--table-view .field--name-field-section-style,
.paragraph--type--store-list-table .field--name-field-section-style {
  display: none !important;
}
.paragraph--type--table-view .paragraph__column,
.paragraph--type--store-list-table .paragraph__column {
  width: 100%;
}
.paragraph--type--table-view .i2-table,
.paragraph--type--store-list-table .i2-table {
  overflow: visible;
}
.paragraph--type--table-view .view-filters,
.paragraph--type--store-list-table .view-filters {
  min-height: 70px;
  height: auto;
  border-radius: 8px;
  border: 1px solid #A4E5FF;
  background: linear-gradient(90deg, #BDECFF 14.05%, #FFF 65.98%);
  padding: 10px 20px;
  margin-bottom: 30px;
}
.paragraph--type--table-view .view-filters .views-exposed-form,
.paragraph--type--store-list-table .view-filters .views-exposed-form {
  width: 100%;
  float: none;
  display: flex;
  align-items: center;
  height: 100%;
}
.paragraph--type--table-view .view-filters .form--inline,
.paragraph--type--store-list-table .view-filters .form--inline {
  display: flex;
  align-items: center;
  width: 100%;
  gap: clamp(12px, 2vw, 28px);
  height: 100%;
}
.paragraph--type--table-view .view-filters .form--inline .form-actions,
.paragraph--type--store-list-table .view-filters .form--inline .form-actions {
  display: none !important;
}
.paragraph--type--table-view .view-filters .form-item,
.paragraph--type--store-list-table .view-filters .form-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  column-gap: 12px;
  margin: 0;
  float: none;
  flex: 1 1 0;
  min-width: 0;
}
.paragraph--type--table-view .view-filters .form-item label,
.paragraph--type--store-list-table .view-filters .form-item label {
  margin: 0;
  white-space: nowrap;
}
.paragraph--type--table-view .view-filters .form-item .form-select,
.paragraph--type--table-view .view-filters .form-item select,
.paragraph--type--store-list-table .view-filters .form-item .form-select,
.paragraph--type--store-list-table .view-filters .form-item select {
  width: 100%;
  min-width: 0;
  padding: 8px 13px;
  border-radius: 4px;
  border: 1px solid #F0F0F0;
  font-size: 16px;
}
@media (max-width: 992px) {
  .paragraph--type--table-view .view-filters,
  .paragraph--type--store-list-table .view-filters {
    min-height: 0;
    height: auto;
  }
  .paragraph--type--table-view .view-filters .views-exposed-form,
  .paragraph--type--store-list-table .view-filters .views-exposed-form {
    width: 100%;
  }
  .paragraph--type--table-view .view-filters .form-item,
  .paragraph--type--store-list-table .view-filters .form-item {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0;
  }
  .paragraph--type--table-view .view-filters .form-item .form-select,
  .paragraph--type--table-view .view-filters .form-item select,
  .paragraph--type--store-list-table .view-filters .form-item .form-select,
  .paragraph--type--store-list-table .view-filters .form-item select {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
  }
  .paragraph--type--table-view .view-filters .form--inline,
  .paragraph--type--store-list-table .view-filters .form--inline {
    flex-direction: column;
    gap: 0;
    align-items: stretch;
  }
}
@media (max-width: 768px) {
  .paragraph--type--table-view .view-filters,
  .paragraph--type--store-list-table .view-filters {
    min-height: 0;
    height: auto;
    padding: 10px 14px;
  }
}
@media (max-width: 400px) {
  .paragraph--type--table-view .view-filters,
  .paragraph--type--store-list-table .view-filters {
    min-height: 0;
    height: auto;
  }
}
.paragraph--type--table-view .view-content table,
.paragraph--type--store-list-table .view-content table {
  width: 100%;
  border-radius: 6px !important;
  color: #000;
  font-size: 16px;
}
.paragraph--type--table-view .view-content table thead,
.paragraph--type--store-list-table .view-content table thead {
  border-radius: 6px 6px 0 0;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6CE 35%, #ECC57D 95%);
}
.paragraph--type--table-view .view-content table tbody > tr,
.paragraph--type--store-list-table .view-content table tbody > tr {
  background: #FFF;
  transition: background 0.2s ease;
}
.paragraph--type--table-view .view-content table tbody > tr:nth-of-type(even),
.paragraph--type--store-list-table .view-content table tbody > tr:nth-of-type(even) {
  background: linear-gradient(270deg, #FFF7E7 0%, #FFFBF2 100%);
}
.paragraph--type--table-view .view-content table tbody > tr > *,
.paragraph--type--store-list-table .view-content table tbody > tr > * {
  background: transparent;
  box-shadow: none;
  --bs-table-accent-bg: transparent;
}
.paragraph--type--table-view .view-content table tbody > tr:hover,
.paragraph--type--store-list-table .view-content table tbody > tr:hover {
  background: linear-gradient(270deg, #FFF2D9 0%, #FFF9EB 100%);
}
.paragraph--type--table-view .view-content table tbody > tr:nth-of-type(even):hover,
.paragraph--type--store-list-table .view-content table tbody > tr:nth-of-type(even):hover {
  background: linear-gradient(270deg, #FFECC8 0%, #FFF5E2 100%);
}
.paragraph--type--table-view .view-content table tbody > tr:hover > *,
.paragraph--type--store-list-table .view-content table tbody > tr:hover > * {
  background: transparent;
  box-shadow: none;
  --bs-table-accent-bg: transparent;
}
.paragraph--type--table-view .view-content table th,
.paragraph--type--table-view .view-content table td,
.paragraph--type--store-list-table .view-content table th,
.paragraph--type--store-list-table .view-content table td {
  padding: 10px 20px;
  vertical-align: middle;
  border-color: transparent;
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
}
.paragraph--type--table-view .view-content table thead th,
.paragraph--type--store-list-table .view-content table thead th {
  color: #000;
  white-space: nowrap;
}
.paragraph--type--table-view .view-content table thead .store-list-group-row th,
.paragraph--type--store-list-table .view-content table thead .store-list-group-row th {
  text-align: center;
}
.paragraph--type--table-view nav.pager,
.paragraph--type--store-list-table nav.pager {
  display: none;
}
.paragraph--type--table-view .load-more-container,
.paragraph--type--store-list-table .load-more-container {
  text-align: center;
  margin-top: 28px;
}
.paragraph--type--table-view .load-more-btn,
.paragraph--type--store-list-table .load-more-btn {
  width: 170px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid #9ee1e9;
  background: #fff;
  color: #0f448d;
  font-size: 18px;
  font-family: "Noto Sans HK", sans-serif;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.paragraph--type--table-view .load-more-btn:hover,
.paragraph--type--store-list-table .load-more-btn:hover {
  opacity: 0.86;
}
.paragraph--type--table-view .load-more-btn.is-loading,
.paragraph--type--store-list-table .load-more-btn.is-loading {
  opacity: 0.72;
  cursor: not-allowed;
}
.paragraph--type--table-view .load-more-status,
.paragraph--type--store-list-table .load-more-status {
  display: none;
  color: #7d8ea1;
  font-size: 16px;
}
.paragraph--type--table-view .load-more-fade-in,
.paragraph--type--store-list-table .load-more-fade-in {
  animation: tableViewFadeIn 0.35s ease forwards;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .paragraph--type--table-view .view-content table td,
  .paragraph--type--table-view .view-content table th,
  .paragraph--type--store-list-table .view-content table td,
  .paragraph--type--store-list-table .view-content table th {
    padding: 10px 14px;
    font-size: 14px;
  }
  .paragraph--type--table-view .load-more-btn,
  .paragraph--type--store-list-table .load-more-btn {
    width: 80%;
    max-width: 240px;
  }
}
@media (max-width: 992px) {
  .paragraph--type--table-view .view-content,
  .paragraph--type--store-list-table .view-content {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .paragraph--type--table-view .view-content table,
  .paragraph--type--store-list-table .view-content table {
    width: 1200px;
    min-width: 1200px;
  }
}

/* Keep for future per-page customizations only. */
@keyframes tableViewFadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Card-list layout baseline
 * - Keep col-6 + col-lg-* class strategy from JS.
 * - Control gutter with Bootstrap variable --bs-gutter-x (do not reset Bootstrap mechanism).
 * - Support default 2/3/4/5-card layouts and leave section-level overrides via CSS variables.
 */
.paragraph--type--card-list {
  --card-list-gutter-x: 16px;
  --card-list-gutter-x-md: 24px;
  --card-list-gutter-x-lg-2: 36px;
  --card-list-gutter-x-lg-3: 32px;
  --card-list-gutter-x-lg-4: 28px;
  --card-list-gutter-x-lg-5: 24px;
}
.paragraph--type--card-list .paragraph--type--card-list-item .card-text p:last-child {
  margin-bottom: 0;
}
.paragraph--type--card-list .paragraph__column.row {
  --bs-gutter-x: var(--card-list-gutter-x);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
}
.paragraph--type--card-list .paragraph__column.row > .col-6 {
  --bs-gutter-x: var(--card-list-gutter-x);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  padding-right: calc(var(--bs-gutter-x) * 0.5);
}
.paragraph--type--card-list {
  /* Mobile default: single column, no outer side gap */
}
.paragraph--type--card-list .paragraph__column.row {
  margin-left: 0;
  margin-right: 0;
  justify-content: flex-start;
  column-gap: var(--bs-gutter-x);
}
.paragraph--type--card-list .paragraph__column.row > .col-6 {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  flex: 0 0 auto;
}
.paragraph--type--card-list {
  /* Tablet: two columns, inner gap only */
}
@media (min-width: 768px) and (max-width: 991px) {
  .paragraph--type--card-list .paragraph__column.row {
    --bs-gutter-x: var(--card-list-gutter-x-md);
  }
  .paragraph--type--card-list .paragraph__column.row > .col-6 {
    --bs-gutter-x: var(--card-list-gutter-x-md);
    width: calc((100% - var(--bs-gutter-x)) / 2);
    flex: 0 0 auto;
  }
}
@media (min-width: 992px) {
  .paragraph--type--card-list .paragraph__column.row {
    margin-left: 0;
    margin-right: 0;
    justify-content: flex-start;
    column-gap: var(--bs-gutter-x);
  }
  .paragraph--type--card-list .paragraph__column.row > .col-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .paragraph--type--card-list[data-card-count="2"] .paragraph__column.row {
    --bs-gutter-x: var(--card-list-gutter-x-lg-2);
  }
  .paragraph--type--card-list[data-card-count="2"] .paragraph__column.row > .col-6 {
    --bs-gutter-x: var(--card-list-gutter-x-lg-2);
  }
  .paragraph--type--card-list[data-card-count="3"] .paragraph__column.row {
    --bs-gutter-x: var(--card-list-gutter-x-lg-3);
  }
  .paragraph--type--card-list[data-card-count="3"] .paragraph__column.row > .col-6 {
    --bs-gutter-x: var(--card-list-gutter-x-lg-3);
  }
  .paragraph--type--card-list[data-card-count="4"] .paragraph__column.row {
    --bs-gutter-x: var(--card-list-gutter-x-lg-4);
  }
  .paragraph--type--card-list[data-card-count="4"] .paragraph__column.row > .col-6 {
    --bs-gutter-x: var(--card-list-gutter-x-lg-4);
  }
  .paragraph--type--card-list[data-card-count="5"] .paragraph__column.row {
    --bs-gutter-x: var(--card-list-gutter-x-lg-5);
  }
  .paragraph--type--card-list[data-card-count="5"] .paragraph__column.row > .col-6 {
    --bs-gutter-x: var(--card-list-gutter-x-lg-5);
  }
  .paragraph--type--card-list[data-card-count="2"] .paragraph__column.row > .col-6.col-lg-6 {
    width: calc((100% - var(--bs-gutter-x)) / 2);
    flex: 0 0 auto;
  }
  .paragraph--type--card-list[data-card-count="3"] .paragraph__column.row > .col-6.col-lg-4 {
    width: calc((100% - var(--bs-gutter-x) * 2) / 3);
    flex: 0 0 auto;
  }
  .paragraph--type--card-list[data-card-count="4"] .paragraph__column.row > .col-6.col-lg-3 {
    width: calc((100% - var(--bs-gutter-x) * 3) / 4);
    flex: 0 0 auto;
  }
  .paragraph--type--card-list[data-card-count="5"] .paragraph__column.row > .col-6.col-lg-5 {
    width: calc((100% - var(--bs-gutter-x) * 4) / 5);
    flex: 0 0 auto;
  }
}

.section-about-us.paragraph.paragraph--type--text-two-column > h2 {
  display: block;
  width: fit-content;
}
.section-about-us.paragraph.paragraph--type--text-two-column > h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  background-size: contain;
  margin: 5px auto 0;
}
.section-about-us.paragraph.paragraph--type--text-two-column ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding-left: 0;
}
.section-about-us.paragraph.paragraph--type--text-two-column ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0;
  width: 120px;
  height: 120px;
  margin: 0;
  padding-top: 5px;
  padding-left: 5px;
  border-radius: 50%;
  border: 2px solid transparent;
  text-align: center;
  list-style: none;
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  letter-spacing: 0.8px;
  background: linear-gradient(210deg, #FFE1A9 0%, #F6F6F6 100%) padding-box, linear-gradient(90deg, #FFD485 13.9423%, #FFF9D9 35%, #FFD485 90.8654%) border-box;
}
.section-about-us.paragraph.paragraph--type--text-two-column ul li strong {
  display: inline;
  margin: 0;
  color: var(--i2-theme-color-blue);
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 1.6px;
}
.section-about-us.paragraph.paragraph--type--text-two-column ul li span {
  display: flex;
  align-items: center;
  font-size: 16px;
  letter-spacing: 1.6px;
}
.section-about-us.paragraph.paragraph--type--text-two-column ul li::before {
  display: none;
}
@media (max-width: 500px) {
  .section-about-us.paragraph.paragraph--type--text-two-column ul li {
    width: 100px;
    height: 100px;
  }
  .section-about-us.paragraph.paragraph--type--text-two-column ul li strong {
    font-size: 24px;
  }
  .section-about-us.paragraph.paragraph--type--text-two-column ul li span {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .section-about-us.paragraph.paragraph--type--text-two-column ul {
    gap: 13px;
  }
}

.section-promotions-swiper.paragraph--type--swiper-carousel .header-group h2 {
  font-size: 40px;
}
.section-promotions-swiper.paragraph--type--swiper-carousel .header-group h2::after {
  content: "";
  display: block;
  width: 100%;
  height: 5px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  background-size: contain;
  margin: 5px auto 0;
}

.section-about-us .field--name-field-media-image {
  width: 100%;
  max-width: 656px;
  height: auto;
  border-radius: 6px;
  overflow: hidden;
}
.section-about-us .field--name-field-media-image .field__item {
  width: fit-content;
  margin: 0 auto;
}
.section-about-us .field--name-field-media-image .field__item::after {
  content: "";
  display: block;
  width: 100%;
  height: 7px;
  position: static;
  z-index: 1;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
}

.section-contact-us-card-list .paragraph--type--card-list > .paragraph__column.row > .field--name-field-section-style {
  display: none;
}
.section-contact-us-card-list .paragraph--type--card-list > .paragraph__column.row > .paragraph--type--card-list-item,
.section-contact-us-card-list .paragraph--type--card-list > .paragraph__column.row > .col-6 {
  display: flex;
}
.section-contact-us-card-list .paragraph--type--card-list > .paragraph__column.row > .paragraph--type--card-list-item,
.section-contact-us-card-list .paragraph--type--card-list > .paragraph__column.row > .col-6 > .paragraph--type--card-list-item {
  display: flex;
  flex: 1 1 auto;
  min-height: 100%;
}
.section-contact-us-card-list .paragraph--type--card-list > .paragraph__column.row {
  align-items: stretch;
  row-gap: 50px;
}
.section-contact-us-card-list .paragraph--type--card-list-item {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  overflow: hidden;
}
.section-contact-us-card-list .paragraph--type--card-list-item .card.card-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.section-contact-us-card-list .paragraph--type--card-list-item .card.card-list .card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1 1 auto;
  padding: 30px 20px 30px 30px;
}
.section-contact-us-card-list .paragraph--type--card-list-item .card.card-list .card-body .card-title {
  color: #000;
  font-size: 20px;
  line-height: 29px;
  font-weight: var(--i2-theme-fontweight-medium);
  margin-bottom: 5px;
}
.section-contact-us-card-list .paragraph--type--card-list-item .card.card-list .card-body .card-text {
  height: 100%;
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 32px; /* 200% */
}
@media (max-width: 1024px) {
  .section-contact-us-card-list .paragraph--type--card-list-item .card.card-list .card-body {
    padding: 30px 20px 30px 20px;
  }
}

#cookiesjsr .cookiesjsr-banner {
  background: linear-gradient(90deg, #053784 45%, #027EC1 100%);
  padding: 40px;
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
  overflow-x: hidden;
}
#cookiesjsr .cookiesjsr-banner--text {
  font-size: 15px;
  line-height: 28px;
  font-weight: var(--i2-theme-fontweight-regular);
}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.allowAll {
  border: none;
  border-radius: 6px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFFEFE 35%, #ECC57D 95%);
  color: #0F448D;
  font-size: 18px;
  font-weight: var(--i2-theme-fontweight-medium);
  position: relative;
  overflow: hidden;
}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.allowAll::before {
  content: "";
  top: -4vh;
  left: 0;
  position: absolute;
  width: 100%;
  height: 800%;
  transform: translate(0%, -100%) rotate(45deg);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(128, 186, 232, 0) 99%, rgba(125, 185, 232, 0) 100%);
  pointer-events: none;
}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.allowAll:hover::before {
  -webkit-animation: slide 2s infinite;
  animation: slide 2s infinite;
}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.denyAll {
  border: none;
  border-radius: 6px;
  background: #BDECFF;
  color: var(--i2-theme-color-blue);
  font-size: 18px;
  font-weight: var(--i2-theme-fontweight-medium);
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.denyAll:hover {
  background: #87DCFF;
}
#cookiesjsr .cookiesjsr-banner--links {
  display: none;
}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.cookiesjsr-settings {
  display: none;
  border: 2px solid #BDECFF;
  border-radius: 6px;
  background: transparent;
  color: #BDECFF;
  font-size: 18px;
  font-weight: 500;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.cookiesjsr-settings:hover {
  border-color: #87DCFF;
  color: #87DCFF;
  background: transparent;
}
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.allowAll:hover,
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.denyAll:hover,
#cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.cookiesjsr-settings:hover {
  -webkit-transform: none;
  transform: none;
}
@media (max-width: 1199px) {
  #cookiesjsr .cookiesjsr-banner--action .cookiesjsr-btn {
    width: calc(100% - 30px);
  }
  #cookiesjsr .cookiesjsr-banner--action {
    margin-left: 80px !important;
  }
}
@media (max-width: 767px) {
  #cookiesjsr .cookiesjsr-banner {
    padding: 20px 0;
  }
  #cookiesjsr .cookiesjsr-banner--action {
    width: 100%;
    max-width: none;
    padding: 0 20px 20px;
    box-sizing: border-box;
    margin-left: 0 !important;
    margin-top: 50px !important;
    gap: 20px;
  }
  #cookiesjsr .cookiesjsr-banner--action .cookiesjsr-btn {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    margin: 0;
  }
  #cookiesjsr .cookiesjsr-banner--info {
    padding: 0 20px;
    margin: 0;
  }
  #cookiesjsr .cookiesjsr-banner .cookiesjsr-btn.allowAll::before {
    display: none;
  }
}
@media (min-width: 768px) {
  #cookiesjsr .cookiesjsr-banner--info {
    width: 68%;
    max-width: 1288px;
    padding: 0;
    margin: 0;
  }
  #cookiesjsr .cookiesjsr-banner--action {
    margin-left: auto;
    width: 32%;
    max-width: 320px;
    justify-content: right;
  }
  #cookiesjsr .cookiesjsr-btn {
    width: 150px;
    height: 50px;
  }
}

html.is-search-mode-locked,
html.is-search-mode-locked body {
  overflow: hidden;
  height: 100%;
}

.search-panel-region {
  --search-panel-top-offset: 100px;
  --search-panel-hero-height: 600px;
  --product-search-grid-max-width: var(--i2-theme-container);
  --product-search-grid-padding-inline: var(--i2-container-padding);
  --product-search-grid-gap-desktop: 30px;
  --product-search-grid-gap-tablet: 30px;
  --product-search-grid-gap-mobile: 30px;
  position: fixed;
  top: var(--search-panel-top-offset);
  right: 0;
  left: 0;
  z-index: 5;
  display: none;
  overflow-x: hidden;
  overflow-y: hidden;
  height: var(--search-panel-hero-height);
  min-height: var(--search-panel-hero-height);
  max-height: var(--search-panel-hero-height);
  background: #FFF !important;
  box-shadow: 0 22px 36px rgba(8, 34, 74, 0.18);
}
.search-panel-region::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 82px;
  background: #a8d9ea;
  z-index: 0;
}
.search-panel-region::after {
  content: "";
  position: absolute;
  top: 82px;
  left: 0;
  right: 0;
  min-height: calc(var(--search-panel-hero-height) - 82px);
  background: #fff;
  z-index: 0;
}
.search-panel-region.is-open {
  display: block;
}
.search-panel-region .product-search-panel-shell {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.search-panel-region .product-search-top-bg {
  height: 82px;
  background: #a8d9ea;
}
.search-panel-region .product-search-content-bg {
  min-height: calc(var(--search-panel-hero-height) - 82px);
  background: #FFF;
}
.search-panel-region .block,
.search-panel-region .block-views,
.search-panel-region .views-element-container {
  position: relative;
  z-index: 2;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
.search-panel-region > .region-search-panel {
  position: relative;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}
.search-panel-region > .region-search-panel > .block:not(.block-views) {
  display: none !important;
}
.search-panel-region > .region-search-panel > .block.block-views {
  position: relative;
  z-index: 2;
  height: 100%;
  min-height: 0;
}
.search-panel-region .block-views > h2 {
  display: none;
}
.search-panel-region .product-search-results,
.search-panel-region .product-search-results .views-element-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.search-panel-region .product-search-results-scroll {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding-bottom: calc(24px + env(safe-area-inset-bottom, 0px));
  position: relative;
  z-index: 3;
}
.search-panel-region .views-exposed-form {
  margin: 0;
  padding: 20px 15px;
  background: transparent;
}
.search-panel-region .views-exposed-form .form-item {
  margin: 0 auto;
  max-width: 980px;
  width: 100%;
  float: none;
}
.search-panel-region .views-exposed-form label {
  display: none;
}
.search-panel-region .views-exposed-form .form-actions {
  display: none;
}
.search-panel-region .views-exposed-form .product-search-input-wrap {
  position: relative;
}
.search-panel-region .views-exposed-form input[type=text],
.search-panel-region .views-exposed-form input[type=search] {
  border: 0;
  border-radius: 999px;
  width: 100%;
  height: 52px;
  padding: 0 56px 0 65px;
  color: #353535;
  font-size: 20px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 29px;
  margin: 0 auto;
  display: block;
  background-color: #fff;
  background-image: url("../images/decro/icon_search_input.svg");
  background-repeat: no-repeat;
  background-position: left 14px center;
  background-size: 30px 30px;
}
.search-panel-region .views-exposed-form input[type=text]::placeholder,
.search-panel-region .views-exposed-form input[type=search]::placeholder {
  color: #353535;
  font-size: 20px;
  font-weight: var(--i2-theme-fontweight-regular);
  opacity: 1;
}
.search-panel-region .view-filters {
  background: #a8d9ea;
  padding-bottom: 14px;
}
.search-panel-region .product-search-form-shell {
  max-width: 980px;
  margin: 0 auto;
  position: relative;
}
.search-panel-region .product-search-input-clear {
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #9aa0a6;
  font-size: 26px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  z-index: 3;
  display: none;
}
.search-panel-region .product-search-form-shell.has-value .product-search-input-clear {
  display: inline-flex;
}
.search-panel-region .product-search-input-clear:hover {
  color: #6b7280;
}
.search-panel-region .product-search-mobile-close {
  display: none;
  position: absolute;
  top: 0;
  right: 16px;
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #ECC57D;
  font-size: 44px;
  line-height: 1;
  padding: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 7;
}
.search-panel-region .product-search-desktop-close {
  display: none;
  position: sticky;
  top: 16px;
  right: auto;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(5, 55, 132, 0.14);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.96);
  color: #053784;
  font-size: 0;
  line-height: 0;
  padding: 0;
  cursor: pointer;
  z-index: 7;
  box-shadow: 0 10px 20px rgba(8, 34, 74, 0.14);
  box-sizing: border-box;
  margin: 16px 30px 0 auto;
}
.search-panel-region .product-search-desktop-close::before {
  content: "×";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -52%);
  color: currentColor;
  font-size: 28px;
  line-height: 1;
  font-weight: 400;
  pointer-events: none;
}
.search-panel-region .product-search-desktop-close:hover {
  background: #fff;
  color: #027EC1;
}
.search-panel-region .product-search-helper-text {
  margin: 0 auto;
  max-width: 980px;
  width: 100%;
  color: #6b7280;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  padding: 0 19px;
  box-sizing: border-box;
}
.search-panel-region .view-content {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: var(--product-search-grid-gap-desktop);
  row-gap: var(--product-search-grid-gap-desktop);
  width: min(var(--product-search-grid-max-width), 100% - var(--product-search-grid-padding-inline) * 2);
  max-width: var(--product-search-grid-max-width);
  padding: 24px var(--product-search-grid-padding-inline) 40px var(--product-search-grid-padding-inline);
  box-sizing: border-box;
  margin: 0 auto;
  align-content: start;
}
.search-panel-region .view-empty {
  display: none;
  width: min(var(--product-search-grid-max-width), 100% - var(--product-search-grid-padding-inline) * 2);
  max-width: var(--product-search-grid-max-width);
  margin: 0 auto;
  padding: 24px var(--product-search-grid-padding-inline) 40px var(--product-search-grid-padding-inline);
  box-sizing: border-box;
  color: #4b5563;
  font-size: 16px;
}
.search-panel-region .product-search-empty-state {
  display: none;
  max-width: 1100px;
  margin: 0 auto;
  padding: 56px 24px 40px;
  text-align: center;
}
.search-panel-region .product-search-empty-state .product-search-empty-title {
  color: var(--i2-theme-color-blue);
  font-size: 26px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 38px;
  margin: 0 0 15px 0;
}
.search-panel-region .product-search-empty-state .product-search-empty-text {
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 23px;
  margin: 0;
}
.search-panel-region .product-search-loading-text {
  display: none;
  position: relative;
  z-index: 5;
  width: min(var(--product-search-grid-max-width), 100% - var(--product-search-grid-padding-inline) * 2);
  max-width: var(--product-search-grid-max-width);
  margin: 0 auto;
  padding: 0 var(--product-search-grid-padding-inline);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  gap: 0;
  min-height: clamp(220px, 40vh, 420px);
}
.search-panel-region .product-search-loading-spinner {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 3px solid rgba(15, 68, 141, 0.18);
  border-top-color: #0F448D;
  animation: product-search-spin 0.8s linear infinite;
}
.search-panel-region .ajax-progress,
.search-panel-region .ajax-progress.ajax-progress-throbber,
.search-panel-region .ajax-progress-throbber {
  position: fixed !important;
  left: 50% !important;
  top: calc(var(--search-panel-top-offset, 0px) + var(--search-panel-hero-height, 600px) / 2) !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 10020 !important;
  width: 32px;
  height: 32px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  pointer-events: none !important;
}
.search-panel-region .ajax-progress .throbber,
.search-panel-region .ajax-progress.ajax-progress-throbber .throbber {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  border: 3px solid rgba(15, 68, 141, 0.18) !important;
  border-top-color: #0F448D !important;
  background: none !important;
  background-image: none !important;
  animation: product-search-spin 0.8s linear infinite !important;
  margin: 0 !important;
  float: none !important;
}
.search-panel-region .ajax-progress .message,
.search-panel-region .ajax-progress.ajax-progress-throbber .message,
.search-panel-region .ajax-progress.ajax-progress-throbber .ajax-progress-message,
.search-panel-region .ajax-progress .ajax-progress-message {
  display: none !important;
}
.search-panel-region.is-idle {
  background: transparent !important;
  box-shadow: none;
}
.search-panel-region.is-idle::after {
  display: none;
}
.search-panel-region.is-idle .product-search-content-bg {
  display: none;
}
.search-panel-region.is-idle .product-search-results-scroll {
  display: none !important;
}
.search-panel-region.is-idle .view-content,
.search-panel-region.is-idle nav.pager,
.search-panel-region.is-idle .view-empty,
.search-panel-region.is-idle .product-search-empty-state,
.search-panel-region.is-idle .product-search-loading-text {
  display: none !important;
}
.search-panel-region.is-loading .view-content,
.search-panel-region.is-loading nav.pager,
.search-panel-region.is-loading .product-search-empty-state,
.search-panel-region.is-loading .view-empty {
  display: none !important;
}
.search-panel-region.is-loading .product-search-loading-text {
  display: none !important;
}
.search-panel-region.is-empty .view-content,
.search-panel-region.is-empty nav.pager,
.search-panel-region.is-empty .product-search-loading-text {
  display: none !important;
}
.search-panel-region.is-empty .view-empty {
  display: block;
}
.search-panel-region.is-empty.has-custom-empty-state .view-empty {
  display: none !important;
}
.search-panel-region.is-empty .product-search-empty-state {
  display: block;
}

body.is-search-mode .search-panel-region {
  display: block;
}

html body .ajax-progress-fullscreen,
html body .ajax-progress--fullscreen {
  position: fixed !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
  left: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: rgba(255, 255, 255, 0) !important;
  background-image: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
  z-index: 10030 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

html body .ajax-progress-fullscreen::before,
html body .ajax-progress--fullscreen::before {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
  background-image: none !important;
}

html body .ajax-progress-fullscreen::after,
html body .ajax-progress--fullscreen::after {
  content: "";
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: 4px solid rgba(15, 68, 141, 0.18);
  border-top-color: #0F448D;
  animation: product-search-spin 0.8s linear infinite;
  box-sizing: border-box;
  display: block;
}

html body .ajax-progress-fullscreen .throbber,
html body .ajax-progress--fullscreen .throbber,
html body .ajax-progress__throbber--fullscreen {
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  border: 0 !important;
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
  opacity: 0 !important;
}

html body .ajax-progress-fullscreen .message,
html body .ajax-progress-fullscreen .ajax-progress-message,
html body .ajax-progress--fullscreen .message,
html body .ajax-progress--fullscreen .ajax-progress-message {
  display: none !important;
}

body.is-search-mode .ajax-progress,
body.is-search-mode .ajax-progress.ajax-progress-throbber,
body.is-search-mode .ajax-progress-throbber,
body.is-search-mode .ajax-progress-fullscreen,
body.is-search-mode .ajax-progress--fullscreen {
  position: fixed !important;
  left: 50% !important;
  top: var(--search-panel-spinner-center-y, calc(var(--search-panel-top-offset, 0px) + var(--search-panel-hero-height, 600px) / 2)) !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  z-index: 10030 !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  pointer-events: none !important;
}

body.is-search-mode .ajax-progress .throbber,
body.is-search-mode .ajax-progress.ajax-progress-throbber .throbber,
body.is-search-mode .ajax-progress-throbber .throbber {
  width: 100% !important;
  height: 100% !important;
  border-radius: 50% !important;
  border: 3px solid rgba(15, 68, 141, 0.18) !important;
  border-top-color: #0F448D !important;
  background: none !important;
  background-image: none !important;
  animation: product-search-spin 0.8s linear infinite !important;
  margin: 0 !important;
  float: none !important;
}

body.is-search-mode .ajax-progress-fullscreen::after,
body.is-search-mode .ajax-progress--fullscreen::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 3px solid rgba(15, 68, 141, 0.18);
  border-top-color: #0F448D;
  animation: product-search-spin 0.8s linear infinite;
  box-sizing: border-box;
  display: block;
}

body.is-search-mode .ajax-progress-fullscreen::before,
body.is-search-mode .ajax-progress--fullscreen::before {
  content: none !important;
  display: none !important;
  animation: none !important;
  background: none !important;
  background-image: none !important;
}

body.is-search-mode .ajax-progress .message,
body.is-search-mode .ajax-progress .ajax-progress-message,
body.is-search-mode .ajax-progress.ajax-progress-throbber .message,
body.is-search-mode .ajax-progress.ajax-progress-throbber .ajax-progress-message,
body.is-search-mode .ajax-progress-throbber .message,
body.is-search-mode .ajax-progress-throbber .ajax-progress-message,
body.is-search-mode .ajax-progress-fullscreen .message,
body.is-search-mode .ajax-progress-fullscreen .ajax-progress-message,
body.is-search-mode .ajax-progress--fullscreen .message,
body.is-search-mode .ajax-progress--fullscreen .ajax-progress-message {
  display: none !important;
}

body.is-search-mode .site-header {
  position: relative;
  z-index: 6;
}

body.is-search-mode .site-header::before {
  display: block;
  width: 100%;
  height: calc(var(--drupal-displace-offset-top, 0px) + 12px);
  position: absolute;
  top: calc(-1 * var(--drupal-displace-offset-top, 0px));
  left: 0;
  background: linear-gradient(90deg, #053784 35%, #027EC1 100%);
  background-size: cover;
  z-index: 1;
}

body.is-search-mode .site-header > .header-pc,
body.is-search-mode .site-header nav.navbar {
  position: relative;
  z-index: 6;
}

body.is-search-mode .site-header .logo-section {
  position: relative;
  z-index: 6;
}

body.is-search-mode .search-panel-region.has-search-response .product-search-desktop-close {
  display: flex;
}

body.is-search-mode .search-panel-region > .region-search-panel > .block.block-views,
body.is-search-mode .search-panel-region > .region-search-panel > .block.block-views .views-element-container,
body.is-search-mode .view-block-product-search-view,
body.is-search-mode .view-block-product-search-view .product-search-results {
  height: 100%;
  min-height: 0;
}

body.is-search-mode .search-panel-region > .region-search-panel > .block.block-views,
body.is-search-mode .search-panel-region > .region-search-panel > .block.block-views .views-element-container,
body.is-search-mode .view-block-product-search-view,
body.is-search-mode .view-block-product-search-view .product-search-results {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

body.is-search-mode .view-block-product-search-view .view-filters,
body.is-search-mode .view-block-product-search-view .views-exposed-form {
  flex: 0 0 auto;
  position: relative;
  z-index: 4;
}

body.is-search-mode .view-block-product-search-view .product-search-results-scroll {
  flex: 1 1 auto;
  min-height: 0;
  scrollbar-gutter: stable;
}

body.is-search-mode .view-block-product-search-view .product-search-results-scroll::-webkit-scrollbar {
  width: 10px;
}

body.is-search-mode .view-block-product-search-view .product-search-results-scroll::-webkit-scrollbar-track {
  background: rgba(168, 217, 234, 0.24);
}

body.is-search-mode .view-block-product-search-view .product-search-results-scroll::-webkit-scrollbar-thumb {
  background: rgba(18, 74, 163, 0.45);
  border-radius: 999px;
}

body.is-search-mode .view-block-product-search-view .views-element-container,
body.is-search-mode .view-block-product-search-view .view-content,
body.is-search-mode .view-block-product-search-view .view-empty,
body.is-search-mode .view-block-product-search-view .product-search-loading-text {
  min-height: 0;
  position: relative;
  z-index: 3;
}

body.is-search-mode .view-block-product-search-view .product-search-loading-text {
  overflow: hidden;
  padding-bottom: 0;
}

@media (max-width: 1199px) {
  .search-panel-region .view-content {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--product-search-grid-gap-tablet);
    row-gap: var(--product-search-grid-gap-tablet);
  }
}
@media (max-width: 768px) {
  html.is-search-mode-locked,
  html.is-search-mode-locked body {
    overflow: auto;
    height: auto;
  }
  body.is-search-mode .site-header {
    display: none;
  }
  .search-panel-region {
    --search-panel-top-offset: 0px;
    --search-panel-hero-height: 100dvh;
    position: fixed !important;
    top: var(--search-panel-top-offset);
    right: 0;
    left: 0;
    bottom: auto;
    height: calc(100dvh - var(--search-panel-top-offset));
    min-height: calc(100dvh - var(--search-panel-top-offset));
    max-height: calc(100dvh - var(--search-panel-top-offset));
    z-index: 9999;
    background: linear-gradient(90deg, #053784 0%, #027EC1 100%) !important;
    box-shadow: none;
    overflow: hidden;
  }
  .search-panel-region.is-idle {
    background: linear-gradient(90deg, #053784 0%, #027EC1 100%) !important;
    box-shadow: none;
  }
  .search-panel-region.is-idle::after {
    display: block;
  }
  .search-panel-region.is-idle .product-search-content-bg {
    display: block;
  }
  .search-panel-region.is-idle .product-search-results-scroll {
    display: block !important;
  }
  .search-panel-region .product-search-top-bg {
    height: 96px;
    background: linear-gradient(90deg, #053784 0%, #027EC1 100%);
  }
  .search-panel-region .product-search-content-bg {
    background: linear-gradient(90deg, #053784 0%, #027EC1 100%);
  }
  .search-panel-region::before {
    height: 96px;
    background: linear-gradient(90deg, #053784 0%, #027EC1 100%);
  }
  .search-panel-region::after {
    top: 96px;
    min-height: calc(var(--search-panel-hero-height) - 96px);
    background: linear-gradient(90deg, #053784 0%, #027EC1 100%);
  }
  .search-panel-region .views-exposed-form {
    padding: 56px 15px 14px;
  }
  .search-panel-region .views-exposed-form input[type=text],
  .search-panel-region .views-exposed-form input[type=search] {
    width: 100%;
    height: 52px;
    font-size: 20px;
    padding-left: 65px;
    padding-right: 56px;
  }
  .search-panel-region .product-search-input-clear {
    top: 50%;
    right: 14px;
    width: 24px;
    height: 24px;
    font-size: 26px;
  }
  .search-panel-region .product-search-mobile-close {
    display: inline-flex;
  }
  .search-panel-region .product-search-desktop-close {
    display: none !important;
  }
  .search-panel-region .view-filters {
    background: transparent;
  }
  .search-panel-region .product-search-helper-text {
    max-width: 460px;
    color: rgba(255, 255, 255, 0.9);
    padding: 0 4px;
    text-align: center;
    margin-top: 14px;
  }
  .search-panel-region .view-content {
    grid-template-columns: 1fr;
    column-gap: var(--product-search-grid-gap-mobile);
    row-gap: var(--product-search-grid-gap-mobile);
    padding: 12px 0 24px;
    max-width: 460px;
  }
  .search-panel-region .view-empty {
    max-width: 460px;
    padding: 12px 16px 24px;
    color: #fff;
  }
  .search-panel-region .product-search-empty-state {
    max-width: 460px;
    padding: 36px 16px 24px;
  }
  .search-panel-region .product-search-empty-state .product-search-empty-title {
    color: #fff;
    font-size: 30px;
  }
  .search-panel-region .product-search-empty-state .product-search-empty-text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    margin-top: 14px;
  }
  .search-panel-region .product-search-loading-text {
    width: min(var(--product-search-grid-max-width), 100% - var(--product-search-grid-padding-inline) * 2);
    max-width: var(--product-search-grid-max-width);
    padding: 0 var(--product-search-grid-padding-inline);
    justify-content: center;
    gap: 0;
    min-height: calc(100dvh - var(--search-panel-top-offset, 0px) - 130px);
  }
  .search-panel-region .product-search-loading-spinner {
    width: 42px;
    height: 42px;
    border-width: 4px;
    border-color: rgba(255, 255, 255, 0.28);
    border-top-color: #fff;
  }
  .search-panel-region .ajax-progress,
  .search-panel-region .ajax-progress.ajax-progress-throbber,
  .search-panel-region .ajax-progress-throbber {
    top: calc(var(--search-panel-top-offset, 0px) + (100dvh - var(--search-panel-top-offset, 0px)) / 2) !important;
    width: 48px;
    height: 48px;
  }
  .search-panel-region .ajax-progress .throbber,
  .search-panel-region .ajax-progress.ajax-progress-throbber .throbber {
    border-width: 5px !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    border-top-color: #fff !important;
  }
  .search-panel-region .ajax-progress,
  .search-panel-region .ajax-progress.ajax-progress-throbber,
  .search-panel-region .ajax-progress-throbber {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
  }
  .search-panel-region.is-loading .product-search-loading-text {
    display: flex !important;
  }
  .search-panel-region > .region-search-panel {
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    box-sizing: border-box;
  }
  .search-panel-region > .region-search-panel > .block.block-views,
  .search-panel-region > .region-search-panel > .block.block-views .views-element-container {
    height: 100%;
    min-height: 0;
  }
  body.is-search-mode .search-panel-region > .region-search-panel > .block.block-views,
  body.is-search-mode .search-panel-region > .region-search-panel > .block.block-views .views-element-container,
  body.is-search-mode .view-block-product-search-view,
  body.is-search-mode .view-block-product-search-view .product-search-results {
    height: 100%;
    min-height: 0;
  }
  body.is-search-mode .search-panel-region > .region-search-panel > .block.block-views,
  body.is-search-mode .search-panel-region > .region-search-panel > .block.block-views .views-element-container,
  body.is-search-mode .view-block-product-search-view,
  body.is-search-mode .view-block-product-search-view .product-search-results {
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  body.is-search-mode .view-block-product-search-view .view-content,
  body.is-search-mode .view-block-product-search-view .view-empty,
  body.is-search-mode .view-block-product-search-view .product-search-loading-text {
    min-height: 0;
    position: relative;
    z-index: 3;
  }
  body.is-search-mode .ajax-progress,
  body.is-search-mode .ajax-progress.ajax-progress-throbber,
  body.is-search-mode .ajax-progress-throbber,
  body.is-search-mode .ajax-progress-fullscreen,
  body.is-search-mode .ajax-progress--fullscreen {
    top: calc(var(--search-panel-top-offset, 0px) + (100dvh - var(--search-panel-top-offset, 0px)) / 2) !important;
    width: 48px !important;
    height: 48px !important;
  }
  body.is-search-mode .ajax-progress-fullscreen,
  body.is-search-mode .ajax-progress--fullscreen {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }
  body.is-search-mode .ajax-progress-fullscreen::after,
  body.is-search-mode .ajax-progress--fullscreen::after,
  body.is-search-mode .ajax-progress-fullscreen::before,
  body.is-search-mode .ajax-progress--fullscreen::before {
    content: none !important;
    display: none !important;
    animation: none !important;
    background: none !important;
    border: 0 !important;
  }
  body.is-search-mode .ajax-progress .throbber,
  body.is-search-mode .ajax-progress.ajax-progress-throbber .throbber,
  body.is-search-mode .ajax-progress-throbber .throbber {
    border-width: 5px !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    border-top-color: #fff !important;
  }
  body.is-search-mode .ajax-progress-fullscreen::after,
  body.is-search-mode .ajax-progress--fullscreen::after {
    border-width: 5px !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
    border-top-color: #fff !important;
  }
  body.is-search-mode .view-block-product-search-view .views-element-container,
  body.is-search-mode .view-block-product-search-view .view-content {
    min-height: 0;
  }
  body.is-search-mode .view-block-product-search-view .view-filters,
  body.is-search-mode .view-block-product-search-view .views-exposed-form {
    flex: 0 0 auto;
    position: relative;
    z-index: 4;
  }
  body.is-search-mode .view-block-product-search-view .view-content,
  body.is-search-mode .view-block-product-search-view .view-empty,
  body.is-search-mode .view-block-product-search-view .product-search-loading-text {
    min-height: 0;
    position: relative;
    z-index: 3;
  }
  body.is-search-mode .view-block-product-search-view .product-search-results-scroll {
    flex: 1 1 auto;
    min-height: 0;
    scrollbar-gutter: stable;
  }
  body.is-search-mode .view-block-product-search-view .product-search-results-scroll::-webkit-scrollbar {
    width: 10px;
  }
  body.is-search-mode .view-block-product-search-view .product-search-results-scroll::-webkit-scrollbar-track {
    background: rgba(168, 217, 234, 0.24);
  }
  body.is-search-mode .view-block-product-search-view .product-search-results-scroll::-webkit-scrollbar-thumb {
    background: rgba(18, 74, 163, 0.45);
    border-radius: 999px;
  }
  body.is-search-mode .view-block-product-search-view .product-search-loading-text {
    overflow: hidden;
    padding-bottom: 0;
  }
  body.is-search-mode .search-panel-region.is-loading .product-search-loading-text {
    min-height: calc(100dvh - var(--search-panel-top-offset, 0px) - 130px);
  }
}
@keyframes product-search-spin {
  to {
    transform: rotate(360deg);
  }
}
.webform-submission-form {
  width: 100%;
  max-width: 908px;
  margin: 0 auto;
  padding-left: var(--i2-container-padding);
  padding-right: var(--i2-container-padding);
  margin-bottom: 150px;
}
.webform-submission-form .js-webform-type-processed-text {
  width: 100%;
  position: relative;
  background: linear-gradient(90deg, #FFF2C2 0%, rgba(255, 255, 255, 0) 51.6%);
  border-radius: 6px;
  padding: 70px 34px 30px 30px;
  margin-top: 0;
  margin-bottom: 30px;
}
.webform-submission-form .js-webform-type-processed-text ::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 6px;
  padding: 2px;
  background: linear-gradient(90deg, #ECC57D 0%, #FFF6D3 35%, #ECC57D 95%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.webform-submission-form .js-webform-type-processed-text h3 {
  width: auto;
  height: 50px;
  padding: 0 26px 0 28px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 0;
  background: linear-gradient(90deg, #ECC57D 0%, #FFFEFE 35%, #ECC57D 95%);
  color: var(--i2-theme-color-blue);
  font-size: 26px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 50px;
  text-align: center;
  margin: 0;
}
.webform-submission-form .js-webform-type-processed-text p {
  display: block;
  color: #000;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 26px; /* 162.5% */
}
.webform-submission-form .js-webform-type-processed-text p a {
  color: var(--i2-theme-color-blue);
  text-decoration: underline;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 26px; /* 162.5% */
}
.webform-submission-form .js-webform-type-processed-text p:last-child {
  margin-bottom: 0;
}
.webform-submission-form .js-webform-type-processed-text + .js-form-wrapper {
  background: #FFF;
  padding: 30px 30px 0 30px;
  border: 1px solid #E2F1FF;
  border-width: 1px 1px 0 1px;
  border-radius: 8px 8px 0 0;
  position: relative;
  z-index: 0;
}
.webform-submission-form .js-webform-type-processed-text + .js-form-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #FFF;
  border-radius: 8px 8px 0 0;
  filter: drop-shadow(0 10px 20px rgba(201, 228, 255, 0.5));
  clip-path: inset(-40px -40px 1px -40px);
  z-index: 0;
  pointer-events: none;
}
.webform-submission-form .js-webform-type-processed-text + .js-form-wrapper > * {
  position: relative;
  z-index: 1;
}
.webform-submission-form .js-form-wrapper.webform-flexbox {
  background: transparent;
}
.webform-submission-form label {
  margin-bottom: 8px;
}
.webform-submission-form .form-select {
  height: 40px;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
}
.webform-submission-form input.form-text {
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  font-size: 16px;
  padding: 0 13px;
  color: #353535;
}
.webform-submission-form input.form-text::placeholder {
  color: #979797;
}
.webform-submission-form .form-actions {
  background: #FFF;
  margin: 0;
  padding: 50px 0 30px 0;
  text-align: center;
  border: 1px solid #E2F1FF;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 8px 8px;
  position: relative;
  z-index: 0;
}
.webform-submission-form .form-actions::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #FFF;
  border-radius: 0 0 8px 8px;
  filter: drop-shadow(0 10px 20px rgba(201, 228, 255, 0.5));
  clip-path: inset(1px -40px -40px -40px);
  z-index: 0;
  pointer-events: none;
}
.webform-submission-form .form-actions > * {
  position: relative;
  z-index: 1;
}
.webform-submission-form .form-actions .webform-button--submit {
  display: inline-block;
  width: 170px;
  height: 44px;
  line-height: 44px;
  padding: 0 30px;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--i2-theme-color-blue);
  font-family: "Noto Sans HK";
  font-size: 20px;
  font-weight: var(--i2-theme-fontweight-medium);
  text-align: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  background-image: linear-gradient(90deg, #ECC57D 0%, #FFFEFE 35%, #ECC57D 95%), linear-gradient(45deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.12) 48%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.12) 52%, rgba(255, 255, 255, 0) 54%);
  background-repeat: no-repeat, no-repeat;
  background-size: 100% 100%, 40% 900%;
  background-position: 0 0, -140% -120%;
  background-image: linear-gradient(90deg, #ECC57D 0%, #FFFEFE 35%, #ECC57D 95%), linear-gradient(45deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.12) 48%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.12) 52%, rgba(255, 255, 255, 0) 54%) !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 100% 100%, 40% 900% !important;
  background-position: 0 0, -140% -120% !important;
  border-color: transparent !important;
  transition: background-position 1.1s linear, box-shadow 0.2s ease;
}
.webform-submission-form .form-actions .webform-button--submit:hover {
  color: var(--i2-theme-color-blue);
  background-position: 0 0, 220% 80% !important;
  box-shadow: 0 4px 14px rgba(15, 68, 141, 0.22);
}
.webform-submission-form .form-actions .webform-button--submit:focus-visible {
  background-position: 0 0, 220% 80% !important;
}
.webform-submission-form .js-webform-type-checkbox {
  min-height: 26px;
}
.webform-submission-form fieldset.form-item {
  border: unset;
}
.webform-submission-form fieldset.form-item legend {
  background: none;
  border: unset;
  padding: 0;
}
.webform-submission-form fieldset.form-item legend span {
  font-weight: var(--i2-theme-fontweight-regular);
}
.webform-submission-form fieldset.form-item .fieldset-wrapper {
  margin-top: 8px;
  padding: 0;
}
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox {
  width: fit-content;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  background: #FFF;
  margin: 0;
  padding: 0 17px 0 13px;
  display: flex;
  align-items: center;
}
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio input,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox input {
  margin-left: 0;
  font-size: 20px;
}
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio input[type=radio],
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio input[type=checkbox],
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox input[type=radio],
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #9D9D9D;
  border-radius: 50%;
  background: #FFF;
  margin: 0;
  position: relative;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio input[type=radio]::after,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio input[type=checkbox]::after,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox input[type=radio]::after,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFF;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease;
}
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio input[type=radio]:checked,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio input[type=checkbox]:checked,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox input[type=radio]:checked,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox input[type=checkbox]:checked {
  border-color: #027EC1;
  background: linear-gradient(90deg, #053784 45%, #027EC1 100%);
}
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio input[type=radio]:checked::after,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio input[type=checkbox]:checked::after,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox input[type=radio]:checked::after,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox input[type=checkbox]:checked::after {
  transform: translate(-50%, -50%) scale(1);
}
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio input[type=radio]:focus-visible,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio input[type=checkbox]:focus-visible,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox input[type=radio]:focus-visible,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox input[type=checkbox]:focus-visible {
  outline: 2px solid var(--i2-theme-color-blue);
  outline-offset: 2px;
}
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio label,
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox label {
  margin: 0 0 0 8px;
}
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-radio:not(:first-child),
.webform-submission-form fieldset.form-item .fieldset-wrapper .js-webform-type-checkbox:not(:first-child) {
  margin-top: 8px;
}
.webform-submission-form .js-form-item-consent-form {
  border: 0;
  background: transparent;
  padding: 0;
  border-radius: 0;
  display: flex;
  align-items: flex-start;
}
.webform-submission-form .js-form-item-consent-form input[type=checkbox] {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border: 1px solid #9D9D9D;
  border-radius: 50%;
  background: #FFF;
  margin: 2px 0 0;
  position: relative;
  cursor: pointer;
  flex: 0 0 20px;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.webform-submission-form .js-form-item-consent-form input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FFF;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.15s ease;
}
.webform-submission-form .js-form-item-consent-form input[type=checkbox]:checked {
  border-color: #027EC1;
  background: linear-gradient(90deg, #053784 45%, #027EC1 100%);
}
.webform-submission-form .js-form-item-consent-form input[type=checkbox]:checked::after {
  transform: translate(-50%, -50%) scale(1);
}
.webform-submission-form .js-form-item-consent-form input[type=checkbox]:focus-visible {
  outline: 2px solid var(--i2-theme-color-blue);
  outline-offset: 2px;
}
.webform-submission-form .js-form-item-consent-form label {
  margin: 0 0 0 8px;
}
.webform-submission-form fieldset,
.webform-submission-form .js-form-wrapper > .js-webform-type-textarea,
.webform-submission-form .js-form-wrapper > .js-webform-type-textfield,
.webform-submission-form .js-form-wrapper.webform-flexbox,
.webform-submission-form .js-form-wrapper > .js-webform-type-select {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.webform-submission-form .description {
  margin-top: 8px;
}
.webform-submission-form fieldset,
.webform-submission-form .js-form-wrapper > .js-webform-type-textarea:not(:first-child),
.webform-submission-form .js-form-wrapper > .js-webform-type-checkbox:not(:first-child),
.webform-submission-form .js-form-wrapper > .js-webform-type-textfield:not(:first-child),
.webform-submission-form .js-form-wrapper.webform-flexbox:not(:first-child),
.webform-submission-form .js-form-wrapper > .js-webform-type-select:not(:first-child) {
  margin-left: 0;
  margin-right: 0;
  margin-top: 25px;
  margin-bottom: 0;
}
.webform-submission-form .js-webform-type-textarea textarea {
  padding: 9px 13px;
}
.webform-submission-form .js-webform-type-textarea textarea::placeholder {
  color: #979797;
}
@media (min-width: 768px) {
  .webform-submission-form .js-form-wrapper.webform-flexbox {
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    gap: 40px;
  }
  .webform-submission-form .js-form-wrapper.webform-flexbox:not(:first-child) {
    margin-top: 25px;
  }
}

body.page-node-676.d-flex.flex-column.h-100 {
  height: auto !important;
  min-height: auto !important;
}

body.page-node-676 .dialog-off-canvas-main-canvas.d-flex.flex-column.h-100 {
  height: auto !important;
  min-height: auto !important;
  flex: 0 0 auto !important;
}

main[role=main].has-store-list-v2 {
  flex: 0 0 auto;
  overflow: visible;
  --store-list-v2-main-padding-top: 0px;
  --store-list-v2-sidebar-sticky-top: 24px;
  --store-list-v2-sidebar-sticky-bottom-gap: 16px;
}

body.page-node-676 main[role=main].has-store-list-v2 {
  flex: 0 0 auto !important;
}

body.page-node-676 main[role=main].has-store-list-v2 ~ footer[role=contentinfo] {
  margin-top: 0 !important;
}

main[role=main].has-store-list-v2.no-banner {
  --store-list-v2-main-padding-top: 43px;
}

.view-id-block_store_list_view_v2 .store-list-v2 {
  color: #234b86;
}
.view-id-block_store_list_view_v2 .store-list-v2.is-results-mode {
  display: grid;
  gap: 24px;
  align-items: start;
}
.view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__submit {
  min-height: 42px;
}
.view-id-block_store_list_view_v2 .store-list-v2__panel {
  border: 1px solid #A4E5FF;
  border-radius: 8px;
  background: linear-gradient(90deg, #bfeeff 0%, #ffffff 63%);
  box-shadow: 0 14px 30px rgba(52, 122, 186, 0.08);
  padding: 20px 28px 20px 28px;
}
.view-id-block_store_list_view_v2 .store-list-v2__panel-header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border: 0;
  background: transparent;
  padding: 0;
  margin-bottom: 24px;
  text-align: left;
  cursor: default;
}
.view-id-block_store_list_view_v2 .store-list-v2__panel-title,
.view-id-block_store_list_view_v2 .store-list-v2__results-title {
  margin: 0;
  color: #1d4c92;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
}
.view-id-block_store_list_view_v2 .store-list-v2__panel-title {
  text-align: center;
  font-size: 22px;
  line-height: 32px;
  font-weight: var(--i2-theme-fontweight-medium);
}
.view-id-block_store_list_view_v2 .store-list-v2__collapse-toggle {
  display: none;
}
.view-id-block_store_list_view_v2 .store-list-v2__reset {
  flex: 0 0 auto;
  min-height: 52px;
  border: 1px solid #d6e6fb;
  border-radius: 10px;
  background: #ffffff;
  color: var(--i2-theme-color-blue);
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-medium);
  padding: 0 20px;
  transition: opacity 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.view-id-block_store_list_view_v2 .store-list-v2__brand-group {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}
.view-id-block_store_list_view_v2 .store-list-v2__brand-options {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}
.view-id-block_store_list_view_v2 .store-list-v2__brand-separator {
  color: #000;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
}
.view-id-block_store_list_view_v2 .store-list-v2__brand-button {
  min-width: 180px;
  min-height: 50px;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid var(--i2-theme-color-blue);
  color: var(--i2-theme-color-blue);
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 50px;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.view-id-block_store_list_view_v2 .store-list-v2__brand-button.is-active {
  border-color: var(--i2-theme-color-blue);
  background: var(--i2-theme-color-blue);
  color: #ffffff;
}
.view-id-block_store_list_view_v2 .store-list-v2__filter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 20px 24px;
  align-items: end;
}
.view-id-block_store_list_view_v2 .store-list-v2__field {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr);
  align-items: center;
  gap: 14px;
  position: relative;
  z-index: 1;
}
.view-id-block_store_list_view_v2 .store-list-v2__field.is-dropdown-open {
  z-index: 9998;
}
.view-id-block_store_list_view_v2 .store-list-v2__label {
  color: #000;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  white-space: nowrap;
  width: 70px;
  text-align: right;
}
.view-id-block_store_list_view_v2 .store-list-v2__select-wrap {
  position: relative;
  min-width: 0;
}
.view-id-block_store_list_view_v2 .store-list-v2__select-wrap.is-custom-dropdown-ready::after {
  display: none;
}
.view-id-block_store_list_view_v2 .store-list-v2__select-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #648bc2;
  border-bottom: 2px solid #648bc2;
  transform: translateY(-70%) rotate(45deg);
  pointer-events: none;
}
.view-id-block_store_list_view_v2 .store-list-v2__select-wrap--multiple::after {
  display: none;
}
.view-id-block_store_list_view_v2 .store-list-v2__select {
  width: 100%;
  min-height: 52px;
  border: 1px solid #d6e6fb;
  border-radius: 8px;
  background: #ffffff;
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  padding: 12px 44px 12px 16px;
  appearance: none;
}
.view-id-block_store_list_view_v2 .store-list-v2__select--multiple {
  min-height: 136px;
  padding: 12px 16px;
  appearance: auto;
}
.view-id-block_store_list_view_v2 .store-list-v2__select-wrap.is-custom-dropdown-ready .store-list-v2__select {
  border: 0;
  padding: 0;
  min-height: 0;
  background: transparent;
}
.view-id-block_store_list_view_v2 .store-list-v2__select:disabled {
  background: #edf3fb;
  color: #8aa0bf;
  cursor: not-allowed;
}
.view-id-block_store_list_view_v2 .store-list-v2__actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  white-space: nowrap;
}
.view-id-block_store_list_view_v2 .store-list-v2:not(.is-results-mode) .store-list-v2__actions {
  grid-column: 1/-1;
  justify-content: center;
}
.view-id-block_store_list_view_v2 .store-list-v2__submit {
  flex: 0 0 180px;
  width: 180px;
  min-height: 52px;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(90deg, #eef3fb 0%, #dce7f5 100%);
  color: #86a0c4;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-medium);
  box-shadow: none;
  transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}
.view-id-block_store_list_view_v2 .store-list-v2__submit.is-ready {
  background: linear-gradient(90deg, #ECC57D 0%, #FFFEFE 35%, #ECC57D 95%);
  color: var(--i2-theme-color-blue);
  font-weight: var(--i2-theme-fontweight-regular);
}
.view-id-block_store_list_view_v2 .store-list-v2__submit:disabled {
  opacity: 1;
  box-shadow: none;
  cursor: not-allowed;
}
.view-id-block_store_list_view_v2 .store-list-v2__submit:not(:disabled):hover,
.view-id-block_store_list_view_v2 .store-list-v2__reset:hover,
.view-id-block_store_list_view_v2 .store-list-v2__brand-button:hover {
  opacity: 0.92;
}
.view-id-block_store_list_view_v2 .store-list-v2__results {
  margin-top: 30px;
}
.view-id-block_store_list_view_v2 .store-list-v2__results.is-hidden {
  display: none;
}
.view-id-block_store_list_view_v2 .store-list-v2__results-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 24px;
}
.view-id-block_store_list_view_v2 .store-list-v2__results-header::before {
  content: "";
  width: 26px;
  height: 26px;
  background: url("../images/decro/store-list-results-icon.svg") no-repeat center/contain;
  flex: 0 0 26px;
}
.view-id-block_store_list_view_v2 .store-list-v2__results-title {
  font-size: 24px;
}
.view-id-block_store_list_view_v2 .store-list-v2__empty {
  margin-bottom: 18px;
}
.view-id-block_store_list_view_v2 .store-list-v2__empty-message,
.view-id-block_store_list_view_v2 .store-list-v2__noscript {
  margin: 0;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.9);
  color: #4c6b94;
  font-size: 18px;
  padding: 18px 20px;
}
.view-id-block_store_list_view_v2 .store-list-v2__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px 36px;
}
.view-id-block_store_list_view_v2 .store-list-v2__load-more {
  text-align: center;
  margin-top: 28px;
}
.view-id-block_store_list_view_v2 .store-list-v2__load-more.is-hidden {
  display: none;
}
.view-id-block_store_list_view_v2 .store-list-v2__load-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  width: 170px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid #9ee1e9;
  background: #fff;
  color: #0f448d;
  font-size: 18px;
  font-family: "Noto Sans HK", sans-serif;
  transition: opacity 0.2s ease;
  cursor: pointer;
}
.view-id-block_store_list_view_v2 .store-list-v2__load-more-btn:hover {
  opacity: 0.86;
}
.view-id-block_store_list_view_v2 .store-list-v2__load-more-btn:disabled, .view-id-block_store_list_view_v2 .store-list-v2__load-more-btn[aria-busy=true] {
  opacity: 0.72;
  cursor: not-allowed;
}
.view-id-block_store_list_view_v2 .store-list-v2__load-more-status {
  display: none;
  color: #7d8ea1;
  font-size: 16px;
}
.view-id-block_store_list_view_v2 .store-list-v2__card {
  border-radius: 6px;
  background: #FFF;
  box-shadow: 0 10px 20px 0 rgba(201, 228, 255, 0.5);
  padding: 20px 25px;
}
.view-id-block_store_list_view_v2 .store-list-v2__card--fade-in {
  animation: storeListV2FadeIn 0.35s ease forwards;
  opacity: 0;
}
.view-id-block_store_list_view_v2 .store-list-v2__card-region {
  display: inline-block;
  margin: 0 0 15px;
  padding: 0 4px;
  color: #353535;
  font-size: 15px;
  font-weight: var(--i2-theme-fontweight-regular);
  position: relative;
  z-index: 0;
}
.view-id-block_store_list_view_v2 .store-list-v2__card-region::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 2px;
  height: 10px;
  background: linear-gradient(90deg, #BDECFF 14.05%, #E3F7FF 65.98%);
  z-index: -1;
}
.view-id-block_store_list_view_v2 .store-list-v2__card-title {
  margin: 0 0 10px;
  color: var(--i2-theme-color-blue);
  font-size: 20px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 29px;
  margin-bottom: 5px;
}
.view-id-block_store_list_view_v2 .store-list-v2__card-address {
  margin: 0 0 20px;
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 23px;
}
.view-id-block_store_list_view_v2 .store-list-v2__card-products {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}
.view-id-block_store_list_view_v2 .store-list-v2__card-products-label {
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  padding-top: 6px;
  white-space: nowrap;
}
.view-id-block_store_list_view_v2 .store-list-v2__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.view-id-block_store_list_view_v2 .store-list-v2__tag {
  border-radius: 4px;
  background: linear-gradient(90deg, #FFE1A9 2.19%, #FFF3DD 100%);
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  line-height: 30px;
  padding: 2px 8px;
  width: fit-content;
}
@media (min-width: 1200px) {
  .view-id-block_store_list_view_v2 .store-list-v2:not(.is-results-mode) .store-list-v2__filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    justify-content: center;
    align-items: end;
  }
  .view-id-block_store_list_view_v2 .store-list-v2:not(.is-results-mode) .store-list-v2__field {
    width: 100%;
  }
  .view-id-block_store_list_view_v2 .store-list-v2:not(.is-results-mode) .store-list-v2__select-wrap {
    width: 100%;
  }
  .view-id-block_store_list_view_v2 .store-list-v2:not(.is-results-mode) .store-list-v2__actions {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode {
    grid-template-columns: 304px minmax(0, 1fr);
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__panel {
    background: linear-gradient(180deg, #BDECFF 1.39%, #FFF 57.4%);
    padding: 20px 18px 18px;
    position: sticky;
    top: calc(var(--drupal-displace-offset-top, 0px) + var(--store-list-v2-sidebar-sticky-top, 24px));
    max-height: calc(100vh - var(--drupal-displace-offset-top, 0px) - var(--store-list-v2-sidebar-sticky-top, 24px) - var(--store-list-v2-sidebar-sticky-bottom-gap, 16px));
    overflow-y: auto;
    overscroll-behavior: contain;
    align-self: start;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__panel-header {
    justify-content: flex-start;
    margin-bottom: 18px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__panel-title {
    text-align: left;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__brand-group {
    width: 100%;
    display: block;
    margin-bottom: 30px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__brand-options {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__brand-separator {
    text-align: center;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__brand-button {
    width: 100%;
    min-width: 0;
    height: 50px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__filter-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__field {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__select-wrap {
    width: 100%;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__actions {
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    gap: 12px;
    margin-top: 10px;
    grid-column: auto;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__submit,
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__reset {
    width: 100%;
    flex: 1 1 auto;
    min-height: 42px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__results {
    margin-top: 0;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__results-header {
    justify-content: flex-start;
    margin-bottom: 16px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__cards {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__label {
    text-align: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode {
    grid-template-columns: 260px minmax(0, 1fr);
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__panel-title {
    text-align: left;
  }
}
@media (max-width: 1199px) {
  .view-id-block_store_list_view_v2 .store-list-v2__actions {
    justify-content: flex-start;
  }
}
@media (max-width: 991px) {
  .view-id-block_store_list_view_v2 .store-list-v2__filter-grid {
    grid-template-columns: 1fr;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__panel {
    padding: 20px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__field {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__cards {
    grid-template-columns: 1fr;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__card {
    padding: 24px 20px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__actions {
    justify-content: center;
    gap: 20px;
    grid-column: auto;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__label {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .view-id-block_store_list_view_v2 .store-list-v2__panel .store-list-v2__panel-header {
    margin-bottom: 0;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__panel .store-list-v2__panel-body {
    display: none;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__panel .store-list-v2__collapse-toggle::before {
    transform: translateY(-60%) rotate(45deg);
  }
  .view-id-block_store_list_view_v2 .store-list-v2__panel.is-expanded-mobile .store-list-v2__panel-header {
    margin-bottom: 20px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__panel.is-expanded-mobile .store-list-v2__panel-body {
    display: block;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__panel.is-expanded-mobile .store-list-v2__collapse-toggle::before {
    transform: translate(-50%, -70%) rotate(225deg);
  }
  .view-id-block_store_list_view_v2 .store-list-v2__results {
    margin-top: 50px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode {
    display: block;
  }
  .view-id-block_store_list_view_v2 .store-list-v2.is-results-mode .store-list-v2__panel {
    position: sticky;
    top: max(0px, var(--drupal-displace-offset-top, 0px) - var(--store-list-v2-main-padding-top, 0px));
    z-index: 30;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__panel-title,
  .view-id-block_store_list_view_v2 .store-list-v2__results-title {
    font-size: 22px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__panel-header {
    justify-content: space-between;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__panel-title {
    text-align: left;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__collapse-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    padding: 0;
    position: relative;
    flex: 0 0 40px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__panel-header {
    cursor: pointer;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__collapse-toggle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 12px;
    border-right: 2px solid #648bc2;
    border-bottom: 2px solid #648bc2;
    transition: transform 0.2s ease;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__brand-options {
    width: 100%;
    gap: 12px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__brand-button {
    width: 100%;
    min-width: 0;
    font-size: 20px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__brand-separator {
    width: 100%;
    text-align: center;
    font-size: 20px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__label,
  .view-id-block_store_list_view_v2 .store-list-v2__select,
  .view-id-block_store_list_view_v2 .store-list-v2__submit,
  .view-id-block_store_list_view_v2 .store-list-v2__reset,
  .view-id-block_store_list_view_v2 .store-list-v2__card-products-label,
  .view-id-block_store_list_view_v2 .store-list-v2__card-address,
  .view-id-block_store_list_view_v2 .store-list-v2__card-region {
    font-size: 16px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__actions {
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    gap: 12px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__submit,
  .view-id-block_store_list_view_v2 .store-list-v2__reset {
    min-height: 48px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__submit {
    flex: 1 1 auto;
    width: auto;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__reset {
    width: 100%;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__select--multiple {
    min-height: 120px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__card-title {
    font-size: 24px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__tag {
    font-size: 14px;
  }
  .view-id-block_store_list_view_v2 .store-list-v2__load-more-btn {
    width: 80%;
    max-width: 240px;
  }
}

.store-list-v2__loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 10020;
  display: none;
  background: rgba(255, 255, 255, 0.12);
  pointer-events: none;
}
.store-list-v2__loading-overlay.is-active {
  display: block;
}

.store-list-v2__loading-spinner {
  position: fixed;
  left: 50vw;
  top: 50vh;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 5px solid rgba(15, 68, 141, 0.18);
  border-top-color: #0F448D;
  box-shadow: 0 8px 24px rgba(201, 228, 255, 0.55);
  transform: translate(-50%, -50%);
  animation: storeListV2Spin 0.8s linear infinite;
}

@keyframes storeListV2FadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes storeListV2Spin {
  from {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.store-list-v2__select--native-hidden {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.store-list-v2-dropdown {
  position: relative;
  width: 100%;
  min-width: 0;
  z-index: 1;
}

.store-list-v2-dropdown.is-open {
  z-index: 9999;
}

.store-list-v2-dropdown__trigger {
  width: 100%;
  min-height: 52px;
  border: 1px solid #d6e6fb;
  border-radius: 8px;
  background: #ffffff;
  color: #353535;
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-regular);
  text-align: left;
  padding: 12px 44px 12px 16px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.store-list-v2-dropdown__trigger-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.store-list-v2-dropdown__trigger.has-count {
  padding-right: 78px;
}

.store-list-v2-dropdown__trigger::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #648bc2;
  border-bottom: 2px solid #648bc2;
  transform: translateY(-70%) rotate(45deg);
  transition: transform 0.2s ease;
}

.store-list-v2-dropdown__count {
  position: absolute;
  top: 50%;
  right: 34px;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #bfe5ff;
  color: var(--i2-theme-color-blue);
  font-size: 16px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 28px;
  text-align: center;
  transform: translateY(-50%);
  margin-right: 10px;
}

.store-list-v2-dropdown.is-open .store-list-v2-dropdown__trigger::after {
  transform: translateY(-25%) rotate(-135deg);
}

.store-list-v2-dropdown.is-disabled .store-list-v2-dropdown__trigger {
  background: #edf3fb;
  color: #8aa0bf;
  cursor: not-allowed;
}

.store-list-v2-dropdown__panel,
.store-list-v2-dropdown__panel--portal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  box-sizing: border-box;
  width: 360px;
  max-width: calc(100vw - 32px);
  max-height: 560px;
  overflow-y: auto;
  border: 1px solid #d6deed;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 20px 40px rgba(21, 54, 102, 0.18);
  padding: 20px;
  display: none;
}

.store-list-v2-dropdown__panel.is-open-upwards,
.store-list-v2-dropdown__panel--portal.is-open-upwards {
  transform-origin: bottom center;
}

.store-list-v2-dropdown__panel.is-visible,
.store-list-v2-dropdown__panel--portal.is-visible {
  display: block;
}

.store-list-v2-dropdown__close {
  position: static;
  width: 29px;
  height: 29px;
  border: 0;
  background: transparent;
  color: var(--i2-theme-color-blue);
  font-size: 29px;
  font-weight: 400;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  flex: 0 0 29px;
  align-self: center;
}

.store-list-v2-dropdown__panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 29px;
  color: var(--i2-theme-color-blue);
}

.store-list-v2-dropdown__group-heading {
  display: flex;
  align-items: center;
  color: var(--i2-theme-color-blue);
  font-size: 20px;
  font-weight: var(--i2-theme-fontweight-medium);
  line-height: 1;
}

.store-list-v2-dropdown__panel-header .store-list-v2-dropdown__group-heading {
  margin-bottom: 0;
}

.store-list-v2-dropdown__divider {
  height: 1px;
  background: #d8dfeb;
  margin: 15px 0;
}

.store-list-v2-dropdown__group-spacer {
  height: 28px;
}

.store-list-v2-dropdown__list {
  display: grid;
  gap: 10px;
}

.store-list-v2-dropdown__option {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  border: 0;
  background: transparent;
  color: #3a4960;
  font-size: 16px;
  line-height: 1.4;
  text-align: left;
  padding: 2px 0;
}

.store-list-v2-dropdown__indicator {
  width: 18px;
  height: 18px;
  border: 1px solid #c7cfdb;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 18px;
}

.store-list-v2-dropdown__option.is-selected .store-list-v2-dropdown__indicator::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #1d4c92;
}

.store-list-v2-dropdown__empty {
  color: #8aa0bf;
  font-size: 16px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .store-list-v2-dropdown__panel--portal {
    max-width: calc(100vw - 32px);
    max-height: 80vh;
    padding: 20px;
  }
  .store-list-v2-dropdown__panel--portal.is-mobile-modal {
    top: 50%;
    transform: translateY(-50%);
  }
  .store-list-v2-dropdown__trigger,
  .store-list-v2-dropdown__group-heading,
  .store-list-v2-dropdown__option {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .store-list-v2-dropdown__trigger.has-tooltip:hover::before {
    content: attr(data-tooltip);
    position: absolute;
    left: 0;
    bottom: calc(100% + 10px);
    z-index: 10001;
    min-width: 100%;
    max-width: 420px;
    border: 1px solid #d6deed;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 12px 26px rgba(21, 54, 102, 0.16);
    color: #234b86;
    font-size: 14px;
    line-height: 1.5;
    padding: 10px 12px;
    white-space: normal;
    text-align: left;
  }
  .store-list-v2-dropdown__trigger.has-tooltip:hover::after {
    transform: translateY(-70%) rotate(45deg);
  }
  .store-list-v2-dropdown__option:hover {
    background: #f3f8ff;
    color: #1d4c92;
  }
  .store-list-v2-dropdown__option:hover .store-list-v2-dropdown__indicator {
    border-color: #7ea7da;
  }
}

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