/* 공식 채널: 내용 폭 알약 버튼, 왼쪽 정렬 한 줄(좁으면 줄바꿈) */
#shop .channel-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px}
#shop .sales-links,#shop .sns-links{display:contents}
#shop .channel-button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 20px;border:0;border-radius:999px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:500;line-height:1.5;text-decoration:none!important;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
#shop .channel-button img{display:block;width:20px;height:20px;object-fit:contain;flex:none}
#shop .channel-button img[src*="naver-color.svg"]{transform:scale(.8)}
#shop .channel-button img[src*="instagram-color.svg"]{transform:scale(.95)}
#shop .channel-button img[src*="youtube-color.svg"]{transform:scale(1.15)}
#shop .store-symbol{display:block;width:20px;height:22px;fill:currentColor;flex:none;transform:scale(.9)}
/* 평소 중립색, 호버·포커스 시 채널색 배경과 흰색 로고 */
#shop .channel-button:is(:hover,:focus-visible) img{filter:brightness(0) invert(1)}
#shop .channel-button.owned-store:is(:hover,:focus-visible){background:#1d1d1f;color:#fff}
#shop .channel-button.naver-brand-store:is(:hover,:focus-visible){background:#03C75A;color:#fff}
#shop .channel-button[href*="instagram.com"]:is(:hover,:focus-visible){background:linear-gradient(115deg,#f9a13b 0%,#dc2743 45%,#bc1888 75%,#833ab4 100%);color:#fff}
#shop .channel-button[href*="blog.naver.com"]:is(:hover,:focus-visible){background:#03C75A;color:#fff}
#shop .channel-button[href*="youtube.com"]:is(:hover,:focus-visible){background:#FF0000;color:#fff}
#shop .channel-button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media(prefers-reduced-motion:reduce){#shop .channel-button{transition:none}}
/* 모바일: 판매채널 2개 위, SNS 3개 아래(각 칸 균등 알약) */
@media(max-width:800px){
#shop .channel-row{flex-direction:column;align-items:stretch;gap:10px}
#shop .sales-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#shop .sns-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#shop .channel-button{width:100%;min-width:0;padding:10px 8px;font-size:12px;gap:7px}
}

/* 다크모드: 자사몰 버튼 hover가 검정 배경에 묻히지 않도록 */
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) #shop .channel-button.owned-store:is(:hover,:focus-visible){background:#f5f5f7;border-color:#f5f5f7;color:#1d1d1f}}
:root[data-theme="dark"] #shop .channel-button.owned-store:is(:hover,:focus-visible){background:#f5f5f7;border-color:#f5f5f7;color:#1d1d1f}