/* ========================================
   LOCAL ICON SYSTEM - NO EXTERNAL DEPENDENCIES
   ======================================== */

/* Icon Base Styles */
.icon {
    display: inline-block;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
}

/* Unicode-based Icons */
.icon-globe::before { content: "🌐"; }
.icon-tag::before { content: "🏷️"; }
.icon-code::before { content: "💻"; }
.icon-shopping::before { content: "🛒"; }
.icon-mobile::before { content: "📱"; }
.icon-search::before { content: "🔍"; }
.icon-tools::before { content: "🔧"; }
.icon-design::before { content: "🎨"; }

/* Legacy FontAwesome class support */
.fas, .far, .fab {
    font-style: normal;
    font-weight: normal;
    display: inline-block;
}

.fa-globe::before { content: "🌐"; }
.fa-tag::before { content: "🏷️"; }
.fa-code::before { content: "💻"; }
.fa-shopping-cart::before { content: "🛒"; }
.fa-mobile-alt::before { content: "📱"; }
.fa-search::before { content: "🔍"; }
.fa-tools::before { content: "🔧"; }
.fa-paint-brush::before { content: "🎨"; }

/* Icon sizing */
.icon-sm { font-size: 0.875rem; }
.icon-md { font-size: 1.25rem; }
.icon-lg { font-size: 1.5rem; }
.icon-xl { font-size: 2rem; }