/* 포미식탁 사용자 페이지 공통 프레임 */
.shop-site-header{
    width:100%;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid #e4e8e4;
    position:relative;
    z-index:50;
}
.shop-site-inner{
    width:calc(100% - 32px);
    max-width:1200px;
    margin:0 auto;
}
.shop-site-header .shop-site-inner{
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.shop-site-brand{
    display:flex;
    align-items:center;
    gap:11px;
    color:#1d2920;
    text-decoration:none;
    flex:0 0 auto;
}
.shop-site-mark{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    background:#347950;
    color:#fff;
    font-size:16px;
    font-weight:900;
    box-shadow:0 8px 18px rgba(52,121,80,.16);
}
.shop-site-brand-text{display:flex;flex-direction:column;line-height:1.05}
.shop-site-brand-text strong{font-size:20px;letter-spacing:-.04em}
.shop-site-brand-text small{font-size:9px;letter-spacing:.18em;margin-top:6px;color:#788179}
.shop-site-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:24px;
    min-width:0;
}
.shop-site-nav a{
    color:#4b554d;
    text-decoration:none;
    font-size:13px;
    font-weight:750;
    white-space:nowrap;
}
.shop-site-nav a:hover{color:#2e7249}
.shop-nav-divider{width:1px;height:18px;background:#dfe4df}
.shop-site-nav .shop-nav-member{
    border:1px solid #e0e5df;
    border-radius:999px;
    padding:9px 13px;
}
.shop-site-nav .shop-nav-member.active{
    border-color:#cfe1d3;
    background:#f0f7f1;
    color:#2c6e46;
}
.shop-mobile-menu-button{
    display:none;
    border:0;
    background:transparent;
    font-size:24px;
    padding:8px;
}
.shop-site-footer{
    margin-top:80px;
    border-top:1px solid #e5e9e5;
    background:#fafbf9;
}
.shop-footer-inner{
    padding:30px 0 40px;
    display:flex;
    justify-content:space-between;
    gap:24px;
    color:#69736c;
}
.shop-footer-inner strong{color:#263029}
.shop-footer-inner p{font-size:12px;margin:8px 0 0}
.shop-footer-links{display:flex;gap:18px;align-items:flex-start}
.shop-footer-links a{font-size:12px;color:#69736c;text-decoration:none}
@media(max-width:880px){
    .shop-mobile-menu-button{display:block}
    .shop-site-nav{
        display:none;
        position:absolute;
        top:76px;
        left:0;
        right:0;
        flex-direction:column;
        align-items:stretch;
        gap:0;
        padding:10px 16px 18px;
        background:#fff;
        border-bottom:1px solid #e4e8e4;
        box-shadow:0 14px 24px rgba(30,50,36,.06);
    }
    .shop-site-nav.open{display:flex}
    .shop-site-nav a{padding:12px 4px}
    .shop-nav-divider{display:none}
    .shop-site-nav .shop-nav-member{border:0;border-radius:0;padding:12px 4px;background:transparent}
}
@media(max-width:640px){
    .shop-site-inner{width:calc(100% - 28px)}
    .shop-site-header .shop-site-inner{min-height:68px}
    .shop-site-nav{top:68px}
    .shop-site-mark{width:38px;height:38px}
    .shop-site-brand-text strong{font-size:18px}
    .shop-footer-inner{flex-direction:column;padding:24px 0 30px}
}

.shop-site-nav .shop-member-greeting{border:0;padding:0}
@media(max-width:880px){.shop-site-nav .shop-member-greeting{padding:12px 4px}}

/* 관리자 쇼핑몰 기본정보와 연동되는 공통 푸터 */
.shop-site-footer{
    margin-top:80px;
    border-top:1px solid #e2e7e2;
    background:#fafbf9;
}
.shop-site-footer .shop-site-inner{
    padding-top:30px;
    padding-bottom:34px;
}
.shop-footer-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
}
.shop-footer-brand strong{
    color:#263029;
    font-size:16px;
}
.shop-footer-brand p{
    max-width:560px;
    margin:8px 0 0;
    color:#7a847c;
    font-size:12px;
    line-height:1.6;
}
.shop-business-info{
    margin-top:20px;
    padding-top:18px;
    border-top:1px solid #e9ede9;
}
.shop-business-lines{
    display:flex;
    flex-wrap:wrap;
    gap:6px 18px;
    margin-bottom:7px;
}
.shop-business-lines span{
    position:relative;
    color:#7b857e;
    font-size:11px;
    line-height:1.6;
}
.shop-business-lines span:not(:last-child)::after{
    content:'';
    position:absolute;
    right:-9px;
    top:5px;
    width:1px;
    height:10px;
    background:#dce2dd;
}
.shop-footer-copy{
    margin:15px 0 0;
    color:#9aa29b;
    font-size:10px;
}
@media(max-width:720px){
    .shop-footer-top{flex-direction:column;gap:16px}
    .shop-footer-links{flex-wrap:wrap}
    .shop-business-lines{display:block;margin:0}
    .shop-business-lines span{display:block;margin-bottom:5px}
    .shop-business-lines span::after{display:none!important}
}

/* 메인 페이지 공통 헤더 연결 */
.site-body .shop-site-header{
    position:sticky;
    top:0;
    backdrop-filter:blur(16px);
}
#products,#occasions,#places,#guide{
    scroll-margin-top:92px;
}