/* Icon dạng class - thêm class i-<tên> vào khối (Nâng cao → Lớp CSS bổ sung). Tự sinh từ inc/icons-sprite.svg */
.i-screw{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8.6 3.2h6.8l1.6 2.1-1.6 2.1H8.6L7 5.3z'/%3E%3Cpath d='M5.4 7.4c1.7 1 4 1.5 6.6 1.5s4.9-.5 6.6-1.5'/%3E%3Cpath d='M10.2 9.2v8.2M13.8 9.2v8.2'/%3E%3Cpath d='m10.2 11.8 3.6-1.2M10.2 14.2l3.6-1.2M10.2 16.6l3.6-1.2'/%3E%3Cpath d='m10.2 17.4 1.8 3.8 1.8-3.8'/%3E%3C/svg%3E")}
.i-inox{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7.4 3h5.8l1.4 1.9-1.4 1.9H7.4L6 4.9z'/%3E%3Cpath d='M4.6 6.6c1.5.9 3.4 1.3 5.7 1.3s4.2-.4 5.7-1.3'/%3E%3Cpath d='M8.6 8v5.6M11.8 8v5.6'/%3E%3Cpath d='m8.6 10.4 3.2-1M8.6 12.4l3.2-1'/%3E%3Cpath d='m8.6 13.6 1.6 3.4 1.6-3.4'/%3E%3Cpath d='M18.4 12.6l3.2 1.2v2.9c0 2-1.4 3.5-3.2 4.3-1.8-.8-3.2-2.3-3.2-4.3v-2.9z'/%3E%3C/svg%3E")}
.i-rivet{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='6.4' rx='6.6' ry='2.4'/%3E%3Cpath d='M9.2 7.6v10.2a2.8 2.8 0 0 0 5.6 0V7.6'/%3E%3C/svg%3E")}
.i-clip{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 3.4h4.3v12.4h10.9v4.4H4.4z'/%3E%3Ccircle cx='6.5' cy='7'   r='1'/%3E%3Ccircle cx='6.5' cy='11.4' r='1'/%3E%3Ccircle cx='12.4' cy='18' r='1'/%3E%3Ccircle cx='16.6' cy='18' r='1'/%3E%3C/svg%3E")}
.i-bolt{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3.2h8l1.9 2.5L16 8.2H8L6.1 5.7z'/%3E%3Cpath d='M9.8 8.2v12.4M14.2 8.2v12.4'/%3E%3Cpath d='m9.8 11.2 4.4-1.2M9.8 14l4.4-1.2M9.8 16.8l4.4-1.2M9.8 19.6l4.4-1.2'/%3E%3Cpath d='M9.8 20.6h4.4'/%3E%3C/svg%3E")}
.i-anchor{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.2 2.6h5.6l1.4 1.9-1.4 1.9H9.2L7.8 4.5z'/%3E%3Cpath d='M10.5 6.4v3.2M13.5 6.4v3.2'/%3E%3Cpath d='M9.6 9.6h4.8'/%3E%3Cpath d='M9.6 9.6c-1.9 2.5-2.6 6.2-2.3 11h9.4c.3-4.8-.4-8.5-2.3-11'/%3E%3Cpath d='M12 9.6v11'/%3E%3Cpath d='M9.2 14.2h5.6M8.6 17.4h6.8'/%3E%3C/svg%3E")}
.i-rod{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.6 2.6v18.8M14.4 2.6v18.8'/%3E%3Cpath d='m9.6 5.6 4.8-1.2M9.6 8.6l4.8-1.2M9.6 11.6l4.8-1.2M9.6 14.6l4.8-1.2M9.6 17.6l4.8-1.2M9.6 20.6l4.8-1.2'/%3E%3C/svg%3E")}
.i-nut{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2.4 8.3 4.8v9.6L12 21.6l-8.3-4.8V7.2z'/%3E%3Ccircle cx='12' cy='12' r='3.9'/%3E%3C/svg%3E")}
.i-washer{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.2' cy='10.2' r='7.1'/%3E%3Ccircle cx='10.2' cy='10.2' r='2.8'/%3E%3Cpath d='M13.4 20.3a7.1 7.1 0 0 0 6.7-6.7'/%3E%3C/svg%3E")}
.i-chem{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4.2' y='2.6' width='7.2' height='8.6' rx='1.2'/%3E%3Cpath d='M11.4 5.4h2.8l2.6 2.8'/%3E%3Cpath d='M2.6 14.4h18.8v6.9H2.6z'/%3E%3Cpath d='M15.6 21.3v-6.9'/%3E%3Cpath d='M5.6 17.2h4.4M5.6 19.3h5.6'/%3E%3C/svg%3E")}
.i-sheet{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.2 19.6h2l1.6-5.4h2.6l1.6 5.4h2.6l1.6-5.4h2.6l1.6 5.4h2'/%3E%3Cpath d='M6 3v3.4M12 2.2v4.2M18 3v3.4'/%3E%3C/svg%3E")}
.i-sheet2{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.8 17.6 8.2 6.2h13l-5.4 11.4z'/%3E%3Cpath d='M7.1 17.6 12.5 6.2M11.4 17.6 16.8 6.2'/%3E%3C/svg%3E")}
.i-tape{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='7.4' rx='7.4' ry='3.2'/%3E%3Cpath d='M4.6 7.4v6.2c0 1.8 3.3 3.2 7.4 3.2s7.4-1.4 7.4-3.2V7.4'/%3E%3Cellipse cx='12' cy='7.4' rx='2.6' ry='1.1'/%3E%3C/svg%3E")}
.i-pail{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.6 8.4h14.8l-1.5 12.2H6.1z'/%3E%3Cpath d='M3.8 8.4h16.4'/%3E%3Cpath d='M7.6 8.2c0-2.5 2-4.4 4.4-4.4s4.4 1.9 4.4 4.4'/%3E%3C/svg%3E")}
.i-cartridge{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.4 7.4 11 3.2h2l1.6 4.2'/%3E%3Crect x='6.8' y='7.4' width='10.4' height='13.4' rx='1.2'/%3E%3Cpath d='M6.8 11.6h10.4'/%3E%3Cpath d='M12 3.2V1.4'/%3E%3C/svg%3E")}
.i-truck{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.8 5.4h12.4v11H1.8z'/%3E%3Cpath d='M14.2 9h4l3.8 3.6v3.8h-7.8z'/%3E%3Ccircle cx='6.6' cy='18.6' r='2'/%3E%3Ccircle cx='17' cy='18.6' r='2'/%3E%3Cpath d='M8.6 18.6h6.4'/%3E%3C/svg%3E")}
.i-support{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13.4v-1.8a8 8 0 0 1 16 0v1.8'/%3E%3Crect x='1.8' y='13' width='4.2' height='6' rx='1.4'/%3E%3Crect x='18' y='13' width='4.2' height='6' rx='1.4'/%3E%3Cpath d='M20 19v.6a2.8 2.8 0 0 1-2.8 2.8H13'/%3E%3C/svg%3E")}
.i-doc{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2.4H6.6a2 2 0 0 0-2 2v15.2a2 2 0 0 0 2 2h10.8a2 2 0 0 0 2-2V7.8z'/%3E%3Cpath d='M14 2.4v5.4h5.4'/%3E%3Cpath d='m8.6 15.4 2.2 2.2 4.4-4.4'/%3E%3C/svg%3E")}
.i-shield{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2.2 8.2 3.2v6.2c0 4.8-3.4 8.6-8.2 10.2-4.8-1.6-8.2-5.4-8.2-10.2V5.4z'/%3E%3Cpath d='m8.6 11.8 2.4 2.4 4.6-4.6'/%3E%3C/svg%3E")}
.i-clock{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.4'/%3E%3Cpath d='M12 6.4V12l3.6 2.4'/%3E%3C/svg%3E")}
.i-tag{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11.6 2.4H2.4v9.2l10 10 9.2-9.2z'/%3E%3Ccircle cx='7' cy='7' r='1.8'/%3E%3C/svg%3E")}
.i-building{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.4 21.4h19.2'/%3E%3Cpath d='M4.4 21.4V8.6L12 4.2l7.6 4.4v12.8'/%3E%3Cpath d='M9 21.4v-5.2h6v5.2'/%3E%3Cpath d='M8.4 11.4h2M13.6 11.4h2'/%3E%3C/svg%3E")}
.i-grid{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.8' y='2.8' width='7.6' height='7.6'/%3E%3Crect x='13.6' y='2.8' width='7.6' height='7.6'/%3E%3Crect x='2.8' y='13.6' width='7.6' height='7.6'/%3E%3Crect x='13.6' y='13.6' width='7.6' height='7.6'/%3E%3C/svg%3E")}
.i-pin{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 10.2c0 6.8-8.6 11.6-8.6 11.6s-8.6-4.8-8.6-11.6a8.6 8.6 0 0 1 17.2 0z'/%3E%3Ccircle cx='12' cy='10.2' r='3'/%3E%3C/svg%3E")}
.i-phone{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21.6 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 1.7 4.2 2 2 0 0 1 3.7 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L7.7 9.9a16 16 0 0 0 6 6L15 14.6a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E")}
.i-mail{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.2' y='4.2' width='19.6' height='15.6' rx='1.6'/%3E%3Cpath d='m2.2 7 9.8 6 9.8-6'/%3E%3C/svg%3E")}
.i-arrow{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.4 12h15.2m-6.4-6.4L19.6 12l-6.4 6.4'/%3E%3C/svg%3E")}
.i-plus{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4.6v14.8M4.6 12h14.8'/%3E%3C/svg%3E")}
.i-search{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10.8' cy='10.8' r='7.4'/%3E%3Cpath d='m21 21-4.9-4.9'/%3E%3C/svg%3E")}
.i-chevron{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9.4 6 6 6-6'/%3E%3C/svg%3E")}
.i-close{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E")}
.i-dl{--bfc-i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.4v12.2m-4.6-4.6L12 15.6l4.6-4.6'/%3E%3Cpath d='M3.8 18.2v1.6a2 2 0 0 0 2 2h12.4a2 2 0 0 0 2-2v-1.6'/%3E%3C/svg%3E")}