/* Product material guide: extends the existing Encap product page. */
.material-page .section-nav .wrap{flex-wrap:wrap;gap:14px 30px;font-size:14px}
.material-guide .section-heading>p{max-width:420px}
.material-overview{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;margin-bottom:48px}
.laminate-figure{background:var(--soft);padding:30px;border:1px solid var(--line);border-radius:3px}
.laminate-direction{font-size:14px;font-weight:600;color:var(--muted);margin-bottom:16px}
.laminate-direction.product-side{margin-top:16px;margin-bottom:0}
.laminate-stack{display:grid;gap:7px}
.laminate-layer{padding:18px 20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;border-radius:2px;color:white}
.laminate-layer strong{font-size:16px;font-weight:600}.laminate-layer span{font-family:var(--heading);font-weight:650;font-size:22px}
.laminate-surface{background:var(--red)}.laminate-strength{background:var(--forest)}.laminate-barrier{background:#d9e1e5;color:#263c49}.laminate-contact{background:#e3ece5;color:var(--forest)}
.laminate-figure figcaption{font-size:14px;line-height:1.6;color:var(--muted);margin-top:22px}
.material-overview-copy h3{font-size:30px;line-height:1.25}.material-overview-copy p{margin-top:20px;color:var(--muted);font-size:16px}.material-overview-copy p strong{color:var(--ink)}
.material-overview-copy .text-button{margin-top:23px;font-size:16px}
.material-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.material-role{border:1px solid var(--line);border-radius:3px;padding:25px 27px;background:white;min-width:0}
.material-role summary{align-items:flex-start;gap:16px}.material-role summary span{transform:none!important}.material-role summary .role-toggle{transform:none!important;margin-left:auto;font-size:23px;color:var(--red)}.material-role[open] summary .role-toggle{transform:rotate(45deg)!important}
.material-role .role-index{color:var(--red);font-size:14px;padding-top:4px;flex-shrink:0}
.role-title{display:flex;flex-direction:column;gap:7px}.role-title strong{font:650 22px/1.2 var(--heading);letter-spacing:-.025em}.role-title small{font-size:14px;font-weight:400;color:var(--muted);line-height:1.5}
.material-list{margin:24px 0 0}.material-list>div{padding-block:14px;border-top:1px solid var(--line)}.material-list dt{font-size:16px;font-weight:650;line-height:1.5}.material-list dt span{font-size:14px;font-weight:400;color:var(--muted)}.material-list dd{margin:6px 0 0;color:var(--muted);font-size:16px;line-height:1.6}
.material-role p{font-size:14px;padding:0;margin-top:18px;line-height:1.65}
.material-brand-note{margin-top:25px;padding:24px 28px;border-left:3px solid var(--red);background:var(--soft);font-size:16px;color:var(--muted)}.material-brand-note strong{color:var(--ink)}
.material-choices{background:#f4f5f3;border-block:1px solid var(--line)}.material-choices .section-heading>p{max-width:420px}
.material-inputs{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-bottom:32px}
.material-inputs>div{padding-top:20px;border-top:2px solid var(--red);min-width:0}.material-inputs h3{font-size:20px;line-height:1.3}.material-inputs p{margin-top:12px;font-size:16px;color:var(--muted)}
.material-liquid-note{font-size:16px;line-height:1.65;background:white;border:1px solid var(--line);padding:22px 25px;margin-bottom:44px;color:var(--muted)}.material-liquid-note strong{color:var(--ink)}
.structure-heading{display:flex;justify-content:space-between;align-items:baseline;gap:25px;margin-bottom:20px}.structure-heading h3{font-size:28px}.structure-heading p{font-size:14px;color:var(--muted)}
.material-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px}.material-filters[hidden]{display:none}.material-filters button{background:white;border:1px solid #acb8b0;border-radius:3px;padding:10px 14px;line-height:1.4;color:var(--ink);font-size:14px;font-weight:500}.material-filters button:hover{border-color:var(--forest)}.material-filters button[aria-pressed=true]{background:var(--forest);border-color:var(--forest);color:white}
.material-priority{font-size:16px;color:var(--muted);max-width:950px;margin-bottom:24px;min-height:53px}
.structure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.structure-card{padding:25px;background:white;border:1px solid var(--line);border-radius:3px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.structure-card[hidden]{display:none}
.structure-card .structure-role{font-size:14px;line-height:1.5;color:var(--muted);margin-bottom:13px}.structure-card h4{font-size:23px;letter-spacing:-.025em;line-height:1.35;overflow-wrap:anywhere}.structure-card h4+p{font-size:16px;margin-top:16px;color:var(--muted)}.structure-card .structure-check{font-size:14px;line-height:1.65;margin-top:14px;color:var(--muted)}.structure-check strong{color:var(--ink);font-weight:600}.structure-card .text-button{font-size:14px;margin-top:auto;padding-top:22px;color:var(--red)}
.material-selection-note{margin-top:28px;font-size:16px;line-height:1.65;color:var(--muted);max-width:1060px}.material-selection-note strong{color:var(--ink)}
.material-help{display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding-top:28px;margin-top:30px}.material-help p{font-size:16px;max-width:710px;color:var(--muted)}.material-help .button{flex-shrink:0;font-size:16px}
.material-reference{margin-top:30px;max-width:1000px}.material-reference summary{font-size:14px;font-weight:500;justify-content:flex-start;color:var(--muted)}.material-reference p{font-size:14px;padding:0}.material-reference a{text-decoration:underline;text-underline-offset:3px}
.material-page #specifications .section-heading>p{max-width:420px}
@media(max-width:1050px){.material-overview{gap:35px}.material-inputs{grid-template-columns:1fr 1fr}.structure-grid{grid-template-columns:1fr 1fr}.material-help{align-items:flex-start;flex-direction:column}.material-page .section-nav .wrap{gap:12px 24px}}
@media(max-width:650px){.material-page .section-nav .wrap{overflow:visible;white-space:normal;gap:14px 20px;font-size:14px}.material-guide,.material-choices{padding-block:55px}.material-guide .section-heading,.material-choices .section-heading{align-items:flex-start;gap:20px;flex-direction:column}.material-overview{grid-template-columns:1fr;gap:30px;margin-bottom:30px}.laminate-figure{padding:23px}.laminate-layer{padding:15px 16px}.laminate-layer strong{font-size:14px}.material-overview-copy h3{font-size:27px}.material-role-grid,.structure-grid{grid-template-columns:1fr}.material-role{padding:22px}.role-title strong{font-size:21px}.material-brand-note{padding:22px}.material-inputs{grid-template-columns:1fr;gap:22px}.material-inputs>div{padding-top:17px}.material-liquid-note{padding:22px;margin-bottom:32px}.structure-heading{flex-direction:column;align-items:flex-start;gap:10px}.structure-heading h3{font-size:26px}.material-priority{min-height:0}.structure-card{padding:23px}.material-help .button{width:100%}.material-page #specifications .spec-table>div{grid-template-columns:1fr;gap:8px;font-size:16px}.material-page #specifications .spec-explainer p,.material-page #specifications .finish-strip p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.material-page{scroll-behavior:auto}}

/* PE-to-PE heat-sealing diagram, with a vertical version for small screens. */
.heat-seal-guide{border-top:1px solid var(--line)}
.heat-seal-guide .section-heading>p{max-width:420px}
.heat-seal-figure{margin:0}
.heat-seal-figure picture{display:block;background:var(--soft);border:1px solid var(--line);border-radius:3px;overflow:hidden}
.heat-seal-figure img{width:100%;height:auto}
.heat-seal-figure figcaption{margin-top:18px;max-width:1060px;font-size:16px;line-height:1.65;color:var(--muted)}
.heat-seal-notes{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:28px}
.heat-seal-notes p{margin:0;font-size:16px;line-height:1.65;color:var(--muted)}
.heat-seal-notes strong{color:var(--ink)}
@media(max-width:650px){.heat-seal-guide{padding-block:55px}.heat-seal-guide .section-heading{flex-direction:column;align-items:flex-start;gap:20px}.heat-seal-notes{grid-template-columns:1fr;gap:20px}.heat-seal-figure img{aspect-ratio:536/2420}}

/* Eye-mark diagram shares the heat-seal guide layout. */
@media(max-width:650px){.eye-mark-figure img{aspect-ratio:536/2570}}