/**
 * 홈 히어로 — 영상 풀블리드 + 로고/메뉴 오버레이
 */

body.buzzi-page-home {
    --buzzi-overlay-header-h: clamp(72px, 8vw, 88px);
}

body.buzzi-page-home .buzzi-header--overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    background: transparent;
    pointer-events: none;
}

body.buzzi-page-home .buzzi-header--overlay .header-top-bg-wrapper {
    display: none;
}

body.buzzi-page-home .buzzi-header--overlay .header-bottom-bg-wrapper,
body.buzzi-page-home .buzzi-header--overlay .ul-header-bottom,
body.buzzi-page-home .buzzi-header--overlay .ul-header-bottom-wrapper,
body.buzzi-page-home .buzzi-header--overlay .logo-container,
body.buzzi-page-home .buzzi-header--overlay .ul-header-nav-wrapper,
body.buzzi-page-home .buzzi-header--overlay .ul-header-actions,
body.buzzi-page-home .buzzi-header--overlay a,
body.buzzi-page-home .buzzi-header--overlay button {
    pointer-events: auto;
}

body.buzzi-page-home .buzzi-header--overlay .header-bottom-bg-wrapper {
    background: transparent;
    transition: background 0.35s ease, box-shadow 0.35s ease, backdrop-filter 0.35s ease;
}

body.buzzi-page-home .buzzi-header--overlay .ul-header-bottom {
    background: transparent;
    padding: clamp(14px, 1.4vw, 20px) 0;
}

body.buzzi-page-home .buzzi-header--overlay .ul-header-bottom::before,
body.buzzi-page-home .buzzi-header--overlay .ul-header-bottom::after {
    display: none !important;
}

body.buzzi-page-home .buzzi-header--overlay .buzzi-logo--dark {
    display: none !important;
}

body.buzzi-page-home .buzzi-header--overlay .buzzi-logo--light {
    display: block !important;
}

body.buzzi-page-home .buzzi-header--overlay .buzzi-header-nav a {
    color: rgba(255, 255, 255, 0.94);
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
}

body.buzzi-page-home .buzzi-header--overlay .buzzi-header-nav a:hover,
body.buzzi-page-home .buzzi-header--overlay .buzzi-header-nav a.active {
    color: var(--bok-yellow);
}

body.buzzi-page-home .buzzi-header--overlay .ul-header-sidebar-opener {
    color: #fff;
    filter: drop-shadow(0 1px 6px rgba(0, 0, 0, 0.45));
}

body.buzzi-page-home .buzzi-header--overlay .ul-header-actions .ul-btn {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.55);
    color: #fff;
    backdrop-filter: blur(8px);
}

body.buzzi-page-home .buzzi-header--overlay .ul-header-actions .ul-btn:hover {
    background: #fff;
    border-color: #fff;
    color: var(--bok-red);
}

/* 스크롤 후 sticky — 크림 솔리드로 전환 */
body.buzzi-page-home .buzzi-header--overlay .header-bottom-bg-wrapper.sticky {
    background: rgba(249, 236, 227, 0.96);
    backdrop-filter: blur(14px);
    box-shadow: 0 8px 28px rgba(35, 35, 35, 0.12);
}

body.buzzi-page-home .buzzi-header--overlay .header-bottom-bg-wrapper.sticky .buzzi-logo--dark {
    display: block !important;
}

body.buzzi-page-home .buzzi-header--overlay .header-bottom-bg-wrapper.sticky .buzzi-logo--light {
    display: none !important;
}

body.buzzi-page-home .buzzi-header--overlay .header-bottom-bg-wrapper.sticky .buzzi-header-nav a {
    color: var(--bok-dark);
    text-shadow: none;
}

body.buzzi-page-home .buzzi-header--overlay .header-bottom-bg-wrapper.sticky .buzzi-header-nav a:hover,
body.buzzi-page-home .buzzi-header--overlay .header-bottom-bg-wrapper.sticky .buzzi-header-nav a.active {
    color: var(--bok-red);
}

body.buzzi-page-home .buzzi-header--overlay .header-bottom-bg-wrapper.sticky .ul-header-sidebar-opener {
    color: var(--bok-red);
    filter: none;
}

body.buzzi-page-home .buzzi-header--overlay .header-bottom-bg-wrapper.sticky .ul-header-actions .ul-btn {
    background: var(--bok-red);
    border-color: var(--bok-red);
    color: #fff;
    backdrop-filter: none;
}

body.buzzi-page-home .buzzi-header--overlay .header-bottom-bg-wrapper.sticky .ul-header-actions .ul-btn:hover {
    background: var(--bok-red-deep);
    border-color: var(--bok-red-deep);
    color: #fff;
}