:root {
    --primary-red: #7B1A1A;
    --primary-blue: #0F1B3D;
    --primary-purple: #3B1A6B;
    --primary-green: #15803D;
    --accent-orange: #D97706;
    --accent-yellow: #F59E0B;
    --bg-gray: #F7F7F7;
    --text-dark: #1A1A1A;
    --text-gray: #555;
    --text-light: #AAA;
    --border-light: #EEE;
    --border-medium: #DDD;
}

#page-title,
#wrapper_title,
#container_title,
#text_size {
    display: none !important;
}

#container .shop-content {
    width: 100%;
    max-width: none;
}

.header {display: none}
/* visibility */
.pc-only {display:none;}
.mobile-only {display:inline-flex;}

a,
button,
input,
textarea,
select {
    -webkit-tap-highlight-color: transparent;
}
input, button, textarea,h1,h2,h3 {font-family: sans-serif;}

/* Pagination */
.pg_wrap{display:flex;justify-content:center;margin:40px 0;}
.pg{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.pg_page,.pg_current{min-width:42px;height:42px;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;transition:.2s;box-sizing:border-box;}
.pg_page{background:#fff;border:1px solid #E5E7EB;color:#666;}
.pg_page:hover{border-color:#7B1A1A;color:#7B1A1A;background-color:#FFF7F7;}
.pg_current{background:#7B1A1A;border:1px solid #7B1A1A;color:#fff;}
.pg_start,.pg_end,.pg_next{padding:0 16px;font-size:13px;color:#888;}
.pg_start {background: url('../img/arrow-double-left.svg') no-repeat 50% 50% #fff;background-size: 40%}
.pg_prev {background: url('../img/arrow-left.svg') no-repeat 50% 50% #fff;background-size: 40%}
.pg_next {background: url('../img/arrow-right.svg') no-repeat 50% 50% #fff;background-size: 40%}
.pg_end {background: url('../img/arrow-double-right.svg') no-repeat 50% 50% #fff;background-size: 40%}
.pg_start::before{content:"≪";margin-right:4px;}
.pg_next::after{content:"›";margin-left:4px;font-size:16px;}
.pg_end::after{content:"≫";margin-left:4px;}


.breadcrumb {background: #fff;border-bottom: 1px solid #f0f0f0;padding: 9px 40px;display: none;}
/* 브레드크럼 - 데스크톱 전용 */
.bc-inner {max-width: 1060px;margin: 0 auto;font-size: 13px;color: var(--text-light);display: flex;align-items: center;gap: 5px;}
.bc-inner a {color: var(--text-light);text-decoration: none;}
.bc-inner a.bc-cur {color: var(--primary-red);font-weight: 600;}
.bc-inner a:hover {color: var(--primary-red);}
.bc-inner i {font-size: 11px}
.bc-cur {color: var(--primary-red);font-weight: 600;}

@media (min-width: 1024px) {
    .header {display: block}
    .pc-only {display:block}
    .mobile-only {display:none;}

    /* GNB 표시, 모바일 상단바 숨김 */
    .gnb {display: flex;}
    .breadcrumb {display: block;}
}
@media (max-width: 1023px) {
    #hd {
        display: none !important;
    }

    #container {
        width: 100%;
        padding: 0;
    }
}