/* YUYAN full-site inner pages: industrial editorial, evidence before promises. */
.inner-page { background: #f7f5ef; }
.inner-page .site-header { background: rgba(23,25,23,.88); }
.inner-page .site-nav { gap: clamp(11px,1.55vw,23px); }
.inner-page .site-nav a { font-size: 10px; }
.inner-page .nav-cta { padding: 13px 15px; }
.inner-hero, .product-top { color: white; background: var(--ink); }
.inner-hero { padding: 155px 0 94px; min-height: 560px; position: relative; overflow: hidden; }
.inner-hero::after { content:""; position:absolute; right:-160px; bottom:-280px; width:620px; height:620px; border:1px solid rgba(232,111,50,.22); border-radius:50%; box-shadow:0 0 0 87px rgba(232,111,50,.025),0 0 0 180px rgba(232,111,50,.015); pointer-events:none; }
.inner-hero .shell { position:relative; z-index:1; }
.breadcrumb { display:flex; flex-wrap:wrap; gap:9px; align-items:center; margin-bottom:68px; color:rgba(255,255,255,.53); font-size:11px; }
.breadcrumb a:hover { color:var(--orange); }
.breadcrumb span[aria-current="page"] { color:rgba(255,255,255,.85); }
.inner-hero-grid, .editorial-hero-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.55fr); gap:clamp(48px,8vw,130px); align-items:end; }
.inner-eyebrow { margin:0 0 20px; color:var(--orange); font-size:11px; font-weight:800; letter-spacing:.15em; }
.inner-hero h1, .product-intro h1 { max-width:900px; margin:0; font-family:var(--serif); font-size:clamp(45px,5.45vw,79px); font-weight:600; line-height:1.35; letter-spacing:-.05em; }
.inner-hero h1 em { display:block; font-style:normal; color:var(--orange); }
.inner-lead { max-width:710px; margin:22px 0 0; color:rgba(255,255,255,.68); font-size:15px; line-height:1.85; }
.inner-actions { display:flex; align-items:center; gap:28px; margin-top:35px; }
.inner-text-link { border-bottom:1px solid rgba(255,255,255,.55); padding:8px 0; font-size:12px; font-weight:800; }
.inner-text-link:hover { color:var(--orange); border-color:var(--orange); }
.hero-side { align-self:stretch; display:flex; flex-direction:column; justify-content:flex-end; padding:0 0 7px 26px; border-left:1px solid rgba(255,255,255,.25); }
.side-index { color:var(--orange); font-family:var(--serif); font-size:110px; line-height:1; }
.hero-side p { margin:4px 0 10px; font-size:14px; font-weight:800; }
.hero-side small { max-width:230px; color:rgba(255,255,255,.55); font-size:11px; line-height:1.7; }
.catalog-content { padding:94px 0 106px; }
.catalog-top { display:flex; justify-content:space-between; align-items:end; gap:48px; margin-bottom:40px; }
.catalog-top h2 { font-size:clamp(45px,4.3vw,62px); }
.catalog-top > p { max-width:390px; margin:0 0 7px; color:#60645f; font-size:13px; line-height:1.85; }
.category-chips { display:flex; flex-wrap:wrap; gap:9px; padding:15px 0 31px; border-top:1px solid var(--line); }
.category-chips a { padding:9px 13px; border:1px solid #c5c2b9; background:white; color:#4b504a; font-size:11px; font-weight:800; transition:background .2s,color .2s; }
.category-chips a:hover, .category-chips a.active { color:white; border-color:var(--ink); background:var(--ink); }
.catalog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.catalog-card { min-width:0; border:1px solid #dedbd2; background:white; transition:transform .25s,box-shadow .25s,border-color .25s; }
.catalog-card:hover { transform:translateY(-5px); border-color:var(--orange); box-shadow:0 18px 35px rgba(23,25,23,.1); }
.catalog-card-main { display:block; height:100%; }
.catalog-card-main:focus-visible { outline:3px solid var(--orange); outline-offset:2px; }
.catalog-card-photo { height:263px; position:relative; overflow:hidden; background:#e5e1d7; }
.catalog-card-photo img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s ease; }
.catalog-card:hover .catalog-card-photo img { transform:scale(1.035); }
.catalog-pill { display:inline-block; padding:6px 9px; color:white; background:var(--ink); font-size:10px; font-weight:800; letter-spacing:.025em; }
.catalog-card-photo .catalog-pill { position:absolute; left:14px; top:14px; }
.catalog-pill.used { background:var(--orange); }
.photo-unavailable { height:100%; display:grid; place-items:center; padding:35px; color:#6c7068; text-align:center; font-size:12px; }
.catalog-card-body { padding:23px 23px 25px; }
.catalog-card-body > p { margin:0 0 12px; color:#878b84; font-size:10px; font-weight:800; }
.catalog-card-body h3 { min-height:69px; margin:0 0 21px; font-family:var(--serif); font-size:24px; font-weight:600; line-height:1.45; }
.catalog-card-meta { display:flex; flex-wrap:wrap; gap:5px 12px; padding-top:15px; border-top:1px solid #e8e6e0; color:#747870; font-size:10px; line-height:1.5; }
.catalog-card-link { display:flex; justify-content:space-between; margin-top:18px; color:var(--orange); font-size:11px; font-weight:800; }
.catalog-card-link b { font-size:17px; line-height:1; font-weight:400; }
.catalog-empty { padding:55px; border:1px solid var(--line); background:white; color:#666a64; }
.catalog-disclaimer { max-width:850px; margin:26px 0 0; color:#72766e; font-size:11px; line-height:1.8; }
.catalog-disclaimer strong { color:var(--ink); }
.inner-band { padding:75px 0; color:white; background:var(--ink); }
.inner-band-grid { display:grid; grid-template-columns:1fr 1fr; gap:10vw; align-items:center; }
.inner-band h2 { font-size:clamp(42px,4.1vw,62px); }
.inner-band-grid > div:last-child p { max-width:490px; margin:0 0 27px; color:rgba(255,255,255,.63); font-size:13px; line-height:1.85; }
.footer-links { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; padding:31px 0; border-bottom:1px solid rgba(255,255,255,.15); }
.footer-links > div { display:flex; flex-direction:column; gap:11px; }
.footer-links strong { margin-bottom:3px; color:var(--orange); font-size:11px; }
.footer-links a { width:max-content; max-width:100%; color:rgba(255,255,255,.65); font-size:11px; }
.footer-links a:hover { color:white; }
/* Product details */
.product-top { padding:152px 0 83px; background:linear-gradient(to bottom,var(--ink) 0 375px,#f7f5ef 375px 100%); }
.product-top .breadcrumb { margin-bottom:43px; }
.product-intro { display:flex; justify-content:space-between; align-items:end; gap:35px; margin-bottom:36px; }
.product-intro h1 { max-width:870px; font-size:clamp(43px,4.7vw,70px); }
.product-lead { max-width:760px; margin:13px 0 0; color:rgba(255,255,255,.67); font-size:13px; line-height:1.75; }
.product-heading-flag { display:flex; gap:11px; align-items:center; padding-bottom:7px; white-space:nowrap; }
.product-heading-flag span { color:var(--orange); font-size:11px; }.product-heading-flag strong { font-size:11px; line-height:1.5; }
.product-stage { display:grid; grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr); align-items:stretch; gap:18px; color:var(--ink); }
.product-media { min-width:0; }.product-main-image { position:relative; height:580px; background:#e1ded6; }
.product-main-image img { width:100%; height:100%; display:block; object-fit:contain; background:#e5e2db; }
.product-main-image span { position:absolute; left:19px; bottom:18px; padding:8px 11px; background:rgba(23,25,23,.84); color:white; font-size:10px; font-weight:700; }
.product-no-photo { display:grid; place-items:center; }.product-no-photo p { max-width:360px; padding:30px; color:#6a6f68; text-align:center; }
.product-thumbs { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; margin-top:9px; }
.product-thumbs img { width:100%; height:147px; display:block; object-fit:cover; background:#e5e2db; }
.product-purchase { display:flex; flex-direction:column; align-items:flex-start; padding:43px 40px 35px; border:1px solid #dcd9d0; background:white; }
.product-purchase h2 { margin:23px 0 16px; font-size:clamp(34px,3vw,48px); line-height:1.4; }
.product-purchase > p { max-width:320px; margin:0 0 20px; color:#666a64; font-size:12px; line-height:1.75; }
.purchase-facts { width:100%; margin:auto 0 25px; border-top:1px solid #e9e6df; }
.purchase-facts div { display:flex; justify-content:space-between; gap:18px; padding:14px 0; border-bottom:1px solid #e9e6df; font-size:11px; }
.purchase-facts span { color:#8b8f88; }.purchase-facts strong { text-align:right; font-weight:800; }
.product-enquire { width:100%; display:flex; justify-content:space-between; margin:0; padding:18px 18px; font-size:11px; }
.product-purchase .purchase-email { align-self:center; margin:19px 0; border-bottom:1px solid var(--orange); font-size:11px; font-weight:800; }
.purchase-email span { color:var(--orange); }
.product-purchase small { color:#858982; font-size:10px; line-height:1.6; }
.detail-grid, .spec-layout, .check-layout, .source-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:11vw; }
.detail-heading h2, .spec-layout h2, .check-layout h2, .source-grid h2, .related-heading h2 { font-size:clamp(41px,4.15vw,61px); }
.detail-copy p, .source-grid p { margin:0 0 16px; color:#61655f; font-size:14px; line-height:1.95; }
.underlined-link { display:inline-block; margin-top:13px; padding-bottom:4px; border-bottom:1px solid var(--orange); font-size:12px; font-weight:800; }
.underlined-link:hover { color:var(--orange); }
.spec-section { padding:85px 0; background:#ece8df; }
.spec-note, .check-intro { max-width:370px; margin:26px 0 0; color:#6a6e67; font-size:12px; line-height:1.9; }
.spec-list { margin:0; border-top:1px solid var(--line); }
.spec-list div { display:flex; justify-content:space-between; gap:20px; padding:16px 0; border-bottom:1px solid var(--line); font-size:12px; }
.spec-list dt { flex:0 0 42%; color:#72766e; }.spec-list dd { margin:0; text-align:right; font-weight:800; }
.spec-empty { padding:45px; border:1px solid var(--line); background:white; color:#656962; font-size:13px; line-height:1.8; }
.check-list { list-style:none; margin:0; padding:0; border-top:1px solid var(--line); }
.check-list li { display:grid; grid-template-columns:45px 1fr; gap:20px; padding:23px 0; border-bottom:1px solid var(--line); }
.check-list span { color:var(--orange); font-family:var(--serif); font-size:20px; }
.check-list h3 { margin:0 0 8px; font-family:var(--serif); font-size:23px; font-weight:600; }
.check-list p { margin:0; color:#646962; font-size:12px; line-height:1.8; }
.detail-source { padding:76px 0; color:white; background:var(--ink); }
.detail-source .source-grid p { color:rgba(255,255,255,.65); }
.detail-source .source-grid a { color:var(--orange); text-decoration:underline; }
.related-heading { display:flex; justify-content:space-between; align-items:end; gap:35px; margin-bottom:33px; }
.related-heading h2 { margin-right:auto; }.related-heading .eyebrow { align-self:start; }
.related-grid { grid-template-columns:repeat(3,1fr); }
/* Editorial and contact */
.editorial-hero-grid { grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:center; }
.editorial-cover { position:relative; height:370px; margin:0; border:1px solid rgba(255,255,255,.25); background:#434740; }
.editorial-cover img { width:100%; height:100%; object-fit:cover; display:block; }
.editorial-cover figcaption { position:absolute; left:0; right:0; bottom:0; padding:24px 18px 13px; background:linear-gradient(transparent,rgba(0,0,0,.76)); color:white; font-size:10px; line-height:1.6; }
.editorial-section { padding:95px 0; background:#f7f5ef; }.editorial-section.is-even { background:#ebe7dd; }
.editorial-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:10vw; }
.editorial-layout h2 { font-size:clamp(42px,4.3vw,65px); }
.editorial-summary { margin:5px 0 22px; color:#51564f; font-size:15px; line-height:1.9; }
.editorial-items { border-top:1px solid var(--line); }
.editorial-items article { display:grid; grid-template-columns:45px 1fr; gap:18px; padding:22px 0; border-bottom:1px solid var(--line); }
.editorial-items article > span { color:var(--orange); font-family:var(--serif); font-size:19px; }
.editorial-items h3 { margin:0 0 8px; font-family:var(--serif); font-size:22px; font-weight:600; }
.editorial-items p, .editorial-outro { margin:0; color:#646861; font-size:12px; line-height:1.8; }
.editorial-outro { margin-top:25px; border-left:2px solid var(--orange); padding-left:14px; }
.editorial-faq { padding:95px 0; background:#f7f5ef; }
.contact-page-section { padding:95px 0 115px; background:#f4f1ea; }
.contact-page-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:11vw; }
.contact-page-grid h2 { font-size:clamp(41px,4vw,62px); }
.contact-prompts { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:36px 0 40px; }
.contact-prompts div { border-top:1px solid var(--line); padding-top:14px; }
.contact-prompts strong { font-size:11px; }.contact-prompts p { margin:7px 0 0; color:#666a64; font-size:11px; line-height:1.7; }
.contact-page-grid .contact-email { color:var(--ink); border-color:var(--orange); font-size:12px; }
.contact-guard { max-width:410px; color:#888b85; font-size:10px; line-height:1.75; }
.contact-page-form { padding:41px; background:var(--ink); }
.form-heading { display:flex; justify-content:space-between; margin:0 0 28px; color:white; font-family:var(--serif); font-size:26px; }
.form-heading span { color:var(--orange); }
@media (max-width:1050px) { .inner-page .nav-cta span { display:none; }.inner-page .site-nav { gap:12px; }.catalog-grid { grid-template-columns:repeat(2,1fr); }.product-main-image { height:465px; }.product-purchase { padding:30px; }.editorial-cover { height:310px; } }
@media (max-width:730px) {
  .inner-page .site-header { background:rgba(23,25,23,.9); }
  .inner-hero { min-height:auto; padding:117px 0 70px; }
  .breadcrumb { margin-bottom:35px; font-size:10px; line-height:1.5; }
  .inner-hero-grid, .editorial-hero-grid, .inner-band-grid { grid-template-columns:1fr; gap:32px; }
  .inner-hero h1, .product-intro h1 { font-size:clamp(36px,10vw,46px); line-height:1.35; }
  .inner-lead { font-size:13px; }.inner-actions { align-items:flex-start; flex-direction:column; gap:14px; margin-top:25px; }
  .hero-side { border-left:2px solid var(--orange); padding:0 0 0 18px; }.side-index { font-size:64px; }.hero-side p { font-size:12px; }
  .catalog-content { padding:68px 0 75px; }.catalog-top { display:block; margin-bottom:27px; }.catalog-top h2 { font-size:40px; }.catalog-top > p { margin-top:18px; font-size:12px; }
  .category-chips { gap:7px; padding:12px 0 25px; }.category-chips a { font-size:10px; padding:8px 10px; }
  .catalog-grid, .related-grid { grid-template-columns:1fr; gap:15px; }.catalog-card-photo { height:260px; }
  .catalog-card-body { padding:18px; }.catalog-card-body h3 { min-height:auto; font-size:23px; margin-bottom:17px; }.catalog-card-meta { font-size:11px; }
  .inner-band { padding:68px 0; }.inner-band h2 { font-size:39px; }
  .footer-links { grid-template-columns:repeat(2,1fr); row-gap:27px; }
  .product-top { padding:116px 0 58px; background:linear-gradient(to bottom,var(--ink) 0 470px,#f7f5ef 470px 100%); }
  .product-top .breadcrumb { margin-bottom:29px; }.product-intro { display:block; margin-bottom:28px; }.product-heading-flag { display:none; }.product-lead { font-size:12px; }
  .product-stage, .detail-grid, .spec-layout, .check-layout, .source-grid, .editorial-layout, .contact-page-grid { grid-template-columns:1fr; gap:31px; }
  .product-main-image { height:355px; }.product-main-image span { left:9px; bottom:9px; font-size:9px; }.product-thumbs img { height:104px; }
  .product-purchase { padding:27px 22px; }.product-purchase h2 { font-size:33px; margin:17px 0 11px; }.purchase-facts { margin-top:11px; }.product-enquire { min-height:50px; font-size:12px; }
  .detail-body, .check-section, .related-section { padding:73px 0; }.detail-heading h2, .spec-layout h2, .check-layout h2, .source-grid h2, .related-heading h2 { font-size:40px; }
  .detail-copy p, .source-grid p { font-size:13px; }.spec-section { padding:70px 0; }.spec-note { margin:17px 0 0; }.spec-list div { font-size:11px; }
  .detail-source { padding:68px 0; }.related-heading { display:block; }.related-heading h2 { margin:13px 0; }
  .editorial-hero-grid { gap:31px; }.editorial-cover { height:245px; }.editorial-section,.editorial-faq { padding:70px 0; }.editorial-layout h2 { font-size:40px; }
  .contact-page-section { padding:70px 0; }.contact-page-grid h2 { font-size:40px; }.contact-prompts { gap:14px; }.contact-page-form { padding:26px 20px; }
}
@media (prefers-reduced-motion: reduce) { .catalog-card:hover, .catalog-card:hover .catalog-card-photo img { transform:none; } }

.product-purchase .product-enquire { color: #fff; background: var(--orange); border-color: var(--orange); }
.product-purchase .product-enquire:hover { color: #fff; background: #c65320; }

.catalog-hero .inner-hero-grid { grid-template-columns: minmax(0,1.06fr) minmax(0,.94fr); gap: clamp(35px,5vw,75px); align-items: center; }
.catalog-hero-machine { height: 365px; margin: 0; position: relative; background: #e8e5db; overflow: hidden; border: 1px solid rgba(255,255,255,.25); }
.catalog-hero-machine img { width: 100%; height: 100%; display: block; object-fit: contain; }
.catalog-hero-machine figcaption { position: absolute; bottom: 0; left: 0; right: 0; padding: 14px 17px; background: rgba(23,25,23,.91); display: flex; justify-content: space-between; gap: 15px; align-items: center; }
.catalog-hero-machine figcaption span { color: white; font-size: 12px; font-weight: 800; }
.catalog-hero-machine figcaption small { color: rgba(255,255,255,.66); font-size: 10px; }
@media (max-width: 730px) {
  .catalog-hero .inner-hero-grid { grid-template-columns: 1fr; gap: 26px; }
  .catalog-hero-machine { height: 218px; }
  .catalog-hero-machine figcaption { padding: 8px 10px; }
  .catalog-hero-machine figcaption span { font-size: 10px; }
  .catalog-hero-machine figcaption small { font-size: 9px; }
}

/* Keep the authentic black/orange YUYAN wordmark visible on all inner pages. */
.inner-page .site-header,
.inner-page .site-header.scrolled { background: #fff; color: #171917; border-bottom: 1px solid #e9e5dd; }
@media (max-width: 730px) {
  .inner-page .site-header { background: #fff; }
}

/* Complete original-site detail migration: readable images, raw values, clear provenance. */
.product-top { background: linear-gradient(to bottom, var(--ink) 0 530px, #f7f5ef 530px 100%); }
.product-quick-facts { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 20px; color: rgba(255,255,255,.67); font-size: 11px; }
.product-quick-facts > * + *::before { content: '·'; margin-right: 18px; color: var(--orange); }
.product-quick-facts a { color: #f7d0b8; border-bottom: 1px solid rgba(247,208,184,.48); }
.product-quick-facts a:hover, .product-quick-facts a:focus-visible { color: #fff; border-color: #fff; }
.source-conflict { margin: 0 0 22px; padding: 17px 23px; border-left: 3px solid var(--orange); background: #fff9ef; color: #484236; font-size: 12px; line-height: 1.65; }
.source-conflict strong { color: #b34e1c; }
.source-conflict ul { margin: 7px 0 0; padding-left: 18px; }
.product-gallery { min-width: 0; background: #f1eee6; }
.product-main-image { margin: 0; height: clamp(400px, 40vw, 585px); }
.gallery-main-link { display: block; width: 100%; height: 100%; cursor: zoom-in; }
.product-main-image .gallery-main-photo { object-fit: contain; width: 100%; height: 100%; }
.product-main-image figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 14px 17px; background: linear-gradient(transparent, rgba(23,25,23,.82)); color: #fff; font-size: 10px; line-height: 1.55; pointer-events: none; }
.gallery-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 15px 18px; background: var(--ink); color: #fff; }
.gallery-counter { font-family: var(--serif); font-size: 25px; letter-spacing: -.03em; }
.gallery-counter small { margin-left: 10px; color: #b9bcb4; font-family: var(--sans); font-size: 11px; letter-spacing: 0; }
.gallery-controls { display: flex; gap: 6px; }
.gallery-controls button { width: 37px; height: 37px; border: 1px solid rgba(255,255,255,.34); background: transparent; color: #fff; font-size: 20px; cursor: pointer; }
.gallery-controls button:hover, .gallery-controls button:focus-visible { border-color: var(--orange); background: var(--orange); outline: none; }
.gallery-filmstrip { display: flex; gap: 8px; padding: 12px; overflow-x: auto; overscroll-behavior-x: contain; scrollbar-width: thin; scroll-snap-type: x mandatory; }
.gallery-thumb { position: relative; flex: 0 0 102px; width: 102px; height: 77px; padding: 0; border: 2px solid transparent; background: #e2dfd8; cursor: pointer; scroll-snap-align: start; }
.gallery-thumb.is-selected { border-color: var(--orange); }
.gallery-thumb img { width: 100%; height: 100%; display: block; object-fit: contain; }
.gallery-thumb span { position: absolute; bottom: 2px; left: 3px; padding: 1px 4px; background: rgba(23,25,23,.8); color: white; font-size: 9px; }
.gallery-thumb:focus-visible { outline: 3px solid var(--orange); outline-offset: 2px; }
.gallery-source { margin: 0; padding: 5px 14px 18px; color: #777c73; font-size: 10px; line-height: 1.5; }
.gallery-source a { color: #a84219; text-decoration: underline; }
.product-purchase { align-self: stretch; }
.product-full-specs .spec-layout { grid-template-columns: minmax(0,.66fr) minmax(0,1.34fr); gap: clamp(45px, 8vw, 130px); }
.product-full-specs .spec-sticky { align-self: start; position: sticky; top: 100px; }
.product-full-specs .spec-note { max-width: 400px; }
.source-tables { min-width: 0; display: grid; gap: 18px; }
.source-table-group { min-width: 0; border: 1px solid #dad7ce; background: #fff; }
.source-table-heading { display: flex; align-items: baseline; gap: 15px; padding: 18px 22px; border-bottom: 1px solid #e3e0d7; }
.source-table-heading span { color: var(--orange); font-family: var(--serif); font-size: 22px; }
.source-table-heading h3 { flex: 1; margin: 0; font-family: var(--serif); font-size: 20px; font-weight: 600; line-height: 1.4; }
.source-table-heading small { color: #777c74; font-size: 10px; white-space: nowrap; }
.source-table-scroll { max-width: 100%; overflow-x: auto; }
.source-table-group table { width: 100%; border-collapse: collapse; table-layout: auto; font-size: 12px; }
.source-table-group tr:not(:last-child) { border-bottom: 1px solid #eeece6; }
.source-table-group tr:nth-child(even) { background: #faf9f5; }
.source-table-group th { min-width: 170px; width: 42%; padding: 13px 20px; color: #484e48; font-weight: 600; text-align: left; overflow-wrap: anywhere; }
.source-table-group th strong { display: block; color: #262c27; font-weight: 700; }
.source-table-group th small { display: block; margin-top: 3px; color: #858a82; font-size: 10px; line-height: 1.35; }
.source-table-group td { min-width: 140px; padding: 13px 20px; color: #262b26; font-weight: 700; line-height: 1.55; overflow-wrap: anywhere; }
.product-quote { width: 100%; margin: 4px 0 23px; padding: 19px 0 20px; border-top: 2px solid var(--ink); border-bottom: 1px solid #e7e3d9; }
.product-quote-label { display: block; margin-bottom: 7px; color: #a95529; font-size: 10px; font-weight: 800; letter-spacing: .05em; }
.product-quote-label small { color: #747a71; font-size: 10px; font-weight: 500; letter-spacing: 0; }
.product-quote-amount { display: block; color: #171917; font-family: var(--sans); font-size: clamp(30px,3vw,43px); font-weight: 750; letter-spacing: -.055em; line-height: 1.2; overflow-wrap: anywhere; }
.product-quote-note { max-width: 370px; margin: 12px 0 0; color: #666b63; font-size: 11px; line-height: 1.75; }
.product-quote-note b { display: block; color: #a64d20; font-size: 12px; }
.product-purchase .purchase-facts { margin: 0 0 21px; }
.source-document { background: #f7f5ef; }
.source-document-layout { display: grid; grid-template-columns: minmax(0,.66fr) minmax(0,1.34fr); gap: clamp(45px,8vw,130px); align-items: start; }
.source-document h2 { font-size: clamp(41px,4.15vw,61px); }
.story-heading > p:not(.eyebrow) { max-width: 430px; color: #666b62; font-size: 12px; line-height: 1.85; }
.story-heading { position: sticky; top: 105px; }
.story-heading .underlined-link { margin-top: 10px; }
.product-story { min-width: 0; border: 1px solid #dcd9d0; background: #fff; }
.product-story-intro { padding: clamp(25px,3.5vw,48px); background: #fcfaf5; }
.product-story-intro > span, .story-copy-label { display: block; color: #a4532a; font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.product-story-intro h3 { margin: 18px 0 14px; font-family: var(--serif); font-size: clamp(27px,3vw,41px); font-weight: 600; line-height: 1.45; }
.product-story-intro > p { margin: 0; color: #555b54; font-size: 13px; line-height: 1.95; }
.product-story-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin-top: 24px; }
.product-story-stats div { padding-top: 13px; border-top: 1px solid #dedbd2; }
.product-story-stats small { display: block; color: #7a8076; font-size: 10px; }
.product-story-stats strong { display: block; margin-top: 7px; color: #242823; font-size: 18px; line-height: 1.35; overflow-wrap: anywhere; }
.story-copy-label { display: flex; flex-wrap: wrap; align-items: baseline; gap: 10px; margin: 0 clamp(25px,3.5vw,48px); padding: 25px 0 14px; border-top: 1px solid #e7e2d8; letter-spacing: 0; }
.story-copy-label small { color: #8c9188; font-size: 9px; letter-spacing: .08em; }
.source-narrative { padding: 0 clamp(25px,3.5vw,48px) 36px; color: #484c47; font-size: 13px; line-height: 1.85; overflow-wrap: anywhere; }
.source-narrative h3 { margin: 32px 0 13px; font-family: var(--serif); font-size: 22px; font-weight: 600; line-height: 1.45; }
.source-narrative p { margin: 11px 0; }
.source-narrative ul, .source-narrative ol { padding-left: 23px; }
.source-narrative li { margin: 4px 0; }
.source-narrative figure { margin: 26px 0; }
.source-narrative figure img { display: block; max-width: 100%; max-height: 650px; width: auto; height: auto; background: #eeeae2; }
.source-narrative figcaption { margin-top: 9px; color: #81857e; font-size: 10px; }
.company-source { margin-top: 28px; color: rgba(255,255,255,.62); font-size: 11px; line-height: 1.7; }
.company-source a { color: var(--orange); text-decoration: underline; }
@media (max-width: 1050px) {
  .product-main-image { height: 470px; }
  .product-full-specs .spec-layout, .source-document-layout { gap: 6vw; }
}
@media (max-width: 730px) {
  .product-top { background: linear-gradient(to bottom,var(--ink) 0 610px,#f7f5ef 610px 100%); }
  .product-quick-facts { gap: 6px 10px; font-size: 10px; line-height: 1.5; }
  .product-quick-facts > * + *::before { margin-right: 10px; }
  .source-conflict { padding: 12px 14px; font-size: 11px; }
  .product-main-image { height: clamp(300px,80vw,420px); }
  .gallery-thumb { flex-basis: 92px; width: 92px; height: 71px; }
  .product-full-specs .spec-layout, .source-document-layout { grid-template-columns: 1fr; gap: 30px; }
  .product-full-specs .spec-sticky { position: static; }
  .source-table-heading { padding: 16px; }
  .source-table-heading h3 { font-size: 18px; }
  .source-table-heading small { display: none; }
  .source-table-group th { min-width: 130px; width: 45%; padding: 10px 12px; font-size: 11px; }
  .source-table-group td { min-width: 120px; padding: 10px 12px; font-size: 11px; }
  .story-heading { position: static; }
  .product-story-intro { padding: 23px 20px; }
  .product-story-intro h3 { font-size: 28px; }
  .story-copy-label { margin: 0 20px; padding: 21px 0 12px; }
  .source-narrative { padding: 0 20px 25px; }
  .product-quote-amount { font-size: clamp(29px,8vw,37px); }
}

/* Clear representative-model positioning directly beneath the product headline. */
.model-reference { max-width: 850px; margin: 22px 0 0; padding: 15px 19px; border-left: 3px solid var(--orange); background: rgba(255,255,255,.09); color: rgba(255,255,255,.88); font-size: 12px; line-height: 1.8; }
.model-reference strong { display: inline-block; margin-right: 7px; color: #ffae77; font-weight: 800; }
.catalog-card-meta span { color: #575e56; }
.catalog-card-meta::before { content: '参考参数'; flex-basis: 100%; color: #a1542a; font-size: 9px; font-weight: 800; letter-spacing: .04em; }
@media (max-width: 730px) { .model-reference { margin-top: 16px; padding: 12px 14px; font-size: 11px; } }

/* Spanish-speaking Latin America: buyer-facing service directions, not a shipment archive. */
.markets-hero .editorial-cover { align-self: stretch; }
.markets-hero .editorial-cover img { width: 100%; height: 100%; min-height: 330px; object-fit: cover; }
.market-directory { padding: clamp(76px,8vw,120px) 0; background: #f4f1ea; }
.market-directory-head { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 18px 5vw; margin-bottom: 43px; }
.market-directory-head .eyebrow { grid-column: 1/-1; }
.market-directory-head h2 { font-size: clamp(42px,4.4vw,70px); line-height: 1.2; }
.market-directory-head h2 em { color: #c75b25; }
.market-directory-head > p:not(.eyebrow) { max-width: 540px; margin: 0; color: #565d55; font-size: 14px; line-height: 1.85; }
.market-directory-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1px; border: 1px solid #d9d5cb; background: #d9d5cb; }
.country-card { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; min-height: 342px; padding: 23px 24px; background: #fffdfa; }
.country-card-top { width: 100%; display: flex; justify-content: space-between; align-items: start; color: #aa5b2a; font-size: 9px; font-weight: 800; letter-spacing: .07em; }
.country-card-top .country-numeral { color: #ede7dc; font-family: var(--serif); font-size: 37px; line-height: .9; font-weight: 500; }
.country-card h3 { margin: 25px 0 2px; font-family: var(--serif); font-size: clamp(27px,2.4vw,36px); font-weight: 500; line-height: 1.2; }
.country-cn { margin: 0 0 24px; color: #92948c; font-size: 11px; }
.country-categories, .country-port { margin: 0 0 14px; color: #4f574f; font-size: 11px; line-height: 1.6; }
.country-card p strong { display: block; margin-bottom: 4px; color: #8b9185; font-size: 9px; letter-spacing: .08em; }
.country-card > a { margin-top: auto; padding: 9px 0 4px; border-bottom: 1px solid #cf642c; color: #9b471f; font-size: 11px; font-weight: 800; }
.country-card > a span { padding-left: 9px; }
@media (max-width: 1050px) { .market-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 730px) {
  .market-directory-head { grid-template-columns: 1fr; gap: 18px; }
  .country-card { min-height: 285px; padding: 18px 13px; }
  .country-card h3 { font-size: 22px; overflow-wrap: anywhere; }
  .country-card p { font-size: 10px; }
  .markets-hero .editorial-cover img { min-height: 220px; }
}

/* Buyer-first editorial refinements: visible identity, readable choices, direct inquiry. */
.company-identity { display: grid; gap: 5px; width: max-content; max-width: 100%; margin-top: 27px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.28); font-size: 11px; line-height: 1.6; }
.company-identity strong { font-size: 13px; color: #fff; }
.company-identity span { color: rgba(255,255,255,.66); }
.company-identity a { width: max-content; max-width: 100%; color: #ffad7b; overflow-wrap: anywhere; border-bottom: 1px solid currentColor; }
.hero-contact { display: flex; flex-wrap: wrap; gap: 6px; margin: 24px 0 0; color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.6; }
.hero-contact a { color: #ffbd90; border-bottom: 1px solid rgba(255,189,144,.6); overflow-wrap: anywhere; }
.contact-company { max-width: 440px; margin: 22px 0 10px; color: #5d625b; font-size: 12px; line-height: 1.75; }
.contact-company a { display: inline-block; margin-top: 7px; color: #99451c; border-bottom: 1px solid #bd6c40; font-weight: 750; }
.inner-band-secondary { display: inline-block; margin: 18px 0 0 16px; color: #f9c59e; border-bottom: 1px solid rgba(249,197,158,.6); font-size: 12px; font-weight: 700; }
.catalog-content .catalog-disclaimer { margin: -14px 0 23px; color: #52574f; font-size: 12px; }
@media (max-width: 730px) {
  .market-directory-grid { grid-template-columns: 1fr; }
  .catalog-hero-machine figcaption { display: block; }
  .catalog-hero-machine figcaption small { display: block; margin-top: 3px; }
  .catalog-content .catalog-disclaimer { margin: 0 0 20px; }
  .inner-band-secondary { margin: 16px 0 0; }
  .inner-page .site-header .menu-toggle { color: #1d211c; border-color: #758077; }
  .inner-page .site-header .menu-toggle span { background: currentColor; }
}

@media (max-width: 730px) {
  .country-card { min-height: 0; padding: 18px 19px 19px; }
  .country-card h3 { margin: 10px 0 2px; font-size: 25px; }
  .country-card .country-cn { margin: 0 0 11px; }
  .country-card .country-numeral { font-size: 28px; }
  .country-categories, .country-port { margin-bottom: 8px; }
  .country-card > a { display: inline-block; margin-top: 7px; }
  .catalog-hero { padding-top: 102px; padding-bottom: 36px; }
  .catalog-hero .breadcrumb { margin-bottom: 19px; }
  .catalog-hero .inner-hero-grid { gap: 18px; }
  .catalog-hero .inner-actions { margin-top: 20px; }
  .catalog-hero-machine { height: 202px; }
  .category-chips { flex-wrap: nowrap; overflow-x: auto; scrollbar-color: #be6c3f #e3ded5; }
  .category-chips a { flex: 0 0 auto; }
}

/* Only YUYAN-branded new machines carry an in-house manufacturing claim. */
.made-by-yuyan { display: inline-flex; align-items: center; gap: 9px; max-width: 100%; margin: 16px 0 0; padding: 9px 13px; border: 1px solid rgba(227,116,55,.6); color: #ffbc8c; background: rgba(217,107,48,.08); font-size: 11px; font-weight: 800; line-height: 1.6; letter-spacing: .025em; }
.made-by-yuyan span { color: #e47437; font-size: 9px; }
@media (max-width: 730px) { .made-by-yuyan { font-size: 10px; line-height: 1.5; } }

/* Model-identity and stale-availability caveats remain adjacent to the buying decision. */
.product-purchase .source-conflict { margin: 17px 0 19px; background: #fff8ef; }
.source-conflict .conflict-explain { margin: 8px 0 0; color: #694c39; font-size: 11px; line-height: 1.65; }
.variant-note { padding: 12px 15px; border-left: 3px solid #cb692f; background: #fff8ef; color: #684a36; font-size: 12px; line-height: 1.7; }
.spec-sticky .variant-note { margin: 16px 0; }
.product-story-intro .variant-note { margin: 15px 0; }
.source-warning { display: block; margin-top: 5px; color: #a45a31; font-size: 10px; font-weight: 600; line-height: 1.55; }
@media (max-width: 730px) { .source-warning { font-size: 10px; } }

.source-table-heading h3 .source-heading-original { display: block; margin-top: 3px; color: #858a82; font-family: var(--sans); font-size: 10px; font-weight: 500; letter-spacing: 0; line-height: 1.45; white-space: normal; overflow-wrap: anywhere; }

/* Spanish-first machine details: reduce decorative space, keep real photos and the quote easy to find. */
.site-es .inner-hero h1, .site-es .product-intro h1 { line-height: 1.13; letter-spacing: -.025em; }
.site-es .inner-lead { line-height: 1.62; }
.site-es .catalog-card-body h3 { min-height: 0; line-height: 1.2; }
.site-es .source-table-heading h3 { line-height: 1.2; }
@media (max-width: 730px) {
  .site-es .inner-hero { padding: 106px 0 41px; }
  .site-es .inner-hero .breadcrumb { margin-bottom: 17px; }
  .site-es .inner-hero h1, .site-es .product-intro h1 { font-size: clamp(29px, 7.8vw, 37px); line-height: 1.12; }
  .site-es .inner-lead { font-size: 12px; line-height: 1.52; margin-top: 13px; }
  .site-es .inner-actions { margin-top: 17px; gap: 9px; }
  .site-es .catalog-hero-machine { height: 175px; }
  .site-es .catalog-content { padding: 40px 0 55px; }
  .site-es .catalog-card-photo { height: 213px; }
  .site-es .catalog-card-body h3 { font-size: 21px; }
  .site-es .product-top { padding: 108px 0 43px; background: linear-gradient(to bottom,var(--ink) 0 455px,#f7f5ef 455px 100%); }
  .site-es .product-top .breadcrumb { margin-bottom: 15px; }
  .site-es .product-intro { margin-bottom: 10px; }
  .site-es .product-lead { font-size: 11px; line-height: 1.5; margin-top: 8px; }
  .site-es .product-intro + .mobile-quicklinks { display: flex; gap: 3px; overflow-x: auto; margin: 11px 0 15px; padding: 3px; background: rgba(255,255,255,.11); border: 1px solid rgba(255,255,255,.22); scrollbar-width: none; }
  .site-es .product-intro + .mobile-quicklinks a { flex: 1 0 auto; padding: 7px 8px; color: #f8efe4; white-space: nowrap; font-size: 9px; font-weight: 750; text-align: center; }
  .site-es .product-main-image { height: 282px; scroll-margin-top: 80px; }
  .site-es .product-purchase { padding: 21px 18px; scroll-margin-top: 80px; }
  .site-es .product-purchase h2 { margin: 12px 0 8px; font-size: 29px; line-height: 1.22; }
  .site-es .product-quote { scroll-margin-top: 90px; }
  .site-es #specifications { scroll-margin-top: 80px; }
  .site-es .product-top .product-quick-facts { margin-top: 12px; }
  .site-es .spec-section, .site-es .editorial-section, .site-es .contact-page-section { padding-block: 52px; }
  .site-es .editorial-cover { height: 205px; }
  .site-es .contact-page-form { padding: 22px 17px; }
}

/* Spanish copy varies in length; a fixed-pixel background boundary caused white-on-white links. */
.site-es .product-top { background: var(--ink); }
.site-es .product-gallery .gallery-source { color: #555b54; }
@media (max-width: 730px) {
  .site-es .product-top { background: var(--ink); }
}

.site-es .catalog-card-meta::before { content: 'Parámetros de referencia'; }

.mobile-product-decision { display: none; }
@media (max-width: 730px) {
  .site-es .mobile-product-decision { display: block; margin-top: 0; padding: 18px; background: #f7f5ef; color: #222922; border: 1px solid #ded9cf; scroll-margin-top: 88px; }
  .site-es .mobile-decision-label { display: block; color: #a34a20; font-size: 10px; font-weight: 800; letter-spacing: .03em; }
  .site-es .mobile-decision-price { display: block; margin: 5px 0 1px; font-size: clamp(28px, 8vw, 37px); line-height: 1.16; letter-spacing: -.04em; }
  .site-es .mobile-decision-note { margin: 6px 0 14px; color: #555b54; font-size: 11px; line-height: 1.46; }
  .site-es .mobile-decision-specs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 0 0 10px; }
  .site-es .mobile-decision-specs div { min-width: 0; padding-top: 8px; border-top: 1px solid #d9d5cc; }
  .site-es .mobile-decision-specs dt { color: #6d736a; font-size: 9px; }
  .site-es .mobile-decision-specs dd { margin: 3px 0 0; font-size: 13px; font-weight: 800; overflow-wrap: anywhere; }
  .site-es .mobile-decision-caution { display: block; margin: 7px 0 12px; color: #656b63; font-size: 10px; line-height: 1.4; }
  .site-es .mobile-decision-action { display: block; padding: 13px 10px; background: #d95f20; color: white; text-align: center; font-size: 11px; font-weight: 800; }
  .site-es .mobile-decision-action:hover, .site-es .mobile-decision-action:focus-visible { background: #b44917; }
}

/* Blog and durable buying guides: editorial content is visible in static HTML. */
.guide-hero { min-height: 0; padding: 145px 0 72px; }
.guide-hero-grid { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: clamp(35px,5vw,80px); align-items: center; }
.guide-hero h1 { margin: 12px 0 18px; max-width: 740px; font-family: var(--serif); font-size: clamp(43px,4.5vw,68px); font-weight: 600; line-height: 1.15; }
.guide-hero .inner-lead { max-width: 650px; }
.guide-hero-photo { margin: 0; height: 350px; position: relative; background: #ddd8cf; }
.guide-hero-photo img { width: 100%; height: 100%; display: block; object-fit: cover; }
.guide-hero-photo figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 18px; color: white; font-size: 10px; background: linear-gradient(transparent,rgba(0,0,0,.72)); }
.guide-directory { padding: 75px 0 110px; background: #f7f5ef; }
.guide-directory-heading { max-width: 760px; margin-bottom: 35px; }
.guide-directory-heading > span, .guide-article-aside > span { color: #a14b24; font-size: 10px; font-weight: 800; letter-spacing: .07em; }
.guide-directory-heading h2 { margin: 12px 0; font-family: var(--serif); font-size: clamp(38px,4vw,58px); }
.guide-directory-heading p { color: #596058; font-size: 13px; line-height: 1.75; }
.guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.guide-card { min-width: 0; background: white; border: 1px solid #dcd8cd; }
.guide-card > a { display: block; height: 100%; }
.guide-card-image { height: 215px; background: #e8e3da; }
.guide-card-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.guide-card-content { padding: 25px; }
.guide-card-content > span { color: #a35229; font-size: 10px; font-weight: 800; }
.guide-card-content h3 { margin: 15px 0 12px; font-family: var(--serif); font-size: 27px; line-height: 1.2; }
.guide-card-content p { color: #5d625c; font-size: 12px; line-height: 1.7; }
.guide-card-content strong { display: block; margin-top: 19px; color: #a04e28; font-size: 11px; }
.guide-article { background: #f7f5ef; padding: 75px 0 105px; }
.guide-article-layout { display: grid; grid-template-columns: minmax(0,.3fr) minmax(0,.7fr); gap: clamp(40px,8vw,125px); }
.guide-article-aside { height: max-content; position: sticky; top: 100px; padding-top: 17px; border-top: 2px solid #d4632d; }
.guide-article-aside p { color: #4c544b; font-size: 13px; line-height: 1.7; }
.guide-article-aside a { display: inline-block; border-bottom: 1px solid #b75a2d; padding: 5px 0; color: #a75026; font-size: 12px; font-weight: 750; }
.guide-article-body > section { padding: 26px 0 36px; border-bottom: 1px solid #d8d4c9; }
.guide-article-body > section:first-child { padding-top: 0; }
.guide-section-number { color: #bb5c2c; font-family: var(--serif); font-size: 24px; }
.guide-article-body h2 { margin: 12px 0 15px; font-family: var(--serif); font-size: clamp(29px,3vw,40px); line-height: 1.2; }
.guide-article-body p, .guide-article-body li { color: #495148; font-size: 14px; line-height: 1.8; }
.guide-article-body ul { margin: 14px 0 0; padding-left: 22px; }
.guide-article-body li { margin-bottom: 7px; }
.guide-next { margin-top: 35px; padding: 30px; background: #e8e3d8; }
.guide-next p { margin-top: 0; font-weight: 700; }
.guide-next > a:last-child { display: inline-block; margin-left: 20px; color: #9d4d24; font-size: 11px; font-weight: 800; }
@media (max-width: 730px) {
  .guide-hero { padding: 106px 0 37px; }
  .guide-hero-grid { grid-template-columns: 1fr; gap: 25px; }
  .guide-hero h1 { font-size: 33px; line-height: 1.13; }
  .guide-hero-photo { height: 205px; }
  .guide-directory { padding: 46px 0 60px; }
  .guide-directory-heading { margin-bottom: 22px; }
  .guide-directory-heading h2 { font-size: 33px; }
  .guide-grid { grid-template-columns: 1fr; gap: 12px; }
  .guide-card-image { height: 178px; }
  .guide-card-content { padding: 18px; }
  .guide-card-content h3 { font-size: 22px; }
  .guide-article { padding: 43px 0 66px; }
  .guide-article-layout { grid-template-columns: 1fr; gap: 28px; }
  .guide-article-aside { position: static; }
  .guide-article-body h2 { font-size: 29px; }
  .guide-article-body p, .guide-article-body li { font-size: 12px; line-height: 1.68; }
  .guide-next { padding: 20px; }
  .guide-next > a:last-child { margin: 17px 0 0; }
}

@media (max-width: 730px) {
  .site-es .mobile-product-decision.has-price-range .mobile-decision-price {
    font-size: clamp(20px, 5.7vw, 28px);
    white-space: nowrap;
    letter-spacing: -.055em;
  }
}