/* Desktop shop header: logo, search, shortcuts */
#hd_wrapper {
    display:flex;
    align-items:center;
    gap:18px;
    width:100%;
    max-width:1130px;
    height:110px;
    padding:20px 0;
}
#hd_wrapper .hd_category_btn {
    flex:0 0 42px;
    width:42px;
    height:48px;
    padding:0;
    border:0;
    background:#fff;
    color:var(--shop-action,#8d1532);
    font-size:27px;
    line-height:48px;
    text-align:center;
    cursor:pointer;
}
#hd_wrapper .hd_category_btn:hover,
#hd_wrapper .hd_category_btn:focus {color:var(--shop-action-hover,#6f1027)}
#hd_wrapper #logo {
    position:relative;
    flex:0 0 188px;
    float:none;
    margin:0;
    padding:0;
    text-align:left;
}
#hd_wrapper #logo img {max-width:188px;max-height:70px;width:auto;height:auto}
#hd_wrapper #hd_scha {
    position:relative;
    right:auto;
    bottom:auto;
    flex:1 1 600px;
    width:auto;
    max-width:none;
    height:50px;
    margin:0;
}
#hd_wrapper #hd_scha form {display:flex;width:100%;height:50px}
#hd_wrapper #hd_scha #sch_str {
    flex:1;
    float:none;
    width:auto;
    height:50px;
    padding:0 20px;
    border:1px solid #d50c0c;
    border-right:0;
    border-radius:26px 0 0 26px;
    color:#555;
    font-size:14px;
}
#hd_wrapper #hd_scha #sch_str::placeholder {color:#aaa}
#hd_wrapper #hd_scha #sch_submit {
    flex:0 0 54px;
    float:none;
    width:54px;
    height:50px;
    border:1px solid #d50c0c;
    border-left:0;
    border-radius:0 26px 26px 0;
    color:#d50c0c;
    font-size:22px;
}
#hd_wrapper #sbn_side_menu {display:none}
#hd_wrapper #sbn_side {display:none}
#hd_wrapper .hd_quick_links {
    display:flex;
    align-items:center;
    flex:0 0 auto;
    gap:17px;
    white-space:nowrap;
}
#hd_wrapper .hd_quick_icon {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:42px;
    color:#555;
    font-size:25px;
    text-decoration:none;
}
#hd_wrapper .hd_quick_icon:hover,
#hd_wrapper .hd_quick_icon:focus {color:#d50c0c}
#hd_wrapper .hd_quick_cart .cart-count {
    position:absolute;
    top:1px;
    right:-8px;
    min-width:17px;
    height:17px;
    padding:0 4px;
    border-radius:9px;
    background:#d50c0c;
    color:#fff;
    font-size:10px;
    line-height:17px;
    text-align:center;
}
#hd_wrapper .hd_business_link {
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:42px;
    margin-left:2px;
    padding-left:18px;
    border-left:1px solid #eee;
    color:#d50c0c;
    font-size:13px;
    font-weight:700;
    line-height:1.25;
    text-decoration:none;
}
#hd_wrapper .hd_business_link small {font-size:11px;font-weight:600;text-align:center}

