/* ===== Circle Menu ===== */
.c-circle-menu {
    position: fixed !important;
    bottom: 160px !important;
    left: 15px !important;
    z-index: 9999 !important;
    width: 50px !important;
    height: 50px !important;
}

/* Toggle Button */
.c-circle-menu__toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50% !important;
    border: none !important;
    cursor: pointer !important;
    background: linear-gradient(135deg, #FFD700, #FFA500) !important;
    box-shadow: 0 4px 15px rgba(255, 165, 0, 0.4) !important;
    z-index: 10 !important;
    position: relative !important;
    padding: 0 !important;
    transition: background 0.35s ease, box-shadow 0.35s ease !important;
}

.c-circle-menu__toggle span {
    font-size: 0 !important;
    line-height: 0 !important;
    display: block !important;
    width: 24px !important;
    height: 24px !important;
}

.c-circle-menu__toggle span::before {
    content: '\2630' !important;
    font-size: 22px !important;
    color: #fff !important;
    display: block !important;
    text-align: center !important;
    line-height: 24px !important;
}

.c-circle-menu.is-active .c-circle-menu__toggle {
    background: linear-gradient(135deg, #ff4444, #cc0000) !important;
    box-shadow: 0 4px 15px rgba(255, 0, 0, 0.4) !important;
}

.c-circle-menu.is-active .c-circle-menu__toggle span::before {
    content: '\2715' !important;
}

/* Items container */
.c-circle-menu__items {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 50px !important;
    height: 0 !important;
    pointer-events: none !important;
}

.c-circle-menu.is-active .c-circle-menu__items {
    pointer-events: auto !important;
}

/* All items hidden by default */
.c-circle-menu__item {
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
    opacity: 0 !important;
    transform: scale(0) !important;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

/* Active: each item stacked upward with explicit spacing */
.c-circle-menu.is-active .c-circle-menu__item:nth-child(1) {
    bottom: 60px !important;
    opacity: 1 !important;
    transform: scale(1) !important;
    transition-delay: 0s !important;
}
.c-circle-menu.is-active .c-circle-menu__item:nth-child(2) {
    bottom: 115px !important;
    opacity: 1 !important;
    transform: scale(1) !important;
    transition-delay: 0.04s !important;
}
.c-circle-menu.is-active .c-circle-menu__item:nth-child(3) {
    bottom: 170px !important;
    opacity: 1 !important;
    transform: scale(1) !important;
    transition-delay: 0.08s !important;
}
.c-circle-menu.is-active .c-circle-menu__item:nth-child(4) {
    bottom: 225px !important;
    opacity: 1 !important;
    transform: scale(1) !important;
    transition-delay: 0.12s !important;
}
.c-circle-menu.is-active .c-circle-menu__item:nth-child(5) {
    bottom: 280px !important;
    opacity: 1 !important;
    transform: scale(1) !important;
    transition-delay: 0.16s !important;
}
.c-circle-menu.is-active .c-circle-menu__item:nth-child(6) {
    bottom: 335px !important;
    opacity: 1 !important;
    transform: scale(1) !important;
    transition-delay: 0.20s !important;
}

/* Link circles */
.c-circle-menu__link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    background: rgba(0, 0, 0, 0.8) !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
    text-decoration: none !important;
}

.c-circle-menu__link img {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain !important;
}

/* Mask */
.c-circle-menu__mask {
    display: none !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: -1 !important;
}

.c-circle-menu.is-active .c-circle-menu__mask {
    display: block !important;
}