.home-fabric-solution-page{background:#f6f9fc}
.home-fabric-shell{max-width:1500px}
.home-fabric-content{background:#fff;border:1px solid #dfe8ef;border-radius:8px;overflow:hidden}
.hf-module{border-bottom:1px solid #dce6ee;padding:28px 34px}
.hf-module.hf-light{background:#f4f8fc}
.hf-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);padding:0}
.hf-hero-copy{padding:48px 42px}
.hf-hero-image img{display:block;height:100%;object-fit:cover;width:100%}
.hf-kicker{color:#e21c2a;font-size:12px;font-weight:900;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}
.hf-module h1{color:#102b62;font-size:clamp(34px,4vw,62px);font-weight:900;line-height:1.04;margin:0 0 12px}
.hf-module h2{color:#102b62;font-size:clamp(24px,2.6vw,38px);font-weight:900;margin:0 0 12px}
.hf-module h3{color:#123c7c;font-size:16px;font-weight:900}
.hf-module p{color:#526170;line-height:1.65}
.hf-hero-copy h2{font-size:23px}
.hf-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}
.hf-tags span{background:#edf5fd;border:1px solid #c8dff3;border-radius:4px;color:#123c7c;font-size:11px;font-weight:800;padding:8px 10px}
.hf-section-label-image{display:block;height:auto;margin:0 0 18px;max-width:100%;object-fit:contain;object-position:left center;width:100%}
.hf-heading-hidden{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}
.hf-card-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}
.hf-card{background:#fff;border:1px solid #dce6ee;border-radius:6px;overflow:hidden;padding-bottom:13px}
.hf-card img{aspect-ratio:1.55;display:block;object-fit:cover;width:100%}
.hf-card h3,.hf-card p,.hf-card small{margin-left:14px;margin-right:14px}
.hf-card p{font-size:13px;margin-bottom:8px}.hf-card small{color:#728295;display:block;font-size:11px}
.hf-format-grid{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}
.hf-format-card{background:#fff;border:1px solid #dce6ee;border-radius:6px;padding:15px 10px;text-align:center}
.hf-format-card img{height:48px;margin-bottom:8px;max-width:70px;object-fit:contain}
.hf-format-card h3{margin:0 0 6px}.hf-format-card p{font-size:12px;margin:0}
.hf-formula-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
.hf-packaging-layout{display:grid;gap:18px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.hf-flow-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hf-flow-row .hf-format-card{flex:1 1 90px}.hf-flow-row>b{color:#0878df;font-size:22px}
.hf-packaging-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.hf-manufacturing-layout{display:grid;gap:20px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.hf-video{background:#071a39;border-radius:6px;overflow:hidden}.hf-video video{display:block;width:100%}.hf-video strong{color:#fff;display:block;padding:12px}
.hf-process-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.hf-process-grid .hf-format-card,.hf-qc-grid .hf-format-card{padding:10px}.hf-process-grid .hf-format-card img,.hf-qc-grid .hf-format-card img{height:42px}
.hf-qc-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}
.hf-doc-layout{align-items:start;display:grid;gap:24px;grid-template-columns:30% 70%}.hf-doc-layout>img{border-radius:6px;height:220px;object-fit:cover;width:100%}.hf-doc-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.hf-doc-grid .hf-format-card{min-height:108px;padding:14px 10px}.hf-doc-grid .hf-format-card img{height:38px}
.home-fabric-final-grid{background:#edf5fd;display:grid;gap:22px;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);padding:28px 34px}.home-fabric-final-grid h2{color:#102b62;font-size:28px;margin:0 0 14px}.home-fabric-form{background:#fff;border-radius:6px;padding:22px}.hf-final-label{max-height:82px}
@media(max-width:1100px){.hf-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hf-format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hf-packaging-layout,.hf-manufacturing-layout,.hf-doc-layout,.home-fabric-final-grid{grid-template-columns:1fr}}
@media(max-width:600px){.hf-module{padding:22px 16px}.hf-hero{grid-template-columns:1fr}.hf-hero-copy{padding:28px 20px}.hf-card-grid,.hf-format-grid,.hf-formula-grid,.hf-packaging-cards,.hf-process-grid,.hf-qc-grid,.hf-doc-grid{grid-template-columns:1fr 1fr}.home-fabric-final-grid{padding:22px 16px}.hf-section-label-image{max-height:68px}}