#materials{order:99}
.material-groups{display:grid;gap:18px}
.material-block{padding:20px;border:1px solid rgba(var(--rgb,120,190,255),.3);border-radius:16px;background:rgba(5,12,20,.52)}
.material-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:16px}
.material-heading h3{margin:0;color:var(--accent2,#eaf6ff);font-size:17px;letter-spacing:.7px}
.material-heading p{max-width:410px;margin:0;color:#bfcbd3;font-size:13px;line-height:1.45;text-align:right}
.material-table-head,.material-card{display:grid;grid-template-columns:minmax(0,1fr) 110px;align-items:center}
.material-table-head{padding:8px 13px;color:var(--accent,#78caff);font-size:11px;font-weight:700;letter-spacing:.8px;border:1px solid rgba(var(--rgb,120,190,255),.24);border-bottom:0;border-radius:12px 12px 0 0;background:rgba(var(--rgb,120,190,255),.12)}
.material-table-head span:last-child{text-align:center}
.material-grid{display:grid;grid-template-columns:1fr;border:1px solid rgba(var(--rgb,120,190,255),.24);border-radius:0 0 12px 12px;overflow:hidden}
.material-card{min-height:76px;padding:8px 13px;border-bottom:1px solid rgba(var(--rgb,120,190,255),.2);background:linear-gradient(135deg,rgba(var(--rgb,120,190,255),.08),rgba(5,12,20,.66))}
.material-card:last-child{border-bottom:0}
.material-name{display:flex;align-items:center;gap:13px;min-width:0}
.material-icons{display:flex;flex:0 0 auto}
.material-icons img{width:56px;height:56px;padding:4px;object-fit:contain;border-radius:11px;background:radial-gradient(circle at 35% 30%,rgba(var(--rgb,120,190,255),.2),rgba(5,12,20,.52))}
.material-card strong,.material-card small{display:block}
.material-card strong{color:var(--accent2,#eaf6ff);font-size:14px;line-height:1.25}
.material-qty{margin:0;color:#fff;font-size:15px;font-weight:700;line-height:1.35;text-align:center}
.material-card small{color:var(--accent,#78caff);font-size:11px;text-transform:uppercase;letter-spacing:.5px}
@media(max-width:800px){
.material-groups{gap:12px}
.material-block{padding:12px 9px}
.material-heading{display:block;margin-bottom:9px}
.material-heading h3{font-size:12px;line-height:1.3}
.material-heading p{display:none}
.material-table-head,.material-card{grid-template-columns:minmax(0,1fr) 72px}
.material-table-head{padding:7px 8px;font-size:9px}
.material-card{min-width:0;min-height:54px;padding:5px 8px}
.material-name{gap:8px}
.material-icons img{width:40px;height:40px;padding:2px;border-radius:8px}
.material-card strong{font-size:11px;line-height:1.2;overflow-wrap:normal;word-break:normal}
.material-qty{font-size:12px;line-height:1.1}
.material-card small{display:none}
}