@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/css/webfonts/fa-solid-900.woff2") format("woff2"),
         url("webfonts/fa-solid-900.woff") format("woff"),
         url("webfonts/fa-solid-900.ttf") format("truetype");
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/css/webfonts/fa-brands-400.woff2") format("woff2"),
         url("/css/webfonts/fa-brands-400.woff") format("woff"),
         url("/css/webfonts/fa-brands-400.ttf") format("truetype");
}

/* Base Classes */
.fa, .fas, .far, .fab {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

/* Solid Icons */
.fa, .fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

/* Brand Icons */
.fab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400;
}

/* Icon Definitions - Solid (fas) */
.fa-phone:before { content: "\f095"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-check:before { content: "\f00c"; }
.fa-truck:before { content: "\f0d1"; }
.fa-file-csv:before { content: "\f6dd"; }
.fa-handshake:before { content: "\f2b5"; }
.fa-images:before { content: "\f302"; }
.fa-percentage:before { content: "\f541"; }
.fa-user-plus:before { content: "\f234"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-check-circle:before { content: "\f058"; }
.fa-rocket:before { content: "\f135"; }
.fa-shipping-fast:before { content: "\f48b"; }
.fa-file-code:before { content: "\f1c9"; }
.fa-camera:before { content: "\f030"; }
.fa-map-marker-alt:before { content: "\f3c5"; }
.fa-globe:before { content: "\f0ac"; }
.fa-clock:before { content: "\f017"; }
.fa-times:before { content: "\f00d"; }

/* Icon Definitions - Brands (fab) */
.fa-facebook-f:before { content: "\f39e"; }
.fa-instagram:before { content: "\f16d"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-youtube:before { content: "\f167"; }

/* Utility Classes (opcjonalne ale przydatne) */
.fa-fw {
    text-align: center;
    width: 1.25em;
}

.fa-lg {
    font-size: 1.33333em;
    line-height: 0.75em;
    vertical-align: -0.0667em;
}

.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }

/* Animations (opcjonalne) */
.fa-spin {
    animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}