/* 모든 사용자 페이지에서 스크롤할 때 표시되는 공통 축소 상단 */
#shop_scroll_header {
    display:none;
    position:fixed;
    top:0;
    right:0;
    left:0;
    z-index:1250;
    height:118px;
    background:#fff;
    box-shadow:0 3px 12px rgba(0,0,0,.09);
    opacity:0;
    transform:translateY(-10px);
    transition:opacity .16s ease,transform .16s ease;
}
#shop_scroll_header.is-visible {display:block;opacity:1;transform:translateY(0)}
.shop_scroll_header_inner {display:flex;align-items:center;gap:18px;width:1130px;height:68px;margin:0 auto}
.shop_scroll_menu {flex:0 0 42px;width:42px;height:46px;padding:0;border:0;background:#fff;color:var(--shop-action,#8d1532);font-size:27px;cursor:pointer}
.shop_scroll_menu:hover,.shop_scroll_menu:focus {color:var(--shop-action-hover,#6f1027)}

/* 모바일 로고 옆 전체 카테고리 버튼도 관리자 테마 색상을 따른다. */
#mobile_btn_hdcate {color:var(--shop-action,#8d1532)}
#mobile_btn_hdcate:hover,#mobile_btn_hdcate:focus {color:var(--shop-action-hover,#6f1027)}
.shop_scroll_logo {display:flex;align-items:center;flex:0 0 142px;height:52px}
.shop_scroll_logo img {display:block;max-width:142px;max-height:48px;width:auto;height:auto}
.shop_scroll_search {display:flex;align-items:center;flex:0 1 520px;width:520px;height:42px;border:1px solid #d50c0c;border-radius:22px;overflow:hidden}
.shop_scroll_search input {flex:1;width:auto;height:40px;padding:0 18px;border:0;background:#fff;font-size:13px}
.shop_scroll_search button {flex:0 0 50px;width:50px;height:40px;border:0;background:#fff;color:#d50c0c;font-size:20px}
.shop_scroll_quick {display:flex;align-items:center;gap:7px;margin-left:auto}
.shop_scroll_quick a {position:relative;display:flex;align-items:center;justify-content:center;width:38px;height:40px;color:#555;font-size:20px;text-decoration:none}
.shop_scroll_quick a:hover {color:#d50c0c}
.shop_scroll_quick .cart-count {position:absolute;top:0;right:-3px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d50c0c;color:#fff;font-size:9px;line-height:16px;text-align:center}
.shop_scroll_quick .shop_scroll_business {width:auto;margin-left:5px;padding-left:14px;border-left:1px solid #eee;color:#d50c0c;font-size:12px;font-weight:700}
.shop_scroll_categories {height:50px;background:var(--shop-action,#8d1532)}
.shop_scroll_categories_inner {width:1130px;height:50px;margin:0 auto}
.shop_scroll_category_list {display:flex;width:100%;height:50px;margin:0;padding:0;list-style:none}
.shop_scroll_category_list>li {position:relative;flex:0 0 auto;margin:0;padding:0}
.shop_scroll_category_list>li>a {display:block;height:50px;padding:0 14px;color:#fff;font-size:14px;font-weight:600;line-height:50px;text-decoration:none;white-space:nowrap}
.shop_scroll_category_list>li:hover>a,.shop_scroll_category_list>li.active>a {background:#fff;color:var(--shop-action,#8d1532)}
.shop_scroll_category_list .ul_2nd,.shop_scroll_category_list .ul_3rd,.shop_scroll_category_list .ul_4th {display:none;position:absolute;z-index:1260;width:170px;margin:0;padding:0;background:var(--shop-action,#8d1532);list-style:none}
.shop_scroll_category_list .ul_2nd {top:50px;left:0}
.shop_scroll_category_list .ul_3rd,.shop_scroll_category_list .ul_4th {top:0;left:170px}
.shop_scroll_category_list li:hover>.ul_2nd,.shop_scroll_category_list li:hover>.ul_3rd,.shop_scroll_category_list li:hover>.ul_4th {display:block}
.shop_scroll_category_list .ul_2nd li,.shop_scroll_category_list .ul_3rd li,.shop_scroll_category_list .ul_4th li {position:relative;margin:0;border-bottom:1px solid var(--shop-action-hover,#6f1027)}
.shop_scroll_category_list .ul_2nd a,.shop_scroll_category_list .ul_3rd a,.shop_scroll_category_list .ul_4th a {display:block;padding:10px 14px;color:var(--shop-action-text,#fff);text-decoration:none;white-space:nowrap}
.shop_scroll_category_list .ul_2nd a:hover,.shop_scroll_category_list .ul_3rd a:hover,.shop_scroll_category_list .ul_4th a:hover {background:var(--shop-action-hover,#6f1027);color:var(--shop-action-text,#fff)}
body.sit_scroll_header_active #sit_buy .sit_buy_inner {top:186px !important}
body.sit_scroll_header_active #sit_tab > .tab_tit {display:none !important}
/* 스크롤 시 나타나는 공통 축소 상단(#shop_scroll_header, 118px)이 상품상세 우측
   고정 구매요약(상품명·판매가)을 덮지 않도록 sticky 시작점을 헤더 아래로 내린다. */
body.shop_scroll_header_active #sit_info .sit_buy_inner {
    top:128px !important;
    max-height:calc(100vh - 148px);
}

/*
 * 테마 공통 버튼 토큰과 역할
 * 차후 관리자 테마 설정은 이 변수만 변경하면 전체 버튼에 반영된다.
 */
:root {
    --shop-action:#8d1532;
    --shop-action-hover:#6f1027;
    --shop-action-soft:#fdf3f5;
    --shop-button-secondary:#353a40;
    --shop-button-secondary-border:#4d535b;
    --shop-button-secondary-soft:#f3f4f5;
    --shop-button-danger:#b42936;
    --shop-button-danger-border:#d65b65;
    --shop-button-danger-soft:#fff5f6;
    --shop-button-disabled:#a8adb3;
}

/* 버튼 공통 형태: 아이콘 전용 버튼에는 색상을 강제로 덮지 않는다. */
#container .btn_submit,
#container .btn01,
#container .btn02,
#container .btn_01,
#container .btn_02,
#container .btn_b01,
#container .btn_b02,
#container .btn_cancel,
#container .btn_frmline,
#container .theme-btn-primary,
#container .theme-btn-secondary,
#container .theme-btn-danger {
    border-radius:6px;
    text-decoration:none;
    transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;
}

/* 주요 실행: 저장, 확인, 주문, 등록 */
#container .btn_submit,
#container .btn_01,
#container .btn_b02,
#container .theme-btn-primary,
#side_menu .btn_b02 {
    border-color:var(--shop-action) !important;
    background:var(--shop-action) !important;
    color:#fff !important;
}
#container .btn_submit:hover,
#container .btn_01:hover,
#container .btn_b02:hover,
#container .theme-btn-primary:hover,
#side_menu .btn_b02:hover {
    border-color:var(--shop-action-hover) !important;
    background:var(--shop-action-hover) !important;
    color:#fff !important;
}

/* 보조 실행: 목록, 취소, 계속하기, 선택 작업 */
#container .btn01,
#container .btn02,
#container .btn_02,
#container .btn_b01,
#container .btn_cancel,
#container .btn_frmline,
#container .theme-btn-secondary {
    border-color:var(--shop-button-secondary-border) !important;
    background:#fff !important;
    color:var(--shop-button-secondary) !important;
}
#container .btn01:hover,
#container .btn02:hover,
#container .btn_02:hover,
#container .btn_b01:hover,
#container .btn_cancel:hover,
#container .btn_frmline:hover,
#container .theme-btn-secondary:hover {
    border-color:var(--shop-button-secondary) !important;
    background:var(--shop-button-secondary-soft) !important;
    color:var(--shop-button-secondary) !important;
}

/* 삭제·비우기 */
#container .btn_del,
#container .btn_delete,
#container .theme-btn-danger {
    border-color:var(--shop-button-danger-border) !important;
    background:#fff !important;
    color:var(--shop-button-danger) !important;
}
#container .btn_del:hover,
#container .btn_delete:hover,
#container .theme-btn-danger:hover {
    border-color:var(--shop-button-danger) !important;
    background:var(--shop-button-danger-soft) !important;
    color:var(--shop-button-danger) !important;
}

#container button:disabled,
#container input:disabled,
#container .disabled {
    border-color:#d5d8db !important;
    background:#eceeef !important;
    color:var(--shop-button-disabled) !important;
    cursor:not-allowed;
    box-shadow:none !important;
}

#container .btn_submit:focus,
#container .btn01:focus,
#container .btn02:focus,
#container .btn_cancel:focus,
#container .theme-btn-primary:focus,
#container .theme-btn-secondary:focus,
#container .theme-btn-danger:focus {
    outline:0;
    box-shadow:0 0 0 3px rgba(141,21,50,.16);
}

/* 상품상세 기본/스크롤 탭은 현재 활성 탭만 강조 */
#container #sit_tab > .tab_tit button,
#container #sit_scroll_header .sit_scroll_tabs button {
    border:0 !important;
    border-radius:0;
    background:#fff !important;
    color:#555 !important;
    box-shadow:none !important;
}
#container #sit_tab > .tab_tit button:hover,
#container #sit_scroll_header .sit_scroll_tabs button:hover {
    background:var(--shop-action-soft) !important;
    color:var(--shop-action) !important;
}
#container #sit_tab > .tab_tit button.selected,
#container #sit_scroll_header .sit_scroll_tabs button.selected {
    background:var(--shop-action) !important;
    color:#fff !important;
    font-weight:700;
}
#container #sit_tab > .tab_tit button.selected .item_use_count,
#container #sit_tab > .tab_tit button.selected .item_qa_count {
    background:rgba(255,255,255,.2) !important;
    color:#fff !important;
}

/* 상품 구매 버튼: 보조 동작은 외곽선, 주 동작만 채움 */
#container #sit_ov_btn .sit_btn_cart,
#container #sit_buy .sit_btn_cart {
    border:1px solid var(--shop-action) !important;
    border-radius:6px;
    background:transparent !important;
    color:var(--shop-action) !important;
    box-shadow:none !important;
}
#container #sit_ov_btn .sit_btn_cart:hover,
#container #sit_buy .sit_btn_cart:hover {
    background:var(--shop-action-soft) !important;
    color:var(--shop-action-hover) !important;
}
#container #sit_ov_btn .sit_btn_buy,
#container #sit_buy .sit_btn_buy {
    border:1px solid var(--shop-action) !important;
    border-radius:6px;
    background:var(--shop-action) !important;
    color:#fff !important;
}
#container #sit_ov_btn .sit_btn_buy:hover,
#container #sit_buy .sit_btn_buy:hover {
    border-color:var(--shop-action-hover) !important;
    background:var(--shop-action-hover) !important;
}

/* 상품상세 기본 보조 버튼 */
#container #sit_ov .sit_qty_minus,
#container #sit_ov .sit_qty_plus {
    border-color:#d8d8d8 !important;
    background:#fff !important;
    color:#666 !important;
    box-shadow:none !important;
}
#container #sit_ov .sit_qty_minus:hover,
#container #sit_ov .sit_qty_plus:hover {
    border-color:var(--shop-action) !important;
    background:var(--shop-action-soft) !important;
    color:var(--shop-action) !important;
}
#container #sit_ov_btn .sit_btn_wish {
    border:1px solid #ddd !important;
    background:#fff !important;
    color:var(--shop-action) !important;
    box-shadow:none !important;
}
#container #sit_ov_btn .sit_btn_wish:hover {
    border-color:var(--shop-action) !important;
    background:var(--shop-action-soft) !important;
}
#container #sit_ov .btn_sns_share {
    border:0 !important;
    background:transparent !important;
    color:#777 !important;
    box-shadow:none !important;
}
#container #sit_ov .btn_sns_share:hover {
    color:var(--shop-action) !important;
}

