/* ВКЛАДКИ В ЗЕРО-БЛОКЕ */
a[href*="tab-a"], a[href*="tab-b"] { opacity: 0.1; transition: 0.5s; }
a[href*="tab-c"] {transition: 0.5s; }
.a-active, .b-active, .c-active { opacity: 1 !important; }
.c-active .tn-atom__img {width: 110% !important;}
[class*="tab-a-"], [class*="tab-b-"], [class*="tab-c-"] {opacity: 0; transition: opacity 0.6s ease;}
.t-active { opacity: 1 !important; pointer-events: auto !important; }
a[href*="tab-a"]:hover, a[href*="tab-b"]:hover {opacity: 0.7;}

/* ЭФФЕКТ LIQUID GLASS */
.best-slide {transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative; z-index: 1; overflow: visible !important;}
.best-slide img, .catalog-card .tn-atom {transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) !important;}
.tn-atom__video-play-icon svg circle {fill: #ffffff33 !important;}
.main-next::before, .burger::before, .best-slide::before, .t1093 .t-popup__bg.t-popup__bg-active, .hover-glass {
    content: ''; 
    position: absolute; 
    top: 0; left: 0; right: 0; bottom: 0; 
    background: rgba(255, 255, 255, 0.04); 
    backdrop-filter: blur(10px) url(#liquid-glass); 
    -webkit-backdrop-filter: blur(10px); 
    border: 1px solid rgba(255, 255, 255, 0.12); 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s ease;
    pointer-events: none;
    z-index: -1;
}
.tn-atom__video-play-icon svg {
    backdrop-filter: blur(6px) url(#liquid-glass); 
    -webkit-backdrop-filter: blur(6px); 
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s ease;
    pointer-events: none;
    z-index: -1;
}
.main-next::before {border-radius: 50px;}
.main-next:hover::before {box-shadow: 1px 1px 15px 8px rgb(244 244 251 / 18%);}
.catalog-card {overflow: hidden; border-radius: 20px;}
.catalog-card:hover .tn-atom {transform: scale(1.05);}
.best-slide::before, .hover-glass {border-radius: 18px; opacity: 0; will-change: opacity, transform;}
.best-slide:hover img {transform: scale(1.05); z-index: 10;}
.best-slide:hover::before, .hover-glass:hover {opacity: 1;}
.best-slide .tn-atom {transition: all 0.5s ease;}
.tn-atom__video-play-icon svg {border-radius: 100px;}
.burger::before {border-radius: 10px;}

/* СЛАЙДЕР НА ГЛАВНОМ ЭКРАНЕ */
.uc-main-slide {display: none; width: 100%; opacity: 0; z-index: 1;}
.uc-main-slide.active { display: block !important; opacity: 1; position: relative !important; z-index: 2;}
.uc-main-slide.fading-in {display: block !important; position: absolute !important; left: 0; width: 100%; z-index: 3; opacity: 0; transition: opacity 0.8s ease-in-out;}
.main-slide-right, .main-slide-left, .best-next, .best-prev {cursor:pointer;}

@media screen and (min-width: 1200px) {
    /* ЭФФЕКТ ЧЕРНО-БЕЛОГО ФОТО */
    .shop-link img, .hover-img {filter: grayscale(100%); transition: filter 0.3s ease;}
    .shop-link:hover img, .hover-card:hover .hover-img {filter: grayscale(0%);}
    .hover-text .tn-molecule {transition: all 0.3s ease !important;}
    .hover-card:hover .hover-text .tn-molecule {border-color: #000000 !important; opacity: 1 !important;}
}
@media screen and (max-width: 1199px) {
    .catalog-card {overflow: hidden; border-radius: 12px;}
}