@charset "utf-8";

/* aiwebdi 브랜드 리스킨 — 그누보드 기본(youngcart) 쇼핑몰 스킨 위에 색상/카테고리 탭만 새로 정의합니다. */
:root {
    --ink:#14161a;
    --muted:#6b7280;
    --line:#e6e8ec;
    --surface:#f5f6f8;
    --accent:#2451e0;
    --accent-2:#ff2e79;
}

/* default_shop.css 보다 뒤에서 로드되어야 하지만, 일부 쇼핑몰 페이지(list.php 등)는
   add_stylesheet 큐가 출력되지 않아 이 파일을 default_shop.css 최상단에 @import 하는
   방식으로 항상 적용시킨다. default_shop.css 쪽의 옛 헤더/푸터 규칙은 제거했으므로
   아래 규칙들은 !important 없이도 그대로 적용된다. */

/* ===== 헤더/메인메뉴/푸터 — 커뮤니티(default.css)와 동일 구성 ===== */

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd {background:#fff}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.hd_user {position:relative}
.hd_user_btn {background:none;border:0;padding:0;font:inherit;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.hd_user_btn:hover {color:var(--ink)}
.hd_user_panel {position:absolute;top:calc(100% + 10px);right:0;width:280px;z-index:600;background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.hd_user_panel .ol {margin-bottom:0;border-color:#eee}


/* ===== eyoom 스타일 카테고리 아이콘 탭 ===== */

/* 우측 튀어나오는 퀵메뉴는 theme/aiwebdi/widget.quickmenu.style.php 에서 커뮤니티/쇼핑몰 공통으로 스타일링됩니다 */

/* ===== 좌측 인기상품 / 사이드 박스 ===== */
#side_pd {border-color:var(--line) !important; border-radius:12px !important}
#side_pd h2 {border-bottom-color:var(--line) !important; font-weight:700 !important; color:var(--ink) !important}
#side_pd h2 a {color:var(--ink) !important}

/* ===== 데모 미리보기 버튼 (상품등록 시 '추가입력1' 에 데모 URL을 넣으면 노출) ===== */
#sit_demo {margin:14px 0}
.btn_demo_preview {display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:999px; border:1.5px solid var(--accent); color:var(--accent) !important; font-weight:700; font-size:0.95em;
-webkit-transition:background .2s ease, color .2s ease;
transition:background .2s ease, color .2s ease}
.btn_demo_preview:hover {background:var(--accent); color:#fff !important}

/* ===== 스토어 홈 신상품 그리드 (히어로 배너 없이 카테고리 탭 바로 아래) ===== */

/* 카드 그리드: 4열, 카드 사이 여백, 마지막 줄이 다 안 채워져도 가운데 정렬 */

/* ===== 상품 카드 그리드 ===== */
.sct_li {border:1px solid var(--line); border-radius:14px; overflow:hidden; background:#fff;
-webkit-transition:box-shadow .25s ease, transform .25s ease;
transition:box-shadow .25s ease, transform .25s ease}
.sct_li:hover {box-shadow:0 14px 28px rgba(20,22,26,.10); transform:translateY(-4px)}
.sct_img {background:var(--surface)}
.sct_ct_wrap {padding:16px}
.sct_txt a {color:var(--ink); font-weight:700}
.sct_basic {color:var(--muted)}
.sct_cost {color:var(--ink); font-weight:800}
.sct_dict {color:var(--muted); text-decoration:line-through; font-weight:400}
.sct_noitem {text-align:center; padding:60px 0; color:var(--muted); border:1px dashed var(--line); border-radius:14px}