/* 상단 카테고리도 공통 와인색 계열로 통일 */
#hd_menu {background:var(--shop-action) !important;border-top-color:var(--shop-action) !important;border-bottom-color:var(--shop-action) !important}
#hd_menu .ul_1st > li > a {color:#fff !important}
#hd_menu .ul_1st > li:hover > a {background:#fff6f8 !important;color:var(--shop-action) !important}
#hd_menu .ul_1st > li.active > a {background:#fff !important;color:var(--shop-action) !important}
#hd_menu .ul_2nd > li,
#hd_menu .ul_3rd > li,
#hd_menu .ul_4th > li {
    border-color:var(--shop-action-hover,#6f1027) !important;
    background:var(--shop-action,#8d1532) !important;
}
#hd_menu .ul_2nd > li > a,
#hd_menu .ul_3rd > li > a,
#hd_menu .ul_4th > li > a {color:var(--shop-action-text,#fff) !important}
#hd_menu .ul_2nd > li > a:hover,
#hd_menu .ul_3rd > li > a:hover,
#hd_menu .ul_4th > li > a:hover {background:var(--shop-action-hover,#6f1027) !important;color:var(--shop-action-text,#fff) !important}
#hd_menu .ul_2nd > li.active > a,
#hd_menu .ul_3rd > li.active > a,
#hd_menu .ul_4th > li.active > a {background:var(--shop-action-hover,#6f1027) !important;color:var(--shop-action-text,#fff) !important}

/* Newper-style left category drawer */
body.category_drawer_open {overflow:hidden}
#category {
    display:block;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    z-index:15001;
    width:320px;
    max-width:86vw;
    height:100vh;
    margin:0;
    border:0;
    background:#fff;
    box-shadow:8px 0 24px rgba(0,0,0,.16);
    transform:translateX(-105%);
    transition:transform .22s ease;
    overflow:hidden;
}
#category.is-open {transform:translateX(0)}
#category_all_bg {
    display:block;
    position:fixed;
    inset:0;
    z-index:15000;
    background:rgba(0,0,0,.52);
    opacity:0;
    visibility:hidden;
    transition:opacity .22s ease,visibility .22s ease;
}
#category_all_bg.is-open {opacity:1;visibility:visible}
#category .category_drawer_head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:64px;
    padding:0 16px 0 20px;
    border-bottom:1px solid #ececec;
}
#category .category_drawer_head a {color:#222;font-size:15px;text-decoration:none}
#category .category_drawer_head .close_btn {
    position:static;
    width:42px;
    height:42px;
    padding:0;
    border:0;
    background:#fff;
    color:#222;
    font-size:22px;
    text-align:center;
}
#category > h2 {padding:20px 20px 10px;font-size:14px;font-weight:700}
#category .ct_wr {height:calc(100vh - 112px);padding:0 12px 28px;overflow-y:auto}
#category .cate {display:block;margin:0;padding:0;line-height:1.4}
#category .cate:after {display:block;clear:both;content:""}
#category .cate .cate_li_1 {
    float:none;
    width:100%;
    min-height:0;
    margin:0;
    padding:0;
    border:0;
}
#category .cate .cate_li_1_a {
    display:block;
    margin:0;
    padding:13px 10px;
    border-bottom:1px solid #f0f0f0;
    background:#fff;
    color:#222;
    font-size:14px;
    font-weight:600;
    text-align:left;
}
#category .sub_cate {display:block;margin:0;padding:4px 0 8px 14px;background:#fafafa}
#category .cate_li_2 {float:none;width:100%;margin:0;line-height:1.4}
#category .cate_li_2 a {display:block;padding:8px 10px;color:#666;font-size:13px}
#category a:hover {color:#d50c0c}

