.ProductDetails-sidebar ._btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.PageLogin .LoginForm ._field + ._field {
  margin-top: 1rem;
}

.commerce-page {
  font-size: 16px;
  line-height: 1.5;
}

.commerce-page button,
.commerce-page input,
.commerce-page select,
.commerce-page textarea {
  color: inherit;
}

[data-hired-page] .c-banner .slide.active {
  display: block !important;
}

[data-hired-page] .c-banner.homepage .slide.active .overlay {
  opacity: 1 !important;
  transform: none !important;
  z-index: 2;
}

[data-hired-page] .icon.chevron::before,
[data-hired-page] .icon.menu::before,
[data-hired-page] .icon.close::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

[data-hired-page] .icon.chevron::before {
  -webkit-mask-image: var(--svg-chevron);
  mask-image: var(--svg-chevron);
}

[data-hired-page] .icon.menu::before {
  -webkit-mask-image: var(--svg-menu);
  mask-image: var(--svg-menu);
}

[data-hired-page] .icon.close::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
}

[data-hired-page] .icon.logo:empty {
  --vanis-logo-mark: #fff;
  --vanis-logo-letter: #008f9f;
  display: block;
  position: relative;
}

:is(.c-header.menu-open, .c-header.mobile-menu-open, .scroller-start .c-header, .p-article .c-header) [data-hired-page] .icon.logo:empty,
[data-hired-page] :is(.c-header.menu-open, .c-header.mobile-menu-open, .scroller-start .c-header, .p-article .c-header) .icon.logo:empty {
  --vanis-logo-mark: #ea6101;
  --vanis-logo-letter: #fff;
}

[data-hired-page] .icon.logo:empty::before,
[data-hired-page] .icon.logo:empty::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

[data-hired-page] .icon.logo:empty::before {
  background-color: var(--vanis-logo-mark);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 40'%3E%3Cpath fill='%23000' d='M18.14 0c.76 0 1.5.2 2.16.59l6.91 3.93 6.92 3.93a4.2 4.2 0 0 1 2.16 3.68v15.74a4.12 4.12 0 0 1-2.16 3.68l-6.92 3.91-6.91 3.95a4.25 4.25 0 0 1-4.32 0l-6.9-3.95-6.93-3.91A4.19 4.19 0 0 1 0 27.87V12.13a4.11 4.11 0 0 1 2.15-3.68l6.92-3.93L15.98.59C16.64.2 17.38 0 18.14 0Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 40'%3E%3Cpath fill='%23000' d='M18.14 0c.76 0 1.5.2 2.16.59l6.91 3.93 6.92 3.93a4.2 4.2 0 0 1 2.16 3.68v15.74a4.12 4.12 0 0 1-2.16 3.68l-6.92 3.91-6.91 3.95a4.25 4.25 0 0 1-4.32 0l-6.9-3.95-6.93-3.91A4.19 4.19 0 0 1 0 27.87V12.13a4.11 4.11 0 0 1 2.15-3.68l6.92-3.93L15.98.59C16.64.2 17.38 0 18.14 0Z'/%3E%3C/svg%3E");
}

[data-hired-page] .icon.logo:empty::after {
  background-color: var(--vanis-logo-letter);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 40'%3E%3Cpath fill='%23000' d='M21.37 14.7h-.02v7.15c0 2.2-1.3 3.62-3.21 3.62-1.92 0-3.19-1.45-3.19-3.62V13.5l-2.48 1.22v7.29c0 3.72 2.26 6.17 5.67 6.17 3.4 0 5.67-2.44 5.67-6.17v-8.5l-2.44 1.18Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 40'%3E%3Cpath fill='%23000' d='M21.37 14.7h-.02v7.15c0 2.2-1.3 3.62-3.21 3.62-1.92 0-3.19-1.45-3.19-3.62V13.5l-2.48 1.22v7.29c0 3.72 2.26 6.17 5.67 6.17 3.4 0 5.67-2.44 5.67-6.17v-8.5l-2.44 1.18Z'/%3E%3C/svg%3E");
}

