/* Complete Icon Fix - Hide all broken FontAwesome HTML */

/* Global fix: Hide all content inside i tags with fa classes */
i[class*="fa-"] {
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    width: 0 !important;
    height: 0 !important;
    display: inline-block !important;
    overflow: hidden !important;
    text-indent: -9999px !important;
}

/* Hide any text nodes that might be showing */
.guarantee-item .icon,
.choose-item h3 {
    line-height: 1.5;
}

/* Guarantee section - use ::before for emojis */
.guarantee-item {
    position: relative;
}

.guarantee-item .icon {
    display: block;
    font-size: 0 !important;
    height: 60px;
    margin-bottom: 1.5rem;
    position: relative;
}

/* Add emojis via ::before on the icon container */
.guarantee-item:nth-child(1) .icon {
    font-size: 0 !important;
}

.guarantee-item:nth-child(1) .icon::before {
    content: '🛡️';
    font-size: 3.5rem !important;
    display: block;
    line-height: 1;
}

.guarantee-item:nth-child(2) .icon {
    font-size: 0 !important;
}

.guarantee-item:nth-child(2) .icon::before {
    content: '🚚';
    font-size: 3.5rem !important;
    display: block;
    line-height: 1;
}

.guarantee-item:nth-child(3) .icon {
    font-size: 0 !important;
}

.guarantee-item:nth-child(3) .icon::before {
    content: '✅';
    font-size: 3.5rem !important;
    display: block;
    line-height: 1;
}

/* Force hide all i tag content */
.guarantee-item .icon * {
    display: none !important;
}

/* Why Choose section - add emojis to h3 */
.choose-item h3 {
    position: relative;
    padding-right: 3rem;
}

.choose-item:nth-child(1) h3::before {
    content: '🌿';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
}

.choose-item:nth-child(2) h3::before {
    content: '💚';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
}

.choose-item:nth-child(3) h3::before {
    content: '⭐';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
}

.choose-item:nth-child(4) h3::before {
    content: '🚚';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2rem;
}

/* Hide all i tags in choose items */
.choose-item h3 i,
.choose-item h3 i * {
    display: none !important;
}

/* Additional safety: hide any visible class names */
.guarantee-item .icon::after,
.choose-item h3::after {
    content: none !important;
}

/* Make sure text content of i tags is completely invisible */
i.fas, i.fa, i[class*="fa-"] {
    text-indent: -9999px !important;
    position: absolute !important;
    left: -9999px !important;
    visibility: hidden !important;
}

/* Override any inline styles */
.guarantee-item .icon[style],
.choose-item h3 i[style] {
    font-size: 0 !important;
}