/**
 * ITF Korea — quick menu
 * Figma 6092:12492 (menu-box · SNS photo) · stack 6005:1645
 *
 * PC: 우하단 80px 스택 · menu primaryLight · radius 12px (QUICK/top 동일)
 * 펼침: QUICK 바로 위(gap 10) · 닫힘 시 reveal=80만 (빈 오버레이 없음)
 * Mobile: 하단 바 미사용 · 동일 PC UI scale 축소 · 우하단
 */

.itf-site .itf-quick-menu.quick-menu--desktop {
    right: 40px;
    bottom: 40px;
    z-index: 240;
}

.itf-site .itf-quick-menu .quick-menu__desktop-stack {
    width: 80px;
    gap: 10px;
}

/* 닫힘: QUICK 높이만 · 열림: 메뉴는 bottom 90(80+gap10)에 고정 */
.itf-site .itf-quick-menu .quick-menu__desktop-reveal {
    position: relative;
    width: 80px;
    height: 80px;
    overflow: visible;
    pointer-events: none;
}

.itf-site .itf-quick-menu .quick-menu__desktop-reveal .quick-menu__quick {
    pointer-events: auto;
}

.itf-site .itf-quick-menu .quick-menu__menu {
    top: auto;
    bottom: 90px; /* 80 QUICK + 10 gap */
    left: 0;
    height: auto;
    min-height: 0;
    padding: 24px 0;
    border-radius: 12px;
    background: var(--primaryLight);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
    transform-origin: bottom center;
}

.itf-site .itf-quick-menu .quick-menu__desktop-reveal.is-open .quick-menu__menu {
    pointer-events: auto;
}

.itf-site .itf-quick-menu .quick-menu__list {
    gap: 20px;
}

/* SNS — Figma icon-box 40×40 · r8 · photo cover */
.itf-site .itf-quick-menu .quick-menu__menu .quick-menu__icon.icon-box {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    overflow: hidden;
    background: transparent !important;
    border: 0;
    box-shadow: none;
}

.itf-site .itf-quick-menu .quick-menu__menu .quick-menu__icon.icon-box img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

/* 백투탑 화살표 — 큼지막하게 */
.itf-site .itf-quick-menu .quick-menu__top .icon-box {
    width: 40px;
    height: 40px;
    background: transparent !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
}

.itf-site .itf-quick-menu .quick-menu__top .icon-box svg {
    width: 40px;
    height: 40px;
}

.itf-site .itf-quick-menu .quick-menu__label {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
}

.itf-site .itf-quick-menu .quick-menu__quick,
.itf-site .itf-quick-menu .quick-menu__top {
    width: 80px;
    height: 80px;
    border-radius: 12px;
}

.itf-site .itf-quick-menu .quick-menu__quick {
    background: var(--txtBlack1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}

.itf-site .itf-quick-menu .quick-menu__quick span {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
}

.itf-site .itf-quick-menu .quick-menu__top {
    background: var(--primaryLight);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    pointer-events: auto;
}

/* Mobile: PC와 동일 구조 · 축소 · 우하단 (--inPd) */
@media screen and (max-width: 768px) {
    .itf-site .itf-quick-menu.quick-menu--desktop {
        right: var(--inPd, 14px);
        bottom: var(--inPd, 14px);
        transform: scale(0.7);
        transform-origin: bottom right;
    }
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
    .itf-site .itf-quick-menu.quick-menu--desktop {
        right: var(--inPd, 14px);
        bottom: var(--inPd, 14px);
        transform: scale(0.85);
        transform-origin: bottom right;
    }
}