/* Static product construction references. All content is present without JavaScript. */
.f-product-page .f-construction { background:#f4f5f0; border-block:1px solid #d5ddd8; }
.f-product-page .f-construction h2 { color:#153f68; font-family:var(--sans); font-size:clamp(30px,3vw,43px); font-weight:600; line-height:1.13; }
.f-product-page .f-construction h3 { color:#153f68; font-family:var(--sans); font-weight:600; font-size:23px; line-height:1.25; }
.f-product-page .f-reference-heading { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:60px; align-items:end; margin-bottom:34px; }
.f-product-page .f-reference-heading>p,.f-product-page .f-reference-intro { font-size:17px; line-height:1.65; color:#4d5e69; margin:0; }
.f-product-page .f-reference-intro { margin-top:24px; }
.f-product-page .f-reference-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:56px; margin:0; }
.f-product-page .f-reference-options>article { display:grid; grid-template-columns:24px minmax(0,1fr); gap:22px; padding:26px 0; border-top:1px solid #bdcccb; }
.f-product-page .f-reference-number { color:#438d54; font:500 12px/1.8 var(--mono); padding-top:3px; }
.f-product-page .f-reference-options h3 { margin:0 0 14px; }
.f-product-page .f-reference-options p { margin:0; color:#4d5e69; font-size:15px; line-height:1.65; }
.f-product-page .f-reference-photo { margin:0; min-width:0; }
.f-product-page .f-reference-photo .photo-zoom { display:block; width:100%; overflow:hidden; background:#dce3e8; border-radius:0; aspect-ratio:4/3; }
.f-product-page .f-reference-photo img { width:100%; height:100%; object-fit:cover; }
.f-product-page .f-reference-photo .photo-zoom>span { width:38px; height:38px; border-radius:0; box-shadow:none; }
.f-product-page .f-reference-photo figcaption { color:#4d5e69; font:400 13px/1.5 var(--sans); margin:12px 0 0; padding:0; }
.f-product-page .f-reference-note { margin:28px 0 0; padding-top:22px; border-top:1px solid #bdcccb; color:#4d5e69; font-size:13px; line-height:1.65; }
.f-product-page .f-coil-reference-photos { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:16px; }
.f-product-page.f-product-microcoils .f-product-hero .detail-photo .photo-frame { aspect-ratio:3/2; }
.f-product-page .f-wire-reference-top { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); align-items:start; gap:72px; margin-bottom:42px; }
.f-product-page .f-wire-equation { padding:0; margin:0 0 16px; font:500 clamp(28px,3vw,42px)/1.2 var(--mono); letter-spacing:-.04em; color:#153f68; }
.f-product-page .f-wire-explanation { font-size:15px; line-height:1.65; color:#4d5e69; margin:0; }
.f-product-page .f-assembly-reference-grid { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:start; gap:72px; }
.f-product-page .f-assembly-reference-grid .f-reference-photo { margin-top:0; }
.f-product-page .f-assembly-reference-grid .f-reference-photo .photo-zoom { aspect-ratio:5/4; }
.f-product-page .f-assembly-reference-points { border-top:1px solid #bdcccb; margin-top:30px; }
.f-product-page .f-assembly-reference-points>article { padding:21px 0; border-bottom:1px solid #bdcccb; }
.f-product-page .f-assembly-reference-points h3 { font-size:20px; margin:0 0 10px; }
.f-product-page .f-assembly-reference-points p { font-size:15px; line-height:1.65; margin:0; color:#4d5e69; }
.f-product-page .f-capillary-reference-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:48px; }
.f-product-page .f-capillary-type { border-top:2px solid #153f68; padding-top:22px; min-width:0; }
.f-product-page .f-capillary-type-head { display:flex; align-items:start; gap:20px; margin-bottom:18px; }
.f-product-page .f-capillary-type h3 { margin:0; }
.f-product-page .f-capillary-type>p { color:#4d5e69; font-size:15px; line-height:1.65; margin:0 0 20px; }
.f-product-page .f-capillary-uses { display:grid; grid-template-columns:1fr 1fr; gap:0 24px; list-style:none; padding:0; margin:0; }
.f-product-page .f-capillary-uses li { display:flex; align-items:start; gap:10px; padding:12px 0; border-bottom:1px solid #cad5d0; color:#153f68; font-size:14px; line-height:1.5; }
.f-product-page .f-capillary-uses li:before { content:'—'; color:#438d54; flex:none; }
@media(max-width:1000px){
  .f-product-page .f-reference-heading { gap:36px; }
  .f-product-page .f-wire-reference-top,.f-product-page .f-assembly-reference-grid { gap:40px; }
  .f-product-page .f-reference-options { column-gap:34px; }
  .f-product-page .f-capillary-reference-grid { gap:30px; }
  .f-product-page .f-capillary-uses { grid-template-columns:1fr; }
}
@media(max-width:800px){
  .f-product-page .f-reference-heading { grid-template-columns:1fr; gap:20px; margin-bottom:28px; }
  .f-product-page .f-wire-reference-top,.f-product-page .f-assembly-reference-grid { grid-template-columns:1fr; gap:30px; }
  .f-product-page .f-assembly-reference-grid .f-reference-photo { max-width:620px; width:100%; }
  .f-product-page .f-assembly-reference-points { margin-top:26px; }
  .f-product-page .f-coil-reference-photos { gap:16px; }
  .f-product-page .f-reference-options>article { gap:16px; }
}
@media(max-width:600px){
  .f-product-page .f-reference-options { grid-template-columns:1fr; }
  .f-product-page .f-reference-options>article { padding:22px 0; }
  .f-product-page .f-reference-options h3 { font-size:22px; }
  .f-product-page .f-coil-reference-photos { grid-template-columns:1fr 1fr; gap:24px 16px; margin-top:12px; }
  .f-product-page .f-coil-reference-photos>.f-reference-photo:first-child { grid-column:1/-1; }
  .f-product-page .f-coil-reference-photos>.f-reference-photo:first-child .photo-zoom { aspect-ratio:16/9; }
  .f-product-page .f-coil-reference-photos>.f-reference-photo:not(:first-child) .photo-zoom { aspect-ratio:1; }
  .f-product-page .f-reference-photo figcaption { font-size:12px; line-height:1.5; }
  .f-product-page .f-wire-reference-top { margin-bottom:32px; }
  .f-product-page .f-capillary-reference-grid { grid-template-columns:1fr; gap:32px; }
  .f-product-page .f-capillary-type>p { min-height:0; }
  .f-product-page .f-capillary-type h3 { font-size:24px; }
  .f-product-page .f-capillary-uses { grid-template-columns:1fr 1fr; gap:0 16px; }
  .f-product-page .f-capillary-uses li { font-size:13px; }
}
@media(max-width:360px){.f-product-page .f-capillary-uses { grid-template-columns:1fr; }}
@media print{
  .f-product-page .f-reference-photo,.f-product-page .f-capillary-type { break-inside:avoid; }
  .f-product-page .f-construction { background:#fff!important; padding-block:6mm; }
  .f-product-page .f-reference-heading,.f-product-page .f-wire-reference-top,.f-product-page .f-assembly-reference-grid { gap:6mm; margin-bottom:5mm; }
  .f-product-page .f-reference-options { gap:3mm 6mm; }
  .f-product-page .f-reference-options>article { padding:3mm 0; gap:3mm; break-inside:avoid; }
  .f-product-page .f-construction h2 { font-size:15pt; }
  .f-product-page .f-construction h3 { font-size:12pt; }
  .f-product-page .f-construction p,.f-product-page .f-construction li { font-size:9pt; }
  .f-product-page .f-wire-equation { font-size:19pt; }
}