/* YiwuGo also reuses the listing and 2×2 category rules below.
   Reuse the 1688 modules. Only the longer name, requested 2×2 photo grid
   and example listing card need platform-specific rules. */
.made-in-china-page .alibaba-hero h1 {
  white-space: normal;
}

/* The price example shares copy and field order across two responsive layouts. */
.made-in-china-page {
  --made-in-china-red: #df1d22;
}

/* 临时公告，平台政策变化后随对应 HTML 块删除。独立规则不影响相邻模块。 */
.made-in-china-temporary-notice {
  width: min(940px, calc(100% - 80px));
  margin: 24px auto 0;
  padding: 18px 24px;
  border: 1px solid var(--line);
  border-radius: 14px;
  color: var(--muted);
  background: var(--soft);
  font-size: 15px;
  line-height: 1.5;
}

.made-in-china-price-layout {
  max-width: 940px;
  margin: 28px auto 0;
}

:is(.made-in-china-page, .yiwugo-page) .alibaba-price-card {
  min-width: 0;
  margin: 0;
  padding: 0;
  border-color: var(--line);
  background: #fff;
}

.made-in-china-product-title {
  margin: 0;
  font-size: 16px;
  font-weight: 650;
  line-height: 1.4;
  letter-spacing: -.015em;
}

.made-in-china-card-field {
  min-width: 0;
  display: flex;
  align-items: center;
}

:is(.made-in-china-page, .yiwugo-page) .alibaba-price-value {
  color: var(--made-in-china-red);
  font-size: clamp(24px, 2.1vw, 30px);
  line-height: 1.2;
  white-space: nowrap;
}

.made-in-china-moq {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}

.made-in-china-audited {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 8px;
  border-radius: 6px;
  color: var(--ink);
  background: var(--soft);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}

.made-in-china-audited svg {
  width: 20px;
  height: 20px;
  color: var(--blue);
}

/* Decorative span: no link, event handler, button role or keyboard focus. */
.made-in-china-inquiry {
  display: block;
  width: 100%;
  padding: 12px 16px;
  border-radius: 10px;
  color: #fff;
  background: var(--made-in-china-red);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
}

.made-in-china-price-notes {
  margin: 0;
  padding: 0;
  list-style: none;
}

.made-in-china-callout {
  min-width: 0;
  padding: 12px 16px;
  border-radius: 12px;
  background: var(--soft);
}

.made-in-china-callout p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.4;
}

:is(.made-in-china-page, .yiwugo-page) .made-in-china-price-note {
  max-width: 440px;
  margin: 20px 0 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
}

:is(.made-in-china-page, .yiwugo-page) .goofish-category-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

:is(.made-in-china-page, .yiwugo-page) .goofish-category {
  grid-row: span 2;
}

:is(.made-in-china-page, .yiwugo-page) .goofish-category-art {
  aspect-ratio: auto;
}

:is(.made-in-china-page, .yiwugo-page) .goofish-category-art img {
  display: block;
  height: auto;
}

@media (min-width: 641px) {
  .made-in-china-price-layout {
    --price-connector-width: 64px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--price-connector-width) minmax(0, 1fr);
  }

  .made-in-china-example-card {
    grid-column: 1;
    grid-row: 1 / span 5;
    display: grid;
    grid-template-rows: subgrid;
  }

  .made-in-china-example-card .made-in-china-product-title {
    padding: 20px 20px 10px;
    font-size: clamp(14px, 1.2vw, 16px);
  }

  .made-in-china-example-card .made-in-china-card-field {
    padding: 10px 20px;
  }

  /* Subgrid aligns each explanation and its line to its corresponding field.
     The lines are non-interactive diagram connectors, not UI controls. */
  .made-in-china-price-notes {
    display: contents;
  }

  .made-in-china-callout {
    position: relative;
    grid-column: 3;
    margin-block: 6px;
  }

  .made-in-china-callout[data-price-note="1"] { grid-row: 2; }
  .made-in-china-callout[data-price-note="2"] { grid-row: 3; }
  .made-in-china-callout[data-price-note="3"] { grid-row: 4; }
  .made-in-china-callout[data-price-note="4"] { grid-row: 5; }

  .made-in-china-callout::before {
    position: absolute;
    top: 50%;
    right: 100%;
    width: var(--price-connector-width);
    border-top: 1px solid var(--line);
    content: "";
    pointer-events: none;
  }

  .made-in-china-price-note {
    grid-column: 1;
    grid-row: 6;
  }

  /* Same unframed transparent artwork as 1688; the requested grey backdrop
     blends directly through its alpha instead of cropping it into a panel. */
  .made-in-china-page .alibaba-hero {
    background: var(--soft);
  }

  .made-in-china-page .hero-blend {
    isolation: isolate;
  }

  .made-in-china-page .alibaba-hero .hero-grid {
    grid-template-columns: minmax(min-content, 1.65fr) minmax(0, 1fr);
  }

  /* Fit the complete first sentence on one line, as on the 1688 hero.
     The longer platform name needs a wider copy column and smaller display type. */
  .made-in-china-page .alibaba-hero h1 {
    max-width: none;
    font-size: clamp(32px, 3.2vw, 46px);
    white-space: nowrap;
  }
}

@media (min-width: 901px) {
  /* Let the copy set the row height; the square artwork then fits that row
     instead of leaving extra space above and below the shorter text. */
  .made-in-china-page .hero-blend {
    contain: size;
    align-self: stretch;
    grid-template-rows: minmax(0, 1fr);
  }

  .made-in-china-page .alibaba-hero img.hero-art {
    min-height: 0;
    height: 100%;
    max-height: 100%;
    object-fit: contain;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  .made-in-china-page .alibaba-hero .hero-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .made-in-china-temporary-notice {
    width: calc(100% - 40px);
    padding: 16px;
  }

  .made-in-china-price-layout {
    margin-top: 18px;
  }

  .made-in-china-product-image {
    width: 100%;
    aspect-ratio: 4;
    object-fit: contain;
    background: var(--soft);
    border-radius: 17px 17px 0 0;
  }

  .made-in-china-card-body {
    display: grid;
    gap: 8px;
    padding: 14px;
  }

  .made-in-china-card-field {
    display: grid;
    justify-items: start;
    gap: 4px;
  }

  .made-in-china-field-note {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.4;
  }

  :is(.made-in-china-page, .yiwugo-page) .made-in-china-price-note {
    margin-top: 12px;
  }

  .made-in-china-inquiry {
    padding-block: 10px;
  }

  /* Keep the complete H1 in three lines at 360px, breaking after «в Россию.». */
  .made-in-china-page .alibaba-hero h1 {
    font-size: clamp(26px, 7.2vw, 32px);
  }
}