/* Page-scoped compatibility layer for the structured AI landing-page blocks. */
.content--ai-workstation main,
.content--ai-product main { overflow: hidden; }
.content--ai-workstation main { background: #000; }
.cms-page--ai-workstation,
.cms-page--ai-product { font-size: 16px; line-height: 16px; }

.cms-page--ai-workstation.product-card,
.cms-page--ai-workstation .product-section .product-card { width: auto; min-width: 0; max-width: none; }
.cms-page--ai-workstation .product-image-wrap picture { display: contents; }

.content--ai-product,
.content--ai-product main { font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif; }
.content--ai-product main { background: #f5f5f5; }
.cms-page--ai-product .ai-product-catalog { display: contents; }
.cms-page--ai-product .product-swatches { visibility: visible; }
.cms-page--ai-product .product-swatches a {
  background: #3b3c3c;
  background: var(--swatch, #3b3c3c);
}
.cms-page--ai-product .filter-group label:hover { color: #b3b3b3; }
.cms-page--ai-product .filter-group label:hover input { border-color: #b3b3b3; }
.cms-page--ai-product .page-carousel__slide h1 {
  margin: 0 0 2.6875rem;
  color: #f5f5f5;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
}

/* The source carousel is intrinsically sized by its 1920 x 408 artwork. */
@media (min-width: 1025px) {
  .cms-page--ai-product .page-carousel { height: auto; aspect-ratio: 80 / 17; }
}

/* Keep the source site's 64px dotted control ring and rotate only the ring. */
.cms-page--ai-product .page-carousel .carousel-arrow {
  width: 4rem;
  height: 2.75rem;
  background: transparent;
  border: 0;
}
.cms-page--ai-product .page-carousel .carousel-arrow::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4rem;
  height: 4rem;
  border: 2px dotted rgb(255 255 255 / 85%);
  border-radius: 50%;
  content: "";
  transform: translate(-50%, -50%);
}
.cms-page--ai-product .page-carousel .carousel-arrow:hover { background: transparent; }
.cms-page--ai-product .page-carousel .carousel-arrow:hover::before {
  border-color: #e3540b;
  animation: ai-catalog-ring-spin .2s linear infinite;
}
.cms-page--ai-product .page-carousel .carousel-arrow--prev:hover::after { border-right-color: #e3540b; }
.cms-page--ai-product .page-carousel .carousel-arrow--next:hover::after { border-left-color: #e3540b; }

@keyframes ai-catalog-ring-spin {
  from { transform: translate(-50%, -50%) rotate(0); }
  to { transform: translate(-50%, -50%) rotate(1turn); }
}

@media (min-width: 1716px) {
  .cms-page--ai-product .product-results { width: 68.75rem; flex-basis: 68.75rem; }
}

@media (min-width: 641px) and (max-width: 900px) {
  .cms-page--ai-workstation { margin-top: 2.5rem; }
}

@media (min-width: 641px) and (max-width: 768px) {
  .cms-page--ai-product { margin-top: 5rem; }
}

@media (min-width: 641px) {
  .cms-page--ai-workstation .spec-inner td,
  .cms-page--ai-workstation .spec-inner th { line-height: 1; }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .cms-page--ai-product .products-layout { width: calc(100% - 1rem); margin-inline: .5rem; }
}

@media (max-width: 1024px) {
  .cms-page--ai-product .page-carousel__slide h1 {
    margin-bottom: 1vw;
    font-size: 1.25rem;
    font-weight: 500;
  }
}

@media (max-width: 767px) {
  .content--ai-product main { background: #fff; }
  .cms-page--ai-product .page-carousel { height: calc(21.25vw + .625rem); aspect-ratio: auto; }
  .cms-page--ai-product .filter-group label:hover { color: #707070; }
  .cms-page--ai-product .filter-group label:hover input { border-color: #b3b3b3; }
}

@media (max-width: 520px) {
  .cms-page--ai-product .page-carousel { height: 21.25vw; margin-top: 1.25rem; }
  .cms-page--ai-product .page-carousel__slide h1 {
    margin-bottom: .3125rem;
    font-size: 1rem;
    font-weight: 400;
  }
  .cms-page--ai-product .page-carousel__slide > a > div { min-height: 2rem; }
}

@media (max-width: 640px) {
  .cms-page--ai-workstation { margin-top: -2.5rem; }
}

/* Sales inquiry: a 1200px section with 45/55 desktop columns. */
.ai-inquiry { box-sizing:border-box; width:calc(100% - 40px); max-width:1200px; margin:60px auto 80px; padding:24px 20px 16px; background:transparent; color:#f5f5f5; font-family:Arial,sans-serif; }
.ai-inquiry *, .ai-inquiry *::before, .ai-inquiry *::after { box-sizing:border-box; }
.ai-inquiry .ai-inquiry__eyebrow { margin:0 0 10px; color:#f65c09; font-size:12px; line-height:1.4; }
.ai-inquiry h2 { margin:0 0 8px; font-size:28px; line-height:1.2; font-weight:700; }
.ai-inquiry__heading>p:last-child { margin:0 0 18px; font-size:12px; line-height:1.5; color:#b9b9bc; }
.ai-inquiry__columns { display:grid; grid-template-columns:minmax(0,45fr) minmax(0,55fr); gap:12px; }
.ai-inquiry__panel { min-width:0; padding:16px 12px; border-radius:12px; background:#1b1b1b; }
.ai-inquiry__intro h3 { margin:0 0 10px; font-size:24px; line-height:1.25; }
.ai-inquiry__intro>p { margin:0; color:#c2c2c7; font-size:12px; line-height:1.4; }
.ai-inquiry__services { border-top:1px solid #383838; margin-top:20px; padding-top:12px; display:grid; gap:4px; }
.ai-inquiry__services button { display:flex; align-items:center; gap:10px; padding:10px 0; border:0; background:transparent; color:#fff; font:12px Arial,sans-serif; text-align:left; cursor:pointer; }
.ai-inquiry__services svg { width:18px; height:18px; flex-shrink:0; fill:none; stroke:#f65c09; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.ai-inquiry__form-panel { background:#212121; }
.ai-inquiry__form-panel h3 { margin:0 0 12px; font-size:20px; line-height:1.2; }
.ai-inquiry label { display:block; margin:10px 0 6px; font-size:12px; font-weight:600; line-height:1.3; color:#d4d4d7; }
.ai-inquiry input:not([type=hidden]), .ai-inquiry select, .ai-inquiry textarea { display:block; width:100%; margin:0; border:1px solid #494949; background:#212121; border-radius:22px; padding:7px 14px; color:#eee; font:12px/1.4 Arial,sans-serif; min-height:33px; color-scheme:dark; }
.ai-inquiry input::placeholder, .ai-inquiry textarea::placeholder { color:#a9a9ac; opacity:1; }
.ai-inquiry select { height:40px; cursor:pointer; }
.ai-inquiry option { background:#2c2c2c; color:white; }
.ai-inquiry textarea { min-height:60px; border-radius:12px; resize:vertical; }
.ai-inquiry .ai-inquiry__submit { width:100%; margin-top:8px; padding:9px 14px; border:1px solid #ff6b13; border-radius:10px; color:white; background:#f65c09; font:bold 12px/1.3 Arial,sans-serif; cursor:pointer; }
.ai-inquiry__submit:disabled { opacity:.65; cursor:wait; }
.ai-inquiry :focus-visible { outline:2px solid #ff792d; outline-offset:3px; }
.ai-inquiry [aria-invalid=true] { border-color:#ff7869!important; }
.ai-inquiry .ai-inquiry__status { color:#f0c1a8; font-size:13px; line-height:1.5; margin:12px 0 0; }
.ai-inquiry__status[hidden] { display:none; }
@media(max-width:700px) { .ai-inquiry { margin:32px auto 40px; padding:20px 12px 12px; } .ai-inquiry__columns { grid-template-columns:1fr; } .ai-inquiry h2 { font-size:25px; } .ai-inquiry__desktop-break { display:none; } }