/* PAXTON product and production-line pages — Phase C redesign, 2026-10-26 */
.phase-c-product,
.phase-c-line { --product-hero-image: url("images/hero-production-line.jpg"); }

/* Legacy product content is retained, but the visual shell is migrated to Phase A/B. */
.phase-c-product main,
.phase-c-line main { background: var(--px-paper); }
.phase-c-product .wrap,
.phase-c-line .wrap { width:min(var(--px-max),calc(100% - 64px)); margin-inline:auto; }
.phase-c-product .eyebrow,
.phase-c-line .eyebrow,
.phase-c-product .k,
.phase-c-line .k { color:var(--px-blue); font-size:10px; line-height:1.35; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.phase-c-product h1,
.phase-c-product h2,
.phase-c-product h3,
.phase-c-line h1,
.phase-c-line h2,
.phase-c-line h3 { color:var(--px-ink); letter-spacing:-.035em; }
.phase-c-product h2,
.phase-c-line h2 { font-size:clamp(29px,2.8vw,42px); line-height:1.08; }
.phase-c-product h3,
.phase-c-line h3 { font-size:20px; line-height:1.18; }
.phase-c-product p,
.phase-c-product li,
.phase-c-line p,
.phase-c-line li { color:var(--px-muted); font-size:15px; line-height:1.72; }
.phase-c-product strong,
.phase-c-line strong { color:var(--px-text); }

/* Visual hero for generated equipment and production-line pages */
.phase-c-product .hero-page,
.phase-c-line .hero-page {
  position:relative;
  display:flex;
  align-items:flex-end;
  min-height:430px;
  padding:70px 0 58px;
  background:
    linear-gradient(90deg,rgba(5,22,44,.94) 0%,rgba(5,22,44,.83) 42%,rgba(5,22,44,.32) 72%,rgba(5,22,44,.12) 100%),
    var(--product-hero-image) center/cover no-repeat;
  border:0;
  overflow:hidden;
}
.phase-c-product .hero-page::after,
.phase-c-line .hero-page::after { content:""; position:absolute; inset:0; box-shadow:inset 0 -1px rgba(255,255,255,.12); pointer-events:none; }
.phase-c-product .hero-page .wrap,
.phase-c-line .hero-page .wrap { position:relative; z-index:1; }
.phase-c-product .hero-page .breadcrumb,
.phase-c-line .hero-page .breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:0 0 26px; color:rgba(255,255,255,.62); font-size:10px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.phase-c-product .hero-page .breadcrumb a,
.phase-c-line .hero-page .breadcrumb a { color:#fff; text-decoration:none; }
.phase-c-product .hero-page .bc-sep,
.phase-c-line .hero-page .bc-sep { opacity:.42; }
.phase-c-product .hero-page .eyebrow,
.phase-c-line .hero-page .eyebrow { color:#8fc0f1; }
.phase-c-product .hero-page h1,
.phase-c-line .hero-page h1 { max-width:760px; margin:10px 0 18px; color:#fff; font-size:clamp(44px,5vw,72px); line-height:.99; letter-spacing:-.045em; }
.phase-c-product .hero-page .lede,
.phase-c-line .hero-page .lede { max-width:680px; margin:0; color:rgba(255,255,255,.82); font-size:16px; line-height:1.7; }
.phase-c-product .hero-page .btn-row,
.phase-c-line .hero-page .btn-row { margin-top:28px; }
.phase-c-product .hero-page .btn,
.phase-c-line .hero-page .btn { border-color:rgba(255,255,255,.65); }
.phase-c-product .hero-page .btn-primary,
.phase-c-line .hero-page .btn-primary { background:#fff; color:var(--px-ink); }
.phase-c-product .hero-page .btn-ghost,
.phase-c-line .hero-page .btn-ghost { color:#fff; }

/* Page-specific hero images. */
.page-compound-line { --product-hero-image:url("images/compound-line-full.jpg"); }
.page-open-mixing-mill { --product-hero-image:url("images/open-mill-installed-1.jpg"); }
.page-sheeting-machine { --product-hero-image:url("images/sheeting-main.jpg"); }
.page-nylon-cord-calender { --product-hero-image:url("images/nylon-calender.jpg"); }
.page-horizontal-bias-cutter { --product-hero-image:url("images/bias-cutter-line.jpg"); }
.page-stb-tire-building-machine { --product-hero-image:url("images/stb-tire-building.jpg"); }
.page-btu-tire-building-machine { --product-hero-image:url("images/btu-full-machine.jpg"); }
.page-bom-curing-press { --product-hero-image:url("images/bom-twin-unit.jpg"); }
.page-tube-curing-press { --product-hero-image:url("images/tube-line.jpg"); }
.page-molds { --product-hero-image:url("images/molds-machining.jpg"); }
.page-bicycle-tire-production { --product-hero-image:url("images/tire-building.jpg"); }
.page-motorcycle-tire-production { --product-hero-image:url("images/btu-full-machine.jpg"); }
.page-passenger-tire-production { --product-hero-image:url("images/bom-curing-press.jpg"); }
.page-inner-tube-production { --product-hero-image:url("images/tube-line.jpg"); }

/* Shared editorial section rhythm */
.phase-c-product main > section,
.phase-c-line main > section { padding:82px 0; background:#fff; }
.phase-c-product main > section.section-alt,
.phase-c-line main > section.section-alt { background:var(--px-paper); border-top:1px solid var(--px-line); border-bottom:1px solid var(--px-line); }
.phase-c-product main > section.section-tight,
.phase-c-line main > section.section-tight { padding:58px 0; }
.phase-c-product .section-head,
.phase-c-line .section-head { margin-bottom:30px; }
.phase-c-product .section-head h2,
.phase-c-line .section-head h2 { margin:8px 0 0; }
.phase-c-product .grid-2,
.phase-c-line .grid-2 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(30px,4vw,58px); }
.phase-c-product .grid-3,
.phase-c-line .grid-3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.phase-c-product .photo-block,
.phase-c-line .photo-block { overflow:hidden; background:#e8edf2; border:0; box-shadow:none; }
.phase-c-product .photo-block img,
.phase-c-line .photo-block img { width:100%; height:100%; min-height:290px; max-height:520px; object-fit:cover; }
.phase-c-product .photo-block + .photo-block,
.phase-c-line .photo-block + .photo-block { margin-top:0; }

/* Anchored equipment sub-navigation */
.phase-c-product .anchor-nav,
.phase-c-line .anchor-nav { display:flex; flex-wrap:wrap; gap:0; padding:0; border:1px solid var(--px-line); background:#fff; }
.phase-c-product .anchor-nav a,
.phase-c-line .anchor-nav a { flex:1 1 160px; padding:15px 18px; border-right:1px solid var(--px-line); color:var(--px-ink); text-decoration:none; font-size:11px; font-weight:800; text-align:center; letter-spacing:.03em; }
.phase-c-product .anchor-nav a:last-child,
.phase-c-line .anchor-nav a:last-child { border-right:0; }
.phase-c-product .anchor-nav a:hover,
.phase-c-line .anchor-nav a:hover { background:var(--px-blue-soft); color:var(--px-blue); }

/* Specifications become clean engineering tables, not legacy plates. */
.phase-c-product .plate,
.phase-c-line .plate { margin:30px 0 0; overflow:hidden; background:#fff; border:1px solid var(--px-line); border-radius:0; box-shadow:none; }
.phase-c-product .plate-title,
.phase-c-line .plate-title { padding:16px 20px; background:var(--px-ink); color:#fff; font-size:11px; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.phase-c-product .plate-corner,
.phase-c-line .plate-corner { display:none; }
.phase-c-product .spec-scroll,
.phase-c-line .spec-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.phase-c-product table.spec,
.phase-c-line table.spec { width:100%; border-collapse:collapse; background:#fff; }
.phase-c-product table.spec th,
.phase-c-product table.spec td,
.phase-c-line table.spec th,
.phase-c-line table.spec td { padding:14px 16px; border:0; border-bottom:1px solid var(--px-line); color:var(--px-text); font-size:12px; line-height:1.5; text-align:left; vertical-align:top; white-space:normal; }
.phase-c-product table.spec th,
.phase-c-line table.spec th { background:#f5f8fb; color:var(--px-ink); font-size:10px; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
.phase-c-product table.spec tr:last-child td,
.phase-c-line table.spec tr:last-child td { border-bottom:0; }
.phase-c-product table.spec td:first-child,
.phase-c-line table.spec td:first-child { color:var(--px-ink); font-weight:700; }

/* Buttons */
.phase-c-product .btn-row,
.phase-c-line .btn-row { display:flex; flex-wrap:wrap; gap:12px; }
.phase-c-product .btn,
.phase-c-line .btn { display:inline-flex; align-items:center; justify-content:center; min-height:45px; padding:0 19px; border:1px solid var(--px-blue); border-radius:0; text-decoration:none; font-size:11px; font-weight:800; letter-spacing:.025em; }
.phase-c-product .btn-primary,
.phase-c-product .btn-accent,
.phase-c-line .btn-primary,
.phase-c-line .btn-accent { background:var(--px-blue); color:#fff; }
.phase-c-product .btn-outline,
.phase-c-product .btn-ghost,
.phase-c-line .btn-outline,
.phase-c-line .btn-ghost { background:transparent; color:var(--px-blue); }

/* Production-line process architecture */
.phase-c-line main > section { background:var(--px-paper); }
.phase-c-line .flow-help { margin:0 0 22px; color:#7a8796; font-size:11px; font-weight:750; letter-spacing:.04em; text-transform:uppercase; }
.phase-c-line .flow-stage { margin:0 0 16px; padding:24px; background:#fff; border:1px solid var(--px-line); }
.phase-c-line .flow-stage-label { display:block; margin:0 0 18px; color:var(--px-ink); font-size:11px; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }
.phase-c-line .flow-trail { display:flex; align-items:stretch; gap:10px; flex-wrap:wrap; }
.phase-c-line .flow-step { display:flex; flex:1 1 155px; flex-direction:column; justify-content:center; min-height:80px; padding:15px 16px; background:#f5f8fb; border:1px solid var(--px-line); color:var(--px-text); font-size:12px; font-weight:700; line-height:1.4; text-decoration:none; }
.phase-c-line .flow-step .k { margin-bottom:7px; color:#8795a5; font-size:8px; }
.phase-c-line .flow-step.linked { background:var(--px-blue-soft); border-color:#c9def3; color:var(--px-blue); }
.phase-c-line .flow-step.linked .k { color:var(--px-blue); }
.phase-c-line .flow-step.linked:hover { background:var(--px-blue); color:#fff; border-color:var(--px-blue); }
.phase-c-line .flow-step.linked:hover .k { color:rgba(255,255,255,.72); }
.phase-c-line .flow-arrow { align-self:center; color:#97a5b4; font-size:18px; }

/* Standard bottom CTA for all generated Phase C pages. */
.phase-c-bottom-cta { padding:0 !important; background:var(--px-ink) !important; border:0 !important; }
.phase-c-bottom-cta .wrap { min-height:190px; display:flex; align-items:center; justify-content:space-between; gap:48px; }
.phase-c-bottom-cta .cta-kicker { display:block; margin-bottom:8px; color:#8fc0f1; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.phase-c-bottom-cta h2 { margin:0; max-width:760px; color:#fff; font-size:clamp(28px,3vw,40px); }
.phase-c-bottom-cta p { margin:10px 0 0; max-width:650px; color:rgba(255,255,255,.68); font-size:13px; }
.phase-c-bottom-cta .btn-outline { border-color:rgba(255,255,255,.6); color:#fff; }
.phase-c-bottom-cta .btn-primary { background:#fff; border-color:#fff; color:var(--px-ink); }

/* Auto Feeding & Weighing: retain its purpose-built content, align its visual system. */
.auto-feeding-phase-c .product-hero { padding:62px 0 68px; background:#fff; border-bottom:1px solid var(--px-line); }
.auto-feeding-phase-c .product-hero .shell,
.auto-feeding-phase-c .fact-strip .shell,
.auto-feeding-phase-c .editorial-section .shell,
.auto-feeding-phase-c .method-section .shell,
.auto-feeding-phase-c .system-pair .shell,
.auto-feeding-phase-c .integration-section .shell,
.auto-feeding-phase-c .installation-section .shell,
.auto-feeding-phase-c .diagnostics-section .shell,
.auto-feeding-phase-c .product-cta .shell { width:min(var(--px-max),calc(100% - 64px)); margin-inline:auto; }
.auto-feeding-phase-c .product-hero-grid { grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr); gap:clamp(45px,6vw,84px); align-items:center; }
.auto-feeding-phase-c .product-hero h1 { margin:12px 0 20px; color:var(--px-ink); font-size:clamp(44px,4.6vw,68px); line-height:1; letter-spacing:-.045em; }
.auto-feeding-phase-c .product-hero p { color:var(--px-muted); font-size:16px; line-height:1.72; }
.auto-feeding-phase-c .product-hero-media { height:450px; margin:0; overflow:hidden; background:#e5ebf1; }
.auto-feeding-phase-c .product-hero-media img { width:100%; height:100%; object-fit:cover; }
.auto-feeding-phase-c .fact-strip { padding:0; background:var(--px-ink); }
.auto-feeding-phase-c .fact-strip .shell { display:grid; grid-template-columns:repeat(4,1fr); }
.auto-feeding-phase-c .fact { min-height:110px; padding:24px 28px; border-right:1px solid rgba(255,255,255,.12); }
.auto-feeding-phase-c .fact:last-child { border-right:0; }
.auto-feeding-phase-c .fact strong { color:#fff; }
.auto-feeding-phase-c .fact span { color:rgba(255,255,255,.6); }
.auto-feeding-phase-c main > section:not(.fact-strip):not(.product-cta) { padding-top:82px; padding-bottom:82px; }
.auto-feeding-phase-c .product-cta { background:var(--px-ink); }

/* EVA already has purpose-built semantics; re-skin without changing its four-image arrangement. */
.phase-c-product.eva-sheet-page .eva-page-header { padding:60px 0 66px; background:#fff; border-bottom:1px solid var(--px-line); }
.phase-c-product.eva-sheet-page .eva-page-header-grid { gap:clamp(40px,6vw,84px); }
.phase-c-product.eva-sheet-page .eva-page-header h1 { color:var(--px-ink); font-size:clamp(44px,4.7vw,68px); letter-spacing:-.045em; }
.phase-c-product.eva-sheet-page .eva-overview,
.phase-c-product.eva-sheet-page .eva-reference-section,
.phase-c-product.eva-sheet-page .eva-spec-section { padding:82px 0; }
.phase-c-product.eva-sheet-page .eva-reference-section { background:var(--px-paper); border-top:1px solid var(--px-line); border-bottom:1px solid var(--px-line); }

@media (max-width: 900px) {
  .phase-c-product .wrap,
  .phase-c-line .wrap,
  .auto-feeding-phase-c .product-hero .shell,
  .auto-feeding-phase-c .fact-strip .shell,
  .auto-feeding-phase-c .editorial-section .shell,
  .auto-feeding-phase-c .method-section .shell,
  .auto-feeding-phase-c .system-pair .shell,
  .auto-feeding-phase-c .integration-section .shell,
  .auto-feeding-phase-c .installation-section .shell,
  .auto-feeding-phase-c .diagnostics-section .shell,
  .auto-feeding-phase-c .product-cta .shell { width:min(var(--px-max),calc(100% - 44px)); }
  .phase-c-product .hero-page,
  .phase-c-line .hero-page { min-height:380px; padding:58px 0 48px; background-position:center; }
  .phase-c-product .grid-2,
  .phase-c-line .grid-2 { grid-template-columns:1fr; }
  .phase-c-product .grid-3,
  .phase-c-line .grid-3 { grid-template-columns:1fr 1fr; }
  .phase-c-product main > section,
  .phase-c-line main > section { padding:66px 0; }
  .phase-c-bottom-cta .wrap { min-height:0; padding-top:42px; padding-bottom:42px; }
  .auto-feeding-phase-c .product-hero-grid { grid-template-columns:1fr; }
  .auto-feeding-phase-c .product-hero-media { height:360px; }
  .auto-feeding-phase-c .fact-strip .shell { grid-template-columns:1fr 1fr; }
  .auto-feeding-phase-c .fact:nth-child(2) { border-right:0; }
  .auto-feeding-phase-c .fact:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.12); }
}

@media (max-width: 600px) {
  .phase-c-product .wrap,
  .phase-c-line .wrap,
  .auto-feeding-phase-c .product-hero .shell,
  .auto-feeding-phase-c .fact-strip .shell,
  .auto-feeding-phase-c .editorial-section .shell,
  .auto-feeding-phase-c .method-section .shell,
  .auto-feeding-phase-c .system-pair .shell,
  .auto-feeding-phase-c .integration-section .shell,
  .auto-feeding-phase-c .installation-section .shell,
  .auto-feeding-phase-c .diagnostics-section .shell,
  .auto-feeding-phase-c .product-cta .shell { width:min(var(--px-max),calc(100% - 36px)); }
  .phase-c-product .hero-page,
  .phase-c-line .hero-page { min-height:360px; padding:48px 0 42px; background-image:linear-gradient(90deg,rgba(5,22,44,.94),rgba(5,22,44,.74)),var(--product-hero-image); }
  .phase-c-product .hero-page h1,
  .phase-c-line .hero-page h1 { font-size:38px; }
  .phase-c-product .hero-page .lede,
  .phase-c-line .hero-page .lede { font-size:14px; }
  .phase-c-product main > section,
  .phase-c-line main > section { padding:54px 0; }
  .phase-c-product .grid-3,
  .phase-c-line .grid-3 { grid-template-columns:1fr; }
  .phase-c-product .photo-block img,
  .phase-c-line .photo-block img { min-height:220px; }
  .phase-c-product .anchor-nav { display:grid; grid-template-columns:1fr; }
  .phase-c-product .anchor-nav a { border-right:0; border-bottom:1px solid var(--px-line); }
  .phase-c-product .anchor-nav a:last-child { border-bottom:0; }
  .phase-c-product table.spec th,
  .phase-c-product table.spec td,
  .phase-c-line table.spec th,
  .phase-c-line table.spec td { padding:11px 10px; font-size:10px; }
  .phase-c-line .flow-stage { padding:18px; }
  .phase-c-line .flow-trail { display:grid; grid-template-columns:1fr; gap:8px; }
  .phase-c-line .flow-arrow { display:none; }
  .phase-c-line .flow-step { min-height:64px; }
  .phase-c-bottom-cta .wrap { display:grid; gap:24px; }
  .auto-feeding-phase-c .product-hero { padding:46px 0 50px; }
  .auto-feeding-phase-c .product-hero h1 { font-size:38px; }
  .auto-feeding-phase-c .product-hero-media { height:280px; }
  .auto-feeding-phase-c .fact-strip .shell { grid-template-columns:1fr; }
  .auto-feeding-phase-c .fact { border-right:0 !important; border-bottom:1px solid rgba(255,255,255,.12); }
  .auto-feeding-phase-c .fact:last-child { border-bottom:0; }
}

/* Related equipment directory */
.phase-c-related { padding:68px 0 !important; background:#fff !important; border-top:1px solid var(--px-line); }
.phase-c-related-head { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:24px; }
.phase-c-related-head h2 { margin:7px 0 0; font-size:clamp(26px,2.4vw,36px); }
.phase-c-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.phase-c-related-card { position:relative; min-height:132px; padding:24px 58px 24px 24px; background:#f7f9fb; border:1px solid var(--px-line); color:var(--px-ink); text-decoration:none; }
.phase-c-related-card span { display:block; margin-bottom:20px; color:var(--px-blue); font-size:9px; line-height:1.3; font-weight:850; letter-spacing:.11em; text-transform:uppercase; }
.phase-c-related-card strong { display:block; color:var(--px-ink); font-size:17px; line-height:1.25; }
.phase-c-related-card::after { content:"→"; position:absolute; right:24px; top:50%; transform:translateY(-50%); color:var(--px-blue); font-size:22px; }
.phase-c-related-card:hover { background:var(--px-blue-soft); border-color:#c9def3; }
@media (max-width:800px) { .phase-c-related-grid { grid-template-columns:1fr; } .phase-c-related-card { min-height:0; } }

/* Tony-approved 2026-10-27 exception: preserve white CTA headings over legacy rules. */
.phase-c-product .phase-c-bottom-cta h2,
.phase-c-line .phase-c-bottom-cta h2,
.auto-feeding-phase-c .product-cta h2 { color:#fff; }