/* Баннер модуль */
.custom-banner-module {    position: relative;    border-radius: 12px;    overflow: hidden;    margin-bottom: 2rem;}
.banner-image {    height: auto;    display: block;    width: 100%;    object-fit: cover;    aspect-ratio: 1920/800; }
.banner-overlay-gradient {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: linear-gradient(        180deg,        rgba(0, 0, 0, 0.2) 0%,        rgba(0, 0, 0, 0.5) 100%    );    z-index: 0;}
.banner-content {     top: 0;    left: 0;    right: 0;    bottom: 0;    z-index: 1;}
.banner-title {    font-size: 2.5rem;    font-weight: 700;    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);    animation: fadeInUp 0.6s ease-out;    line-height: 1.2;}
.banner-subtitle {    font-size: 1.1rem;    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);    animation: fadeInUp 0.6s ease-out;    animation-delay: 0.2s;}
.banner-icons-bottom {   bottom: 0;    left: 0;    right: 0;    z-index: 1;}
.banner-icons {    justify-content: center !important;}
.glass-icon {    display: flex;    flex-direction: column;    align-items: center;    text-align: center;    min-width: 100px;    transition: all 0.3s ease;    animation: fadeInUp 0.6s ease-out;}
.note {background: var(--red); color:white; font-weight:600; top:1rem; right:1rem; border-radius:50px;}

.glass-icon:nth-child(1) { animation-delay: 0.3s; }
.glass-icon:nth-child(2) { animation-delay: 0.4s; }
.glass-icon:nth-child(3) { animation-delay: 0.5s; }
.glass-icon:nth-child(4) { animation-delay: 0.6s; }
.glass-icon:nth-child(5) { animation-delay: 0.7s; }
.glass-icon:nth-child(6) { animation-delay: 0.8s; }
.glass-icon:nth-child(7) { animation-delay: 0.9s; }
.glass-icon:nth-child(8) { animation-delay: 1.0s; }
.glass-icon:nth-child(9) { animation-delay: 1.1s; }
.glass-icon:nth-child(10) { animation-delay: 1.2s; }

.glass-icon:hover {    transform: translateY(-6px);}

.glassicon-wrapper {    width: 70px;    height: 70px;    display: flex;    align-items: center;    justify-content: center;    margin: 0 auto 10px;    position: relative;    z-index: 1; color:white;}
.glassicon-wrapper::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: rgba(255, 255, 255, 0.1);    backdrop-filter: blur(5px);    -webkit-backdrop-filter: blur(5px);    border: 1px solid rgba(255, 255, 255, 0.2);    border-radius: 50%;    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);    z-index: -1;    transition: all 0.3s ease;}
.glass-icon:hover .glassicon-wrapper::before {    background: rgba(255, 255, 255, 0.15);    transform: scale(1.08);    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);}
.icon-img {    width: 50px;    height: 50px;    object-fit: contain;    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));}
.glassicon-text {    color: white;    font-weight: 600;    font-size: 0.85rem;    margin: 0;    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);    transition: color 0.3s ease;}
.glass-icon:hover .glassicon-text {    color: var(--primary);}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Адаптивность */
@media (max-width: 991px) {
    .banner-title {        font-size: 2rem;    }
        .banner-subtitle {        font-size: 1rem;    }
        .glassicon-wrapper {        width: 60px;        height: 60px;    }
        .icon-img {        width: 45px;        height: 45px;    }
}

@media (max-width: 767px) {
    .banner-image {        aspect-ratio: 9/13 !important;        height: auto !important;        min-height: 400px;     }
        .banner-title {        font-size: 1.75rem;    }
        .banner-subtitle {        font-size: 0.95rem;    }
        .glass-icon {        min-width: 80px;    }
        .glassicon-wrapper {        width: 50px;        height: 50px;    }
        .icon-img {        width: 40px;        height: 40px;    }
        .glassicon-text {        font-size: 0.8rem;    }
}
@media (max-width: 480px) {
    .banner-image {        min-height: 350px;     }
        .banner-title {        font-size: 1.5rem;    }
        .banner-subtitle {        font-size: 0.9rem;    }
        .glass-icon {        min-width: 70px;    }    
		.glassicon-wrapper {        width: 45px;        height: 45px;    }
        .icon-img {        width: 35px;        height: 35px;    }
        .glassicon-text {        font-size: 0.75rem;    }
}