/* Materials landing page — uses the existing Ferrobend flange.css theme. */
.materials-hero .product-hero-image img { max-width: 560px; transform: none; border-radius: 14px; box-shadow: 24px 24px 0 rgba(242, 165, 69, .14); }
.materials-hero h1 span { color: #f2a545; }
.materials-intro { padding: 95px 0; background: #fff; }
.materials-intro h2, .materials-support h2 { max-width: 760px; color: #0f2235; font-size: 48px; line-height: 1.16; margin-bottom: 22px; }
.materials-intro .section-description { max-width: 860px; }
.materials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; margin-top: 50px; }
.material-card { overflow: hidden; border: 1px solid #e8eaec; border-radius: 10px; background: #fff; color: #192b3a; transition: transform .3s ease, box-shadow .3s ease; }
.material-card:hover { transform: translateY(-8px); box-shadow: 0 18px 35px rgba(13, 35, 53, .12); }
.material-card img { width: 100%; height: 210px; object-fit: cover; }
.material-card > div { padding: 24px 25px 27px; }
.material-index { color: #e97b12; display: block; font-size: 13px; font-weight: 700; letter-spacing: 2px; margin-bottom: 10px; }
.material-card h3 { color: #0f2235; font-size: 23px; line-height: 1.3; margin-bottom: 10px; }
.material-card p { color: #66727d; font-size: 15px; line-height: 1.7; min-height: 77px; margin-bottom: 19px; }
.material-link { color: #e97b12; font-size: 14px; font-weight: 700; }
.material-link i { margin-left: 6px; transition: transform .25s ease; }
.material-card:hover .material-link i { transform: translateX(5px); }
.materials-support { background: #f4f6f7; padding: 88px 0; }
.materials-support-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr); align-items: center; gap: 90px; }
.materials-support p { color: #68737c; font-size: 18px; line-height: 1.85; max-width: 650px; }
.support-list { display: grid; gap: 22px; }
.support-list li { display: flex; align-items: flex-start; gap: 17px; background: #fff; border-left: 3px solid #f2a545; padding: 19px 20px; }
.support-list i { color: #e97b12; font-size: 22px; margin-top: 3px; }
.support-list span { color: #66727d; font-size: 14px; line-height: 1.6; }
.support-list strong { color: #17232f; display: block; font-size: 16px; margin-bottom: 2px; }
@media (max-width: 1000px) { .materials-grid { grid-template-columns: repeat(2, 1fr); } .materials-support-grid { gap: 45px; } }
@media (max-width: 768px) { .materials-hero .product-hero-image img { max-width: 470px; box-shadow: 14px 14px 0 rgba(242, 165, 69, .14); } .materials-intro, .materials-support { padding: 65px 0; } .materials-intro h2, .materials-support h2 { font-size: 36px; } .materials-support-grid { grid-template-columns: 1fr; } .materials-grid { gap: 19px; margin-top: 35px; } .material-card img { height: 195px; } }
@media (max-width: 520px) { .materials-grid { grid-template-columns: 1fr; } .materials-intro h2, .materials-support h2 { font-size: 31px; } .materials-intro .section-description, .materials-support p { font-size: 16px; } .material-card p { min-height: auto; } }