/* Quick Floating Menu Styles */
.quick-floating-menu .quick-floating-btn {
    overflow: hidden;
    transition: width .25s ease, min-width .25s ease, height .25s ease, border-radius .25s ease, padding .25s ease;
}

.quick-floating-menu .quick-floating-text {
    overflow: hidden;
    white-space: nowrap;
    opacity: 1;
    max-width: 120px;
    transition: opacity .2s ease, max-width .25s ease, margin .25s ease;
}
.quick-floating-menu.quick-floating-menu-collapsed .quick-floating-text {
    opacity: 0;
    max-width: 0;
    margin-left: 0;
    margin-right: 0;
    pointer-events: none;
}
.quick-floating-menu.quick-floating-menu-collapsed .material-symbols-outlined {
    margin-right: 0;
}


/* quick */
.quick-floating-menu {
    position: fixed;
    right: 24px;
    bottom: -1%;
    transform: translateY(-50%);
    z-index: 9990;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.quick-floating-btn {
    width: auto;
    min-width: 60px;
    height: 60px;
    border: 1px solid #e5e7eb;
    opacity: 0.4;
    background: #000000;
    border-radius: 30px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14);
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.quick-floating-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.2);
    border-color: #111827;
    background: #111827;
    color: #fff;
}

.quick-floating-btn .material-symbols-outlined {
    line-height: 1;
}

.quick-floating-text {
    line-height: 1.2;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    letter-spacing: -0.04em;
}

.quick-floating-top-btn {
    min-height: 52px;
}

.quick-floating-top-btn .material-symbols-outlined {
}



/* begin: media queries - Bootstrap breakpoint 기준
기본 CSS        → 모바일/공통 기본
max-width: 991.98px -> lg 미만 전체
max-width 575  → xs 전용
min 576~767.98 → sm 전용
min 768~991.98 → md 전용
min 992~1199.98 → lg 전용
min 1200~1399.98 → xl 전용
min 1400 → xxl 전용
*/
@media (max-width: 991.98px) {
    .progress-wrap {width:calc(100% - 20px);bottom:83px !important;}
}

@media (max-width: 575px) {
    .quick-floating-btn {
        min-width:45px;
        height:45px;
    }
    .quick-floating-menu {right: 14px;bottom: 84px;top: auto;transform: none;gap: 8px;}
    .quick-floating-top-btn {min-height: 46px;}
}

@media (min-width: 576px) and (max-width: 767.98px) {
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (min-width: 992px) {
}

@media (min-width: 992px) and (max-width: 1199.98px) {
}

@media (min-width: 1200px) {
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
}

@media (min-width: 1400px) {
}
/* end: media queries */