.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.editorial-shadow {
    box-shadow: 0 10px 30px -10px rgba(0, 10, 30, 0.08);
}

.glass-header {
    background: rgba(248, 249, 250, 0.95);
    backdrop-filter: blur(24px);
}

/* Mobile Menu Styles */
.mobile-menu {
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    pointer-events: none;
    touch-action: none;
    background-color: #ffffff !important;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
    z-index: 60;
}

.mobile-menu.active ~ #whatsappFloat {
    display: none !important;
}

.mobile-menu.active {
    transform: translateX(0);
    pointer-events: auto;
    touch-action: auto;
}

/* Backdrop */
.mobile-backdrop {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 40;
}

.mobile-backdrop.active {
    display: block;
}

/* Hamburger Animation */
.hamburger-line {
    transition: all 0.3s ease-in-out;
}

.hamburger.active .hamburger-line:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.active .hamburger-line:nth-child(2) {
    opacity: 0;
}

.hamburger.active .hamburger-line:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -6px);
}

/* Hero Slideshow */
.hero-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1.2s ease-in-out;
    background-size: cover;
    background-position: center;
}

.hero-slide.active {
    opacity: 1;
}

/* Service card image */
.service-card-img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 0.5rem 0.5rem 0 0;
    display: block;
}