/* 2026-10-14: top menu - "★ BEST SELLERS" item (black pill, yellow star) and tighter spacing between menu items so more
   menus fit on one line (was 25px each side = 50px between items). Loaded after style.css/layout.css in INDEX.master. */
@media screen and (min-width: 1025px) {
    .gnbWrap .gnbMenu .gnbInner .wmenu > a { padding-left: 16px; padding-right: 16px; }
    .gnbWrap .gnbMenu .gnbInner .wmenu.wmenu-best { align-items: center; }
    .gnbWrap .gnbMenu .gnbInner .wmenu.wmenu-best > a {
        background: #111; color: #fff; border-radius: 99px; padding: 7px 15px; margin: 6px 0 6px 10px;
        font-weight: 700; letter-spacing: .6px; transition: background .15s;
    }
    .gnbWrap .gnbMenu .gnbInner .wmenu.wmenu-best > a:hover { background: #ff5479; color: #fff; text-decoration: none; }
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
    .gnbWrap .gnbMenu .gnbInner .wmenu > a { padding-left: 12px; padding-right: 12px; }
}
@media screen and (min-width: 1025px) and (max-width: 1199px) {   /* small laptops: 12 items still on one line */
    .gnbWrap .gnbMenu .gnbInner .wmenu { font-size: 13px; }
    .gnbWrap .gnbMenu .gnbInner .wmenu > a { padding-left: 8px; padding-right: 8px; letter-spacing: 0; }
    .gnbWrap .gnbMenu .gnbInner .wmenu.wmenu-best > a { padding: 6px 12px; margin-left: 6px; }
}
.gnbWrap .gnbMenu .gnbInner .wmenu.wmenu-best .bs-star { color: #f5b301; }
/* phone menu (opened list): plain row like the others, bold, yellow star */
#wrap.openNav .gnbWrap .gnbMenu .gnbInner .wmenu.wmenu-best > a { font-weight: 800; }
@media screen and (min-width: 1025px) and (max-width: 1099px) {
    .gnbWrap .gnbMenu .gnbInner .wmenu > a { padding-left: 6px; padding-right: 6px; }
}