/* Исправление для точек галереи на мобильных устройствах */
@media (hover: none) and (pointer: coarse) {
    .dot {
        width: 4px !important;
        height: 4px !important;
        padding: 3px !important;
        min-width: unset !important;
        min-height: unset !important;
        border-radius: 50% !important;
        display: block !important;
        background: rgba(255, 255, 255, 0.4) !important;
    }
    
    .dot.active {
        background: #d63384 !important;
        transform: scale(1.3) !important;
    }
    
    .dot::before {
        display: none !important;
    }
}