/* Administrator-selected shop accent: navigation, hero indicators and sale badges. */
#hd_menu .ul_1st>li:hover>a,
#hd_menu .ul_1st>li.active>a,
.shop_scroll_category_list>li:hover>a,
.shop_scroll_category_list>li.active>a,
#category .cate a:hover,
#category .sub_cate a:hover,
#mobile_category .cate a:hover,
#mobile_category .sub_cate a:hover {
    border-color:var(--shop-action,#8d1532)!important;
    background:var(--shop-action,#8d1532)!important;
    color:var(--shop-action-text,#fff)!important;
}
#main_bn .swiper-pagination-bullet-active,
#main_bn_mobile .swiper-pagination-bullet-active,
#main_bn_mobile .owl-dots button.active,
.rolling_box .owl-dots button.active {
    background:var(--shop-action,#8d1532)!important;
}
.sct_disc,
.sct_10 .sct_img .sct_disc,
.sct_wrap .sct_disc,
.sct_40 .sct_disc,
.smt_10 .sct_disc {
    background:var(--shop-action,#8d1532)!important;
    color:var(--shop-action-text,#fff)!important;
}
.sct_disc:after,
.sct_10 .sct_img .sct_disc:after,
.sct_wrap .sct_disc:after {
    border-top-color:var(--shop-action,#8d1532)!important;
}
.sct_disc span,
.sct_10 .sct_img .sct_disc span,
.sct_wrap .sct_disc span {
    color:var(--shop-action-text,#fff)!important;
    opacity:.82;
}
#category .cate_toggle {display:none}

@media (min-width: 641px) and (max-width: 1100px) {
    #category {width:380px;max-width:72vw}
}

@media (max-width: 1100px) {
    #category {display:block !important}
    #category_all_bg {display:block !important}
    #category .category_drawer_head {position:sticky;top:0;z-index:2;background:#fff}
    #category > h2 {padding:16px 18px 8px}
    #category .ct_wr {height:calc(100dvh - 108px);padding:0 10px 24px}
    #category .cate .cate_li_1 {position:relative}
    #category .cate .cate_li_1_a {padding:14px 48px 14px 12px;font-size:15px}
    #category .cate_toggle {
        display:block;
        position:absolute;
        top:3px;
        right:0;
        width:44px;
        height:44px;
        padding:0;
        border:0;
        background:transparent;
        color:#777;
        font-size:15px;
    }
    #category .cate_toggle i {transition:transform .18s ease}
    #category .cate_li_1.is-expanded > .cate_toggle i {transform:rotate(180deg)}
    #category .sub_cate {display:none;padding:5px 8px 9px 16px}
    #category .cate_li_1.is-expanded > .sub_cate {display:block}
    #category .cate_li_2 a {padding:10px;font-size:14px}
}

@media (max-width: 640px) {
    #category {width:calc(100vw - 28px);max-width:none}
    #category .category_drawer_head {height:58px;padding:0 10px 0 16px}
    #category .category_drawer_head .close_btn {width:44px;height:44px}
    #category .ct_wr {height:calc(100dvh - 102px)}
    #category_all_bg {background:rgba(0,0,0,.58)}
}

@media (max-width: 1100px) {
    /* PC 헤더를 모바일에서도 재배치해 하나의 반응형 헤더로 사용한다. */
    #mobile_hd {display:none !important}
    #mobile_hd ~ #hd {display:block !important;min-width:0;background:#fff}
    #hd_wrapper {
        display:flex !important;
        flex-wrap:wrap;
        gap:8px 10px;
        height:auto;
        min-height:112px;
        padding:10px 12px 12px;
        background:#fff;
    }
    #hd_wrapper .hd_category_btn {flex-basis:38px;width:38px;height:44px;line-height:44px;font-size:23px}
    #hd_wrapper #logo {flex:1 1 120px;min-width:0;text-align:center}
    #hd_wrapper #logo img {max-width:145px;max-height:44px}
    #hd_wrapper .hd_quick_links {gap:10px}
    #hd_wrapper .hd_quick_icon {width:25px;height:44px;font-size:21px}
    #hd_wrapper .hd_business_link {display:none}
    #hd_wrapper #hd_scha {order:10;flex:1 0 100%;height:42px}
    #hd_wrapper #hd_scha form {height:42px}
    #hd_wrapper #hd_scha #sch_str {height:42px;padding-left:16px;font-size:13px}
    #hd_wrapper #hd_scha #sch_submit {flex-basis:48px;width:48px;height:42px;font-size:19px}
}

@media (min-width:981px) and (max-width:1100px) {
    .shop_scroll_header_inner,.shop_scroll_categories_inner {width:calc(100% - 24px)}
    .shop_scroll_header_inner {gap:10px}
    .shop_scroll_logo {flex-basis:125px}
    .shop_scroll_logo img {max-width:125px}
    .shop_scroll_search {flex-basis:auto;width:auto}
    .shop_scroll_category_list>li>a {padding-right:9px;padding-left:9px;font-size:12px}
}

@media (max-width: 980px) {
    /* 태블릿·모바일 스크롤 헤더: 카테고리는 제외하고 메뉴·로고·검색만 유지한다. */
    #shop_scroll_header {height:62px}
    #shop_scroll_header.is-visible {display:block !important}
    .shop_scroll_header_inner {
        gap:10px;
        width:100%;
        height:62px;
        padding:0 14px;
        box-sizing:border-box;
    }
    .shop_scroll_menu {flex-basis:38px;width:38px;height:42px;font-size:23px}
    .shop_scroll_logo {flex-basis:126px;height:46px}
    .shop_scroll_logo img {max-width:126px;max-height:42px}
    .shop_scroll_search {flex:1 1 auto;min-width:0;width:auto;height:40px}
    .shop_scroll_search input {min-width:0;height:38px;padding:0 14px}
    .shop_scroll_search button {flex-basis:44px;width:44px;height:38px;font-size:18px}
    .shop_scroll_quick,.shop_scroll_categories {display:none !important}
    body.sit_scroll_header_active #sit_buy .sit_buy_inner {top:70px !important}
}

@media (max-width: 420px) {
    #hd_wrapper {column-gap:7px;padding-right:10px;padding-left:10px}
    #hd_wrapper #logo img {max-width:125px}
    #hd_wrapper .hd_quick_links {gap:6px}
    #hd_wrapper .hd_quick_icon {width:23px;font-size:20px}
    #shop_scroll_header {height:56px}
    .shop_scroll_header_inner {gap:7px;height:56px;padding:0 9px}
    .shop_scroll_menu {flex-basis:34px;width:34px;height:38px;font-size:21px}
    .shop_scroll_logo {flex-basis:94px;height:42px}
    .shop_scroll_logo img {max-width:94px;max-height:38px}
    .shop_scroll_search {height:36px}
    .shop_scroll_search input {height:34px;padding:0 10px;font-size:12px}
    .shop_scroll_search button {flex-basis:38px;width:38px;height:34px;font-size:17px}
    body.sit_scroll_header_active #sit_buy .sit_buy_inner {top:64px !important}
}
.tnb_supplier>a,.tnb_supplier>a strong,.cate_supplier>a,.cate_supplier>a i{color:var(--shop-action,#8d1532)!important}
.tnb_supplier>a:hover,.tnb_supplier>a:focus,.tnb_supplier>a:hover strong,.tnb_supplier>a:focus strong,.cate_supplier>a:hover,.cate_supplier>a:focus,.cate_supplier>a:hover i,.cate_supplier>a:focus i{color:var(--shop-action-hover,#6e1027)!important}