.c-mobile-menu {
  max-height: 100dvh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.c-mobile-menu .action.toggle.active + .collapse,
.c-mobile-menu .action.toggle.active + .collapse * {
  visibility: visible !important;
}

.c-mobile-menu .wrapper {
  padding-bottom: max(2rem, env(safe-area-inset-bottom));
}

.c-header .menu-btn .icon,
.c-header .menu-btn use {
  pointer-events: none;
}

[data-hired-page] .c-header .menu-btn .icon.menu,
[data-hired-page] .c-header .menu-btn .icon.close {
  color: #111;
  width: 1.5rem;
  height: 1.5rem;
}

[data-hired-page] .c-header .menu-btn .icon.close,
[data-hired-page] .c-header.menu-open .menu-btn .icon.menu,
[data-hired-page] .c-header.mobile-menu-open .menu-btn .icon.menu {
  display: none;
}

[data-hired-page] .c-header.menu-open .menu-btn .icon.close,
[data-hired-page] .c-header.mobile-menu-open .menu-btn .icon.close {
  display: block;
}

[data-hired-page] .c-menu[style*="display: block"] .wrapper {
  height: auto !important;
  min-height: 14rem;
  pointer-events: auto;
}

[data-hired-page] .c-menu .menu.products {
  padding-top: 6rem !important;
  padding-left: var(--container-padding-x) !important;
  padding-right: var(--container-padding-x) !important;
}

[data-hired-page] .c-menu .menu.products .nav-title {
  display: block !important;
}

[data-hired-page] .c-menu .menu.active {
  animation: none !important;
  opacity: 1 !important;
}

[data-hired-page] .c-menu .menu-content,
[data-hired-page] .c-menu .nav-item,
[data-hired-page] .c-menu a {
  pointer-events: auto;
}

@supports selector(.c-header:has(.menu-btn)) {
  .c-header:has(.menu-btn:hover) ~ .c-mobile-menu,
  .c-header:has(.menu-btn:focus) ~ .c-mobile-menu,
  .c-header:has(.menu-btn:focus-visible) ~ .c-mobile-menu,
  .c-mobile-menu:hover,
  .c-mobile-menu:focus-within {
    display: flex !important;
  }
}

[data-hired-page="technology"] .c-banner .slide.active,
[data-hired-page="technologyBeipcm"] .c-banner .slide.active,
[data-hired-page="technologyUVanis"] .c-banner .slide.active,
[data-hired-page="about"] .c-banner .slide.active,
[data-hired-page="sustainability"] .c-banner .slide.active {
  clip-path: none !important;
  display: block !important;
  transform: none !important;
}

[data-hired-page="technology"] .c-banner .slide:not(.active),
[data-hired-page="technologyBeipcm"] .c-banner .slide:not(.active),
[data-hired-page="technologyUVanis"] .c-banner .slide:not(.active),
[data-hired-page="about"] .c-banner .slide:not(.active),
[data-hired-page="sustainability"] .c-banner .slide:not(.active) {
  display: none !important;
}

[data-hired-page="home"] .c-header,
[data-hired-page="technology"] .c-header,
[data-hired-page="technologyBeipcm"] .c-header,
[data-hired-page="technologyUVanis"] .c-header,
[data-hired-page="about"] .c-header,
[data-hired-page="sustainability"] .c-header {
  z-index: 50;
}

[data-hired-page] .c-header.container,
[data-hired-page] .c-banner .overlay.container,
[data-hired-page] .footer#setion-footer .overlay.container,
[data-hired-page] .c-menu .menu.container {
  box-sizing: border-box;
  max-width: none !important;
  width: 100% !important;
}

[data-hired-page="productDetails"] .ProductDetails.container,
[data-hired-page="productDetails"] .ProductDetailsNavbar.container,
[data-hired-page="productDetails"] .ProductFeatureSec.container,
[data-hired-page="productDetails"] .ProductFAQSection.container,
[data-hired-page="productDetails"] .ProductListSection.container,
[data-hired-page="productDetails"] .ProductSpecsSec.container,
[data-hired-page="productDetails"] .ProductDetailGallerySec .container {
  box-sizing: border-box;
  max-width: none !important;
  width: 100% !important;
}

[data-hired-page="products"].PageProductList .container,
[data-hired-page="products"] .PageProductList .container {
  box-sizing: border-box;
  max-width: none !important;
  width: 100% !important;
}

[data-hired-page="technologyBeipcm"] .c-banner .controls.container,
[data-hired-page="technologyBeipcm"] .intro.container,
[data-hired-page="technologyBeipcm"] .advantage.container,
[data-hired-page="technologyBeipcm"] .case-section.container,
[data-hired-page="technologyUVanis"] .c-banner .controls.container,
[data-hired-page="technologyUVanis"] .intro.container,
[data-hired-page="technologyUVanis"] .advantage.container,
[data-hired-page="technologyUVanis"] .case-section.container {
  box-sizing: border-box;
  max-width: none !important;
  width: 100% !important;
}

[data-hired-page="about"] .vanis-tech .container,
[data-hired-page="about"] .story-section.container {
  box-sizing: border-box;
  max-width: none !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  [data-hired-page] .c-banner .slide picture {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
  }

  [data-hired-page] .c-banner .slide picture > .image {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
}

html.scrollbar-start [data-hired-page="allProducts"] .c-header,
html.scrollbar-start [data-hired-page="products"] .c-header,
html.scrollbar-start [data-hired-page="productDetails"] .c-header {
  background-color: #fff;
  box-shadow: 0 4px 12px #00000014;
  color: #000;
}

html.scrollbar-start [data-hired-page="allProducts"] .c-header .icon.logo:empty,
html.scrollbar-start [data-hired-page="products"] .c-header .icon.logo:empty,
html.scrollbar-start [data-hired-page="productDetails"] .c-header .icon.logo:empty {
  --vanis-logo-mark: #ea6101;
  --vanis-logo-letter: #fff;
}

html.scrollbar-down [data-hired-page="allProducts"] .c-header,
html.scrollbar-down [data-hired-page="products"] .c-header,
html.scrollbar-down [data-hired-page="productDetails"] .c-header {
  opacity: 0;
  transform: translateY(-100%);
}

[data-hired-page="home"] .c-gallery-section .swiper-btn.icon.chevron::before,
[data-hired-page="technology"] .c-gallery-section .swiper-btn.icon.chevron::before,
[data-hired-page="technologyBeipcm"] .c-gallery-section .swiper-btn.icon.chevron::before,
[data-hired-page="technologyUVanis"] .c-gallery-section .swiper-btn.icon.chevron::before,
[data-hired-page="about"] .c-gallery-section .swiper-btn.icon.chevron::before,
[data-hired-page="sustainability"] .c-gallery-section .swiper-btn.icon.chevron::before,
[data-hired-page="home"] .case-section .c-icon-btn.icon.chevron::before,
[data-hired-page="technology"] .case-section .c-icon-btn.icon.chevron::before,
[data-hired-page="technologyBeipcm"] .case-section .c-icon-btn.icon.chevron::before,
[data-hired-page="technologyUVanis"] .case-section .c-icon-btn.icon.chevron::before,
[data-hired-page="about"] .case-section .c-icon-btn.icon.chevron::before,
[data-hired-page="sustainability"] .case-section .c-icon-btn.icon.chevron::before {
  position: absolute;
  inset: 0;
  width: var(--btn-icon-size, var(--icon-btn-svg-size, 1.5rem));
  height: var(--btn-icon-size, var(--icon-btn-svg-size, 1.5rem));
  margin: auto;
}

[data-hired-page="home"] .c-gallery-section .swiper-btn.prev.icon.chevron::before,
[data-hired-page="technology"] .c-gallery-section .swiper-btn.prev.icon.chevron::before,
[data-hired-page="technologyBeipcm"] .c-gallery-section .swiper-btn.prev.icon.chevron::before,
[data-hired-page="technologyUVanis"] .c-gallery-section .swiper-btn.prev.icon.chevron::before,
[data-hired-page="about"] .c-gallery-section .swiper-btn.prev.icon.chevron::before,
[data-hired-page="sustainability"] .c-gallery-section .swiper-btn.prev.icon.chevron::before,
[data-hired-page="home"] .case-section .c-icon-btn.prev.icon.chevron::before,
[data-hired-page="technology"] .case-section .c-icon-btn.prev.icon.chevron::before,
[data-hired-page="technologyBeipcm"] .case-section .c-icon-btn.prev.icon.chevron::before,
[data-hired-page="technologyUVanis"] .case-section .c-icon-btn.prev.icon.chevron::before,
[data-hired-page="about"] .case-section .c-icon-btn.prev.icon.chevron::before,
[data-hired-page="sustainability"] .case-section .c-icon-btn.prev.icon.chevron::before {
  transform: rotate(90deg);
}

[data-hired-page="home"] .c-gallery-section .swiper-btn.next.icon.chevron::before,
[data-hired-page="technology"] .c-gallery-section .swiper-btn.next.icon.chevron::before,
[data-hired-page="technologyBeipcm"] .c-gallery-section .swiper-btn.next.icon.chevron::before,
[data-hired-page="technologyUVanis"] .c-gallery-section .swiper-btn.next.icon.chevron::before,
[data-hired-page="about"] .c-gallery-section .swiper-btn.next.icon.chevron::before,
[data-hired-page="sustainability"] .c-gallery-section .swiper-btn.next.icon.chevron::before,
[data-hired-page="home"] .case-section .c-icon-btn.next.icon.chevron::before,
[data-hired-page="technology"] .case-section .c-icon-btn.next.icon.chevron::before,
[data-hired-page="technologyBeipcm"] .case-section .c-icon-btn.next.icon.chevron::before,
[data-hired-page="technologyUVanis"] .case-section .c-icon-btn.next.icon.chevron::before,
[data-hired-page="about"] .case-section .c-icon-btn.next.icon.chevron::before,
[data-hired-page="sustainability"] .case-section .c-icon-btn.next.icon.chevron::before {
  transform: rotate(-90deg);
}

[data-hired-page] .case-section .dot {
  cursor: pointer;
}

[data-hired-page] .case-section .dot:focus-visible {
  outline: 2px solid #0271e4;
  outline-offset: 3px;
}

[data-hired-page="home"].p-homepage .product-btn,
[data-hired-page="home"].p-homepage .tech-section.b .btn {
  border: 1px solid currentColor;
}

[data-hired-page="home"].p-homepage .product-block.a.image-a-dark,
[data-hired-page="home"].p-homepage .product-block.a.image-b-dark:hover {
  color: #fff;
}

[data-hired-page="home"].p-homepage .product-block.a.image-b-light:hover {
  color: #000;
}

[data-hired-page="home"].p-homepage .product-block.a.image-b-light:hover .product-btn:hover {
  color: #fff;
}

[data-hired-page="home"].p-homepage .product-block.a:is(.image-a-dark, .image-b-dark:hover) .product-btn {
  color: currentColor;
}

[data-hired-page="home"].p-homepage .product-block.a .product-title sup {
  display: inline;
  position: static;
  top: auto;
  line-height: normal;
  vertical-align: super;
}

@media (max-width: 767px) {
  [data-hired-page="technology"] .c-banner.homepage :is(.title, .desc),
  [data-hired-page="technologyBeipcm"] .c-banner.homepage :is(.title, .desc),
  [data-hired-page="technologyUVanis"] .c-banner.homepage :is(.title, .desc),
  [data-hired-page="about"] .c-banner.homepage :is(.title, .desc) {
    box-sizing: border-box;
    max-width: min(21rem, calc(100vw - 3rem)) !important;
    width: min(21rem, calc(100vw - 3rem)) !important;
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
  }

  [data-hired-page="sustainability"].p-homepage .footer#setion-footer :is(.c-heading, .desc) {
    box-sizing: border-box;
    width: auto !important;
    max-width: 50rem !important;
    margin-left: auto !important;
    margin-right: auto !important;
    white-space: normal !important;
    overflow-wrap: normal;
    word-break: normal;
  }

  html:lang(zh) [data-hired-page="technology"] .c-banner.homepage :is(.title, .desc),
  html:lang(zh) [data-hired-page="technologyBeipcm"] .c-banner.homepage :is(.title, .desc),
  html:lang(zh) [data-hired-page="technologyUVanis"] .c-banner.homepage :is(.title, .desc),
  html:lang(zh) [data-hired-page="about"] .c-banner.homepage :is(.title, .desc),
  [data-hired-locale="zh"][data-hired-page="technology"] .c-banner.homepage :is(.title, .desc),
  [data-hired-locale="zh"][data-hired-page="technologyBeipcm"] .c-banner.homepage :is(.title, .desc),
  [data-hired-locale="zh"][data-hired-page="technologyUVanis"] .c-banner.homepage :is(.title, .desc),
  [data-hired-locale="zh"][data-hired-page="about"] .c-banner.homepage :is(.title, .desc) {
    overflow-wrap: normal;
    word-break: normal;
  }

  [data-hired-page="technology"] .c-banner.homepage .title,
  [data-hired-page="technologyBeipcm"] .c-banner.homepage .title,
  [data-hired-page="technologyUVanis"] .c-banner.homepage .title,
  [data-hired-page="about"] .c-banner.homepage .title {
    font-size: clamp(2rem, 8.5vw, 2.5rem);
    line-height: 1.15;
  }

  [data-hired-page="technology"] .c-banner.homepage .desc,
  [data-hired-page="technologyBeipcm"] .c-banner.homepage .desc,
  [data-hired-page="technologyUVanis"] .c-banner.homepage .desc,
  [data-hired-page="about"] .c-banner.homepage .desc {
    line-height: 1.65;
  }
}

/* Product-detail section header (重塑东方美学 / Redefining Oriental Aesthetics):
   center the title + description, matching the official site
   (.PageProductDetails ._sec_header{text-align:center;max-width:56.25rem;margin:0 auto}).
   Keyed on the always-present data-hired-page attribute so it holds even if the
   PageProductDetails wrapper class is ever dropped. Covers both the gallery and
   banner headers. Locale-agnostic — EN and ZH share product-details.html. */
[data-hired-page="productDetails"] ._sec_header {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

[data-hired-page="productDetails"] ._sec_header ._sec_title,
[data-hired-page="productDetails"] ._sec_header ._sec_desc {
  text-align: center;
}

/* PPT feedback pass: small visual alignments only. Keep the unified nav intact. */
[data-hired-page="login"] .PageLogin-header .container {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  padding-inline: clamp(1.5rem, 5.8vw, 5.25rem);
}

[data-hired-page="login"] .PageLogin-header ._home {
  margin-left: auto;
}

[data-hired-page] .c-menu .menu:not(.products) .nav-title {
  display: none !important;
}

[data-hired-page] .c-menu .menu:not(.products) .nav-list {
  margin-top: 0 !important;
}

[data-hired-page="productDetails"] .ProductDetails-slideshow ._thumb-hint {
  display: none !important;
}

[data-hired-page="productDetails"] .ProductFAQSection ._sec_title {
  font-size: clamp(1.75rem, 2.6vw, 2.5rem);
  line-height: 1.18;
}

[data-hired-page="productDetails"] .ProductFAQSection ._ques-header {
  padding: 1.1rem 0;
}

[data-hired-page="productDetails"] .ProductFAQSection ._ques-title {
  font-size: clamp(1rem, 1.25vw, 1.2rem);
  line-height: 1.4;
}

[data-hired-page="productDetails"] .ProductFAQSection ._ques-title ~ ._icon {
  width: 1.1rem;
  height: 1.1rem;
}

[data-hired-page="productDetails"] .ProductFAQSection ._ques-content {
  width: min(100%, 70rem);
  padding-bottom: 1.5rem;
  font-size: 0.95rem;
  line-height: 1.65;
}

[data-hired-page="productDetails"] .ProductDetailGallerySec {
  overflow: hidden;
}

[data-hired-page="productDetails"] .ProductDetailGallery .swiper {
  overflow: visible;
}

[data-hired-page="productDetails"] .ProductDetailGallery .swiper-slide {
  width: min(68vw, 80rem);
}

[data-hired-page="legalNotice"].p-article .site-main.container,
[data-hired-page="privacyPolicy"].p-article .site-main.container {
  box-sizing: border-box;
  max-width: 70rem !important;
  width: min(calc(100% - 3rem), 70rem) !important;
  margin: 0 auto;
  padding: 7rem 0 6rem;
}

[data-hired-page="legalNotice"] .entry-header,
[data-hired-page="privacyPolicy"] .entry-header {
  margin-bottom: 2.5rem;
}

[data-hired-page="legalNotice"] .entry-title,
[data-hired-page="privacyPolicy"] .entry-title {
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
}

[data-hired-page="legalNotice"] .entry-content,
[data-hired-page="privacyPolicy"] .entry-content {
  color: #1d1d1f;
  font-size: 1rem;
  line-height: 1.75;
}

[data-hired-page="legalNotice"] .entry-content p,
[data-hired-page="privacyPolicy"] .entry-content p {
  margin: 0 0 1rem;
}

[data-hired-page="legalNotice"] .entry-content p:empty,
[data-hired-page="privacyPolicy"] .entry-content p:empty,
[data-hired-page="legalNotice"] .entry-content p:has(> br:only-child),
[data-hired-page="privacyPolicy"] .entry-content p:has(> br:only-child) {
  display: none;
}

[data-hired-page="legalNotice"] .entry-content strong,
[data-hired-page="legalNotice"] .entry-content b,
[data-hired-page="privacyPolicy"] .entry-content strong,
[data-hired-page="privacyPolicy"] .entry-content b {
  font-weight: 700;
}

@media (max-width: 767px) {
  [data-hired-page="login"] .PageLogin-header .container {
    gap: 1rem;
  }

  [data-hired-page="login"] .PageLogin-header ._home span {
    font-size: 0.75rem;
  }

  [data-hired-page="productDetails"] .ProductFAQSection ._ques-header {
    padding: 1rem 0;
  }

  [data-hired-page="productDetails"] .ProductDetailGallery .swiper-slide {
    width: 90%;
  }

  [data-hired-page="legalNotice"].p-article .site-main.container,
  [data-hired-page="privacyPolicy"].p-article .site-main.container {
    width: min(calc(100% - 2rem), 70rem) !important;
    padding: 5rem 0 4rem;
  }
}

/* ---- Mobile polish (2026-07-02 audit) ---------------------------------------------------
   Customer phone screenshots showed: product-detail specs rendered ~50px on mobile (label 3rem /
   content 2rem with a 30rem label width and NO mobile override), and the home hero heading crossing
   the light product photo lost contrast. Fix both at the ≤767px breakpoint. */
@media (max-width: 767px) {
  .ProductSpecs-label {
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.35;
  }
  .ProductSpecs-content {
    font-size: 1.05rem;
    line-height: 1.6;
  }
  .ProductSpecs-item {
    gap: 0.6rem;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
  }

  .c-banner.homepage .title {
    text-shadow: 0 1px 16px rgba(0, 0, 0, 0.55), 0 1px 3px rgba(0, 0, 0, 0.45);
  }
}