:root{
  --bg:#f5f2eb;
  --paper:#fffdf8;
  --ink:#1f1e1a;
  --muted:#6e6a61;
  --line:#d9d3c8;
  --deep:#2f3b36;
  --accent:#9b6c3a;
  --accent-dark:#704a24;
  --soft:#e9e2d7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Pretendard","Noto Sans KR","Malgun Gothic",Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
}
button,input,select{font:inherit}
button{cursor:pointer}
.topbar{
  position:sticky;top:0;z-index:20;
  height:74px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 28px;
  background:rgba(255,253,248,.94);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(8px);
}
.brand{
  font-family:Georgia,"Times New Roman",serif;
  font-size:26px;font-weight:700;letter-spacing:-.5px;
  cursor:pointer;
}
.top-actions{display:flex;gap:10px}
.layout{
  display:grid;
  grid-template-columns:290px 1fr;
  max-width:1500px;
  margin:0 auto;
}
.sidebar{
  min-height:calc(100vh - 74px);
  padding:28px 22px 40px 28px;
  border-right:1px solid var(--line);
}
.welcome-card,.contact-card{
  background:var(--paper);
  border:1px solid var(--line);
  padding:22px;
}
.welcome-card h2{font-size:22px;line-height:1.45;margin:9px 0 10px}
.welcome-card p,.contact-card p,.muted{
  color:var(--muted);line-height:1.7;font-size:14px;
}
.mini-title,.eyebrow{
  font-size:11px;font-weight:800;letter-spacing:2px;color:var(--accent);
}
.category-nav{margin:24px 0}
.category-nav button{
  width:100%;
  padding:13px 14px;
  margin-bottom:7px;
  border:0;
  border-left:3px solid transparent;
  background:transparent;
  text-align:left;
  font-weight:700;
  color:#3c3933;
}
.category-nav button:hover,.category-nav button.active{
  border-left-color:var(--accent);
  background:var(--soft);
}
.contact-card button{
  width:100%;padding:11px 10px;margin-top:8px;
  border:1px solid var(--line);background:white;
}
.content{padding:28px 34px 50px;min-width:0}
.hero{
  min-height:360px;
  padding:54px;
  display:grid;grid-template-columns:1.2fr .8fr;gap:30px;
  align-items:center;
  background:var(--deep);
  color:white;
  overflow:hidden;
}
.hero h1{
  margin:14px 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:46px;line-height:1.18;
}
.hero p{max-width:650px;line-height:1.8;color:#e9ebe8}
.hero-actions{display:flex;gap:10px;margin-top:24px}
.hero-art{position:relative;height:250px}
.hero-frame{
  position:absolute;right:55px;top:12px;
  width:195px;height:220px;
  border:14px solid #c9af87;
  box-shadow:0 15px 35px rgba(0,0,0,.25);
  background:linear-gradient(135deg,#d7c2a6,#806c59 55%,#e5d5bf);
  transform:rotate(3deg);
}
.hero-frame.small{
  width:120px;height:150px;right:0;top:75px;
  border-width:10px;
  background:linear-gradient(135deg,#5e6d78,#ccd4d8 55%,#8a9aa4);
  transform:rotate(-7deg);
}
.accent-btn,.ghost-btn,.kakao-btn{
  border:1px solid transparent;
  padding:11px 16px;
  font-weight:800;
}
.accent-btn{background:var(--accent);color:#fff}
.accent-btn:hover{background:var(--accent-dark)}
.ghost-btn{background:transparent;color:inherit;border-color:var(--line)}
.kakao-btn{background:#fee500;color:#161616}
.toolbar{
  display:flex;justify-content:space-between;align-items:end;
  gap:20px;margin:34px 0 18px;
}
.toolbar h2{margin:7px 0 0;font-size:28px}
.search-wrap{display:flex;gap:8px}
.search-wrap input,.search-wrap select{
  border:1px solid var(--line);
  background:var(--paper);
  padding:10px 12px;
  min-height:42px;
}
.search-wrap input{width:250px}
.product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.product-card{
  background:var(--paper);
  border:1px solid var(--line);
  transition:.18s ease;
}
.product-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.06)}
.image-box{
  position:relative;
  aspect-ratio:4/3;
  background:#ddd;
  overflow:hidden;
}
.image-box img{width:100%;height:100%;object-fit:cover;display:block}
.status-badge{
  position:absolute;left:12px;top:12px;
  background:rgba(255,255,255,.94);
  padding:7px 9px;font-size:12px;font-weight:800;
}
.fav-btn{
  position:absolute;right:12px;top:12px;
  width:38px;height:38px;border-radius:50%;
  background:rgba(255,255,255,.94);border:0;
  font-size:20px;
}
.card-body{padding:16px}
.card-meta{font-size:12px;color:var(--accent);font-weight:800}
.card-title{margin:6px 0 4px;font-size:20px}
.card-author{color:var(--muted);font-size:14px}
.card-bottom{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;margin-top:16px
}
.price{font-weight:900}
.detail-btn{border:1px solid var(--line);background:white;padding:8px 11px}
.empty-state{
  grid-column:1/-1;
  padding:70px 20px;text-align:center;
  border:1px dashed var(--line);color:var(--muted);
}
.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px}
.hidden{display:none!important}
.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58)}
.modal-panel{
  position:relative;z-index:1;
  width:min(980px,96vw);max-height:92vh;overflow:auto;
  background:var(--paper);padding:30px;
}
.modal-panel.narrow{width:min(560px,94vw)}
.modal-close{
  position:absolute;right:18px;top:12px;
  font-size:32px;border:0;background:transparent;
}
.detail-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:30px;
}
.detail-image{width:100%;aspect-ratio:4/3;object-fit:cover;background:#ddd}
.detail-title{font-size:34px;margin:10px 0}
.spec-table{width:100%;border-collapse:collapse;margin:18px 0}
.spec-table td{border-bottom:1px solid var(--line);padding:10px 5px;vertical-align:top}
.spec-table td:first-child{width:100px;color:var(--muted);font-size:13px}
.description{line-height:1.85;color:#4e4a43}
.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.contact-actions{display:flex;gap:10px;margin:22px 0}
.notice-box{
  background:var(--soft);
  padding:16px;line-height:1.65;font-size:14px
}
footer{
  display:flex;justify-content:space-between;gap:20px;
  padding:24px 32px;
  border-top:1px solid var(--line);
  color:var(--muted);font-size:13px
}
@media(max-width:1050px){
  .layout{grid-template-columns:230px 1fr}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero{padding:36px}
  .hero h1{font-size:38px}
}
@media(max-width:780px){
  .topbar{padding:0 16px}
  .brand{font-size:20px}
  .layout{display:block}
  .sidebar{min-height:auto;border-right:0;border-bottom:1px solid var(--line);padding:18px}
  .category-nav{display:flex;gap:6px;overflow:auto}
  .category-nav button{width:auto;white-space:nowrap;border-left:0;border-bottom:3px solid transparent}
  .category-nav button.active{border-bottom-color:var(--accent)}
  .contact-card{display:none}
  .content{padding:18px}
  .hero{grid-template-columns:1fr;padding:30px 22px;min-height:auto}
  .hero-art{display:none}
  .hero h1{font-size:34px}
  .toolbar{display:block}
  .search-wrap{margin-top:15px}
  .search-wrap input{width:100%}
  .product-grid{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr}
  footer{display:block}
}

.theme-menu{
  margin:24px 0;
  padding:18px 0 4px;
  border-top:1px solid var(--line);
}
.theme-menu h3{margin:7px 0 14px;font-size:18px}
.category-nav{margin:0}
.theme-group{
  margin:14px 0 18px;
  border-bottom:1px solid var(--line);
  padding-bottom:12px;
}
.theme-label{
  padding:0 10px 7px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.7px;
  color:var(--accent);
}
.category-nav .category-child{
  padding:10px 14px 10px 22px;
  margin-bottom:2px;
  font-size:14px;
}
.category-nav .theme-all{
  margin-bottom:12px;
  background:var(--deep);
  color:white;
  border-left-color:var(--accent);
}
@media(max-width:780px){
  .theme-menu{overflow:auto}
  .category-nav{display:block}
  .theme-group{min-width:190px}
}

/* v0.4 상단 대분류 + 하위 분류 */
.top-category-bar{
  position:sticky;
  top:74px;
  z-index:19;
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px 28px;
  background:var(--paper);
  border-bottom:1px solid var(--line);
  overflow-x:auto;
}
.top-category-bar button{
  flex:0 0 auto;
  min-width:118px;
  padding:13px 18px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  font-weight:900;
  font-size:15px;
}
.top-category-bar button:hover,
.top-category-bar button.active{
  background:var(--deep);
  color:#fff;
  border-color:var(--deep);
}
.sub-category-bar{
  position:sticky;
  top:128px;
  z-index:18;
  display:flex;
  align-items:center;
  gap:8px;
  min-height:49px;
  padding:8px 28px;
  background:#f3eee4;
  border-bottom:1px solid var(--line);
  overflow-x:auto;
}
.sub-category-bar button{
  flex:0 0 auto;
  padding:8px 14px;
  border:1px solid #d8cfbf;
  background:#fffdf8;
  font-size:13px;
  font-weight:800;
}
.sub-category-bar button.active{
  border-color:var(--accent);
  color:var(--accent-dark);
  background:#eee3d4;
}

/* 왼쪽 THEME 제목: 박스 + 굵은 글씨 */
.theme-label{
  display:block;
  padding:12px 14px;
  margin-bottom:7px;
  border:1px solid var(--line);
  background:#eee6d9;
  color:var(--ink);
  font-size:13px;
  font-weight:900;
  letter-spacing:.2px;
}
.theme-group{
  margin:12px 0 18px;
  border-bottom:0;
  padding-bottom:0;
}
.theme-children{
  padding-left:6px;
}
.category-nav .category-child{
  padding:9px 14px 9px 20px;
  border-left:3px solid transparent;
  font-weight:650;
}
.category-nav .category-child.active{
  border-left-color:var(--accent);
  background:var(--soft);
}

@media(max-width:780px){
  .top-category-bar{top:74px;padding:10px 14px}
  .sub-category-bar{top:124px;padding:7px 14px}
  .top-category-bar button{min-width:auto}
}

/* v0.5 preview: 세부메뉴를 배너 아래, COLLECTION 위의 흰 공간으로 이동 */
.collection-subnav{
  display:flex;
  align-items:center;
  gap:0;
  min-height:58px;
  margin:22px 0 0;
  padding:0 8px;
  background:var(--paper);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  overflow-x:auto;
}
.collection-subnav button{
  flex:0 0 auto;
  min-width:105px;
  padding:13px 20px;
  border:0;
  border-right:1px solid var(--line);
  background:transparent;
  font-size:14px;
  font-weight:800;
}
.collection-subnav button:first-child{border-left:1px solid var(--line)}
.collection-subnav button:hover,
.collection-subnav button.active{
  color:var(--accent-dark);
  background:#f1e9dd;
  box-shadow:inset 0 -3px 0 var(--accent);
}
.collection-subnav .subnav-hint{
  padding:0 12px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
}
@media(max-width:780px){
  .collection-subnav{margin-top:14px;min-height:50px;padding:0}
  .collection-subnav button{min-width:auto;padding:11px 14px}
}

/* v0.6: 대메뉴를 상단에서 삭제하고 메인 배너 아래 흰 공간으로 이동 */
.collection-mainnav{
  display:flex;
  align-items:center;
  gap:10px;
  margin:22px 0 0;
  padding:14px 0 10px;
  background:transparent;
  overflow-x:auto;
}
.collection-mainnav button{
  flex:0 0 auto;
  min-width:120px;
  padding:14px 18px;
  border:1px solid var(--line);
  background:#fffdf8;
  color:var(--ink);
  font-size:15px;
  font-weight:900;
}
.collection-mainnav button:hover,
.collection-mainnav button.active{
  background:var(--deep);
  color:#fff;
  border-color:var(--deep);
}

/* 기존 상단 고정 메뉴 스타일 무력화 */
.top-category-bar{
  display:none !important;
}

/* 세부메뉴는 대메뉴 바로 아래 */
.collection-subnav{
  margin:0 0 4px;
  min-height:52px;
  padding:0;
  background:transparent;
  border-top:0;
}
.collection-subnav .subnav-hint{
  padding:12px 4px;
}

/* 대메뉴 선택 시 화면이 위로 튀는 현상 방지 */
html{
  scroll-behavior:auto;
}

@media(max-width:780px){
  .collection-mainnav{
    margin-top:14px;
    padding:10px 0 8px;
  }
  .collection-mainnav button{
    min-width:auto;
    padding:11px 14px;
  }
}

/* v0.7 왼쪽 고정 회사/문의 패널 */
.sidebar{
  position:relative;
  padding:28px 18px 50px 20px;
  overflow:visible;
}

.sticky-contact-panel{
  position:sticky;
  top:92px;
  align-self:start;
}

.company-promo{
  background:var(--paper);
  border:1px solid var(--line);
  margin-bottom:16px;
  overflow:hidden;
}

.promo-image{
  min-height:190px;
  padding:26px 20px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:
    linear-gradient(145deg,rgba(33,48,42,.10),rgba(151,103,52,.10)),
    linear-gradient(135deg,#d7c6ad,#ede4d7 48%,#b8a48c);
  border-bottom:1px solid var(--line);
}

.promo-logo{
  font-family:Georgia,"Times New Roman",serif;
  font-size:29px;
  line-height:1.02;
  font-weight:800;
  color:var(--deep);
  letter-spacing:-.4px;
}

.promo-sub{
  margin-top:8px;
  font-size:12px;
  font-weight:700;
  color:#514d46;
}

.promo-copy{
  padding:18px;
}

.promo-copy h2{
  margin:7px 0 10px;
  font-size:20px;
  line-height:1.45;
}

.promo-copy p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.7;
}

.fixed-contact-card{
  background:var(--deep);
  color:white;
  border:1px solid var(--deep);
  padding:18px;
  box-shadow:0 8px 22px rgba(0,0,0,.08);
}

.fixed-contact-card .mini-title{
  color:#d5a86c;
}

.fixed-contact-card h3{
  margin:7px 0 14px;
  font-size:20px;
}

.contact-row{
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.18);
  color:white;
  text-decoration:none;
}

.contact-row:hover{
  opacity:.86;
}

.contact-icon{
  flex:0 0 36px;
  width:36px;
  height:36px;
  border:1px solid rgba(255,255,255,.45);
  display:grid;
  place-items:center;
  font-weight:900;
}

.contact-row small{
  display:block;
  margin-bottom:3px;
  color:#d7d7d2;
  font-size:11px;
}

.contact-row strong{
  display:block;
  font-size:14px;
  line-height:1.35;
  word-break:break-all;
}

.contact-note{
  margin-top:12px;
  padding:12px;
  background:rgba(255,255,255,.08);
  font-size:12px;
  line-height:1.6;
  color:#ecebe5;
}

/* 왼쪽 기존 테마 메뉴는 v0.7에서 사용하지 않음 */
.theme-menu,
.category-nav,
.welcome-card,
.contact-card{
  display:none !important;
}

/* 왼쪽 고정 패널이 너무 길면 화면 안에서 자체 스크롤 가능 */
@media(min-width:781px){
  .sticky-contact-panel{
    max-height:calc(100vh - 110px);
    overflow:auto;
    scrollbar-width:thin;
  }
}

@media(max-width:780px){
  .sticky-contact-panel{
    position:static;
    max-height:none;
    overflow:visible;
  }
  .company-promo{
    display:grid;
    grid-template-columns:140px 1fr;
  }
  .promo-image{
    min-height:160px;
  }
}

/* v0.8 스크롤 정상화 */
html, body{
  min-height:100%;
  overflow-y:auto !important;
}

body{
  overflow-x:hidden;
}

.layout{
  align-items:start;
}

.sidebar{
  position:relative !important;
  overflow:visible !important;
  height:auto !important;
  max-height:none !important;
}

.sticky-contact-panel{
  position:sticky !important;
  top:18px !important;
  max-height:none !important;
  overflow:visible !important;
  height:auto !important;
}

/* 이전 버전의 내부 스크롤 강제 해제 */
@media(min-width:781px){
  .sticky-contact-panel{
    max-height:none !important;
    overflow:visible !important;
    scrollbar-width:auto !important;
  }
}

/* 오른쪽 콘텐츠는 절대 고정하지 않고 일반 문서 흐름으로 */
.content,
.hero,
.collection-mainnav,
.collection-subnav,
.toolbar,
.product-grid{
  position:relative !important;
  top:auto !important;
  max-height:none !important;
  overflow:visible;
}

.category-empty{
  min-height:220px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:var(--paper);
  border:1px dashed var(--line);
  font-size:15px;
  line-height:1.8;
}
.category-empty strong{
  font-size:20px;
  color:var(--accent-dark);
  margin-bottom:4px;
}

.product-grid{
  min-height:320px;
  align-items:start;
}
.product-card{
  min-height:0;
}
.image-box{
  min-height:210px;
}

/* ===== v0.9 핵심 수정 ===== */

/* 브라우저 전체 페이지는 반드시 세로 스크롤 */
html{
  height:auto !important;
  min-height:100% !important;
  overflow-y:scroll !important;
  overflow-x:hidden !important;
}
body{
  height:auto !important;
  min-height:100vh !important;
  overflow:visible !important;
  overflow-x:hidden !important;
}

/* 기존 grid 구조를 풀고 왼쪽은 완전 고정 */
.layout{
  display:block !important;
  max-width:none !important;
  margin:0 !important;
  min-height:100vh !important;
}

/* 왼쪽 고정 패널 */
.sidebar{
  position:fixed !important;
  left:0 !important;
  top:74px !important;
  bottom:0 !important;
  width:272px !important;
  height:calc(100vh - 74px) !important;
  max-height:none !important;
  padding:18px 14px 24px !important;
  border-right:1px solid var(--line) !important;
  background:var(--bg) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  z-index:15 !important;
}

/* sticky 제거: sidebar 자체가 fixed라 내부는 일반 흐름 */
.sticky-contact-panel{
  position:static !important;
  top:auto !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}

/* 오른쪽 본문은 왼쪽 폭만큼 띄우고 정상 스크롤 */
.content{
  margin-left:272px !important;
  width:calc(100% - 272px) !important;
  min-height:150vh !important;
  padding:28px 34px 80px !important;
  position:relative !important;
  overflow:visible !important;
}

/* footer도 왼쪽 고정패널 뒤로 들어가지 않게 */
footer{
  margin-left:272px !important;
}

/* 회사 홍보사진 박스를 더 명확하게 */
.promo-image{
  position:relative;
  min-height:170px !important;
}
.company-photo-label{
  position:absolute;
  top:12px;
  left:12px;
  padding:6px 9px;
  background:rgba(255,253,248,.9);
  border:1px solid rgba(0,0,0,.12);
  font-size:11px;
  font-weight:900;
  color:var(--deep);
}

/* 상품 사진 플레이스홀더 카드 */
.placeholder-card{
  opacity:1 !important;
}
.placeholder-photo{
  min-height:235px !important;
  background:
    linear-gradient(135deg,#e7dfd2 0%,#f7f2e9 50%,#d7c9b7 100%) !important;
  border-bottom:1px solid var(--line);
}
.placeholder-photo-inner{
  width:100%;
  height:100%;
  min-height:235px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
  color:#6f675d;
}
.placeholder-icon{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid #a99a88;
  border-radius:50%;
  font-size:28px;
  line-height:1;
}
.placeholder-photo-inner strong{
  font-size:16px;
}
.placeholder-photo-inner small{
  font-size:12px;
}
.placeholder-card .detail-btn:disabled{
  opacity:.55;
  cursor:not-allowed;
}

/* 오른쪽 작품 영역에 실제로 충분한 높이 확보 */
.product-grid{
  min-height:720px !important;
  padding-bottom:80px;
}

/* 모바일에서는 fixed 해제 */
@media(max-width:780px){
  .sidebar{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    bottom:auto !important;
    width:100% !important;
    height:auto !important;
    overflow:visible !important;
  }
  .content{
    margin-left:0 !important;
    width:100% !important;
    min-height:auto !important;
    padding:18px !important;
  }
  footer{
    margin-left:0 !important;
  }
}

/* ===== v1.0 메인 홍보판 대폭 축소 ===== */
.hero{
  min-height:170px !important;
  height:auto !important;
  padding:22px 34px !important;
  grid-template-columns:1.35fr .65fr !important;
  gap:18px !important;
  align-items:center !important;
}

.hero h1{
  margin:7px 0 7px !important;
  font-size:31px !important;
  line-height:1.22 !important;
}

.hero p{
  margin:0 !important;
  max-width:720px !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

.hero .eyebrow{
  font-size:10px !important;
}

.hero-actions{
  margin-top:12px !important;
}

.hero-actions button{
  padding:9px 14px !important;
  font-size:13px !important;
}

/* 오른쪽 액자 장식도 축소 */
.hero-art{
  height:125px !important;
}

.hero-frame{
  width:105px !important;
  height:118px !important;
  right:42px !important;
  top:1px !important;
  border-width:8px !important;
}

.hero-frame.small{
  width:72px !important;
  height:86px !important;
  right:2px !important;
  top:34px !important;
  border-width:6px !important;
}

/* 홍보판 아래 여백도 줄여서 상품이 빨리 보이도록 */
.collection-mainnav{
  margin-top:12px !important;
  padding-top:8px !important;
}

.collection-subnav{
  min-height:42px !important;
}

.toolbar{
  margin-top:18px !important;
}

/* 큰 화면에서는 작품 카드가 첫 화면에 더 많이 보이도록 */
@media(min-width:1100px){
  .hero{
    min-height:155px !important;
    padding:18px 32px !important;
  }
  .hero h1{
    font-size:29px !important;
  }
}

/* ===== v1.1 관심작품 카트 + 사진박스 ===== */
.hero{
  position:relative !important;
}
.hero-actions-right{
  position:absolute !important;
  right:26px !important;
  bottom:18px !important;
  margin:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
}
.favorite-cart-btn{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:9px 13px !important;
  border:1px solid rgba(255,255,255,.72) !important;
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:900 !important;
}
.favorite-cart-btn:hover{
  background:#fff !important;
  color:var(--deep) !important;
}
.cart-icon{
  font-size:19px;
  line-height:1;
}
#heroFavCount{
  min-width:22px;
  height:22px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:var(--accent);
  color:#fff;
  font-size:11px;
}

/* 작품 사진 박스가 항상 또렷하게 보이도록 */
.product-card .image-box{
  display:block !important;
  width:100% !important;
  height:230px !important;
  min-height:230px !important;
  overflow:hidden !important;
  background:#e6e1d9 !important;
}
.product-card .image-box img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
.placeholder-photo{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px dashed #b6aa99 !important;
}

@media(max-width:780px){
  .hero-actions-right{
    position:static !important;
    margin-top:10px !important;
  }
}

/* ===== v1.2: 관심작품함을 확실히 보이게 + 사진 액자 박스 ===== */
.hero{
  position:relative !important;
  padding-right:175px !important;
  overflow:visible !important;
}
.hero-favorite-cart{
  position:absolute !important;
  right:22px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:112px !important;
  height:92px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:4px !important;
  border:1px solid rgba(255,255,255,.8) !important;
  background:rgba(255,255,255,.07) !important;
  color:#fff !important;
  z-index:50 !important;
  cursor:pointer !important;
}
.hero-favorite-cart:hover{
  background:#fff !important;
  color:var(--deep) !important;
}
.hero-cart-symbol{
  font-size:30px !important;
  line-height:1 !important;
}
.hero-cart-text{
  font-size:13px !important;
  font-weight:900 !important;
}
.hero-favorite-cart #heroFavCount{
  position:absolute !important;
  right:-8px !important;
  top:-8px !important;
  min-width:24px !important;
  height:24px !important;
  border-radius:50% !important;
  background:var(--accent) !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  font-size:11px !important;
}

/* 모든 작품 카드의 사진 영역을 액자처럼 명확히 표시 */
.product-card .image-box{
  position:relative !important;
  height:235px !important;
  min-height:235px !important;
  border:7px solid #eee6da !important;
  outline:1px solid #cfc4b4 !important;
  outline-offset:-1px !important;
  background:#ddd5c9 !important;
  box-sizing:border-box !important;
}
.product-card .image-box::before{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.72);
  pointer-events:none;
  z-index:2;
}
.product-card .image-box img{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* 사진이 없는 카드에도 액자 내부가 분명히 보이도록 */
.placeholder-photo{
  background:
    linear-gradient(135deg,#d8cbb9 0%,#f4eee5 48%,#c8b8a2 100%) !important;
}
.placeholder-photo-inner{
  min-height:221px !important;
}

@media(max-width:900px){
  .hero{
    padding-right:135px !important;
  }
  .hero-favorite-cart{
    width:94px !important;
    height:82px !important;
    right:14px !important;
  }
}
@media(max-width:650px){
  .hero{
    padding-right:22px !important;
    padding-bottom:112px !important;
  }
  .hero-favorite-cart{
    top:auto !important;
    bottom:14px !important;
    right:14px !important;
    }
}

/* ===== v1.3 그룹보기 + 실제 사진 카드 ===== */
.product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  min-height:420px !important;
}
.product-card .image-box{
  height:230px !important;
  min-height:230px !important;
  border:6px solid #eee6da !important;
  background:#ddd5c9 !important;
}
.product-card .image-box img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}
@media(max-width:1050px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:700px){
  .product-grid{grid-template-columns:1fr !important;}
}

/* ===== v1.4 상단 메뉴 확장 ===== */
.collection-mainnav{
  gap:8px !important;
  flex-wrap:wrap !important;
}
.collection-mainnav button{
  min-width:104px !important;
  padding:13px 16px !important;
}
.collection-mainnav button:nth-last-child(1){
  min-width:138px !important;
}

.info-menu-panel{
  grid-column:1/-1;
  min-height:260px;
  padding:36px;
  background:var(--paper);
  border:1px solid var(--line);
}
.info-menu-panel h3{
  margin:8px 0 12px;
  font-size:28px;
}
.info-menu-panel p{
  color:var(--muted);
  font-size:15px;
  line-height:1.8;
}

/* ===== v1.5 관심작품함: 사각 버튼 대신 카트 자체를 강조 ===== */
.hero-favorite-cart{
  width:104px !important;
  height:86px !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.hero-favorite-cart:hover{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border-radius:10px !important;
}
.hero-cart-symbol{
  width:46px !important;
  height:40px !important;
  display:block !important;
}
.cart-svg{
  display:block;
  width:46px !important;
  height:40px !important;
  color:#fff;
}
.hero-cart-text{
  font-size:12px !important;
  font-weight:900 !important;
  white-space:nowrap;
}
.hero-favorite-cart #heroFavCount{
  right:8px !important;
  top:2px !important;
  min-width:22px !important;
  height:22px !important;
  border:2px solid var(--deep) !important;
}

/* v1.6 거래방식 주의문구 */
.transaction-warning{
  display:block;
  margin-top:8px;
  color:#c62828 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.6 !important;
}

/* ===== v1.7 관심작품 카트 최종 수정: 노란 사각 프레임 + 빨간 카트 + 점멸 ===== */
.hero-favorite-cart{
  position:absolute !important;
  right:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:112px !important;
  height:102px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:3px !important;

  background:#ffd92f !important;
  border:3px solid #f0b900 !important;
  border-radius:10px !important;
  box-shadow:0 0 16px rgba(255,217,47,.55) !important;
  color:#d71920 !important;
  z-index:100 !important;
}

.hero-favorite-cart:hover{
  background:#ffe45c !important;
  color:#c8141b !important;
  transform:translateY(-50%) scale(1.04) !important;
}

.hero-cart-symbol{
  width:52px !important;
  height:43px !important;
  display:block !important;
  color:#d71920 !important;
}

.cart-svg{
  display:block !important;
  width:52px !important;
  height:43px !important;
  color:#d71920 !important;
  
}

.hero-cart-text{
  color:#4c2417 !important;
  font-size:12px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.hero-favorite-cart #heroFavCount{
  position:absolute !important;
  right:-9px !important;
  top:-9px !important;
  min-width:27px !important;
  height:27px !important;
  padding:0 5px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  border:2px solid #fff !important;
  background:#e31b23 !important;
  color:#fff !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-shadow:0 2px 5px rgba(0,0,0,.22) !important;
}

@keyframes cartAttention{
  0%,100%{ opacity:1; transform:scale(1); }
  45%{ opacity:.58; transform:scale(.96); }
  65%{ opacity:1; transform:scale(1.06); }
}

/* 사용자가 동작 줄이기를 설정한 경우 점멸 중지 */
@media (prefers-reduced-motion: reduce){
  .cart-svg{  }
}


/* ===== STEP 1 =====
   맨 위 우측의 중복 '관심작품함 / 문의하기' 삭제.
   메인 홍보판의 노란 관심작품 카트는 그대로 유지.
*/
.topbar{
  justify-content:flex-start !important;
}
.top-actions{
  display:none !important;
}


/* ===== STEP 2 =====
   관심작품함: 노란 바탕 박스만 축소
   빨간 카트 크기(52x43)는 그대로 유지
*/
.hero-favorite-cart{
  width:92px !important;
  height:82px !important;
  padding:4px !important;
}

.hero-cart-symbol{
  width:52px !important;
  height:43px !important;
}

.cart-svg{
  width:52px !important;
  height:43px !important;
}

/* 수량 배지 기능/크기 유지 */
.hero-favorite-cart #heroFavCount{
  min-width:27px !important;
  height:27px !important;
}


/* ===== STEP 3 =====
   제품 및 작품 문의 영역 상단에 아담한 노란 문의하기 버튼 추가
*/
.sidebar-inquiry-btn{
  display:block;
  width:118px;
  margin:0 0 12px 0;
  padding:8px 12px;
  border:1px solid #d8ad27;
  border-radius:8px;
  background:#ffd84a;
  color:#4c3214;
  font-size:13px;
  font-weight:900;
  text-align:center;
  box-shadow:0 2px 5px rgba(0,0,0,.08);
}

.sidebar-inquiry-btn:hover{
  background:#ffe36d;
}


/* ===== STEP 4 =====
   문의하기 중앙 정렬 + 흰 손가락 + 깜박임
*/
.sidebar-inquiry-btn{
  position:relative !important;
  margin:0 auto 14px auto !important;
  overflow:visible !important;
  
}

.sidebar-inquiry-btn::after{
  content:"☝";
  position:absolute;
  right:-27px;
  bottom:-18px;
  font-size:31px;
  line-height:1;
  color:#fff;
  filter:grayscale(1) brightness(4) drop-shadow(0 1px 1px rgba(0,0,0,.55));
  
  pointer-events:none;
}

@keyframes inquiryBlink{
  0%,100%{
    box-shadow:0 2px 5px rgba(0,0,0,.08), 0 0 0 rgba(255,216,74,0);
  }
  50%{
    box-shadow:0 2px 5px rgba(0,0,0,.08), 0 0 14px rgba(255,216,74,.95);
  }
}

@keyframes whiteFingerTap{
  0%,100%{ opacity:.35; transform:translateY(3px) scale(.94); }
  50%{ opacity:1; transform:translateY(-2px) scale(1.04); }
}


/* ===== STEP 5 =====
   어색한 손가락 제거, 문의하기 버튼 점멸만 유지
*/
.sidebar-inquiry-btn::after{
  content:none !important;
  display:none !important;
}

.sidebar-inquiry-btn{
  margin:0 auto 14px auto !important;
  
}

@keyframes inquiryCleanBlink{
  0%,100%{
    filter:brightness(1);
    box-shadow:0 2px 5px rgba(0,0,0,.10), 0 0 3px rgba(255,216,74,.20);
  }
  50%{
    filter:brightness(1.08);
    box-shadow:0 2px 5px rgba(0,0,0,.10), 0 0 15px rgba(255,216,74,.90);
  }
}


/* ===== STEP 6 =====
   왼쪽 상단 회사 홍보사진 5장 자동 슬라이드쇼
*/
.promo-image.promo-slideshow{
  position:relative !important;
  min-height:190px !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#d9cfbf !important;
}

.promo-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transform:scale(1.025);
  transition:opacity .9s ease, transform 4.2s ease;
  z-index:1;
}

.promo-slide.active{
  opacity:1;
  transform:scale(1);
}

.promo-slideshow::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(26,39,34,.62) 0%, rgba(26,39,34,.10) 62%, rgba(255,255,255,.04) 100%);
  z-index:2;
  pointer-events:none;
}

.promo-brand-overlay{
  position:absolute;
  left:18px;
  right:18px;
  bottom:24px;
  z-index:4;
}

.promo-slideshow .promo-logo{
  color:#fff !important;
  text-shadow:0 2px 8px rgba(0,0,0,.45);
}

.promo-slideshow .promo-sub{
  color:#fff !important;
  text-shadow:0 1px 5px rgba(0,0,0,.5);
}

.promo-slideshow .company-photo-label{
  z-index:5 !important;
}

.promo-dots{
  position:absolute;
  left:0;
  right:0;
  bottom:8px;
  z-index:5;
  display:flex;
  justify-content:center;
  gap:6px;
}

.promo-dot{
  width:7px;
  height:7px;
  padding:0;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  cursor:pointer;
}

.promo-dot.active{
  width:18px;
  border-radius:10px;
  background:#fff;
}

/* 사용자가 애니메이션 최소화를 설정했다면 움직임 완화 */
@media (prefers-reduced-motion: reduce){
  .promo-slide{
    transition:opacity .2s linear;
    }
}


/* ===== STEP 7 =====
   거래 주의사항을 왼쪽 연락처 맨 아래 검은 박스로 이동
*/
.sidebar-warning-box{
  display:flex;
  gap:9px;
  align-items:flex-start;
  margin-top:11px;
  padding:11px 10px;
  background:#111 !important;
  border:1px solid #3d3d3d;
  color:#fff;
}

.sidebar-warning-icon{
  flex:0 0 auto;
  width:27px;
  height:24px;
  clip-path:polygon(50% 0,100% 100%,0 100%);
  background:#e3312d;
  color:#fff;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  padding-bottom:2px;
  font-size:14px;
  line-height:1;
  font-weight:900;
}

.sidebar-warning-text{
  min-width:0;
}

.sidebar-warning-text strong{
  display:block;
  margin-bottom:4px;
  color:#ff5b52;
  font-size:12px;
  font-weight:900;
}

.sidebar-warning-text p{
  margin:0;
  color:#fff;
  font-size:10px;
  line-height:1.55;
  font-weight:700;
  word-break:keep-all;
}


/* ===== STEP 8 =====
   주의사항을 문의하기 바로 아래로 이동 + 글씨 선명도 개선
*/
.sidebar-warning-box{
  margin:0 auto 14px auto !important;
  padding:10px 9px !important;
  background:#090909 !important;
  border:1px solid #555 !important;
  gap:8px !important;
  box-shadow:none !important;
}

.sidebar-warning-icon{
  width:25px !important;
  height:23px !important;
  background:#e92828 !important;
  font-family:Arial,sans-serif !important;
  font-weight:900 !important;
}

.sidebar-warning-text strong{
  margin:0 0 5px 0 !important;
  color:#ff3b30 !important;
  font-family:Arial,"Noto Sans KR",sans-serif !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.15 !important;
  letter-spacing:-.15px !important;
  text-shadow:none !important;
  -webkit-font-smoothing:antialiased;
}

.sidebar-warning-text p{
  margin:0 !important;
  color:#fff !important;
  font-family:Arial,"Noto Sans KR",sans-serif !important;
  font-size:10.5px !important;
  font-weight:600 !important;
  line-height:1.55 !important;
  letter-spacing:-.18px !important;
  word-break:keep-all !important;
  text-shadow:none !important;
  -webkit-font-smoothing:antialiased;
}


/* ===== STEP 9 =====
   작품번호 안내를 왼쪽 연락처에서 작품 분류 안내줄 오른쪽으로 이동
*/
.sub-category-guide{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
}

.sub-guide-left{
  flex:1 1 auto;
  min-width:0;
}

.sub-guide-number{
  flex:0 0 auto;
  font-size:11px;
  line-height:1.4;
  color:#725a37;
  white-space:nowrap;
  text-align:right;
  letter-spacing:-.15px;
}

.sub-guide-number strong{
  color:#a45f1c;
  font-weight:900;
}

@media(max-width:1100px){
  .sub-category-guide{
    align-items:flex-start !important;
    flex-direction:column !important;
    gap:5px !important;
  }
  .sub-guide-number{
    white-space:normal;
    text-align:left;
  }
}


/* ===== STEP 10 =====
   작품번호 안내문을 JS 렌더링 영역에 직접 반영
*/
.collection-subnav{
  display:block !important;
}

.sub-guide-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}

.sub-guide-left{
  flex:1 1 auto;
  min-width:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}

.sub-guide-number{
  flex:0 0 auto;
  font-size:11px;
  line-height:1.45;
  color:#725a37;
  white-space:nowrap;
  text-align:right;
}

.sub-guide-number strong{
  color:#a45f1c;
  font-weight:900;
}

.sub-category-buttons{
  display:flex;
  align-items:center;
  gap:0;
  flex:1 1 auto;
  overflow-x:auto;
}

@media(max-width:1100px){
  .sub-guide-row{
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
  }
  .sub-guide-number{
    white-space:normal;
    text-align:left;
  }
}


/* ===== STEP 11 =====
   작품번호 상담 안내문: 더 크고 선명하게
*/
.sub-guide-number{
  font-size:13px !important;
  line-height:1.5 !important;
  color:#3f382d !important;
  font-weight:700 !important;
  letter-spacing:-.2px !important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}

.sub-guide-number strong{
  color:#b04f12 !important;
  font-size:14px !important;
  font-weight:900 !important;
  letter-spacing:-.25px !important;
}


/* ===== STEP 12 =====
   왼쪽 세부분류 안내문도 더 크고 선명하게
*/
.sub-guide-left{
  font-size:13px !important;
  line-height:1.5 !important;
  color:#4a4338 !important;
  font-weight:700 !important;
  letter-spacing:-.2px !important;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}


/* ===== STEP 13 =====
   주의사항 본문 글씨를 더 날카롭고 선명하게
*/
.sidebar-warning-text p{
  font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif !important;
  font-size:11px !important;
  line-height:1.48 !important;
  font-weight:700 !important;
  letter-spacing:-.35px !important;
  color:#ffffff !important;
  text-shadow:none !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}

.sidebar-warning-text strong{
  font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-.25px !important;
  text-shadow:none !important;
  -webkit-font-smoothing:antialiased !important;
  text-rendering:geometricPrecision !important;
}


/* ===== STEP 14 =====
   메인 배너 오른쪽 액자 2개를 사용자가 선택한 작품 이미지로 교체
*/
.hero-art-photo{
  width:130px !important;
  height:145px !important;
  right:135px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  overflow:hidden !important;
  border:4px solid #d7b779;
  background:#1f2f29;
  box-shadow:0 5px 14px rgba(0,0,0,.22);
}

.hero-art-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 28%;
}


/* ===== STEP 15 =====
   기존 액자 2개를 실제 선택 이미지로 확실히 교체
*/
.hero-art-photo{
  position:absolute !important;
  right:135px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:120px !important;
  height:142px !important;
  overflow:hidden !important;
  border:4px solid #d7b779 !important;
  background:#1f2f29 !important;
  box-shadow:0 5px 14px rgba(0,0,0,.22) !important;
  z-index:20 !important;
}

.hero-art-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 22% !important;
}

/* 기존 액자 요소가 혹시 남더라도 보이지 않게 */
.hero-art-photo .hero-frame,
.hero-art-photo .frame{
  display:none !important;
}


/* ===== STEP 16 =====
   메인 배너에 대표작품 사진 삽입칸 3개
*/
.hero-art-triple{
  position:absolute !important;
  right:132px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:360px !important;
  height:138px !important;
  display:flex !important;
  gap:8px !important;
  align-items:center !important;
  justify-content:flex-end !important;
  z-index:20 !important;
}

.hero-art-slot{
  position:relative;
  flex:0 0 112px;
  height:132px;
  overflow:hidden;
  border:4px solid #d7b779;
  background:
    linear-gradient(135deg,#ddd3c3 0%,#f4efe6 52%,#c9baa3 100%);
  box-shadow:0 4px 12px rgba(0,0,0,.20);
  display:flex;
  align-items:center;
  justify-content:center;
}

.hero-art-slot::before{
  content:"＋";
  position:absolute;
  top:35px;
  font-size:34px;
  font-weight:300;
  color:#7f725f;
}

.hero-art-slot span{
  position:absolute;
  bottom:15px;
  left:0;
  right:0;
  text-align:center;
  font-size:10px;
  font-weight:800;
  color:#665d52;
}

.hero-art-slot img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/* 이미지가 들어가면 +와 문구를 숨길 수 있도록 */
.hero-art-slot.has-image::before,
.hero-art-slot.has-image span{
  display:none;
}

@media(max-width:1100px){
  .hero-art-triple{
    width:300px !important;
  }
  .hero-art-slot{
    flex-basis:92px;
    height:112px;
  }
}


/* ===== STEP 17 =====
   대표작품 3칸 테두리를 노란 액자형으로 변경
*/
.hero-art-slot{
  border:4px solid #ffd84a !important;
  box-shadow:
    0 0 0 1px #d8ad27,
    0 4px 12px rgba(0,0,0,.20) !important;
  background:
    linear-gradient(135deg,#f7f0d6 0%,#fffdf5 52%,#eadca7 100%) !important;
}


/* ===== STEP 18 =====
   최상단 BILLION COLLECTION 텍스트를 브랜드 간판 이미지로 교체
*/
.topbar{
  height:auto !important;
  min-height:58px !important;
  padding:5px 10px !important;
}

.brand-signboard{
  display:flex !important;
  align-items:center !important;
  width:auto !important;
  height:52px !important;
  overflow:hidden !important;
}

.brand-signboard img{
  display:block !important;
  width:auto !important;
  height:52px !important;
  max-width:390px !important;
  object-fit:contain !important;
  object-position:left center !important;
}

/* ===== STEP 19 FIXED: 상단 간판 실제 적용 ===== */
.topbar{
  height:78px !important;
  min-height:78px !important;
  padding:5px 8px !important;
  align-items:center !important;
}
.brand-signboard{
  width:390px !important;
  height:66px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  cursor:pointer;
  font-size:0 !important;
}
.brand-signboard img{
  display:block !important;
  width:390px !important;
  height:66px !important;
  object-fit:contain !important;
  object-position:left center !important;
}


/* ===== STEP 20 =====
   1번 시안: 왼쪽 검은 브랜드 글자 + 오른쪽 황금 간판
*/
.topbar.topbar-brand-layout{
  height:82px !important;
  min-height:82px !important;
  padding:6px 14px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  background:#fbf8f1 !important;
  border-bottom:1px solid #ddd4c5 !important;
  overflow:hidden !important;
}

.brand-text-left{
  flex:0 0 auto;
  color:#171717;
  font-family:Georgia,"Times New Roman",serif;
  font-size:28px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.7px;
  white-space:nowrap;
  cursor:pointer;
}

.brand-signboard-right{
  flex:0 0 auto;
  width:360px;
  height:68px;
  overflow:hidden;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.brand-signboard-right img{
  display:block;
  width:360px;
  height:68px;
  object-fit:contain;
  object-position:right center;
}

@media(max-width:850px){
  .brand-text-left{
    font-size:21px;
  }
  .brand-signboard-right{
    width:280px;
  }
  .brand-signboard-right img{
    width:280px;
  }
}


/* ===== STEP 22 =====
   최종 선택 시안: 왼쪽 검은 브랜드 글자 확대 + 오른쪽 황금 간판 강화
*/
.topbar.topbar-brand-layout{
  height:94px !important;
  min-height:94px !important;
  padding:7px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
  background:#fbf8f1 !important;
  border-bottom:1px solid #d8cdbd !important;
}

.brand-text-left{
  flex:0 0 auto !important;
  color:#111 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:38px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-1px !important;
  white-space:nowrap !important;
  cursor:pointer !important;
}

.brand-signboard-right{
  flex:0 0 auto !important;
  width:430px !important;
  height:80px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  overflow:hidden !important;
  cursor:pointer !important;
}

.brand-signboard-right img{
  display:block !important;
  width:430px !important;
  height:80px !important;
  max-width:none !important;
  object-fit:contain !important;
  object-position:right center !important;
  filter:contrast(1.12) saturate(1.05) !important;
}

/* 오른쪽 간판 아래 작은 보조 브랜드 문구 */
.brand-signboard-right::after{
  content:"by 빌리언포스";
  position:absolute;
  right:29px;
  bottom:6px;
  color:#3a2c18;
  font-size:11px;
  font-weight:800;
  letter-spacing:.2px;
  pointer-events:none;
}

/* 간판 컨테이너 위치 기준 */
.brand-signboard-right{
  position:relative !important;
}

@media(max-width:1000px){
  .brand-text-left{
    font-size:30px !important;
  }
  .brand-signboard-right{
    width:350px !important;
  }
  .brand-signboard-right img{
    width:350px !important;
  }
}


/* ===== STEP 23 =====
   왼쪽 브랜드 고정 + 작은 by 빌리언포스 + 황금 간판 인접 배치
   오른쪽은 흰 여백으로 유지
*/
.topbar.topbar-brand-layout{
  height:94px !important;
  min-height:94px !important;
  padding:7px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:18px !important;
  background:#fbf8f1 !important;
  border-bottom:1px solid #d8cdbd !important;
  overflow:hidden !important;
}

.brand-left-stack{
  position:relative;
  flex:0 0 auto;
  width:max-content;
  padding-bottom:15px;
  cursor:pointer;
}

.brand-left-stack .brand-text-left{
  font-size:38px !important;
  line-height:1 !important;
  font-weight:900 !important;
  color:#111 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  letter-spacing:-1px !important;
  white-space:nowrap !important;
}

.brand-by-left{
  position:absolute;
  right:2px;
  bottom:0;
  color:#222;
  font-family:Arial,"Noto Sans KR","Malgun Gothic",sans-serif;
  font-size:12px;
  line-height:1;
  font-weight:700;
  letter-spacing:-.2px;
  white-space:nowrap;
}

.brand-signboard-right{
  position:relative !important;
  flex:0 0 auto !important;
  width:430px !important;
  height:80px !important;
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
}

/* 22단계의 간판 아래 별도 검은 by 문구 제거 */
.brand-signboard-right::after{
  content:none !important;
  display:none !important;
}

.brand-signboard-right img{
  display:block !important;
  width:430px !important;
  height:80px !important;
  object-fit:contain !important;
  object-position:left center !important;
  filter:contrast(1.12) saturate(1.05) !important;
}

@media(max-width:1000px){
  .brand-left-stack .brand-text-left{
    font-size:30px !important;
  }
  .brand-signboard-right{
    width:350px !important;
  }
  .brand-signboard-right img{
    width:350px !important;
  }
}


/* ===== STEP 24 =====
   '오늘의 대표작품'이 대표작품 3점 방향으로 천천히 흐르는 배너
*/
.hero-text{
  position:relative !important;
  overflow:visible !important;
}

.today-feature-track{
  position:absolute;
  left:0;
  top:-6px;
  width:470px;
  height:30px;
  overflow:hidden;
  pointer-events:none;
  z-index:30;
}

.today-feature-marquee{
  position:absolute;
  left:0;
  top:0;
  white-space:nowrap;
  color:#ffd84a;
  font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif;
  font-size:17px;
  line-height:30px;
  font-weight:900;
  letter-spacing:.5px;
  text-shadow:0 1px 1px rgba(0,0,0,.35);
  
}

@keyframes todayFeatureMove{
  0%   { transform:translateX(-140px); opacity:0; }
  8%   { opacity:1; }
  84%  { opacity:1; }
  100% { transform:translateX(500px); opacity:0; }
}

.hero-text > .eyebrow{
  margin-top:26px !important;
}

@media (prefers-reduced-motion: reduce){
  .today-feature-marquee{
    
      opacity:1 !important;
  }
}


/* ===== STEP 25 =====
   오늘의 대표작품 뒤에 굵은 고딕형 점사각 + 우측 화살표
*/
.today-feature-marquee{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
}

.today-feature-title{
  display:inline-block;
}

.gothic-arrow{
  display:inline-flex;
  align-items:center;
  height:20px;
  gap:3px;
  margin-left:1px;
}

.gothic-arrow .sq{
  display:block;
  width:7px;
  height:7px;
  background:#ffd84a;
  flex:0 0 auto;
}

.gothic-arrow .s1{opacity:.25;}
.gothic-arrow .s2{opacity:.42;}
.gothic-arrow .s3{opacity:.65;}
.gothic-arrow .s4{opacity:.88;}

.gothic-arrow .arrow-shaft{
  display:block;
  width:31px;
  height:8px;
  margin-left:1px;
  background:#ffd84a;
  flex:0 0 auto;
}

.gothic-arrow .arrow-head{
  display:block;
  width:0;
  height:0;
  margin-left:-1px;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:15px solid #ffd84a;
  flex:0 0 auto;
}

/* 글자와 화살표가 한 덩어리로 같이 이동 */
.today-feature-marquee{
  width:max-content !important;
}


/* ===== STEP 26 =====
   화살표 전체 길이 축소 + 사각점 5개에 길이/농도 리듬 적용
*/
.gothic-arrow{
  gap:2px !important;
  margin-left:1px !important;
}

.gothic-arrow .sq{
  height:7px !important;
  flex:0 0 auto !important;
  background:#ffd84a !important;
}

/* 글자 쪽에서 화살표 쪽으로 갈수록 조금씩 길어지고 선명해짐 */
.gothic-arrow .s1{width:3px !important; opacity:.24 !important;}
.gothic-arrow .s2{width:4px !important; opacity:.38 !important;}
.gothic-arrow .s3{width:5px !important; opacity:.55 !important;}
.gothic-arrow .s4{width:6px !important; opacity:.75 !important;}
.gothic-arrow .s5{width:7px !important; opacity:.95 !important;}

/* 삼각형 바로 앞 긴 막대를 절반 이하로 축소 */
.gothic-arrow .arrow-shaft{
  width:14px !important;
  height:8px !important;
  margin-left:1px !important;
  background:#ffd84a !important;
}

/* 굵은 우측 삼각형은 유지하되 몸통에 바짝 붙임 */
.gothic-arrow .arrow-head{
  margin-left:-1px !important;
  border-top:9px solid transparent !important;
  border-bottom:9px solid transparent !important;
  border-left:14px solid #ffd84a !important;
}


/* ===== STEP 27 =====
   1) 오늘의 대표작품 화살표: 긴 막대 완전 제거
   2) 작품번호 또는 상품명 안내: 살짝 반짝이는 강조
*/
.gothic-arrow .arrow-shaft{
  display:none !important;
}

.gothic-arrow .arrow-head{
  margin-left:0 !important;
}

/* 작품번호/상품명만 은은하게 주기적으로 강조 */
.sub-guide-number strong{
  display:inline-block;
  
}

@keyframes productNumberAttention{
  0%,100%{
    color:#b04f12;
    opacity:1;
    text-shadow:none;
    transform:scale(1);
  }
  50%{
    color:#e25d13;
    opacity:.82;
    text-shadow:0 0 5px rgba(226,93,19,.32);
    transform:scale(1.025);
  }
}

@media (prefers-reduced-motion: reduce){
  .sub-guide-number strong{
    
  }
}


/* ===== STEP 32 COMPLETE =====
   현재 디자인 유지 + 그림 > 유화에서만 작품 상세구조 표시
*/
.bc32-detail{
  margin:24px 0;
  padding:20px;
  border:1px solid #d8cfbf;
  background:#fffdf8;
}
.bc32-detail[hidden]{display:none !important;}
.bc32-head{
  display:flex;justify-content:space-between;align-items:flex-end;gap:20px;
  border-bottom:1px solid #ddd2c1;padding-bottom:14px;margin-bottom:16px;
}
.bc32-head h2{margin:5px 0 0;font-size:25px}
.bc32-head>span{font-size:11px;color:#74695b}
.bc32-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bc32-photo{
  height:230px;border:4px solid #d8ad27;background:#f8f2e8;
  display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6d6254;
}
.bc32-photo>b{font-size:42px;line-height:1}
.bc32-photo strong{margin-top:7px}
.bc32-photo small{margin-top:5px;text-align:center}
.bc32-block{margin-top:24px;border-top:4px solid #2f3b36;padding-top:14px}
.bc32-block h3{margin:0 0 12px;font-size:19px}
.bc32-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bc32-info>div{border:1px solid #e0d7c9;background:#faf7f0;padding:10px;font-size:11px}
.bc32-info b,.bc32-info span{display:block}
.bc32-info span{margin-top:5px;color:#71675b}
.bc32-paste{min-height:180px;border:2px dashed #c7bca9;background:#fff;padding:16px;line-height:1.75;color:#776c5e}
.bc32-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bc32-gallery>div{
  height:170px;border:2px dashed #c7bca9;background:#f7f1e7;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-size:34px;color:#756a5c;
}
.bc32-gallery small{font-size:11px;margin-top:5px}
.bc32-docs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.bc32-docs>div{border:1px solid #d9d0c3;background:#f8f4ec;padding:14px;display:flex;flex-direction:column;gap:8px}
.bc32-docs span{font-size:11px;color:#766b5e}
@media(max-width:1000px){
  .bc32-photos,.bc32-info,.bc32-docs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .bc32-photos,.bc32-info,.bc32-gallery,.bc32-docs{grid-template-columns:1fr}
}


/* ===== STEP 33 =====
   선택한 작품 메뉴 어디서나 상세구조가 바로 보이게
*/
.bc32-detail{
  display:block;
  margin-top:18px !important;
}
.bc32-detail[hidden]{
  display:none !important;
}


/* ===== STEP 34 =====
   작품 상세구조를 COLLECTION 아래에 항상 표시
*/
#oilArtworkDetail.bc32-detail{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  min-height:900px !important;
}
#oilArtworkDetail[hidden]{
  display:block !important;
}


/* ===== STEP 35 =====
   홍보 메뉴 전용 구조
*/
.bc35-promo-only{
  display:none;
}

#oilArtworkDetail.bc35-promo-mode .bc35-promo-only{
  display:block;
}

/* 홍보에서는 작품 기본정보를 제거 */
#oilArtworkDetail.bc35-promo-mode #bcArtworkBasicInfo{
  display:none !important;
}

/* 사진 4칸 / 행사 및 전시 / 하부 갤러리 / 파일자료 구조는 그대로 유지 */
#oilArtworkDetail.bc35-promo-mode .bc32-photos{
  display:grid !important;
}


/* ===== STEP 36 =====
   홍보에서는 '행사' 용어 중심으로 단순화
*/
#oilArtworkDetail.bc35-promo-mode #bcArtistHistoryBlock{
  display:none !important;
}


/* ===== STEP 37 =====
   한국필터엔지니어링 홍보자료 구조를 BILLION COLLECTION에 이식
*/
.bc37-promo{
  margin:22px 0 30px;
  padding:20px;
  border:1px solid #d8cfbf;
  background:#fffdf8;
}
.bc37-promo[hidden]{display:none !important;}
#oilArtworkDetail.bc37-hide{display:none !important;}

.bc37-section-title{
  border-bottom:1px solid #d8cfbf;
  padding-bottom:13px;
  margin-bottom:18px;
}
.bc37-section-title h2{margin:6px 0 0;font-size:29px}

.bc37-main-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  border:1px solid #d8cfbf;
  margin-bottom:24px;
}
.bc37-main-tabs button{
  min-height:55px;
  border:0;
  border-right:1px solid #d8cfbf;
  background:#fff;
  color:#2f3b36;
  font-weight:900;
  font-size:15px;
}
.bc37-main-tabs button:last-child{border-right:0}
.bc37-main-tabs button.active{background:#2f3b36;color:#fff}

.bc37-panel[hidden]{display:none !important;}
.bc37-intro{
  padding:0 0 15px;
  border-bottom:3px solid #2f3b36;
  margin-bottom:20px;
}
.bc37-intro small{
  display:block;
  color:#a87826;
  font-weight:900;
  letter-spacing:.15em;
  font-size:10px;
  margin-bottom:5px;
}
.bc37-intro h3{margin:0 0 6px;font-size:25px}
.bc37-intro p{margin:0;color:#6d6254;font-size:12px}

.bc37-content-section{
  margin:0 0 30px;
  padding-bottom:26px;
  border-bottom:1px solid #e3dacd;
}
.bc37-content-section>h3{
  margin:0 0 14px;
  font-size:20px;
}

.bc37-press-grid,
.bc37-video-grid,
.bc37-product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.bc37-card,
.bc37-product-card{
  min-width:0;
  border:1px solid #d8cfbf;
  background:#fff;
  padding:14px;
}
.bc37-product-card{padding:0;overflow:hidden}

.bc37-image-slot{
  min-height:190px;
  border:2px dashed #c8bda9;
  background:linear-gradient(135deg,#f6f1e7,#e9e0d2);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#6e6251;
}
.bc37-image-slot>span{font-size:38px;line-height:1}
.bc37-image-slot>b{margin-top:7px;font-size:13px}
.bc37-image-slot>small{margin-top:4px;font-size:10px}
.bc37-video-slot>span{font-size:34px;color:#d7a817}

.bc37-card>h3{
  margin:12px 0 6px;
  font-size:17px;
  color:#2f3b36;
}
.bc37-card>p{
  min-height:36px;
  margin:0 0 8px;
  color:#6d6254;
  font-size:11px;
  line-height:1.55;
}
.bc37-url{
  padding:7px 9px;
  margin-bottom:9px;
  border:1px solid #e0d6c7;
  background:#faf7f0;
  font-size:11px;
  color:#766b5e;
}

.bc37-file{
  margin-top:10px;
  padding:11px;
  border:1px solid #d8cfbf;
  background:#f8f4ec;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.bc37-file strong{font-size:11px;color:#2f3b36}
.bc37-file span{font-size:10px;color:#786e61}
.bc37-file button{
  border:0;
  padding:7px 8px;
  background:#2f3b36;
  color:#fff;
  font-size:10px;
  font-weight:900;
}

.bc37-product-body{padding:13px 14px}
.bc37-product-body small{
  color:#a87826;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.bc37-product-body h3{
  margin:5px 0 7px;
  color:#2f3b36;
  font-size:18px;
}
.bc37-product-body p{
  margin:0 0 8px;
  color:#675d50;
  font-size:11px;
  line-height:1.55;
}
.bc37-product-body>div{
  padding:7px 8px;
  border-left:3px solid #d7aa2a;
  background:#f8f4ec;
  color:#6e6254;
  font-size:10px;
}
.bc37-product-card>.bc37-file{margin:0 14px 14px}

@media(max-width:1000px){
  .bc37-press-grid,.bc37-video-grid,.bc37-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:650px){
  .bc37-main-tabs,
  .bc37-press-grid,.bc37-video-grid,.bc37-product-grid{
    grid-template-columns:1fr;
  }
  .bc37-main-tabs button{
    border-right:0;
    border-bottom:1px solid #d8cfbf;
  }
  .bc37-main-tabs button:last-child{border-bottom:0}
}


/* ===== STEP 38: 홍보 전환 강제 고정 ===== */
#bc37Promo:not([hidden]){
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
#bc37Promo[hidden]{
  display:none !important;
}


/* ===== STEP 40 : 갤러리 먼저 → 작품 클릭 후 상세 ===== */

/* 기존 고정 상세판은 목록 화면에서 완전히 숨김 */
#oilArtworkDetail.bc32-detail{
  display:none !important;
}

/* 작품 목록을 4열 갤러리로 */
.product-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:16px !important;
  align-items:start !important;
}

.product-card{
  cursor:pointer !important;
  overflow:hidden !important;
}

.product-card .image-box{
  aspect-ratio:4/3 !important;
}

.product-card .card-body{
  padding:12px 13px 14px !important;
}

.product-card .card-title{
  font-size:17px !important;
  margin:5px 0 3px !important;
}

.product-card .card-author{
  font-size:12px !important;
}

.product-card .card-bottom{
  margin-top:10px !important;
}

.gallery-count-guide{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:10px 12px;
  margin-bottom:2px;
  border:1px solid #ddd3c3;
  background:#fffdf8;
  font-size:12px;
  color:#675d50;
}
.gallery-count-guide strong{
  color:#2f3b36;
  font-size:13px;
}

/* 클릭 후 상세창 */
.modal-panel.artwork-detail-panel{
  width:min(1180px,96vw) !important;
  max-height:94vh !important;
  padding:24px !important;
}

.bc40-detail-title{
  margin:4px 0 18px;
  font-size:30px;
}

.bc40-photo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:22px;
}

.bc40-photo{
  min-height:235px;
  border:4px solid #d8ad27;
  background:#f6f0e5;
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

.bc40-photo img{
  width:100%;
  height:100%;
  min-height:235px;
  object-fit:contain;
  display:block;
  background:#fff;
}

.bc40-photo .bc40-empty{
  text-align:center;
  color:#74695c;
  font-size:12px;
  line-height:1.5;
}
.bc40-photo .bc40-empty b{
  display:block;
  font-size:34px;
  line-height:1;
  margin-bottom:8px;
}

.bc40-photo-label{
  position:absolute;
  left:7px;
  bottom:7px;
  padding:5px 8px;
  background:rgba(35,35,31,.88);
  color:#fff;
  font-size:10px;
  font-weight:900;
}

.bc40-info-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.bc40-info-grid>div{
  border:1px solid #dfd5c6;
  background:#faf7f0;
  padding:10px;
}
.bc40-info-grid b,
.bc40-info-grid span{
  display:block;
}
.bc40-info-grid b{
  font-size:11px;
  color:#40372e;
}
.bc40-info-grid span{
  margin-top:5px;
  font-size:12px;
  color:#6f6559;
}

.bc40-section{
  margin-top:22px;
  padding-top:14px;
  border-top:4px solid #2f3b36;
}
.bc40-section h3{
  margin:0 0 10px;
  font-size:18px;
}
.bc40-rich{
  min-height:105px;
  padding:14px;
  border:1px solid #dfd5c6;
  background:#fff;
  line-height:1.75;
  color:#5e554a;
  font-size:13px;
}

.bc40-mini-gallery{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.bc40-mini-gallery>div{
  height:130px;
  border:2px dashed #c7bca9;
  background:#f7f1e7;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#766b5e;
  font-size:12px;
}

@media(max-width:1150px){
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:850px){
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  .bc40-photo-grid,.bc40-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .product-grid{grid-template-columns:1fr !important;}
  .bc40-photo-grid,.bc40-info-grid,.bc40-mini-gallery{grid-template-columns:1fr;}
}


/* STEP41 최종 안전장치 */
#oilArtworkDetail.bc32-detail,
#oilArtworkDetail.bc32-detail[hidden]{
  display:none !important;
  visibility:hidden !important;
}

/* 갤러리는 메뉴 선택 시 반드시 보이게 */
#productGrid.product-grid{
  min-height:220px;
}


/* ===== STEP 44 : 분류별 300 작품 슬롯 + 행사 5개 구조 ===== */

.bc44-slot-guide{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:11px 13px;
  margin-bottom:2px;
  border:1px solid #d9cfbe;
  background:#fffdf8;
  color:#62584d;
  font-size:12px;
}
.bc44-slot-guide strong{
  color:#2f3b36;
  font-size:14px;
}
.bc44-slot-guide .bc44-slot-count{
  font-weight:900;
  color:#a37420;
}

.product-card.bc44-empty-slot{
  cursor:default !important;
}
.bc44-upload-label{
  width:100%;
  height:100%;
  min-height:180px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#6f6457;
  text-align:center;
}
.bc44-upload-label b{
  font-size:34px;
  line-height:1;
  margin-bottom:7px;
}
.bc44-upload-label strong{
  font-size:12px;
}
.bc44-upload-label small{
  margin-top:5px;
  font-size:10px;
  color:#8a7d6d;
}
.bc44-upload-label input{display:none;}
.bc44-empty-slot .image-box{
  background:linear-gradient(135deg,#f7f2e8,#ece3d5);
  border:1px dashed #c9bda9;
}
.bc44-slot-preview{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* 행사 */
.bc44-events{
  margin:22px 0 34px;
}
.bc44-events[hidden]{display:none !important;}
.bc44-events-head{
  padding:18px 20px;
  border:1px solid #d8cfbf;
  background:#fffdf8;
  margin-bottom:18px;
}
.bc44-events-head h2{
  margin:5px 0 7px;
  font-size:29px;
}
.bc44-events-head p{
  margin:0;
  color:#706558;
  font-size:12px;
}

.bc44-event-block{
  margin:0 0 28px;
  padding:19px;
  border:1px solid #d8cfbf;
  background:#fffdf8;
}
.bc44-event-title{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  padding-bottom:12px;
  margin-bottom:14px;
  border-bottom:4px solid #2f3b36;
}
.bc44-event-title h3{
  margin:0;
  font-size:22px;
}
.bc44-event-title span{
  font-size:10px;
  color:#9a7024;
  font-weight:900;
  letter-spacing:.08em;
}

.bc44-event-photos{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.bc44-event-photo{
  height:190px;
  border:2px dashed #c7bca9;
  background:linear-gradient(135deg,#f7f2e8,#ece3d5);
  overflow:hidden;
}
.bc44-event-photo label{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#75695b;
}
.bc44-event-photo label b{
  font-size:35px;
  line-height:1;
}
.bc44-event-photo label strong{
  margin-top:7px;
  font-size:12px;
}
.bc44-event-photo input{display:none;}
.bc44-event-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.bc44-event-sheet{
  margin-top:14px;
}
.bc44-event-sheet h4{
  margin:0 0 8px;
  font-size:15px;
}
.bc44-paste-box{
  min-height:145px;
  padding:14px;
  border:2px dashed #c7bca9;
  background:#fff;
  color:#6d6255;
  line-height:1.7;
  font-size:12px;
  outline:none;
}
.bc44-paste-box:focus{
  border-style:solid;
  border-color:#d3a72c;
}

@media(max-width:900px){
  .bc44-event-photos{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .bc44-event-photos{grid-template-columns:1fr;}
}


/* ===== STEP 46 : 기존 디자인 유지 + 관리자 작품등록 기능만 추가 ===== */

.bc46-admin-toggle{
  border:1px solid #27322e;
  background:#27322e;
  color:#fff;
  padding:10px 12px;
  font-weight:900;
  cursor:pointer;
}
.bc46-admin-toggle.active{
  background:#d8ad27;
  color:#1f2522;
  border-color:#b88d17;
}

body.bc46-admin-mode .bc44-upload-label{
  cursor:pointer;
}
body.bc46-admin-mode .product-card.bc44-empty-slot{
  cursor:pointer !important;
  outline:2px solid rgba(216,173,39,.22);
}
body.bc46-admin-mode .product-card:not(.bc44-empty-slot){
  cursor:pointer !important;
}
body.bc46-admin-mode .product-card:hover{
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}

.bc46-admin-panel{
  width:min(1180px,96vw) !important;
  max-height:94vh !important;
  overflow:auto;
}
.bc46-admin-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:18px;
  margin-top:16px;
}
.bc46-form-side,
.bc46-photo-side{
  border:1px solid #d8cfbf;
  background:#fffdf8;
  padding:16px;
}
.bc46-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.bc46-form-grid label{
  display:block;
}
.bc46-form-grid label > span{
  display:block;
  margin-bottom:5px;
  font-size:11px;
  font-weight:900;
  color:#5e554a;
}
.bc46-form-grid input,
.bc46-form-grid select,
.bc46-form-grid textarea{
  width:100%;
  border:1px solid #d8cfbf;
  background:#fff;
  padding:10px;
  color:#2f3b36;
}
.bc46-form-grid textarea{
  min-height:115px;
  resize:vertical;
  line-height:1.65;
}
.bc46-full{
  grid-column:1/-1;
}
.bc46-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:14px;
}
.bc46-delete-btn{
  border:0;
  background:#a9362c;
  color:#fff;
  padding:10px 13px;
  font-weight:900;
  cursor:pointer;
}
/* V108: 샘플 입력 대신 최근 단일 삭제 복원 */
.bc108-restore-btn{
  border:1px solid #c88b19 !important;
  background:#fff6d9 !important;
  color:#6b4900 !important;
  font-weight:900;
}
.bc46-admin-note{
  margin-top:10px;
  padding:10px 12px;
  border-left:4px solid #d8ad27;
  background:#f8f4ec;
  color:#6d6254;
  font-size:11px;
  line-height:1.6;
}
.bc46-photo-side h3{
  margin:0 0 10px;
  font-size:18px;
}
.bc46-extra-heading{
  margin-top:18px !important;
}
.bc46-admin-photos{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.bc46-extra-photos{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.bc46-admin-photo{
  min-height:170px;
  border:3px solid #d8ad27;
  background:#f7f1e7;
  overflow:hidden;
}
.bc46-extra-photo{
  min-height:115px;
  border:2px dashed #c7bca9;
  background:#f7f1e7;
  overflow:hidden;
}
.bc46-admin-photo label,
.bc46-extra-photo label{
  width:100%;
  height:100%;
  min-height:inherit;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  color:#6d6254;
  text-align:center;
}
.bc46-admin-photo label b,
.bc46-extra-photo label b{
  font-size:30px;
  line-height:1;
  margin-bottom:6px;
}
.bc46-admin-photo label small,
.bc46-extra-photo label small{
  margin-top:4px;
  font-size:10px;
}
.bc46-admin-photo input,
.bc46-extra-photo input{
  display:none;
}
.bc46-admin-photo img,
.bc46-extra-photo img{
  width:100%;
  height:100%;
  min-height:inherit;
  object-fit:cover;
  display:block;
}
.bc46-photo-actions{
  display:flex;
  justify-content:center;
  gap:5px;
  padding:6px;
  border-top:1px solid #ddd2c1;
  background:#fffdf8;
}
.bc46-photo-actions button{
  border:0;
  background:#2f3b36;
  color:#fff;
  padding:5px 7px;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}

@media(max-width:900px){
  .bc46-admin-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .bc46-form-grid,
  .bc46-admin-photos,
  .bc46-extra-photos{grid-template-columns:1fr}
}




/* 고객용 상세창에서는 X 모양 닫기 버튼을 숨김 */
#detailModal .modal-close:not(.redirect-btn){
  display:none !important;
}


/* ===== STEP 50 : 관리자 사진을 크게 보는 구조 ===== */

/* 왼쪽 입력칸은 좁게, 오른쪽 사진영역은 넓게 */
.bc46-admin-grid{
  grid-template-columns:minmax(320px,.72fr) minmax(620px,1.48fr) !important;
  align-items:start !important;
}

/* 왼쪽 입력폼은 세로로 길게 써도 되도록 */
.bc46-form-grid{
  grid-template-columns:1fr !important;
}
.bc46-form-grid .bc46-full{
  grid-column:auto !important;
}
.bc46-form-grid textarea{
  min-height:135px !important;
}

/* 오른쪽 큰 사진 화면 */
.bc50-large-photo-wrap{
  margin-bottom:14px;
}
.bc50-large-photo{
  width:100%;
  height:520px;
  border:5px solid #d8ad27;
  background:#f7f1e7;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}
.bc50-large-photo img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#fff;
}
.bc50-large-empty{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#74695b;
  text-align:center;
}
.bc50-large-empty b{
  font-size:52px;
  line-height:1;
  margin-bottom:10px;
}
.bc50-large-empty strong{
  font-size:14px;
}
.bc50-large-caption{
  margin-top:6px;
  padding:7px 10px;
  background:#2f3b36;
  color:#fff;
  font-size:12px;
  font-weight:900;
  text-align:center;
}
.bc50-main-photo-label{
  margin:14px 0 8px;
  padding-bottom:7px;
  border-bottom:1px solid #d8cfbf;
  color:#5f5548;
  font-size:12px;
  font-weight:900;
}

/* 4개 주요사진은 썸네일형 */
.bc50-thumb-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:9px !important;
}
.bc50-thumb-grid .bc46-admin-photo{
  min-height:145px !important;
  cursor:pointer;
  border-width:2px !important;
}
.bc50-thumb-grid .bc46-admin-photo label{
  min-height:145px !important;
}
.bc50-thumb-grid .bc46-admin-photo img{
  height:145px !important;
  min-height:145px !important;
  object-fit:cover !important;
}
.bc50-thumb-grid .bc46-admin-photo.bc50-active-photo{
  outline:4px solid rgba(216,173,39,.34);
  outline-offset:2px;
}

/* 추가사진은 4장만 */
.bc50-extra-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:9px !important;
}
.bc50-extra-grid .bc46-extra-photo{
  min-height:120px !important;
}
.bc50-extra-grid .bc46-extra-photo label{
  min-height:120px !important;
}
.bc50-extra-grid .bc46-extra-photo img{
  height:120px !important;
  min-height:120px !important;
  object-fit:cover !important;
}

@media(max-width:1100px){
  .bc46-admin-grid{
    grid-template-columns:1fr !important;
  }
  .bc50-large-photo{
    height:460px;
  }
}
@media(max-width:720px){
  .bc50-large-photo{
    height:360px;
  }
  .bc50-thumb-grid,
  .bc50-extra-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* STEP50 상세화면 추가사진 4장 */
.bc40-mini-gallery{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.bc40-mini-gallery>div{
  height:200px !important;
}


/* ===== STEP 51 : '다른 작품으로 이동' 버튼 ===== */
#detailModal .redirect-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background-color: #2b3a2f;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    border: 1px solid #3e5243;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    width: auto;
    height: auto;
    min-width: 150px;
    white-space: nowrap;
}

#detailModal .redirect-btn:hover {
    background-color: #1e2821;
    border-color: #526c58;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

/* 고객 상세창의 X형 닫기 버튼은 표시하지 않음 */
#detailModal .modal-close {
    display: none !important;
}


/* ===== STEP 52 : "다른 작품으로 이동" 안내 메뉴박스 점멸 ===== */
#detailModal .redirect-btn.bc52-blink-guide{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:11px 21px !important;
  min-width:165px !important;

  background:#2b3a2f !important;
  color:#ffffff !important;
  border:1px solid #526c58 !important;
  border-radius:7px !important;

  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:-0.2px !important;

  cursor:pointer !important;
  white-space:nowrap !important;

  box-shadow:
    0 2px 6px rgba(0,0,0,.22),
    0 0 0 rgba(216,173,39,0);

  animation:bc52MoveGuideBlink 1.65s infinite ease-in-out !important;
  transition:all .2s ease !important;
}

@keyframes bc52MoveGuideBlink{
  0%,100%{
    opacity:.68;
    background:#2b3a2f;
    box-shadow:
      0 2px 6px rgba(0,0,0,.18),
      0 0 0 0 rgba(216,173,39,0);
    transform:translateY(0) scale(1);
  }
  50%{
    opacity:1;
    background:#1e2821;
    box-shadow:
      0 4px 10px rgba(0,0,0,.28),
      0 0 0 4px rgba(216,173,39,.24);
    transform:translateY(-1px) scale(1.025);
  }
}

#detailModal .redirect-btn.bc52-blink-guide:hover{
  animation:none !important;
  opacity:1 !important;
  background:#1e2821 !important;
  border-color:#7a956f !important;
  transform:translateY(-2px) !important;
  box-shadow:
    0 5px 12px rgba(0,0,0,.32),
    0 0 0 4px rgba(216,173,39,.28) !important;
}

/* 고객 상세창에서 X 닫기 기호는 완전히 숨김 */
#detailModal .modal-close{
  display:none !important;
}


/* ==========================================================
   STEP 53
   고객 상세보기 대형 뷰어 + 관리자/고객 공통 이동 메뉴
   ========================================================== */

.bc53-modal-header{
  position:sticky;
  top:-30px;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:-30px -30px 22px;
  padding:18px 22px;
  background:#fffdf8;
  border-bottom:2px solid #e2dacd;
}
.bc53-modal-title{
  color:#2b3a2f;
  font-size:20px;
  font-weight:900;
}
.bc53-admin-header h2{
  margin:4px 0 0 !important;
}

/* X는 고객 상세와 관리자 작품등록에서는 완전히 제거 */
#detailModal .modal-close,
#bc46AdminModal .modal-close{
  display:none !important;
}

/* 두 화면 공통: 다른 작품으로 이동 메뉴박스 */
#detailModal .bc53-blink-guide,
#bc46AdminModal .bc53-blink-guide{
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:170px !important;
  width:auto !important;
  height:auto !important;
  padding:11px 20px !important;
  background:#2b3a2f !important;
  color:#fff !important;
  border:1px solid #526c58 !important;
  border-radius:7px !important;
  font-size:14px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  cursor:pointer !important;
  box-shadow:0 2px 6px rgba(0,0,0,.18);
  animation:bc53GuideBlink 1.6s infinite ease-in-out !important;
}

@keyframes bc53GuideBlink{
  0%,100%{
    opacity:.66;
    background:#2b3a2f;
    transform:scale(1);
    box-shadow:0 2px 6px rgba(0,0,0,.16),0 0 0 0 rgba(216,173,39,0);
  }
  50%{
    opacity:1;
    background:#1e2821;
    transform:scale(1.035);
    box-shadow:0 4px 10px rgba(0,0,0,.28),0 0 0 4px rgba(216,173,39,.28);
  }
}

#detailModal .bc53-blink-guide:hover,
#bc46AdminModal .bc53-blink-guide:hover{
  animation:none !important;
  opacity:1 !important;
  background:#1e2821 !important;
  transform:translateY(-2px) !important;
}

/* 고객 작품상세 전체 크기 */
#detailModal .artwork-detail-panel{
  width:min(1380px,97vw) !important;
  max-height:95vh !important;
  padding:30px !important;
}

/* 좌측 설명 280px / 우측 대형 이미지 */
.detail-modal-grid{
  display:grid !important;
  grid-template-columns:280px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:start !important;
}

.detail-info-panel{
  display:flex;
  flex-direction:column;
  gap:13px;
  padding-right:20px;
  border-right:1px solid #e0d8cb;
  min-width:0;
}

.bc53-eyebrow{
  color:#9a7024;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
  padding-bottom:10px;
  border-bottom:3px solid #2f3b36;
}

.info-group{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.info-label{
  color:#74695b;
  font-size:11px;
  font-weight:900;
}
.info-value{
  color:#272522;
  font-size:14px;
  font-weight:600;
  line-height:1.65;
  overflow-wrap:anywhere;
  word-break:keep-all;
  white-space:pre-wrap;
}
.bc53-work-title{
  color:#2f3b36;
  font-size:20px;
  font-weight:900;
}
.bc53-long-text{
  padding-top:10px;
  border-top:1px solid #e5ddd1;
}
.bc53-detail-actions{
  display:grid;
  gap:8px;
  margin-top:5px;
}
.bc53-detail-actions button{
  width:100%;
}

/* 우측 대형 이미지 */
.detail-image-viewer{
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
  min-width:0;
}

.main-large-photo-container{
  width:100%;
  height:min(650px,66vh);
  min-height:480px;
  background:#f8f6f0;
  border:1px solid #d9d3c8;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:0 4px 15px rgba(0,0,0,.08);
}

.main-large-photo{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#fff;
}

.bc53-main-empty{
  width:100%;
  height:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#75695b;
}
.bc53-main-empty b{
  font-size:56px;
  line-height:1;
}
.bc53-main-empty span{
  margin-top:8px;
  font-size:13px;
}

.bc53-main-caption{
  align-self:center;
  min-width:160px;
  padding:7px 16px;
  background:#2f3b36;
  color:#fff;
  text-align:center;
  font-size:11px;
  font-weight:900;
}

.bc53-sub-heading{
  margin-top:4px;
  padding-bottom:6px;
  border-bottom:1px solid #ded5c8;
  color:#655a4d;
  font-size:12px;
  font-weight:900;
}
.bc53-extra-heading{
  margin-top:10px;
}

/* 4개 균등 선택 썸네일 */
.sub-photo-grid-4{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100%;
}

.bc53-thumb{
  position:relative;
  aspect-ratio:4/3;
  width:100%;
  padding:0;
  border:2px solid #e2dacd;
  background:#f0ebe1;
  overflow:hidden;
  cursor:pointer;
  transition:all .2s ease;
}
.bc53-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bc53-thumb span{
  position:absolute;
  left:5px;
  bottom:5px;
  padding:4px 6px;
  background:rgba(35,35,31,.82);
  color:#fff;
  font-size:9px;
  font-weight:900;
}
.bc53-thumb:hover,
.bc53-thumb.active{
  border-color:#9b6c3a !important;
  transform:translateY(-2px);
  box-shadow:0 3px 8px rgba(0,0,0,.14);
}
.bc53-thumb-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#75695b;
  cursor:default;
}
.bc53-thumb-empty div{
  font-size:30px;
}
.bc53-thumb-empty span{
  position:static;
  margin-top:5px;
  background:transparent;
  color:#75695b;
  font-size:10px;
}

/* 보조 4장도 상단 메인 폭에 딱 맞춤 */
.bc53-extra-photo-grid .bc53-thumb{
  aspect-ratio:16/10;
}

@media(max-width:1000px){
  .detail-modal-grid{
    grid-template-columns:1fr !important;
  }
  .detail-info-panel{
    border-right:0;
    border-bottom:1px solid #e0d8cb;
    padding-right:0;
    padding-bottom:18px;
  }
  .main-large-photo-container{
    min-height:380px;
    height:58vh;
  }
}
@media(max-width:650px){
  .bc53-modal-header{
    align-items:flex-start;
    flex-direction:column;
  }
  #detailModal .bc53-blink-guide,
  #bc46AdminModal .bc53-blink-guide{
    width:100% !important;
  }
  .sub-photo-grid-4{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* ==========================================================
   STEP 54 : 고객 작품 상세보기 최종 레이아웃 정돈
   - 좌측 설명 280px
   - 우측 대형 뷰어
   - 주요사진 4장 / 보조사진 4장
   ========================================================== */

#detailModal .artwork-detail-panel{
  width:min(1280px,96vw) !important;
  max-height:92vh !important;
  overflow-y:auto !important;
  background:#fffdf8 !important;
  border-radius:10px !important;
  padding:24px !important;
  box-shadow:0 10px 30px rgba(0,0,0,.30) !important;
}

#detailModal .modal-header,
#detailModal .bc53-modal-header{
  position:sticky !important;
  top:-24px !important;
  z-index:40 !important;
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:20px !important;
  margin:-24px -24px 20px !important;
  padding:16px 20px !important;
  background:#fffdf8 !important;
  border-bottom:2px solid #e2dacd !important;
}

#detailModal .modal-title,
#detailModal .bc53-modal-title{
  font-size:20px !important;
  font-weight:900 !important;
  color:#2b3a2f !important;
}

/* 왼쪽 작품 설명란 280px 고정 */
#detailModal .detail-modal-grid{
  display:grid !important;
  grid-template-columns:280px minmax(0,1fr) !important;
  gap:24px !important;
  align-items:start !important;
}

#detailModal .detail-info-panel{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  border-right:1px solid #e0d8cb !important;
  padding-right:20px !important;
  min-width:0 !important;
}

#detailModal .info-group{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
}

#detailModal .info-label{
  font-size:12px !important;
  color:#666 !important;
  font-weight:700 !important;
}

#detailModal .info-value{
  font-size:14px !important;
  color:#222 !important;
  font-weight:500 !important;
  line-height:1.65 !important;
  word-break:keep-all !important;
  overflow-wrap:anywhere !important;
  white-space:pre-wrap !important;
}

#detailModal .bc53-long-text .info-value{
  max-height:190px !important;
  overflow-y:auto !important;
  padding-right:4px !important;
}

/* 오른쪽 이미지 뷰어 */
#detailModal .detail-image-viewer{
  display:flex !important;
  flex-direction:column !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
}

/* 상단 대형 1장 */
#detailModal .main-large-photo-container{
  width:100% !important;
  height:560px !important;
  background:#f8f6f0 !important;
  border:1px solid #d9d3c8 !important;
  border-radius:8px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-shadow:0 4px 15px rgba(0,0,0,.08) !important;
}

#detailModal .main-large-photo{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  background:#fff !important;
}

/* 주요사진 4장: 상단 큰 사진 폭에 맞춰 정확히 4등분 */
#detailModal .sub-photo-grid-4{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
}

#detailModal .bc53-thumb{
  aspect-ratio:4/3 !important;
  width:100% !important;
  border:2px solid #e2dacd !important;
  border-radius:6px !important;
  background:#f0ebe1 !important;
  overflow:hidden !important;
  cursor:pointer !important;
  transition:all .2s ease !important;
}

#detailModal .bc53-thumb:hover,
#detailModal .bc53-thumb.active{
  border-color:#9b6c3a !important;
  transform:translateY(-2px) !important;
  box-shadow:0 4px 9px rgba(0,0,0,.12) !important;
}

/* 아래 보조사진도 4장으로 유지 */
#detailModal .bc53-extra-photo-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}

#detailModal .bc53-extra-photo-grid .bc53-thumb{
  aspect-ratio:4/3 !important;
}

/* '다른 작품으로 이동' 버튼: X 없이 명확한 메뉴박스 */
#detailModal .redirect-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:10px 20px !important;
  background:#2b3a2f !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:700 !important;
  border:1px solid #3e5243 !important;
  border-radius:6px !important;
  cursor:pointer !important;
  transition:all .2s ease !important;
  box-shadow:0 2px 6px rgba(0,0,0,.18) !important;
  min-width:170px !important;
  white-space:nowrap !important;
}

#detailModal .redirect-btn:hover{
  background:#1e2821 !important;
  border-color:#526c58 !important;
  transform:translateY(-2px) !important;
  box-shadow:0 4px 8px rgba(0,0,0,.28) !important;
}

/* 관리자와 고객 상세에서 X 제거 유지 */
#detailModal .modal-close,
#bc46AdminModal .modal-close{
  display:none !important;
}

@media(max-width:980px){
  #detailModal .detail-modal-grid{
    grid-template-columns:1fr !important;
  }
  #detailModal .detail-info-panel{
    border-right:0 !important;
    border-bottom:1px solid #e0d8cb !important;
    padding-right:0 !important;
    padding-bottom:18px !important;
  }
  #detailModal .main-large-photo-container{
    height:480px !important;
  }
}
@media(max-width:640px){
  #detailModal .modal-header,
  #detailModal .bc53-modal-header{
    align-items:flex-start !important;
    flex-direction:column !important;
  }
  #detailModal .redirect-btn{
    width:100% !important;
  }
  #detailModal .sub-photo-grid-4,
  #detailModal .bc53-extra-photo-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  #detailModal .main-large-photo-container{
    height:360px !important;
  }
}


/* ==========================================================
   STEP 55 : 작품 특기사항 Word / Excel 입력란
   ========================================================== */

.bc55-special-wrap{
  margin-top:8px;
}

.bc55-special-guide{
  padding:10px 12px;
  margin-bottom:8px;
  background:#f8f4ec;
  border-left:4px solid #d8ad27;
  color:#6d6254;
  font-size:11px;
  line-height:1.65;
}

.bc55-special-editor{
  min-height:210px;
  max-height:420px;
  overflow:auto;
  padding:14px;
  border:2px dashed #c7bca9;
  background:#fff;
  color:#3e3933;
  font-size:12px;
  line-height:1.7;
  outline:none;
  white-space:normal;
}

.bc55-special-editor:focus{
  border-style:solid;
  border-color:#d3a72c;
  box-shadow:0 0 0 3px rgba(211,167,44,.10);
}

.bc55-special-editor:empty:before{
  content:attr(data-placeholder);
  color:#9b9184;
}

/* Word/Excel에서 붙여넣은 표도 자연스럽게 표시 */
.bc55-special-editor table,
.bc55-detail-special table{
  width:100%;
  border-collapse:collapse;
  margin:8px 0;
  background:#fff;
}

.bc55-special-editor th,
.bc55-special-editor td,
.bc55-detail-special th,
.bc55-detail-special td{
  border:1px solid #d9d0c3;
  padding:6px 8px;
  vertical-align:top;
  font-size:11px;
}

.bc55-detail-special{
  min-height:130px;
  max-height:360px;
  overflow:auto;
  padding:15px;
  border:1px solid #ded5c8;
  background:#fffdf8;
  color:#4d463f;
  font-size:13px;
  line-height:1.75;
}

.bc55-special-empty{
  color:#91877a;
}

/* 더 이상 필요 없는 추가사진 4장 영역 숨김 안전장치 */
#bc46ExtraPhotos,
.bc50-extra-grid,
.bc53-extra-photo-grid{
  display:none !important;
}


/* ==========================================================
   STEP59 안정 복구판
   ========================================================== */

/* 우측 검색·상담 메시지를 가장 위로 */
.bc59-toolbar-right{
  width:min(660px,100%);
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:7px;
}
.bc59-consult-message{
  width:100%;
  text-align:right;
  color:#a93226;
  font-size:11px;
  font-weight:800;
  line-height:1.4;
  white-space:normal;
}
.bc59-consult-message strong{
  color:#8e241a;
}
.bc59-search-row{
  width:100%;
  display:flex !important;
  justify-content:flex-end;
  align-items:center;
  gap:7px;
}
.bc59-search-row input{
  flex:1 1 auto;
  min-width:240px;
}
.bc59-status-filter{
  display:flex;
  justify-content:flex-end;
  gap:5px;
  flex-wrap:wrap;
}
.bc59-status-filter button{
  min-width:58px;
  height:32px;
  padding:5px 9px;
  border:1px solid #d8cfbf;
  background:#fffdf8;
  color:#544b40;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.bc59-status-filter button.active{
  background:#2b3a2f;
  border-color:#2b3a2f;
  color:#fff;
}

/* 소비자 카드 상태: 작품정보 아래 작은 배지 하나만 */
.bc59-status-row{
  margin-top:7px;
  display:flex;
  align-items:center;
}
.bc59-status-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:56px;
  min-height:20px;
  padding:4px 8px;
  border-radius:4px;
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.1px;
}
.bc59-status-pill[data-status="판매중"]{background:#2d6842;}
.bc59-status-pill[data-status="판매완료"]{background:#77736d;}
.bc59-status-pill[data-status="출고대기"]{background:#bd821c;}
.bc59-status-pill[data-status="판매보류"]{background:#99463b;}

/* 오늘의 대표작품 + 점화살표: 확실하게 좌→우 이동 */
.today-feature-marquee{
  animation:todayFeatureMove 7.2s linear infinite !important;
  will-change:transform,opacity !important;
}

/* 관심작품 카트 깜빡임 */
.cart-svg{
  transform-origin:center center !important;
  animation:bc59CartBlink 1.35s ease-in-out infinite !important;
  will-change:transform,opacity,filter !important;
}
.hero-favorite-cart{
  animation:bc59CartGlow 1.35s ease-in-out infinite !important;
}
@keyframes bc59CartBlink{
  0%,100%{opacity:1; transform:scale(1); filter:brightness(1);}
  45%{opacity:.48; transform:scale(.93); filter:brightness(.9);}
  68%{opacity:1; transform:scale(1.08); filter:brightness(1.12);}
}
@keyframes bc59CartGlow{
  0%,100%{box-shadow:0 0 10px rgba(255,217,47,.38) !important;}
  50%{box-shadow:0 0 24px rgba(255,217,47,.95) !important;}
}

/* 문의하기 버튼은 과하지 않게 은은하게 깜빡임 */
.sidebar-inquiry-btn{
  animation:inquiryCleanBlink 1.85s ease-in-out infinite !important;
}

/* 대표작품 3칸 사진 업로드 */
.bc59-hero-upload-slot{
  position:relative !important;
  overflow:hidden !important;
}
.bc59-hero-img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.bc59-hero-upload-slot > span{
  position:relative;
  z-index:3;
}
body.bc46-admin-mode .bc59-hero-upload-slot{
  cursor:pointer !important;
}
body.bc46-admin-mode .bc59-hero-upload-slot::after{
  content:"관리자 사진등록";
  position:absolute;
  left:5px;
  top:5px;
  z-index:4;
  padding:3px 6px;
  background:rgba(43,58,47,.86);
  color:#fff;
  font-size:8px;
  font-weight:900;
}
.bc59-overlay-label{
  position:absolute !important;
  right:5px;
  bottom:5px;
  padding:4px 6px;
  background:rgba(0,0,0,.60);
  color:#fff !important;
  font-size:9px !important;
}

/* 왼쪽 홍보사진 5장 관리자 등록 */
.bc59-promo-admin{
  position:absolute;
  left:7px;
  right:7px;
  top:7px;
  z-index:8;
  display:none;
  align-items:center;
  justify-content:space-between;
  gap:5px;
}
.bc59-promo-admin button{
  border:1px solid rgba(255,255,255,.8);
  background:rgba(43,58,47,.88);
  color:#fff;
  padding:5px 7px;
  border-radius:5px;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}
.bc59-promo-admin small{
  padding:3px 5px;
  border-radius:4px;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:8px;
}

/* 이번 요청에서는 모션을 항상 유지 */
@media (prefers-reduced-motion: reduce){
  .today-feature-marquee{
    animation:todayFeatureMove 9s linear infinite !important;
  }
  .cart-svg{
    animation:bc59CartBlink 1.8s ease-in-out infinite !important;
  }
  .hero-favorite-cart{
    animation:bc59CartGlow 1.8s ease-in-out infinite !important;
  }
  .sidebar-inquiry-btn{
    animation:inquiryCleanBlink 2.2s ease-in-out infinite !important;
  }
}

@media(max-width:820px){
  .bc59-toolbar-right{width:100%;}
  .bc59-consult-message{text-align:left;}
  .bc59-search-row{flex-wrap:wrap;}
  .bc59-status-filter{justify-content:flex-start;}
}


/* ==========================================================
   STEP60 FINAL
   - 관리자 비밀번호
   - 거래기록 관리자 전용
   - 홍보사진 업로드 안정화
   - 대표작품 안내 화살표 이동거리 연장
   - 저장하고 종료 / 백업
   ========================================================== */

/* 오늘의 대표작품: 더 왼쪽에서 시작해 대표작품 3칸 끝까지 지나가도록 */
.today-feature-track{
  left:-95px !important;
  width:980px !important;
  overflow:visible !important;
}
@keyframes bc60TodayFeatureMove{
  0%   { transform:translateX(-190px); opacity:0; }
  6%   { opacity:1; }
  92%  { opacity:1; }
  100% { transform:translateX(820px); opacity:0; }
}
.today-feature-marquee{
  animation:bc60TodayFeatureMove 9.6s linear infinite !important;
}
@media(max-width:1100px){
  .today-feature-track{width:800px !important;}
  @keyframes bc60TodayFeatureMove{
    0%   { transform:translateX(-160px); opacity:0; }
    7%   { opacity:1; }
    90%  { opacity:1; }
    100% { transform:translateX(660px); opacity:0; }
  }
}
@media(max-width:760px){
  .today-feature-track{left:-30px !important;width:520px !important;}
  @keyframes bc60TodayFeatureMove{
    0%   { transform:translateX(-120px); opacity:0; }
    8%   { opacity:1; }
    88%  { opacity:1; }
    100% { transform:translateX(430px); opacity:0; }
  }
}

/* 관리자 전용 상단 버튼 */
.bc60-admin-only-btn{
  display:none;
  min-height:42px;
  padding:8px 10px;
  border:1px solid #bda778;
  background:#fffaf0;
  color:#55452f;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
body.bc46-admin-mode .bc60-admin-only-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.bc60-save-exit-btn{
  background:#8c2f27 !important;
  border-color:#8c2f27 !important;
  color:#fff !important;
}

/* 관리자 전용 거래기록 */
.bc60-private-sales{
  margin-top:8px;
  padding:14px;
  border:2px solid #b28a43;
  background:#fff8e9;
}
.bc60-private-sales-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
  padding-bottom:9px;
  border-bottom:1px solid #dbc89f;
}
.bc60-private-sales-head strong{
  color:#7a4d13;
  font-size:14px;
}
.bc60-private-sales-head span{
  color:#8a7352;
  font-size:10px;
  font-weight:800;
}
.bc60-private-sales-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.bc60-private-sales-grid label{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.bc60-private-sales-grid label span{
  font-size:11px;
  font-weight:900;
  color:#5d4a32;
}
.bc60-private-sales-grid input,
.bc60-private-sales-grid textarea{
  width:100%;
  border:1px solid #cdbb97;
  background:#fff;
  padding:9px 10px;
  font-size:12px;
}
.bc60-private-sales-grid textarea{
  min-height:70px;
  resize:vertical;
}
.bc60-private-full{grid-column:1/-1;}
@media(max-width:700px){
  .bc60-private-sales-grid{grid-template-columns:1fr;}
  .bc60-private-full{grid-column:auto;}
}

/* 홍보사진: 한번에 또는 1~5 개별등록 */
.bc59-promo-admin{
  flex-direction:column !important;
  align-items:stretch !important;
  gap:4px !important;
}
.bc60-promo-upload-row{
  display:flex;
  align-items:center;
  gap:4px;
}
.bc60-promo-upload-row > button{
  flex:1 1 auto;
}
.bc60-promo-slot-buttons{
  display:flex;
  gap:2px;
}
.bc60-promo-slot-buttons button{
  min-width:23px !important;
  width:23px !important;
  height:24px !important;
  padding:0 !important;
  border-radius:4px !important;
  font-size:9px !important;
}
#bc60PromoStatus{
  display:block;
  width:max-content;
  max-width:100%;
  align-self:flex-start;
}


/* STEP61 버전 확인 배지 */
.bc61-version-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 8px;
  border:1px solid #9f8350;
  background:#2f3b36;
  color:#ffd84a;
  font-size:10px;
  font-weight:900;
  letter-spacing:.4px;
}


/* ==========================================================
   STEP63 - 직전 정상상태 복구 위 최소 수정
   기존 메뉴/작품틀/관심작품함 위치는 변경하지 않음
   ========================================================== */

/* 왼쪽 홍보사진 자막 제거 */
.promo-brand-overlay,
.promo-slideshow .promo-logo,
.promo-slideshow .promo-sub{
  display:none !important;
}

/* 대표작품 5칸: 기존 관심작품함 위치를 건드리지 않도록 폭만 조절 */
.hero-art-triple{
  right:126px !important;
  width:455px !important;
  height:138px !important;
  gap:6px !important;
  justify-content:flex-end !important;
}
.hero-art-slot{
  flex:0 0 84px !important;
  width:84px !important;
  height:126px !important;
  border:3px solid #ffd84a !important;
}
.hero-art-slot::before{
  top:32px !important;
  font-size:28px !important;
}
.hero-art-slot span{
  bottom:10px !important;
  font-size:8.5px !important;
  padding:0 3px !important;
}

/* 오늘의 대표작품: 검은 배너 안쪽에서 시작하여 5개 대표작품 방향까지 이동 */
.today-feature-track{
  left:0 !important;
  width:820px !important;
  overflow:visible !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
@keyframes bc63TodayFeatureMove{
  0%   { transform:translateX(0); opacity:.15; }
  6%   { opacity:1; }
  93%  { opacity:1; }
  100% { transform:translateX(650px); opacity:0; }
}
.today-feature-marquee{
  animation:bc63TodayFeatureMove 9.2s linear infinite !important;
}

/* 관리자모드에서 대표작품 연결정보 라벨 */
body.bc46-admin-mode .hero-art-slot .bc59-overlay-label{
  background:rgba(0,0,0,.62) !important;
  color:#fff !important;
  padding:3px 2px !important;
  font-size:7.5px !important;
  line-height:1.15 !important;
}

/* 공개모드 이미지 드래그 방지 */
body:not(.bc46-admin-mode) img{
  -webkit-user-drag:none !important;
  user-select:none !important;
}


/* ==========================================================
   STEP64 미세조정
   - 기존 정상 레이아웃 유지
   - 대표작품 5칸을 왼쪽으로 이동
   - 관심작품함과 간격 확보
   - 관리자 저장종료 버튼 강조
   ========================================================== */

/* 대표작품 5칸을 왼쪽으로 이동하여 관심작품함과 약 55~65px 간격 확보 */
.hero-art-triple{
  right:180px !important;
  width:455px !important;
  gap:6px !important;
}

/* 관심작품함은 기존 오른쪽 위치 그대로 */
.hero-favorite-cart{
  right:20px !important;
}

/* 관리자모드일 때만 나타나는 저장 종료 버튼을 선명하게 */
.bc60-save-exit-btn{
  background:#28a745 !important;
  border-color:#28a745 !important;
  color:#fff !important;
  min-height:42px !important;
  padding:10px 18px !important;
  font-size:11px !important;
  font-weight:900 !important;
  border-radius:7px !important;
  box-shadow:0 3px 7px rgba(0,0,0,.14) !important;
  transition:background-color .2s ease, transform .1s ease !important;
}
.bc60-save-exit-btn:hover{
  background:#218838 !important;
  transform:translateY(-1px) !important;
}

/* 왼쪽 5장 홍보사진 안의 예전 브랜드 자막은 완전 비표시 */
.promo-brand-overlay,
.promo-slideshow .promo-logo,
.promo-slideshow .promo-sub{
  display:none !important;
}

@media(max-width:1180px){
  .hero-art-triple{
    right:155px !important;
    width:420px !important;
  }
}


/* ==========================================================
   STEP65 사진 온전 표시
   핵심: object-fit: cover -> contain
   사진은 절대 잘라내지 않고, 원본 비율 그대로 박스 안에 100% 표시
   ========================================================== */

/* 왼쪽 회사 홍보사진 5장 */
.promo-image.promo-slideshow{
  background:#171a18 !important;
}
.promo-slide{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* 대표작품 5칸 */
.hero-art-slot{
  background:#202823 !important;
}
.hero-art-slot img,
.hero-art-slot .bc59-hero-img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#202823 !important;
}

/* 사진 비율이 박스와 다를 경우 생기는 여백은 자연스럽게 어두운 배경으로 처리 */
.promo-slide.active{
}

/* 모바일에서도 동일하게 절대 크롭 금지 */
@media(max-width:780px){
  .promo-slide,
  .hero-art-slot img,
  .hero-art-slot .bc59-hero-img{
    object-fit:contain !important;
    object-position:center center !important;
  }
}


/* ==========================================================
   STEP66 사진 표시 옵션
   ========================================================== */

/* '회사 홍보사진' 및 예전 브랜드 자막 완전 제거 */
.company-photo-label,
.promo-brand-overlay,
.promo-slideshow .promo-logo,
.promo-slideshow .promo-sub{
  display:none !important;
}

/* 옵션 선택 시 여백이 생기는 경우 보기 좋은 밝은 배경 */
.promo-image.promo-slideshow,
.hero-art-slot{
  background:#eee8de !important;
}

/* 관리자모드에서만 설정 UI 노출 */
.bc66-fit-panel{
  display:none;
}
body.bc46-admin-mode .bc66-fit-panel{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:4px;
  padding:4px 5px;
  border:1px solid #cbb98f;
  background:rgba(255,253,248,.97);
  z-index:150;
}

.bc66-fit-title{
  color:#594a36;
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
  margin-right:2px;
}

.bc66-slot-select,
.bc66-fit-modes{
  display:flex;
  gap:2px;
}

.bc66-fit-panel button{
  min-width:23px;
  min-height:21px;
  padding:2px 5px;
  border:1px solid #c9b996;
  border-radius:3px;
  background:#fff;
  color:#544735;
  font-size:8px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
.bc66-fit-panel button.active{
  background:#2f3b36;
  border-color:#2f3b36;
  color:#fff;
}

/* 홍보사진 옵션: 업로드 버튼 바로 아래 */
.bc66-promo-fit-panel{
  width:100%;
  margin-top:2px;
}

/* 대표작품 옵션: 5칸 바로 아래 */
.bc66-hero-fit-panel{
  position:absolute;
  right:180px;
  bottom:-31px;
  max-width:455px;
}

/* 대표작품/카트 기존 간격 유지 */
.hero-art-triple{
  right:180px !important;
}

/* 공개화면에서는 옵션 숨김 */
body:not(.bc46-admin-mode) .bc66-fit-panel{
  display:none !important;
}


/* ==========================================================
   STEP69 할인 · 행사 배지
   왼쪽: 할인/행사 문구 (빨간 바탕 + 흰 글씨)
   오른쪽: 기존 판매상태
   ========================================================== */

.bc69-sale-status-row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin-top:7px;
}

.bc69-sale-status-row .bc59-status-pill{
  margin-left:auto;
  flex:0 0 auto;
}

.bc69-discount-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  max-width:145px;
  padding:4px 8px;
  border-radius:4px;
  background:#c5322d;
  color:#fff;
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.1px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  box-shadow:0 1px 2px rgba(0,0,0,.08);
}

/* 관리자 입력 안내 */
.bc69-discount-field small{
  display:block;
  margin-top:5px;
  color:#7a6c58;
  font-size:10px;
  line-height:1.45;
}

/* 상세보기에서는 두 배지를 나란히 */
.bc69-detail-sale-state{
  display:flex !important;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.bc69-detail-sale-state .bc59-status-pill{
  margin-left:0;
}

/* 아주 좁은 카드에서도 서로 겹치지 않도록 */
@media(max-width:780px){
  .bc69-sale-status-row{
    gap:5px;
  }
  .bc69-discount-pill{
    max-width:118px;
    padding:4px 6px;
  }
}


/* ==========================================================
   STEP70 할인 · 행사 표시 설정을 작품 등록/수정창에서 명확하게 노출
   ========================================================== */

.bc70-sale-control{
  border:2px solid #c5322d;
  background:#fff8f6;
  padding:12px;
  border-radius:8px;
  margin:2px 0 4px;
}

.bc70-sale-control-head{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:9px;
}

.bc70-sale-control-head strong{
  color:#a8221d;
  font-size:14px;
  font-weight:900;
}

.bc70-sale-control-head span{
  color:#77665e;
  font-size:10px;
  font-weight:700;
}

.bc70-sale-preset-row{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-bottom:10px;
}

.bc70-sale-preset-row button{
  border:0;
  border-radius:5px;
  background:#c5322d;
  color:#fff;
  padding:7px 9px;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}

.bc70-sale-preset-row button:hover{
  filter:brightness(.92);
}

.bc70-sale-preset-row .bc70-clear-sale{
  background:#6d6d6d;
}

.bc70-sale-control .bc69-discount-field{
  display:block;
  margin:0;
}

.bc70-sale-control .bc69-discount-field > span{
  display:block;
  margin-bottom:5px;
  color:#5e554a;
  font-size:11px;
  font-weight:900;
}

.bc70-sale-control .bc69-discount-field input{
  width:100%;
  border:1px solid #d8b3ae;
  background:#fff;
  padding:10px;
}

.bc70-sale-preview{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:9px;
  padding-top:8px;
  border-top:1px dashed #dfc0bc;
  color:#6d6254;
  font-size:10px;
  font-weight:800;
}

.bc70-sale-empty{
  background:#9b9b9b !important;
}


/* ==========================================================
   STEP71 최종 시각 마감
   ========================================================== */

/* 할인과 판매상태는 의미상 한 묶음이므로 카드 양끝까지 벌리지 않음 */
.bc69-sale-status-row{
  justify-content:flex-start !important;
  gap:11px !important;
}

.bc69-sale-status-row .bc59-status-pill{
  margin-left:0 !important;
}

/* 워터마크 자체는 canvas에 굽기 때문에 CSS 조정 없음 */

/* 하단 사업자 정보 / 법적 고지 */
.bc71-footer{
  display:block !important;
  margin-top:34px;
  padding:0 !important;
  border-top:2px solid #2f3b36 !important;
  background:#1f2522;
  color:#e7e2d8;
}

.bc71-footer-inner{
  max-width:1500px;
  margin:0 auto;
  padding:30px 34px 26px;
}

.bc71-footer-brand{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:9px;
  margin-bottom:13px;
}

.bc71-footer-brand strong{
  color:#fff;
  font-size:18px;
  letter-spacing:.8px;
}

.bc71-footer-brand span{
  color:#c9bd9c;
  font-size:12px;
}

.bc71-business-info{
  display:flex;
  flex-wrap:wrap;
  gap:7px 18px;
  padding:12px 0;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  font-size:11px;
  line-height:1.6;
  color:#d9d4cb;
}

.bc71-business-info span{
  position:relative;
  padding-right:18px;
}

.bc71-business-info span:not(:last-child)::after{
  content:"";
  position:absolute;
  right:0;
  top:50%;
  width:1px;
  height:11px;
  background:rgba(255,255,255,.18);
  transform:translateY(-50%);
}

.bc71-business-info b{
  color:#fff;
  font-weight:700;
}

.bc71-trade-note{
  margin-top:12px;
  color:#cfc8bb;
  font-size:11px;
  line-height:1.6;
}

.bc71-copyright-notice{
  margin-top:10px;
  padding-top:10px;
  border-top:1px dashed rgba(255,255,255,.14);
  color:#aaa49a;
  font-size:10px;
  line-height:1.7;
}

.bc71-admin-missing-info{
  margin-top:12px;
  padding:9px 11px;
  border:1px solid #d8a23d;
  background:#fff4d7;
  color:#65480f;
  font-size:10px;
  line-height:1.5;
  font-weight:800;
}

@media(max-width:780px){
  .bc71-footer-inner{
    padding:24px 18px 22px;
  }
  .bc71-business-info{
    display:block;
  }
  .bc71-business-info span{
    display:block;
    padding:2px 0;
  }
  .bc71-business-info span::after{
    display:none !important;
  }
}


/* ==========================================================
   STEP72 작품 주요사진 4장 표시방식
   - 원본비율(contain)
   - 박스맞춤(fill)
   - 잘라내기(cover)
   ========================================================== */

.bc72-photo-fit-panel{
  margin:0 0 10px;
  padding:9px 10px;
  border:2px solid #d8ad27;
  background:#fffaf0;
  border-radius:6px;
}

.bc72-photo-fit-head{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:7px;
}
.bc72-photo-fit-head strong{
  color:#4d4438;
  font-size:11px;
  font-weight:900;
}
.bc72-photo-fit-head span{
  padding:3px 7px;
  border-radius:4px;
  background:#2f3b36;
  color:#fff;
  font-size:9px;
  font-weight:900;
}

.bc72-photo-fit-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.bc72-photo-fit-buttons button{
  border:1px solid #bca773;
  border-radius:5px;
  background:#fff;
  color:#514838;
  padding:7px 10px;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
.bc72-photo-fit-buttons button.active{
  border-color:#2f3b36;
  background:#2f3b36;
  color:#fff;
}

.bc72-photo-fit-help{
  margin-top:7px;
  color:#776b59;
  font-size:9px;
  line-height:1.55;
}

/* 기존 object-fit:cover !important 선언보다 아래에서 확실히 우선 */
img.bc72-fit-image[data-fit="contain"]{
  object-fit:contain !important;
  object-position:center center !important;
}
img.bc72-fit-image[data-fit="fill"]{
  object-fit:fill !important;
  object-position:center center !important;
}
img.bc72-fit-image[data-fit="cover"]{
  object-fit:cover !important;
  object-position:center center !important;
}

/* 관리자 썸네일에서 현재 저장된 표시방식 확인 */
.bc46-admin-photo{
  position:relative;
}
.bc72-thumb-fit-badge{
  position:absolute;
  top:5px;
  right:5px;
  z-index:6;
  padding:3px 5px;
  border-radius:3px;
  background:rgba(47,59,54,.88);
  color:#fff;
  font-size:8px;
  font-weight:900;
  pointer-events:none;
}

/* contain일 때 생기는 여백은 검정 대신 밝은 중성 배경 */
.bc50-thumb-grid .bc46-admin-photo,
#detailModal .bc53-thumb,
.bc50-large-photo,
#detailModal .main-large-photo-container{
  background:#f0ece3 !important;
}


/* ==========================================================
   STEP73 회원 메뉴
   ========================================================== */
.bc73-member-menu{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:6px;
  flex:0 0 auto;
}
.bc73-member-menu button{
  border:0;
  background:transparent;
  color:#3c3934;
  padding:8px 8px;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
  white-space:nowrap;
}
.bc73-member-menu button:hover{
  color:#9d7425;
}
.bc73-member-menu .bc73-signup-btn{
  border:1px solid #2f3b36;
  border-radius:5px;
  background:#2f3b36;
  color:#fff;
  padding:8px 11px;
}
.bc73-member-modal .bc73-member-form{
  display:grid;
  gap:9px;
  margin:16px 0;
}
.bc73-member-form label:not(.bc73-member-agree){
  display:grid;
  gap:5px;
}
.bc73-member-form label > span{
  font-size:11px;
  font-weight:900;
  color:#554b3e;
}
.bc73-member-form input,
.bc73-member-form select{
  width:100%;
  min-height:42px;
  border:1px solid #d8cdbd;
  background:#fff;
  padding:9px 10px;
}
.bc73-member-agree{
  display:flex !important;
  align-items:flex-start;
  gap:7px !important;
  padding:9px;
  background:#f7f3eb;
  border:1px solid #e2d8c8;
}
.bc73-member-agree input{
  width:auto;
  min-height:auto;
  margin-top:3px;
}
.bc73-member-agree span{
  font-weight:600 !important;
  line-height:1.55;
}
.bc73-member-submit{
  width:100%;
}
.bc73-member-system-note{
  margin-top:10px;
  padding:9px 10px;
  background:#f5f5f5;
  color:#706c66;
  font-size:9px;
  line-height:1.6;
}
.bc73-login-ready-box{
  padding:15px;
  margin:14px 0;
  border:1px solid #d9cbaa;
  background:#fffaf0;
}
.bc73-login-ready-box strong{
  display:block;
  margin-bottom:6px;
  color:#59492e;
}
.bc73-login-ready-box p{
  margin:0;
  font-size:11px;
  line-height:1.7;
  color:#6d6558;
}
.bc73-benefit-list{
  display:grid;
  gap:8px;
  margin:14px 0 18px;
}
.bc73-benefit-list > div{
  display:grid;
  gap:3px;
  padding:10px;
  border:1px solid #e0d5c5;
  background:#fbf8f1;
}
.bc73-benefit-list b{
  color:#9a5a26;
  font-size:12px;
}
.bc73-benefit-list span{
  color:#6b6257;
  font-size:10px;
}

/* ==========================================================
   STEP73 스크롤 무빙 4컷 쇼케이스
   ========================================================== */
.bc73-showcase-strip{
  grid-column:1 / -1 !important;
  width:100%;
  margin:14px 0 22px;
  padding:16px 0 5px;
  overflow:hidden;
}
.bc73-showcase-kicker{
  margin-bottom:8px;
  color:#907447;
  font-size:9px;
  font-weight:900;
  letter-spacing:1.1px;
}
.bc73-showcase-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.bc73-showcase-tile{
  opacity:0;
  transition:
    opacity .75s ease,
    transform .95s cubic-bezier(.2,.78,.25,1);
}
.bc73-showcase-tile.from-left{transform:translateX(-60px)}
.bc73-showcase-tile.from-right{transform:translateX(60px)}
.bc73-showcase-tile.from-up{transform:translateY(-55px)}
.bc73-showcase-tile.from-down{transform:translateY(55px)}
.bc73-showcase-tile.is-visible{
  opacity:1;
  transform:translate(0,0);
}
.bc73-showcase-image-wrap{
  position:relative;
  height:300px;
  background:#efede8;
  overflow:hidden;
}
.bc73-showcase-image-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform:scale(1.015);
  transition:transform 7s ease;
}
.bc73-showcase-tile.is-visible .bc73-showcase-image-wrap img{
  transform:scale(1.07);
}
.bc73-showcase-empty{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#948c80;
  font-size:12px;
  font-weight:800;
  background:
    linear-gradient(135deg,#f3efe8,#e5dfd5);
}
.bc73-showcase-admin-btn{
  display:none;
  position:absolute;
  left:8px;
  bottom:8px;
  z-index:6;
  border:1px solid rgba(255,255,255,.8);
  border-radius:4px;
  background:rgba(24,31,28,.82);
  color:#fff;
  padding:6px 8px;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}
body.bc46-admin-mode .bc73-showcase-admin-btn{
  display:block;
}

/* ==========================================================
   STEP73 관리자 직접 편집 4단 푸터
   ========================================================== */
.bc73-footer{
  margin-top:38px;
  background:#24312c;
  color:#e9e4da;
  border-top:3px solid #b88a32;
}
.bc73-footer-inner{
  max-width:1500px;
  margin:0 auto;
  padding:31px 34px 24px;
}
.bc73-footer-topline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  padding-bottom:16px;
  margin-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.bc73-footer-topline > div{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:9px;
}
.bc73-footer-topline strong{
  color:#fff;
  font-size:20px;
  letter-spacing:.7px;
}
.bc73-footer-topline span{
  color:#cbb887;
  font-size:11px;
  font-weight:700;
}
.bc73-footer-edit-btn{
  display:none;
  border:1px solid #d4bb78;
  background:#d4bb78;
  color:#21302a;
  border-radius:4px;
  padding:8px 11px;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
body.bc46-admin-mode .bc73-footer-edit-btn{
  display:inline-flex;
}
.bc73-footer-columns{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
}
.bc73-footer-col{
  min-height:150px;
  padding:0 24px;
  border-right:1px solid rgba(255,255,255,.13);
}
.bc73-footer-col:first-child{
  padding-left:0;
}
.bc73-footer-col:last-child{
  border-right:0;
  padding-right:0;
}
.bc73-footer-col h3{
  margin:0 0 12px;
  color:#d9bf7b;
  font-size:12px;
  font-weight:900;
}
.bc73-footer-body{
  white-space:pre-line;
  color:#ddd7cc;
  font-size:10.5px;
  line-height:1.9;
}
.bc73-footer-editable[contenteditable="true"]{
  outline:1px dashed rgba(225,193,111,.75);
  outline-offset:4px;
  background:rgba(255,255,255,.035);
  cursor:text;
}
.bc73-footer-legal{
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.12);
  color:#aaa79f;
  font-size:9.5px;
  line-height:1.75;
}
.bc73-footer-copyright{
  margin-top:9px;
  color:#777d78;
  font-size:9px;
}
.bc73-footer-admin-guide{
  display:none;
  margin-top:12px;
  padding:8px 10px;
  background:#fff4d8;
  color:#594619;
  font-size:9px;
  line-height:1.5;
}
body.bc46-admin-mode .bc73-footer-admin-guide{
  display:block;
}

@media(max-width:1160px){
  .bc73-member-menu{
    gap:2px;
  }
  .bc73-member-menu button{
    padding:7px 5px;
    font-size:10px;
  }
  .bc73-showcase-image-wrap{
    height:240px;
  }
}
@media(max-width:900px){
  .bc73-member-menu{
    display:none;
  }
  .bc73-showcase-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .bc73-footer-columns{
    grid-template-columns:repeat(2,minmax(0,1fr));
    row-gap:22px;
  }
  .bc73-footer-col:nth-child(2){
    border-right:0;
  }
}
@media(max-width:620px){
  .bc73-showcase-grid{
    grid-template-columns:1fr;
  }
  .bc73-showcase-image-wrap{
    height:260px;
  }
  .bc73-footer-inner{
    padding:25px 18px 20px;
  }
  .bc73-footer-columns{
    grid-template-columns:1fr;
  }
  .bc73-footer-col{
    padding:0 0 18px !important;
    margin-bottom:18px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }
}


/* ==========================================================
   STEP74 대표작품 / 관심작품함 / 회원 메뉴 재배치
   ========================================================== */
.hero-art-triple{
  right:255px !important;
}
.hero-favorite-cart{
  right:20px !important;
  transform:scale(.82) !important;
  transform-origin:top right !important;
}
.bc74-member-under-cart{
  position:absolute;
  right:20px;
  top:130px;
  width:132px;
  z-index:26;
  display:flex;
  flex-direction:column;
  gap:5px;
}
.bc74-member-under-cart-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
}
.bc74-member-under-cart button{
  min-height:27px;
  border:1px solid rgba(255,255,255,.45);
  border-radius:5px;
  background:#f6efe3;
  color:#34413b;
  padding:4px 5px;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}
.bc74-member-under-cart .bc74-join{
  background:#d6b248;
  border-color:#d6b248;
}
.bc74-member-under-cart .bc74-benefit-link{
  width:100%;
  background:rgba(31,45,39,.94);
  color:#fff;
}

/* 회원가입 특별혜택 2줄 */
.bc74-member-benefit-edit-area{
  margin:11px 0 14px;
  padding:10px;
  border:1px solid #d7c59e;
  background:#fffaf0;
}
.bc74-member-benefit-label{
  margin-bottom:6px;
  color:#8b5a20;
  font-size:10px;
  font-weight:900;
}
.bc74-member-benefit-line{
  min-height:28px;
  margin-top:5px;
  padding:7px 8px;
  border-left:3px solid #c99c3d;
  background:#fff;
  color:#544b3f;
  font-size:10.5px;
  line-height:1.5;
  font-weight:700;
}
.bc74-member-benefit-line[contenteditable="true"]{
  outline:1px dashed #c99c3d;
  cursor:text;
}
#bc74BenefitSaveBtn{
  display:none;
  margin-top:8px;
  border:0;
  border-radius:4px;
  background:#2f3b36;
  color:#fff;
  padding:7px 10px;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}

.bc73-member-form textarea{
  width:100%;
  border:1px solid #d8cdbd;
  background:#fff;
  padding:9px 10px;
  resize:vertical;
  font:inherit;
}

/* 관리자 회원목록 */
.bc74-member-admin-modal{
  width:min(1180px,94vw) !important;
  max-width:1180px !important;
}
.bc74-member-admin-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:12px 0;
}
.bc74-member-table-wrap{
  max-height:58vh;
  overflow:auto;
  border:1px solid #ded5c8;
  background:#fff;
}
.bc74-member-table{
  width:100%;
  min-width:980px;
  border-collapse:collapse;
  font-size:10px;
}
.bc74-member-table th,
.bc74-member-table td{
  padding:8px 7px;
  border-bottom:1px solid #ece5dc;
  border-right:1px solid #eee8df;
  text-align:left;
  vertical-align:top;
}
.bc74-member-table th{
  position:sticky;
  top:0;
  z-index:2;
  background:#2f3b36;
  color:#fff;
  font-weight:900;
}
.bc74-member-empty{
  padding:30px;
  text-align:center;
  color:#847b70;
}

@media(max-width:1180px){
  .hero-art-triple{
    right:225px !important;
  }
}


/* ==========================================================
   STEP75 관심작품함 + 회원메뉴 최종 위치
   - 오른쪽 코너에서 약간 왼쪽
   - 위로 이동
   - 로그인 / 회원가입 / 회원 특별혜택 3줄
   - 관심작품함과 회원메뉴의 중심축 일치
   ========================================================== */

.hero-favorite-cart{
  right:40px !important;
  top:42px !important;
  transform:scale(.78) !important;
  transform-origin:top right !important;
}

.bc74-member-under-cart{
  right:28px !important;
  top:119px !important;
  width:112px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:4px !important;
  align-items:stretch !important;
}

.bc74-member-under-cart-row{
  display:contents !important;
}

.bc74-member-under-cart button{
  width:112px !important;
  min-height:25px !important;
  padding:4px 6px !important;
  text-align:center !important;
  font-size:9px !important;
}

.bc74-member-under-cart .bc74-join{
  background:#d6b248 !important;
  border-color:#d6b248 !important;
}

.bc74-member-under-cart .bc74-benefit-link{
  background:rgba(31,45,39,.94) !important;
  color:#fff !important;
}


/* ==========================================================
   STEP76 회원메뉴 위치 최종 정리
   배치:
   [ 로그인 ] [ 회원가입 ]
          [ 관심작품함 ]
        [ 회원 특별혜택 ]
   ========================================================== */

/* STEP75의 세로 3줄 메뉴는 더 이상 사용하지 않음 */
.bc74-member-under-cart{
  display:none !important;
}

/* 관심작품함은 현재 오른쪽 HERO 영역의 기준점으로 유지 */
.hero-favorite-cart{
  right:40px !important;
  top:59px !important;
  transform:scale(.80) !important;
  transform-origin:top right !important;
}

/* 관심작품함 위: 로그인 + 회원가입 */
.bc76-member-login-row{
  position:absolute;
  right:25px;
  top:19px;
  width:126px;
  z-index:30;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
}

.bc76-member-login-row button{
  width:100%;
  min-height:31px;
  border:1px solid rgba(255,255,255,.55);
  border-radius:6px;
  background:#f5f0e7;
  color:#2e3934;
  padding:6px 8px;
  font-size:9.5px;
  line-height:1;
  font-weight:900;
  text-align:center;
  cursor:pointer;
  box-shadow:0 2px 4px rgba(0,0,0,.12);
}

.bc76-member-login-row .bc76-join{
  background:#d8b449;
  border-color:#d8b449;
  color:#27322d;
}

/* 관심작품함 아래: 회원 특별혜택 한 줄 */
.bc76-member-benefit-under-cart{
  position:absolute;
  right:25px;
  top:143px;
  width:126px;
  z-index:30;
}

.bc76-member-benefit-under-cart button{
  width:100%;
  min-height:29px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:6px;
  background:#26352f;
  color:#fff;
  padding:6px 8px;
  font-size:9.5px;
  line-height:1;
  font-weight:900;
  text-align:center;
  cursor:pointer;
  box-shadow:0 2px 4px rgba(0,0,0,.12);
}

/* hover는 과하지 않게 */
.bc76-member-login-row button:hover,
.bc76-member-benefit-under-cart button:hover{
  transform:translateY(-1px);
}

/* 좁은 화면에서 겹침 완화 */
@media(max-width:1180px){
  .bc76-member-login-row{
    right:22px;
    width:120px;
  }
  .bc76-member-benefit-under-cart{
    right:22px;
    width:120px;
  }
}


/* ==========================================================
   STEP77 FINAL — 회원 상단 배치
   ========================================================== */
.bc76-member-login-row{
  display:none !important;
}

.bc77-top-member-menu{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:9px;
  padding-right:6px;
  flex:0 0 auto;
}

.bc77-top-member-menu button{
  min-width:92px;
  min-height:38px;
  padding:8px 14px;
  border:1px solid #8f8067;
  border-radius:6px;
  background:#fff;
  color:#2e342f;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 2px 5px rgba(0,0,0,.08);
}

.bc77-top-member-menu .bc77-top-signup{
  background:#d2ab43;
  border-color:#d2ab43;
  color:#28332e;
}

.hero-favorite-cart{
  right:34px !important;
  top:48px !important;
  transform:scale(.90) !important;
  transform-origin:top right !important;
}

.bc76-member-benefit-under-cart{
  display:none !important;
}

.bc77-member-benefit-under-cart{
  position:absolute;
  right:31px;
  top:139px;
  width:102px;
  z-index:31;
}

.bc77-member-benefit-under-cart button{
  width:100%;
  min-height:28px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:6px;
  background:#26352f;
  color:#fff;
  padding:5px 7px;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 2px 4px rgba(0,0,0,.12);
}

/* ==========================================================
   STEP77 관리자 가격/형태 패널
   ========================================================== */
.bc77-commerce-panel{
  border:2px solid #bba06a;
  border-radius:8px;
  padding:11px;
  background:#fffdf7;
}

.bc77-commerce-head{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:9px;
}

.bc77-commerce-head strong{
  color:#3e493f;
  font-size:13px;
  font-weight:900;
}

.bc77-commerce-head span{
  color:#7c7060;
  font-size:10px;
  font-weight:700;
}

.bc77-commerce-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 10px;
}

.bc77-commerce-grid label{
  display:grid;
  gap:5px;
}

.bc77-commerce-grid label > span{
  color:#605548;
  font-size:10px;
  font-weight:900;
}

.bc77-admin-price-preview{
  margin-top:10px;
  padding:9px 10px;
  display:flex;
  align-items:center;
  gap:10px;
  border-top:1px dashed #d8ccb6;
  color:#7c7060;
  font-size:10px;
}

/* ==========================================================
   STEP77 작품 카드 정보
   ========================================================== */
.bc77-product-card .card-body{
  min-height:176px;
}

.bc77-card-spec{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px 9px;
  margin-top:6px;
  color:#81786d;
  font-size:9.5px;
  line-height:1.45;
}

.bc77-card-spec b{
  color:#544b41;
  font-weight:900;
}

.bc77-material{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:100%;
}

.bc77-rating{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:6px;
  font-size:9px;
}

.bc77-rating > span{
  color:#877760;
  font-weight:800;
}

.bc77-rating b{
  color:#b78b28;
  letter-spacing:1px;
  font-size:12px;
  line-height:1;
}

.bc77-rating b i{
  color:#d7d2ca;
  font-style:normal;
}

.bc77-price-block{
  margin-top:8px;
  min-height:34px;
}

.bc77-price-top{
  display:flex;
  align-items:center;
  gap:7px;
  min-height:14px;
}

.bc77-original-price{
  color:#9b958d;
  font-size:10px;
  text-decoration:line-through;
  text-decoration-thickness:1px;
}

.bc77-price-percent{
  color:#d0372f;
  font-size:10px;
  font-weight:900;
}

.bc77-sale-price,
.bc77-regular-price{
  display:block;
  margin-top:2px;
  color:#222;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
}

.bc77-sale-price{
  color:#24201c;
}

.bc77-price-block.compact{
  margin-top:0;
}

.bc77-price-block.compact .bc77-sale-price,
.bc77-price-block.compact .bc77-regular-price{
  font-size:16px;
}

.bc77-type-row{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  margin-top:7px;
}

.bc77-type-pill,
.bc77-edition-pill{
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:3px 6px;
  border:1px solid #d4c7b4;
  border-radius:3px;
  background:#f7f3eb;
  color:#675c4e;
  font-size:8.5px;
  line-height:1;
  font-weight:800;
}

.bc77-edition-pill{
  border-color:#c8b06e;
  color:#765d20;
  background:#fff9e8;
}

/* 할인 + 판매상태는 서로 멀리 떼지 않음 */
.bc69-sale-status-row{
  justify-content:flex-start !important;
  gap:9px !important;
}
.bc69-sale-status-row .bc59-status-pill{
  margin-left:0 !important;
}

/* ==========================================================
   STEP77 매 4번째 칸 무빙 연출
   ========================================================== */
.bc77-motion-card{
  position:relative;
  min-width:0;
  min-height:100%;
  overflow:hidden;
  border:1px solid #ddd3c4;
  background:#ddd9d0;
  box-shadow:0 4px 12px rgba(0,0,0,.05);
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease,transform .8s ease;
}

.bc77-motion-card.is-visible{
  opacity:1;
  transform:translateY(0);
}

.bc77-motion-stage{
  position:relative;
  width:100%;
  height:100%;
  min-height:360px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 38%,rgba(255,255,255,.9),rgba(230,225,215,.92) 62%,#d4cec3);
}

.bc77-motion-layer{
  position:absolute;
  object-fit:cover;
  display:block;
  box-shadow:0 10px 24px rgba(0,0,0,.20);
  opacity:.92;
  will-change:transform;
}

.bc77-motion-layer.layer-0{
  inset:0;
  width:100%;
  height:100%;
  opacity:.56;
  box-shadow:none;
  filter:saturate(.88) brightness(.96);
  animation:bc77MotionBg 13s ease-in-out infinite alternate;
}

.bc77-motion-layer.layer-1{
  left:-5%;
  top:6%;
  width:74%;
  height:55%;
  z-index:2;
  animation:bc77MotionLeft 10.5s ease-in-out infinite alternate;
}

.bc77-motion-layer.layer-2{
  right:-7%;
  top:26%;
  width:68%;
  height:54%;
  z-index:3;
  animation:bc77MotionRight 11.5s ease-in-out infinite alternate;
}

.bc77-motion-layer.layer-3{
  left:20%;
  bottom:-4%;
  width:62%;
  height:47%;
  z-index:4;
  animation:bc77MotionUp 9.5s ease-in-out infinite alternate;
}

.bc77-motion-variant-1 .layer-1{top:30%;left:-7%}
.bc77-motion-variant-1 .layer-2{top:4%;right:-5%}
.bc77-motion-variant-1 .layer-3{left:18%;bottom:-2%}

.bc77-motion-variant-2 .layer-1{top:10%;left:24%}
.bc77-motion-variant-2 .layer-2{top:37%;right:-6%}
.bc77-motion-variant-2 .layer-3{left:-4%;bottom:4%}

@keyframes bc77MotionBg{
  from{transform:scale(1.02) translate3d(-1%,0,0)}
  to{transform:scale(1.10) translate3d(2%,-1%,0)}
}
@keyframes bc77MotionLeft{
  from{transform:translate3d(-12%,2%,0) rotate(-2deg) scale(.96)}
  to{transform:translate3d(10%,-2%,0) rotate(1deg) scale(1.03)}
}
@keyframes bc77MotionRight{
  from{transform:translate3d(12%,-2%,0) rotate(2deg) scale(.96)}
  to{transform:translate3d(-10%,3%,0) rotate(-1deg) scale(1.04)}
}
@keyframes bc77MotionUp{
  from{transform:translate3d(0,14%,0) rotate(1deg) scale(.97)}
  to{transform:translate3d(2%,-9%,0) rotate(-1deg) scale(1.03)}
}

.bc77-motion-manage{
  display:none;
  position:absolute;
  left:8px;
  bottom:8px;
  z-index:12;
  border:1px solid rgba(255,255,255,.7);
  border-radius:4px;
  background:rgba(24,33,29,.86);
  color:#fff;
  padding:6px 8px;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}

body.bc46-admin-mode .bc77-motion-manage{
  display:block;
}

/* 모션사진 관리 */
.bc77-motion-admin-modal{
  width:min(1100px,94vw) !important;
  max-width:1100px !important;
}

.bc77-motion-admin-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  max-height:62vh;
  overflow:auto;
  padding:4px;
}

.bc77-motion-admin-cell{
  border:1px solid #ded5c7;
  background:#fff;
  padding:8px;
}

.bc77-motion-admin-photo{
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#eee8de;
}

.bc77-motion-admin-photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.bc77-motion-admin-photo > b{
  position:absolute;
  left:6px;
  top:6px;
  min-width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(32,42,37,.88);
  color:#fff;
  font-size:9px;
}

.bc77-motion-admin-empty{
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  color:#9c9183;
  font-size:32px;
}

.bc77-motion-admin-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  margin-top:7px;
}

.bc77-motion-admin-actions label,
.bc77-motion-admin-actions button{
  min-height:29px;
  display:grid;
  place-items:center;
  border:1px solid #c9bda9;
  border-radius:4px;
  background:#f8f4ed;
  color:#50483e;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}

.bc77-motion-admin-note{
  margin-top:10px;
  padding:9px;
  background:#f7f3eb;
  color:#766b5f;
  font-size:10px;
  line-height:1.6;
}

/* ==========================================================
   STEP77 리뷰
   ========================================================== */
.bc77-review-section{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid #ddd4c8;
}

.bc77-review-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  margin-bottom:12px;
}

.bc77-review-head h3{
  margin:4px 0 0;
  font-size:20px;
}

#bc77ReviewSummary{
  color:#766b5f;
  font-size:10px;
}

.bc77-review-list{
  display:grid;
  gap:9px;
}

.bc77-review-empty{
  padding:20px;
  border:1px solid #e2d9cd;
  background:#faf7f1;
  color:#8a8175;
  text-align:center;
  font-size:10px;
}

.bc77-review-item{
  padding:12px;
  border:1px solid #e1d8cc;
  background:#fff;
}

.bc77-review-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:7px;
  color:#8a8176;
  font-size:9px;
}

.bc77-review-meta strong{
  color:#413a32;
  font-size:10px;
}

.bc77-review-meta button{
  margin-left:auto;
  border:0;
  background:#8b3c35;
  color:#fff;
  border-radius:3px;
  font-size:8px;
  padding:4px 6px;
}

.bc77-review-stars{
  color:#b88d2c;
  letter-spacing:1px;
}

.bc77-review-stars i{
  color:#d8d4cd;
  font-style:normal;
}

.bc77-review-item p{
  margin:8px 0 0;
  color:#5e554b;
  font-size:10.5px;
  line-height:1.7;
}

.bc77-review-photo{
  margin-top:10px;
  max-width:420px;
}

.bc77-review-photo img{
  display:block;
  width:100%;
  height:auto;
  max-height:330px;
  object-fit:contain;
  background:#eeeae3;
}

.bc77-review-form{
  margin-top:13px;
  padding:12px;
  border:1px solid #d7c7aa;
  background:#fffaf0;
}

.bc77-review-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-bottom:9px;
}

.bc77-review-form-grid label{
  display:grid;
  gap:5px;
}

.bc77-review-form-grid label > span{
  color:#5a5147;
  font-size:9px;
  font-weight:900;
}

.bc77-review-form-grid input,
.bc77-review-form-grid select,
.bc77-review-form-grid textarea{
  width:100%;
  border:1px solid #d7cbbb;
  background:#fff;
  padding:8px;
  font:inherit;
}

.bc77-review-full{
  grid-column:1/-1;
}

.bc77-review-form small{
  display:block;
  margin-top:8px;
  color:#8a7f70;
  font-size:8.5px;
  line-height:1.6;
}

@media(max-width:1100px){
  .bc77-top-member-menu button{
    min-width:78px;
    padding:8px 10px;
  }
  .bc77-motion-stage{
    min-height:310px;
  }
}

@media(max-width:900px){
  .bc77-top-member-menu{
    display:none;
  }
  .bc77-motion-admin-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:620px){
  .bc77-commerce-grid,
  .bc77-review-form-grid{
    grid-template-columns:1fr;
  }
  .bc77-review-full{
    grid-column:auto;
  }
  .bc77-motion-stage{
    min-height:360px;
  }
}


/* ==========================================================
   STEP78 핵심 수정 — 4번째 '열'이 아니라 4번째 '가로행' 전체
   ========================================================== */

/* STEP77 잘못된 1칸 무빙 구조는 사용하지 않음 */
.bc77-motion-card{
  display:none !important;
}

/* 가로 무빙행의 각 4칸 */
.bc78-motion-card{
  position:relative;
  min-width:0;
  aspect-ratio:4 / 5;
  overflow:hidden;
  border:1px solid #d8cfbf;
  background:#ddd8ce;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
  opacity:0;
  transform:translateY(20px);
  transition:opacity .7s ease, transform .8s ease;
}

.bc78-motion-card.is-visible{
  opacity:1;
  transform:translateY(0);
}

.bc78-motion-stage{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:#ddd8ce;
}

/* 빈 회색 하단이 생기지 않도록 이미지가 카드 전체를 항상 덮음 */
.bc78-motion-image{
  position:absolute;
  inset:-4%;
  width:108%;
  height:108%;
  object-fit:cover;
  object-position:center center;
  display:block;
  will-change:transform;
  backface-visibility:hidden;
  transform-origin:center center;
}

.bc78-motion-empty{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#eee9df,#d7d0c4);
  color:#8a8175;
  font-size:10px;
  font-weight:900;
  letter-spacing:1.2px;
}

/* 네 칸이 서로 다른 방향으로 움직임 */
.bc78-left-right .bc78-motion-image{
  animation:bc78MoveLeftRight 9s ease-in-out infinite alternate;
}
.bc78-right-left .bc78-motion-image{
  animation:bc78MoveRightLeft 10.5s ease-in-out infinite alternate;
}
.bc78-top-down .bc78-motion-image{
  animation:bc78MoveTopDown 11s ease-in-out infinite alternate;
}
.bc78-bottom-up .bc78-motion-image{
  animation:bc78MoveBottomUp 9.8s ease-in-out infinite alternate;
}

@keyframes bc78MoveLeftRight{
  from{transform:translate3d(-5%,0,0) scale(1.04)}
  to{transform:translate3d(5%,0,0) scale(1.08)}
}
@keyframes bc78MoveRightLeft{
  from{transform:translate3d(5%,0,0) scale(1.05)}
  to{transform:translate3d(-5%,0,0) scale(1.08)}
}
@keyframes bc78MoveTopDown{
  from{transform:translate3d(0,-5%,0) scale(1.05)}
  to{transform:translate3d(0,5%,0) scale(1.08)}
}
@keyframes bc78MoveBottomUp{
  from{transform:translate3d(0,5%,0) scale(1.05)}
  to{transform:translate3d(0,-5%,0) scale(1.08)}
}

/* 관리자일 때만 무빙관리 버튼 */
.bc78-motion-card .bc77-motion-manage{
  display:none;
  position:absolute;
  left:8px;
  bottom:8px;
  z-index:10;
}
body.bc46-admin-mode .bc78-motion-card .bc77-motion-manage{
  display:block;
}

/* 태블릿/모바일에서는 현재 열 수에 맞게 자연스럽게 줄바꿈.
   PC의 핵심 규칙은 4열 × 3행 후 무빙 4칸입니다. */
@media(max-width:1150px){
  .bc78-motion-card{aspect-ratio:4/5;}
}
@media(max-width:850px){
  .bc78-motion-card{aspect-ratio:4/5;}
}
@media(max-width:560px){
  .bc78-motion-card{aspect-ratio:4/5;}
}


/* ==========================================================
   STEP79 다중 레이어 · 생동감 무빙
   ========================================================== */

/* STEP80 FIX
   STEP78 단일 이미지 애니메이션만 끄고
   STEP79 다중 레이어(.bc79-motion-layer)는 반드시 움직이게 둡니다. */
.bc78-left-right .bc78-motion-image:not(.bc79-motion-layer),
.bc78-right-left .bc78-motion-image:not(.bc79-motion-layer),
.bc78-top-down .bc78-motion-image:not(.bc79-motion-layer),
.bc78-bottom-up .bc78-motion-image:not(.bc79-motion-layer){
  animation:none !important;
}

.bc79-motion-stage{
  isolation:isolate;
  background:#d9d3c8;
}

.bc79-motion-layer{
  position:absolute !important;
  display:block;
  object-fit:cover;
  object-position:center center;
  will-change:transform,opacity;
  backface-visibility:hidden;
  transform-origin:center center;
}

/* 배경 레이어 */
.bc79-layer-0{
  inset:-6% !important;
  width:112% !important;
  height:112% !important;
  z-index:1;
  opacity:.72;
  box-shadow:none !important;
  filter:saturate(.92) contrast(.98);
}

/* 앞쪽 3개 레이어: 일부 겹쳐지는 전시 콜라주 */
.bc79-layer-1{
  left:-7% !important;
  top:7% !important;
  width:74% !important;
  height:53% !important;
  right:auto !important;
  bottom:auto !important;
  z-index:3;
  opacity:var(--bc79-layer-opacity,.86);
  box-shadow:0 12px 28px rgba(0,0,0,.22) !important;
}
.bc79-layer-2{
  right:-8% !important;
  top:30% !important;
  width:68% !important;
  height:52% !important;
  left:auto !important;
  bottom:auto !important;
  z-index:4;
  opacity:calc(var(--bc79-layer-opacity,.86) * .94);
  box-shadow:0 13px 28px rgba(0,0,0,.22) !important;
}
.bc79-layer-3{
  left:19% !important;
  bottom:-5% !important;
  width:64% !important;
  height:47% !important;
  right:auto !important;
  top:auto !important;
  z-index:5;
  opacity:calc(var(--bc79-layer-opacity,.86) * .90);
  box-shadow:0 14px 30px rgba(0,0,0,.23) !important;
}

.bc79-overlap-off .bc79-layer-1,
.bc79-overlap-off .bc79-layer-2,
.bc79-overlap-off .bc79-layer-3{
  display:none !important;
}
.bc79-overlap-off .bc79-layer-0{
  opacity:1;
}

/* 한 줄 안에서도 칸마다 레이어 배치를 조금씩 바꿔 단조로움 방지 */
.bc78-motion-card[data-motion-column="1"] .bc79-layer-1{top:31% !important;left:-9% !important}
.bc78-motion-card[data-motion-column="1"] .bc79-layer-2{top:5% !important;right:-6% !important}
.bc78-motion-card[data-motion-column="1"] .bc79-layer-3{left:23% !important;bottom:-4% !important}
.bc78-motion-card[data-motion-column="2"] .bc79-layer-1{top:9% !important;left:25% !important}
.bc78-motion-card[data-motion-column="2"] .bc79-layer-2{top:37% !important;right:-7% !important}
.bc78-motion-card[data-motion-column="2"] .bc79-layer-3{left:-5% !important;bottom:4% !important}
.bc78-motion-card[data-motion-column="3"] .bc79-layer-1{top:12% !important;left:-6% !important}
.bc78-motion-card[data-motion-column="3"] .bc79-layer-2{top:9% !important;right:-8% !important}
.bc78-motion-card[data-motion-column="3"] .bc79-layer-3{left:18% !important;bottom:-5% !important}

/* 생동감 모드 */
.bc79-style-lively .bc79-layer-0{animation:bc79BgAlive 10.5s ease-in-out infinite alternate !important}
.bc79-style-lively .bc79-layer-1{animation:bc79CrossA 7.4s cubic-bezier(.45,.05,.25,1) infinite alternate !important}
.bc79-style-lively .bc79-layer-2{animation:bc79CrossB 8.2s cubic-bezier(.45,.05,.25,1) infinite alternate !important}
.bc79-style-lively .bc79-layer-3{animation:bc79CrossC 6.9s cubic-bezier(.45,.05,.25,1) infinite alternate !important}

/* 부드러운 모드 */
.bc79-style-soft .bc79-layer-0{animation:bc79BgAlive 15s ease-in-out infinite alternate !important}
.bc79-style-soft .bc79-layer-1{animation:bc79CrossASoft 12.5s ease-in-out infinite alternate !important}
.bc79-style-soft .bc79-layer-2{animation:bc79CrossBSoft 13.5s ease-in-out infinite alternate !important}
.bc79-style-soft .bc79-layer-3{animation:bc79CrossCSoft 12s ease-in-out infinite alternate !important}

/* 천천히 모드 */
.bc79-style-slow .bc79-layer-0{animation:bc79BgAlive 23s ease-in-out infinite alternate !important}
.bc79-style-slow .bc79-layer-1{animation:bc79CrossASoft 20s ease-in-out infinite alternate !important}
.bc79-style-slow .bc79-layer-2{animation:bc79CrossBSoft 22s ease-in-out infinite alternate !important}
.bc79-style-slow .bc79-layer-3{animation:bc79CrossCSoft 19s ease-in-out infinite alternate !important}

@keyframes bc79BgAlive{
  from{transform:translate3d(-2%,1%,0) scale(1.02)}
  to{transform:translate3d(2%,-2%,0) scale(1.11)}
}
@keyframes bc79CrossA{
  0%{transform:translate3d(-27%,7%,0) rotate(-3.5deg) scale(.93)}
  52%{transform:translate3d(4%,-3%,0) rotate(.8deg) scale(1.06)}
  100%{transform:translate3d(23%,4%,0) rotate(2.5deg) scale(1.00)}
}
@keyframes bc79CrossB{
  0%{transform:translate3d(27%,-6%,0) rotate(3.5deg) scale(.94)}
  50%{transform:translate3d(-4%,5%,0) rotate(-.8deg) scale(1.06)}
  100%{transform:translate3d(-23%,-3%,0) rotate(-2.5deg) scale(1.00)}
}
@keyframes bc79CrossC{
  0%{transform:translate3d(-3%,28%,0) rotate(2.5deg) scale(.94)}
  56%{transform:translate3d(4%,-5%,0) rotate(-.8deg) scale(1.06)}
  100%{transform:translate3d(-5%,-23%,0) rotate(-2.5deg) scale(1.00)}
}
@keyframes bc79CrossASoft{
  from{transform:translate3d(-8%,3%,0) rotate(-1.5deg) scale(.98)}
  to{transform:translate3d(8%,-2%,0) rotate(1deg) scale(1.035)}
}
@keyframes bc79CrossBSoft{
  from{transform:translate3d(8%,-2%,0) rotate(1.5deg) scale(.98)}
  to{transform:translate3d(-8%,3%,0) rotate(-1deg) scale(1.035)}
}
@keyframes bc79CrossCSoft{
  from{transform:translate3d(0,9%,0) rotate(1deg) scale(.98)}
  to{transform:translate3d(2%,-8%,0) rotate(-1deg) scale(1.035)}
}

.bc79-motion-sheen{
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  background:linear-gradient(118deg,transparent 12%,rgba(255,255,255,.12) 44%,transparent 72%);
  transform:translateX(-120%);
  animation:bc79Sheen 7.8s ease-in-out infinite !important;
  mix-blend-mode:soft-light;
}
@keyframes bc79Sheen{
  0%,35%{transform:translateX(-120%)}
  70%,100%{transform:translateX(120%)}
}

/* 관리자 레이어 업로드 UI */
.bc79-motion-guide{
  margin:10px 0 12px;
  padding:9px 10px;
  border:1px solid #d8c7a5;
  background:#fff9eb;
  color:#68583c;
  font-size:9.5px;
  line-height:1.6;
}

.bc79-motion-admin-grid{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
.bc79-motion-slot-admin{
  padding:10px !important;
}
.bc79-slot-title{
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:8px;
  margin-bottom:8px;
}
.bc79-slot-title strong{font-size:11px;color:#354039}
.bc79-slot-title span{font-size:8.5px;color:#8b8174}

.bc79-admin-layer-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:6px;
}
.bc79-admin-layer{
  min-width:0;
  border:1px solid #e0d8cd;
  background:#faf7f1;
  padding:4px;
}
.bc79-admin-layer-photo{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#e9e4db;
}
.bc79-admin-layer-photo img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.bc79-admin-layer-photo b{
  position:absolute;left:4px;top:4px;
  min-width:22px;height:20px;display:grid;place-items:center;
  border-radius:3px;background:rgba(33,45,39,.88);color:#fff;font-size:8px;
}
.bc79-admin-layer-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:3px;margin-top:4px;
}
.bc79-admin-layer-actions label,
.bc79-admin-layer-actions button{
  min-height:23px;display:grid;place-items:center;
  border:1px solid #cfc4b4;border-radius:3px;background:#fff;color:#554c41;
  font-size:8px;font-weight:900;cursor:pointer;
}

.bc79-motion-controls{
  display:grid;
  grid-template-columns:auto 1fr 1.2fr;
  gap:8px;
  align-items:end;
  margin-top:9px;
  padding-top:8px;
  border-top:1px dashed #ddd2c1;
}
.bc79-motion-controls label{
  display:grid;gap:4px;color:#64594c;font-size:8.5px;font-weight:800;
}
.bc79-motion-controls select{
  min-height:29px;border:1px solid #cec3b1;background:#fff;padding:4px 6px;font-size:9px;
}
.bc79-motion-controls input[type="range"]{width:100%}
.bc79-toggle-row{
  display:flex !important;align-items:center;gap:6px !important;min-height:29px;
}
.bc79-toggle-row input{width:auto}

@media(max-width:900px){
  .bc79-motion-admin-grid{grid-template-columns:1fr !important}
  .bc79-admin-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bc79-motion-controls{grid-template-columns:1fr}
}


/* ==========================================================
   STEP80 회원 특별혜택 최종 밸런스
   - 로그인/회원가입의 위치와 크기는 STEP79 그대로 유지
   - 관심작품함과 특별혜택만 같은 중심축으로 정렬
   ========================================================== */

.hero-favorite-cart{
  right:34px !important;
  top:48px !important;
  transform:scale(.90) !important;
  transform-origin:top right !important;
}

.bc77-member-benefit-under-cart{
  right:34px !important;
  top:146px !important;
  width:101px !important;
  z-index:101 !important;
}

.bc77-member-benefit-under-cart button{
  width:101px !important;
  min-height:26px !important;
  padding:5px 5px !important;
  border:1px solid #caa64b !important;
  border-radius:6px !important;
  background:#304139 !important;
  color:#fffdf7 !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:-.15px;
  box-shadow:0 2px 4px rgba(0,0,0,.16) !important;
}

/* 버튼을 누를 수 있다는 느낌만 가볍게 */
.bc77-member-benefit-under-cart button:hover{
  background:#3a4c43 !important;
  border-color:#d7b653 !important;
}


/* ==========================================================
   STEP81 전 카테고리 이미지등록 보강
   ========================================================== */
.bc81-category-help{
  display:block;
  margin-top:4px;
  color:#8a7d6c;
  font-size:8.5px;
  line-height:1.4;
}


/* ==========================================================
   STEP82 관심작품함 최종 고정 + 회원 특별혜택 밸런스
   ========================================================== */

/* 마우스를 올려도 위치/크기가 절대 변하지 않게 고정 */
.hero-favorite-cart,
.hero-favorite-cart:hover,
.hero-favorite-cart:focus,
.hero-favorite-cart:focus-visible,
.hero-favorite-cart:active{
  right:34px !important;
  top:42px !important;
  width:92px !important;
  height:82px !important;
  transform-origin:center center !important;
  transition:background-color .18s ease, color .18s ease, box-shadow .18s ease !important;
  animation:none !important;
  cursor:pointer !important;
}

/* hover 시 색상만 약간 반응하고 위치는 그대로 */
.hero-favorite-cart:hover,
.hero-favorite-cart:focus-visible{
  background:#ffe052 !important;
  color:#c91f24 !important;
  box-shadow:0 0 16px rgba(255,217,47,.60) !important;
}

/* 관심작품함 바로 아래, 동일 폭/동일 중심 */
.bc77-member-benefit-under-cart{
  right:34px !important;
  top:130px !important;
  width:92px !important;
  z-index:101 !important;
}

.bc77-member-benefit-under-cart button{
  width:92px !important;
  min-height:30px !important;
  padding:6px 4px !important;
  border:1px solid #8f1717 !important;
  border-radius:6px !important;
  background:#c92d2d !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.2px !important;
  box-shadow:0 2px 5px rgba(0,0,0,.18) !important;
  transition:background-color .18s ease, box-shadow .18s ease !important;
  cursor:pointer !important;
}

.bc77-member-benefit-under-cart button:hover,
.bc77-member-benefit-under-cart button:focus-visible,
.bc77-member-benefit-under-cart button:active{
  background:#ae2020 !important;
  box-shadow:0 3px 7px rgba(0,0,0,.22) !important;
}


/* STEP82 오늘의 대표작품 클릭 가능 표시 */
.today-feature-track{
  pointer-events:auto !important;
  cursor:pointer !important;
  user-select:none !important;
}

.today-feature-track *,
.today-feature-title,
.today-feature-marquee{
  cursor:pointer !important;
}

.today-feature-track:focus-visible{
  outline:2px solid #ffd84a !important;
  outline-offset:3px !important;
  border-radius:4px !important;
}

/* 클릭 후 대표작품 5칸을 잠깐 밝혀 사용자가 이동 위치를 인지하도록 */
#bc82TodayHeroWorks.bc82-hero-focus{
  animation:bc82HeroFocus 1.45s ease-out 1 !important;
}

@keyframes bc82HeroFocus{
  0%{filter:brightness(1); transform:translateY(0)}
  35%{filter:brightness(1.16); transform:translateY(-2px)}
  100%{filter:brightness(1); transform:translateY(0)}
}


.bc82-warning-red{
  color:#ff3b30 !important;
  font-weight:900 !important;
}


/* ==========================================================
   STEP83 회원혜택 선명화 + 오늘의 대표작품 커서 강제 수정
   ========================================================== */

/* 회원혜택: 작은 흰 글씨 번짐 개선 */
.bc77-member-benefit-under-cart{
  right:31px !important;   /* 98px 버튼을 92px 카트 중심에 맞춤 */
  top:130px !important;
  width:98px !important;
}

.bc77-member-benefit-under-cart button{
  width:98px !important;
  min-width:98px !important;
  min-height:34px !important;
  padding:6px 7px !important;

  background:#c92d2d !important;
  color:#ffffff !important;
  border:1px solid #8f1717 !important;
  border-radius:6px !important;

  font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif !important;
  font-size:11.5px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-0.15px !important;

  text-shadow:none !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;

  box-shadow:0 2px 4px rgba(0,0,0,.16) !important;
  animation:none !important;
  cursor:pointer !important;
}

.bc77-member-benefit-under-cart button:hover,
.bc77-member-benefit-under-cart button:focus-visible,
.bc77-member-benefit-under-cart button:active{
  background:#b72222 !important;
  color:#fff !important;
  animation:none !important;
  text-shadow:none !important;
}

/* 오늘의 대표작품:
   div role=button이 아니라 실제 button으로 바꿔 브라우저 hit-area를 확실히 잡음 */
.hero-text{
  position:relative !important;
  z-index:80 !important;
}

button.today-feature-track{
  appearance:none !important;
  -webkit-appearance:none !important;

  position:absolute !important;
  left:0 !important;
  top:-6px !important;
  width:820px !important;
  height:32px !important;

  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  outline:0;
  background:transparent !important;

  overflow:visible !important;
  z-index:9999 !important;

  pointer-events:auto !important;
  cursor:pointer !important;
  touch-action:manipulation;
}

button.today-feature-track:hover,
button.today-feature-track:focus,
button.today-feature-track:focus-visible,
button.today-feature-track:active{
  cursor:pointer !important;
  background:transparent !important;
}

button.today-feature-track .today-feature-marquee,
button.today-feature-track .today-feature-title,
button.today-feature-track .gothic-arrow,
button.today-feature-track .gothic-arrow *{
  pointer-events:none !important;
  cursor:pointer !important;
}

/* 키보드 접근 시에만 간단한 포커스 표시 */
button.today-feature-track:focus-visible{
  outline:2px solid #ffd84a !important;
  outline-offset:2px !important;
  border-radius:4px !important;
}


/* ==========================================================
   STEP84 FINAL COMPLETE
   1) 관심작품함 + 회원혜택 정확한 중앙 정렬
   2) 오늘의 대표작품 실제 움직이는 링크에 손가락 커서
   ========================================================== */

/* ---------- 관심작품함 / 회원혜택 스택 ---------- */
.bc84-cart-benefit-stack{
  position:absolute !important;
  right:30px !important;
  top:50% !important;
  transform:translateY(-50%) !important;

  width:82px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;

  z-index:160 !important;
}

/* 과거 absolute 좌표를 모두 무효화하고 스택 안에서 정렬 */
.bc84-cart-benefit-stack .hero-favorite-cart,
.bc84-cart-benefit-stack .hero-favorite-cart:hover,
.bc84-cart-benefit-stack .hero-favorite-cart:focus,
.bc84-cart-benefit-stack .hero-favorite-cart:focus-visible,
.bc84-cart-benefit-stack .hero-favorite-cart:active{
  position:relative !important;
  inset:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
  left:auto !important;

  width:82px !important;
  height:74px !important;
  min-width:82px !important;
  min-height:74px !important;

  margin:0 !important;
  padding:5px !important;

  animation:none !important;
  transition:background-color .16s ease, box-shadow .16s ease !important;

  border:2px solid #f0b900 !important;
  border-radius:10px !important;
  background:#ffd92f !important;
  box-shadow:0 0 14px rgba(255,217,47,.48) !important;
  color:#d71920 !important;

  cursor:pointer !important;
}

/* 카트 내부도 움직이지 않게 완전 고정 */
.bc84-cart-benefit-stack .cart-svg{
  width:31px !important;
  height:31px !important;
  animation:none !important;
  filter:none !important;
}

.bc84-cart-benefit-stack .hero-cart-symbol{
  font-size:27px !important;
  line-height:1 !important;
}

.bc84-cart-benefit-stack .hero-cart-text{
  font-size:10.5px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

.bc84-cart-benefit-stack .hero-favorite-cart #heroFavCount{
  right:-7px !important;
  top:-7px !important;
  min-width:23px !important;
  width:23px !important;
  height:23px !important;
  font-size:10.5px !important;
}

/* 회원혜택도 카트와 정확히 동일한 중심선/폭 */
.bc84-cart-benefit-stack .bc77-member-benefit-under-cart{
  position:static !important;
  inset:auto !important;
  right:auto !important;
  top:auto !important;
  left:auto !important;
  bottom:auto !important;

  width:82px !important;
  margin:0 !important;
}

.bc84-cart-benefit-stack .bc77-member-benefit-under-cart button,
.bc84-cart-benefit-stack .bc77-member-benefit-under-cart button:hover,
.bc84-cart-benefit-stack .bc77-member-benefit-under-cart button:focus,
.bc84-cart-benefit-stack .bc77-member-benefit-under-cart button:focus-visible,
.bc84-cart-benefit-stack .bc77-member-benefit-under-cart button:active{
  width:82px !important;
  min-width:82px !important;
  height:28px !important;
  min-height:28px !important;

  margin:0 !important;
  padding:4px 5px !important;

  border:1px solid #8f1717 !important;
  border-radius:6px !important;
  background:#c92d2d !important;
  color:#fff !important;

  font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif !important;
  font-size:10.5px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.15px !important;

  text-shadow:none !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:geometricPrecision;

  box-shadow:0 2px 4px rgba(0,0,0,.16) !important;
  animation:none !important;
  cursor:pointer !important;
}

/* hover는 색상만 변화, 위치/크기는 절대 변화 없음 */
.bc84-cart-benefit-stack .bc77-member-benefit-under-cart button:hover,
.bc84-cart-benefit-stack .bc77-member-benefit-under-cart button:focus-visible{
  background:#b72222 !important;
}

/* ---------- 오늘의 대표작품: 움직이는 링크 자체가 클릭 영역 ---------- */
.hero{
  position:relative !important;
}

.hero-text{
  position:relative !important;
  z-index:1000 !important;
}

/* 바깥 트랙은 클릭을 가로채지 않음 */
.today-feature-track{
  position:absolute !important;
  left:0 !important;
  top:-6px !important;
  width:820px !important;
  height:32px !important;
  overflow:visible !important;
  z-index:2147483000 !important;
  pointer-events:none !important;

  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}

/* 실제 움직이는 <a>가 곧 클릭 영역이므로 손가락 커서가 확실하게 따라감 */
.bc84-today-feature-link{
  position:absolute !important;
  left:0 !important;
  top:0 !important;

  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  height:32px !important;

  color:inherit !important;
  text-decoration:none !important;
  background:transparent !important;
  border:0 !important;

  z-index:2147483647 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
  user-select:none !important;
  touch-action:manipulation;

  animation:bc63TodayFeatureMove 9.2s linear infinite !important;
  will-change:transform,opacity !important;
}

/* 과거 marquee 자체 애니메이션을 끄고 실제 링크가 움직이게 함 */
.bc84-today-feature-link .today-feature-marquee{
  position:static !important;
  left:auto !important;
  top:auto !important;

  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  height:32px !important;

  animation:none !important;
  opacity:1 !important;

  pointer-events:auto !important;
  cursor:pointer !important;
}

.bc84-today-feature-link .today-feature-title,
.bc84-today-feature-link .gothic-arrow,
.bc84-today-feature-link .gothic-arrow *{
  pointer-events:auto !important;
  cursor:pointer !important;
}

.bc84-today-feature-link:hover,
.bc84-today-feature-link:focus,
.bc84-today-feature-link:focus-visible,
.bc84-today-feature-link:active,
.bc84-today-feature-link:hover *,
.bc84-today-feature-link:focus-visible *{
  cursor:pointer !important;
}

.bc84-today-feature-link:focus-visible{
  outline:2px solid #ffd84a !important;
  outline-offset:3px !important;
  border-radius:4px !important;
}

/* 모바일에서도 두 버튼이 한 세트로 유지 */
@media(max-width:650px){
  .bc84-cart-benefit-stack{
    right:14px !important;
    top:auto !important;
    bottom:12px !important;
    }
}


/* ==========================================================
   STEP85 오늘의 대표작품 커서 확정
   - 시각요소와 클릭영역을 완전히 분리
   - 투명 버튼이 전체 이동경로를 덮어 커서:pointer 확정
   ========================================================== */

/* 바깥 컨테이너 */
.today-feature-track{
  position:absolute !important;
  left:0 !important;
  top:-6px !important;
  width:820px !important;
  height:32px !important;
  overflow:visible !important;
  z-index:2147483000 !important;
  pointer-events:auto !important;
}

/* 보이는 글자/화살표는 클릭을 받지 않고 아래 투명버튼이 모두 받음 */
.bc85-today-visual{
  position:absolute !important;
  inset:0 !important;
  width:820px !important;
  height:32px !important;
  pointer-events:none !important;
  z-index:1 !important;
}

.bc85-today-visual .today-feature-marquee{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:max-content !important;
  height:32px !important;
  display:inline-flex !important;
  align-items:center !important;
  animation:bc63TodayFeatureMove 9.2s linear infinite !important;
  will-change:transform,opacity !important;
  pointer-events:none !important;
}

/* 핵심: 사용자가 보이는 전체 경로 어디에 커서를 올려도 손가락 */
.bc85-today-click-zone{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:820px !important;
  height:32px !important;
  z-index:2147483647 !important;

  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:rgba(0,0,0,0.001) !important;

  appearance:none !important;
  -webkit-appearance:none !important;

  pointer-events:auto !important;
  cursor:pointer !important;
  touch-action:manipulation !important;
}

/* 모든 상태에서 커서 강제 */
.bc85-today-click-zone:hover,
.bc85-today-click-zone:focus,
.bc85-today-click-zone:focus-visible,
.bc85-today-click-zone:active{
  cursor:pointer !important;
  background:rgba(0,0,0,0.001) !important;
}

/* 키보드 접근 시만 외곽선 */
.bc85-today-click-zone:focus-visible{
  outline:2px solid #ffd84a !important;
  outline-offset:2px !important;
}

/* ===== ART & SHOWPICK V14 공통 브랜드 전환 + 장바구니 용어 ===== */
#aspV14Bridge{position:fixed;left:0;right:0;top:0;z-index:999999;height:82px;background:#070707;border-bottom:7px solid #e6b328;display:flex;justify-content:center;align-items:center;gap:14px;padding:8px 18px;box-shadow:0 3px 12px #0005}
#aspV14Bridge .asp-switch{width:320px;height:58px;text-decoration:none;color:#fff;background:#0d0d0d;border-radius:10px;display:flex;align-items:center;gap:12px;padding:7px 14px;transition:.18s}
#aspV14Bridge .asp-switch:hover{transform:translateY(-1px);box-shadow:0 0 20px #e6b32844}
#aspV14Bridge .asp-home{border:1px solid #e6b328;box-shadow:inset 3px 0 #ff674a,inset -3px 0 #20cbd0}
#aspV14Bridge .asp-shop{border:1px solid #8d4fd7;box-shadow:inset -3px 0 #23b8d7}
#aspV14Bridge img{width:42px;height:42px;border-radius:50%;object-fit:cover}#aspV14Bridge .asp-symbol{width:38px;height:38px;border:2px solid #d36af0;color:#f0b72b;border-radius:8px;display:grid;place-items:center;font-weight:900}
#aspV14Bridge .asp-switch>span:last-child{display:flex;flex-direction:column;line-height:1.05}#aspV14Bridge b{font-size:15px}#aspV14Bridge small{font-size:9px;margin-top:6px;letter-spacing:1.1px;color:#e6b328}
body{padding-top:82px!important}.hero-favorite-cart .hero-cart-text{font-weight:950!important}
@media(max-width:760px){#aspV14Bridge{gap:7px;padding:7px;height:74px}#aspV14Bridge .asp-switch{width:47vw;height:52px;padding:6px 8px}#aspV14Bridge b{font-size:12px}#aspV14Bridge small{display:none}body{padding-top:74px!important}}

/* V16 등록 전 구조고정: 무빙/대표 이미지 원본 전체 표시 우선 */
.hero-frame img,.hero-art img,.image-box img,.bc73-showcase img,.bc77-showcase img,[class*="slide"] img,[class*="motion"] img{object-fit:contain !important;object-position:center center !important;background:#111;}

/* V17 */
.aspLegalLinks{text-align:center;padding:10px 0}.aspLegalLinks a{color:#d8aa4d;text-decoration:none}.aspLegalLinks a:hover{text-decoration:underline}


/* ===== V21 final brand/navigation cleanup ===== */
.brand-signboard-right{display:none !important;}
.topbar.topbar-brand-layout{gap:0 !important;}
.asp-v14-bridge.asp-three-way{grid-template-columns:repeat(3,minmax(220px,1fr)) !important;max-width:980px !important;}
.asp-v14-bridge .is-current{box-shadow:inset 0 -3px 0 #e7b22f,0 0 0 1px #e7b22f !important;}
@media(max-width:760px){.asp-v14-bridge.asp-three-way{grid-template-columns:1fr !important;max-width:96% !important;}}

/* ===== V22 ART COLLECTION 상단 간판만 최종 정리 =====
   - 기존 대형 ART COLLECTION 간판 행 제거
   - 3개 이동 메뉴를 독립 소형 버튼으로 우측 정렬
   - 로고/아이콘은 contain으로 잘림 방지
   - 로그인/회원가입은 좌측 소형 버튼으로 보존
*/
body{padding-top:58px !important;}
.topbar.topbar-brand-layout{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:auto !important;
  width:auto !important;
  height:58px !important;
  min-height:58px !important;
  padding:9px 0 0 14px !important;
  margin:0 !important;
  background:transparent !important;
  border:0 !important;
  overflow:visible !important;
  z-index:1000001 !important;
  pointer-events:none !important;
}
.brand-left-stack{display:none !important;}
.bc77-top-member-menu{
  display:flex !important;
  margin:0 !important;
  padding:0 !important;
  gap:7px !important;
  pointer-events:auto !important;
}
.bc77-top-member-menu button{
  min-width:68px !important;
  min-height:36px !important;
  height:36px !important;
  padding:5px 11px !important;
  border-radius:8px !important;
  font-size:11px !important;
  box-shadow:none !important;
}
#aspV14Bridge{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  height:58px !important;
  padding:7px 16px !important;
  margin:0 !important;
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:9px !important;
  background:#070707 !important;
  border-bottom:3px solid #e6b328 !important;
  box-shadow:0 2px 8px rgba(0,0,0,.22) !important;
  z-index:1000000 !important;
}
#aspV14Bridge .asp-switch{
  width:auto !important;
  min-width:178px !important;
  height:42px !important;
  padding:4px 10px !important;
  gap:8px !important;
  border-radius:9px !important;
  flex:0 0 auto !important;
  box-sizing:border-box !important;
}
#aspV14Bridge .asp-switch:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 0 0 1px #e6b328,0 3px 10px rgba(0,0,0,.25) !important;
}
#aspV14Bridge .asp-symbol{
  width:30px !important;
  height:30px !important;
  min-width:30px !important;
  border-radius:7px !important;
  font-size:14px !important;
}
#aspV14Bridge img{
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  border-radius:50% !important;
  object-fit:contain !important;
  object-position:center !important;
  background:#fff !important;
}
#aspV14Bridge .asp-switch>span:last-child{min-width:0 !important;}
#aspV14Bridge b{font-size:12px !important;white-space:nowrap !important;}
#aspV14Bridge small{font-size:8px !important;margin-top:4px !important;white-space:nowrap !important;}
#aspV14Bridge .is-current{
  border-color:#e7b22f !important;
  background:#15130d !important;
  box-shadow:inset 0 -2px 0 #e7b22f,0 0 0 1px #e7b22f !important;
}
@media(max-width:900px){
  .topbar.topbar-brand-layout{display:none !important;}
  #aspV14Bridge{justify-content:center !important;padding:7px 8px !important;gap:6px !important;}
  #aspV14Bridge .asp-switch{min-width:0 !important;width:auto !important;padding:4px 7px !important;}
  #aspV14Bridge b{font-size:10px !important;}
  #aspV14Bridge small{display:none !important;}
}

/* ===== V23 ART COLLECTION 실사용 마감: 상단 + 왼쪽 작품란 ===== */
/* 상단: 3개 독립 이동버튼 / 로그인·회원가입 우측 / 황금선 브라우저 풀폭 */
body{padding-top:58px !important;}
#aspV14Bridge{
  left:0 !important; right:0 !important; width:100vw !important;
  height:58px !important; box-sizing:border-box !important;
  justify-content:center !important; padding:7px 205px 7px 18px !important;
  border-bottom:3px solid #e6b328 !important;
}
#aspV14Bridge .asp-switch{min-width:178px !important;height:42px !important;}
.topbar.topbar-brand-layout{
  position:fixed !important; top:0 !important; left:auto !important; right:14px !important;
  width:auto !important; height:58px !important; padding:9px 0 0 !important;
  z-index:1000002 !important;
}
.bc77-top-member-menu{display:flex !important;gap:7px !important;}

/* 왼쪽 작품란: 세로 직사각형으로 확장, 원본 사진은 절대 크롭하지 않음 */
.promo-image.promo-slideshow{
  height:330px !important;
  min-height:330px !important;
  aspect-ratio:auto !important;
  background:#eee8de !important;
}
.promo-slide{
  width:100% !important;height:100% !important;
  object-fit:contain !important;object-position:center center !important;
}

/* ABOUT US는 작품사진에 자리를 더 주도록 압축 */
.promo-copy{padding:11px 14px 12px !important;}
.promo-copy .mini-title{font-size:8px !important;}
.promo-copy h2{margin:4px 0 5px !important;font-size:15px !important;line-height:1.35 !important;}
.promo-copy p{font-size:10px !important;line-height:1.45 !important;}

/* 관리자 사진 입력/표시 설정은 기능 유지하되 최대한 작게 */
body.bc46-admin-mode .promo-image.promo-slideshow{padding-top:0 !important;}
body.bc46-admin-mode .bc59-promo-admin,
body.bc46-admin-mode .bc60-promo-admin,
body.bc46-admin-mode [class*="promo-admin"]{
  transform:scale(.78) !important;
  transform-origin:top left !important;
}
body.bc46-admin-mode .bc66-fit-panel{
  gap:2px !important;padding:2px 3px !important;font-size:7px !important;
  max-width:100% !important;
}
body.bc46-admin-mode .bc66-fit-panel button{
  min-width:19px !important;min-height:19px !important;height:19px !important;
  padding:1px 3px !important;font-size:7px !important;
}
body.bc46-admin-mode #bc60PromoStatus{font-size:7px !important;line-height:1.1 !important;}

@media(max-width:900px){
  .topbar.topbar-brand-layout{display:none !important;}
  #aspV14Bridge{padding:7px 8px !important;justify-content:center !important;}
  .promo-image.promo-slideshow{height:300px !important;min-height:300px !important;}
}


/* ===== V24 ART COLLECTION 상단 최종 균형 + 카트 점멸 복구 =====
   - 3개 이동버튼: 좌측 검정 독립박스
   - BILLION COLLECTION: 상단 중앙 영문 타이틀
   - 로그인/회원가입: 우측 유지
   - 황금선: 브라우저 전체 폭
   - V23 세로 작품 홍보판/ABOUT US 압축은 그대로 보존
*/
#aspV14Bridge{
  background:#fffdf8 !important;
  justify-content:flex-start !important;
  padding:7px 205px 7px 20px !important;
  gap:8px !important;
  border-bottom:3px solid #e6b328 !important;
  box-shadow:0 2px 7px rgba(0,0,0,.10) !important;
}
#aspV14Bridge .asp-switch,
#aspV14Bridge .asp-switch.is-current{
  background:#080808 !important;
  color:#fff !important;
  border:1px solid #252525 !important;
  box-shadow:0 1px 3px rgba(0,0,0,.20) !important;
}
#aspV14Bridge .asp-switch:hover{
  background:#151515 !important;
  border-color:#e6b328 !important;
  box-shadow:0 0 0 1px #e6b328,0 3px 10px rgba(0,0,0,.18) !important;
}
#aspV14Bridge .asp-switch b{color:#fff !important;}
#aspV14Bridge .asp-switch small{color:#e5bd55 !important;}
#aspV14Bridge .asp-symbol{background:#101010 !important;color:#ffd43b !important;border-color:#d7a900 !important;}
.bc-v24-section-title{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%,-54%) !important;
  margin:0 !important;
  padding:0 !important;
  color:#111 !important;
  background:transparent !important;
  border:0 !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:30px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:.6px !important;
  white-space:nowrap !important;
  pointer-events:none !important;
  z-index:2 !important;
}
.topbar.topbar-brand-layout{right:14px !important;left:auto !important;background:transparent !important;}
.bc77-top-member-menu button{background:#fff !important;color:#111 !important;border:1px solid #b9aa91 !important;}
.bc77-top-member-menu .bc77-top-signup{background:#e7b22f !important;color:#111 !important;border-color:#d29b12 !important;}

/* STEP84에서 animation:none으로 덮였던 노란 장바구니의 은은한 점멸을 최종 복구 */
.bc84-cart-benefit-stack .hero-favorite-cart,
.bc84-cart-benefit-stack .hero-favorite-cart:hover,
.bc84-cart-benefit-stack .hero-favorite-cart:focus,
.bc84-cart-benefit-stack .hero-favorite-cart:focus-visible,
.bc84-cart-benefit-stack .hero-favorite-cart:active{
  animation:bc59CartGlow 1.35s ease-in-out infinite !important;
}
.bc84-cart-benefit-stack .cart-svg{
  animation:bc59CartBlink 1.35s ease-in-out infinite !important;
  transform-origin:center center !important;
}

@media(max-width:1250px){
  .bc-v24-section-title{font-size:23px !important;left:67% !important;}
  #aspV14Bridge .asp-switch{min-width:150px !important;}
}
@media(max-width:900px){
  #aspV14Bridge{background:#080808 !important;padding:7px 8px !important;justify-content:center !important;}
  .bc-v24-section-title{display:none !important;}
}

/* ===== V25 ART COLLECTION 마감: 상단 겹침 제거 + 장바구니 점멸 확정 ===== */
#aspV14Bridge{
  display:grid !important;
  grid-template-columns:165px 190px 185px minmax(260px,1fr) 180px !important;
  align-items:center !important;
  column-gap:8px !important;
  width:100vw !important;
  left:0 !important;
  right:0 !important;
  padding:7px 14px 7px 18px !important;
  background:#fffdf8 !important;
  border-bottom:3px solid #e6b328 !important;
  box-sizing:border-box !important;
}
#aspV14Bridge .asp-switch{width:100% !important;min-width:0 !important;max-width:none !important;box-sizing:border-box !important;}
#aspV14Bridge .asp-art{grid-column:1 !important;}
#aspV14Bridge .asp-home{grid-column:2 !important;}
#aspV14Bridge .asp-shop{grid-column:3 !important;}
.bc-v24-section-title{
  position:static !important;
  grid-column:4 !important;
  width:100% !important;
  text-align:center !important;
  font-size:29px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  z-index:auto !important;
}
.topbar.topbar-brand-layout{left:auto !important;right:14px !important;width:166px !important;z-index:1000003 !important;}
.bc77-top-member-menu{left:auto !important;right:0 !important;justify-content:flex-end !important;}

/* 실제 장바구니 버튼 자체의 노랑/금색을 교대로 바꿔 정지 화면에서도 변화가 확실하게 보이게 함 */
@keyframes v25CartPulse{
  0%,100%{background:#ffe12f;box-shadow:0 0 8px rgba(255,215,0,.35);filter:brightness(1);}
  50%{background:#d99f00;box-shadow:0 0 24px rgba(255,190,0,1);filter:brightness(1.12);}
}
@keyframes v25CartIconPulse{
  0%,100%{opacity:1;filter:brightness(1);}
  50%{opacity:.38;filter:brightness(1.35);}
}
#heroFavoriteCart.hero-favorite-cart,
#heroFavoriteCart.hero-favorite-cart:hover,
#heroFavoriteCart.hero-favorite-cart:focus,
#heroFavoriteCart.hero-favorite-cart:active{
  animation:v25CartPulse 1.05s ease-in-out infinite !important;
}
#heroFavoriteCart .cart-svg{animation:v25CartIconPulse 1.05s ease-in-out infinite !important;}

@media(max-width:1180px){
  #aspV14Bridge{grid-template-columns:145px 170px 165px minmax(190px,1fr) 160px !important;}
  .bc-v24-section-title{font-size:23px !important;}
}
@media(max-width:900px){
  #aspV14Bridge{display:flex !important;justify-content:center !important;padding:7px 8px !important;background:#080808 !important;}
  .bc-v24-section-title{display:none !important;}
}

/* ===== V26 ART COLLECTION: BILLION COLLECTION 글씨 위치/폭만 최종 조정 =====
   V25 디자인과 기능은 그대로 유지. 제목만 SHOPPING SHORTS에서 띄우고
   로그인/회원가입 앞의 남는 공간까지 사용해 전체 철자가 보이도록 함.
*/
#aspV14Bridge{
  grid-template-columns:165px 190px 185px minmax(390px,1fr) 180px !important;
  column-gap:8px !important;
}
.bc-v24-section-title{
  grid-column:4 !important;
  width:auto !important;
  min-width:390px !important;
  margin-left:34px !important;
  padding-right:8px !important;
  text-align:center !important;
  overflow:visible !important;
  text-overflow:clip !important;
  white-space:nowrap !important;
  font-size:29px !important;
}
@media(max-width:1250px) and (min-width:901px){
  #aspV14Bridge{grid-template-columns:145px 170px 165px minmax(310px,1fr) 160px !important;}
  .bc-v24-section-title{min-width:310px !important;margin-left:22px !important;font-size:25px !important;}
}

/* ===== V27 ART COLLECTION FINAL: 상단 파팅라인 전체 폭 =====
   V26 디자인/기능은 그대로 보존.
   과거 V21 max-width:980px 제한만 해제하여 흰색 상단과 황금 파팅라인이
   로그인/회원가입을 포함한 브라우저 오른쪽 끝까지 이어지도록 함.
*/
#aspV14Bridge.asp-v14-bridge.asp-three-way{
  width:100vw !important;
  max-width:none !important;
  left:0 !important;
  right:0 !important;
  box-sizing:border-box !important;
  background:#fffdf8 !important;
  border-bottom:3px solid #e6b328 !important;
}
.topbar.topbar-brand-layout{
  top:0 !important;
  right:14px !important;
  left:auto !important;
  height:58px !important;
  background:transparent !important;
}



/* ===== ASP_V36_DIRECT_CSS_START ===== */

/* 왼쪽의 고정 거래 주의문구 제거 */
.sidebar-warning-box,
.transaction-warning{
  display:none !important;
}

/* 오늘의 대표작품/움직이는 문구는 HERO 밖으로 새지 않게 */
.hero,
#hero{
  position:relative !important;
  overflow:hidden !important;
  contain:paint;
}
.today-feature-track,
.bc85-today-visual,
.bc85-today-click-zone{
  overflow:hidden !important;
  max-width:100% !important;
}
.today-feature-track{
  clip-path:inset(0);
}

/* 큰 HERO 장바구니 대신 상단 작은 버튼 */
#heroFavoriteCart.asp-v36-top-cart{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  right:auto !important;
  bottom:auto !important;
  left:auto !important;
  animation:none !important;
  width:54px !important;
  min-width:54px !important;
  height:38px !important;
  min-height:38px !important;
  margin:0 0 0 7px !important;
  padding:3px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #d8b63f !important;
  border-radius:8px !important;
  background:#fff7cc !important;
  box-shadow:none !important;
  color:#d71920 !important;
  z-index:1 !important;
}
#heroFavoriteCart.asp-v36-top-cart:hover{
  background:#ffe66a !important;
}
#heroFavoriteCart.asp-v36-top-cart .hero-cart-symbol,
#heroFavoriteCart.asp-v36-top-cart .cart-svg{
  width:26px !important;
  height:24px !important;
  color:#d71920 !important;
}
#heroFavoriteCart.asp-v36-top-cart .hero-cart-text{
  display:none !important;
}
#heroFavoriteCart.asp-v36-top-cart #heroFavCount{
  position:absolute !important;
  right:-6px !important;
  top:-7px !important;
  min-width:18px !important;
  height:18px !important;
  padding:0 4px !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #fff !important;
  border-radius:999px !important;
  background:#e31b23 !important;
  color:#fff !important;
  font-size:9px !important;
}

/* 관리자 구매방식 */
.asp-v36-route-admin{
  margin:14px 0;
  padding:14px;
  border:2px solid #d7aa32;
  background:#fffdf6;
  border-radius:10px;
}
.asp-v36-route-admin h3{margin:0 0 6px;font-size:16px}
.asp-v36-route-admin p{margin:0 0 10px;color:#665f53;font-size:12px;line-height:1.55}
.asp-v36-route-choices{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
.asp-v36-route-choices label{
  display:flex;
  gap:8px;
  align-items:flex-start;
  padding:11px;
  border:1px solid #d9d0c0;
  background:#fff;
  border-radius:8px;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.asp-v36-route-choices input{
  width:auto !important;
  margin:2px 0 0 !important;
}
.asp-v36-route-choices small{
  display:block;
  margin-top:3px;
  color:#777;
  font-weight:600;
}
.asp-v36-url{margin-top:10px}
.asp-v36-url input{
  width:100%;
  padding:10px;
  border:1px solid #ccc;
  border-radius:7px;
  background:#fff;
}
.asp-v36-hidden{display:none !important}

/* 상세 구매안내 */
.asp-v36-purchase-note{
  margin:14px 0 8px;
  padding:13px 14px;
  border:1px solid #ddd4c6;
  background:#fff8df;
  border-radius:9px;
  color:#222;
}
.asp-v36-purchase-note b{
  display:block;
  margin-bottom:5px;
  color:#7a5314;
  font-size:14px;
}
.asp-v36-purchase-note span{
  display:block;
  color:#49443b;
  font-size:12px;
  line-height:1.6;
}
.asp-v36-primary{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 16px !important;
  border:0 !important;
  border-radius:7px !important;
  text-decoration:none !important;
  font-weight:900 !important;
  cursor:pointer !important;
}
.asp-v36-primary.kakao{
  background:#fee500 !important;
  color:#191919 !important;
}
.asp-v36-primary.online{
  background:#111 !important;
  color:#fff !important;
}

/* 장바구니 팝업 */
#aspV36FavModal{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:none;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(0,0,0,.62);
}
#aspV36FavModal.open{display:flex}
.asp-v36-fav-panel{
  width:min(760px,96vw);
  max-height:86vh;
  overflow:auto;
  background:#fffdf8;
  border:1px solid #d8d0c2;
  border-radius:14px;
  padding:22px;
  box-shadow:0 20px 55px rgba(0,0,0,.3);
}
.asp-v36-fav-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #ddd;
  padding-bottom:12px;
  margin-bottom:12px;
}
.asp-v36-fav-head h2{margin:0;font-size:22px}
.asp-v36-fav-close{
  border:0;
  background:#111;
  color:#fff;
  border-radius:7px;
  padding:8px 12px;
  font-weight:900;
}
.asp-v36-fav-list{display:grid;gap:8px}
.asp-v36-fav-row{
  display:grid;
  grid-template-columns:72px 1fr auto;
  gap:12px;
  align-items:center;
  padding:10px;
  border:1px solid #e0dacf;
  background:#fff;
}
.asp-v36-fav-row img,
.asp-v36-fav-noimg{
  width:72px;
  height:58px;
  object-fit:cover;
  background:#eee;
}
.asp-v36-fav-row b{display:block;margin-bottom:4px}
.asp-v36-fav-row small{color:#777}
.asp-v36-fav-row button{
  border:1px solid #2f3b36;
  background:#2f3b36;
  color:#fff;
  padding:8px 10px;
  font-weight:900;
}
.asp-v36-fav-empty{
  text-align:center;
  padding:35px 10px;
  color:#777;
}

@media(max-width:700px){
  .asp-v36-route-choices{grid-template-columns:1fr}
  .asp-v36-fav-row{grid-template-columns:58px 1fr}
  .asp-v36-fav-row img,.asp-v36-fav-noimg{width:58px;height:50px}
  .asp-v36-fav-row button{grid-column:1/-1}
}
/* ===== ASP_V36_DIRECT_CSS_END ===== */




/* ===== ASP_TOP3_CENTER_FINAL_START ===== */
/* BILLION/중앙 타이틀 영역 완전 제거 */
.bc-v24-section-title{
  display:none !important;
}

/* 3개 브랜드 이동 버튼을 화면 정가운데 배치 */
#aspV14Bridge,
#aspV14Bridge.asp-v14-bridge.asp-three-way{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100vw !important;
  max-width:none !important;
  height:58px !important;
  margin:0 !important;
  padding:7px 230px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  background:#fffdf8 !important;
  border-bottom:3px solid #e6b328 !important;
  box-sizing:border-box !important;
  z-index:1000000 !important;
  overflow:visible !important;
}

#aspV14Bridge .asp-switch{
  flex:0 0 auto !important;
  min-width:0 !important;
  max-width:none !important;
  height:42px !important;
  box-sizing:border-box !important;
  background:#080808 !important;
  color:#fff !important;
  border:1px solid #252525 !important;
  border-radius:9px !important;
  box-shadow:0 1px 3px rgba(0,0,0,.20) !important;
}

#aspV14Bridge .asp-art{width:175px !important}
#aspV14Bridge .asp-home{width:205px !important}
#aspV14Bridge .asp-shop{width:190px !important}

#aspV14Bridge .asp-switch:hover{
  background:#151515 !important;
  border-color:#e6b328 !important;
  box-shadow:0 0 0 1px #e6b328,0 3px 10px rgba(0,0,0,.18) !important;
}
#aspV14Bridge .asp-switch.is-current{
  border-color:#e7b22f !important;
  box-shadow:inset 0 -2px 0 #e7b22f,0 0 0 1px #e7b22f !important;
}
#aspV14Bridge .asp-switch b{color:#fff !important}
#aspV14Bridge .asp-switch small{color:#e5bd55 !important}

/* 로그인/회원가입/작은 장바구니가 오른쪽에서 잘리지 않도록 확보 */
.topbar.topbar-brand-layout{
  position:fixed !important;
  top:0 !important;
  left:auto !important;
  right:14px !important;
  width:auto !important;
  min-width:225px !important;
  height:58px !important;
  min-height:58px !important;
  padding:9px 0 0 0 !important;
  background:transparent !important;
  border:0 !important;
  overflow:visible !important;
  z-index:1000002 !important;
  pointer-events:none !important;
}
.brand-left-stack{display:none !important}
.bc77-top-member-menu{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  flex-wrap:nowrap !important;
  gap:7px !important;
  width:auto !important;
  white-space:nowrap !important;
  pointer-events:auto !important;
}

@media(max-width:1180px) and (min-width:901px){
  #aspV14Bridge,
  #aspV14Bridge.asp-v14-bridge.asp-three-way{
    padding-left:205px !important;
    padding-right:205px !important;
    gap:7px !important;
  }
  #aspV14Bridge .asp-art{width:145px !important}
  #aspV14Bridge .asp-home{width:170px !important}
  #aspV14Bridge .asp-shop{width:160px !important}
  #aspV14Bridge b{font-size:10px !important}
  #aspV14Bridge small{font-size:7px !important}
}

@media(max-width:900px){
  .topbar.topbar-brand-layout{display:none !important}
  #aspV14Bridge,
  #aspV14Bridge.asp-v14-bridge.asp-three-way{
    padding:7px 8px !important;
    gap:6px !important;
    justify-content:center !important;
    background:#080808 !important;
  }
  #aspV14Bridge .asp-art,
  #aspV14Bridge .asp-home,
  #aspV14Bridge .asp-shop{
    width:auto !important;
    flex:1 1 0 !important;
    max-width:210px !important;
  }
}
/* ===== ASP_TOP3_CENTER_FINAL_END ===== */




/* ===== ASP_DETAIL_MOVE_BUTTON_CLIP_FIX_START ===== */
/* 상단 3버튼 고정바 아래에서 상세창 제목/이동버튼이 잘리지 않도록 전체 상세창을 아래로 확보 */
#detailModal.modal{
  padding-top:68px !important;
  padding-bottom:10px !important;
  align-items:flex-start !important;
  box-sizing:border-box !important;
}

#detailModal .artwork-detail-panel{
  max-height:calc(100vh - 82px) !important;
  margin:0 auto !important;
}

/* 기존 top:-24 / 음수 margin 때문에 상단이 접혀 보이던 부분 제거 */
#detailModal .modal-header,
#detailModal .bc53-modal-header{
  position:sticky !important;
  top:0 !important;
  margin:0 0 20px 0 !important;
  padding:14px 4px 16px 4px !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

/* '다른 작품으로 이동' 버튼 자체도 위/오른쪽 여유 확보 */
#detailModal .redirect-btn,
#detailModal .redirect-btn.bc53-blink-guide{
  position:static !important;
  margin:0 4px 0 14px !important;
  flex:0 0 auto !important;
  transform-origin:center !important;
}

/* 좁은 화면에서도 버튼 전체 노출 */
@media(max-width:700px){
  #detailModal.modal{
    padding-top:64px !important;
  }
  #detailModal .artwork-detail-panel{
    max-height:calc(100vh - 74px) !important;
  }
  #detailModal .modal-header,
  #detailModal .bc53-modal-header{
    padding:12px 2px 14px !important;
  }
  #detailModal .redirect-btn,
  #detailModal .redirect-btn.bc53-blink-guide{
    margin:8px 0 0 0 !important;
    width:100% !important;
  }
}
/* ===== ASP_DETAIL_MOVE_BUTTON_CLIP_FIX_END ===== */


/* ===== ART & SHOWPICK V40 : 작가폴더 자동등록 ===== */
#aspV40AutoModal{position:fixed;inset:0;z-index:99999;background:#f5f2ea;color:#171717;display:none;overflow:auto;font-family:"Noto Sans KR","Malgun Gothic",sans-serif}
#aspV40AutoModal.open{display:block}body.asp-v40-workspace{overflow:hidden}body.asp-v40-workspace>.site-shell,body.asp-v40-workspace>header,body.asp-v40-workspace>.bc77-floating-member-benefit,body.asp-v40-workspace>#heroFavoriteCart{visibility:hidden!important}
.asp-v40-head{position:sticky;top:0;z-index:5;background:#0b0d0e;color:#fff;border-bottom:3px solid #d99a20;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.asp-v40-head h2{margin:0;font-size:24px}.asp-v40-head small{color:#e7aa28}.asp-v40-close{border:1px solid #d99a20;background:#171717;color:#fff;border-radius:8px;padding:10px 16px;font-weight:800;cursor:pointer}
.asp-v40-wrap{max-width:1500px;margin:auto;padding:18px}.asp-v40-toolbar{display:grid;grid-template-columns:1fr 180px 1.4fr;gap:12px;background:#fff;border:1px solid #d7c9a8;border-radius:12px;padding:14px;margin-bottom:14px}.asp-v40-toolbar label,.asp-v40-master label{display:flex;flex-direction:column;gap:5px;font-weight:800}.asp-v40-toolbar input,.asp-v40-toolbar select,.asp-v40-master input,.asp-v40-master textarea,.asp-v40-row input,.asp-v40-row select{width:100%;padding:9px;border:1px solid #bbb;border-radius:7px;background:#fff}.asp-v40-master{display:grid;grid-template-columns:1fr 180px 2fr;gap:12px;background:#fff;border:1px solid #d7c9a8;border-radius:12px;padding:14px;margin-bottom:14px}.asp-v40-master textarea{min-height:80px;resize:vertical}.asp-v40-status{padding:10px 14px;border-radius:9px;background:#fff7dc;border:1px solid #e4c25b;margin-bottom:12px;font-weight:800}.asp-v40-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.asp-v40-save{border:0;background:#0b0d0e;color:#fff;border-radius:9px;padding:12px 20px;font-weight:900;cursor:pointer}.asp-v40-save.primary{background:#b97800}.asp-v40-grid{display:grid;gap:10px}.asp-v40-row{display:grid;grid-template-columns:92px 115px 150px minmax(180px,1.2fr) minmax(150px,1fr) 130px 130px 130px 120px;gap:8px;align-items:start;background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px}.asp-v40-row.accessory{background:#f0f5f8;border-color:#a9c2d1}.asp-v40-thumb{width:82px;height:82px;object-fit:contain;background:#eee;border-radius:7px}.asp-v40-cell{font-size:11px;color:#666}.asp-v40-cell b{display:block;color:#222;font-size:12px;margin-bottom:4px}.asp-v40-file{word-break:break-all;font-size:10px;line-height:1.25;margin-top:4px}.asp-v40-id{display:inline-block;background:#171717;color:#fff;border-radius:5px;padding:3px 6px;font-weight:900;margin-bottom:4px}.asp-v40-bottom{position:sticky;bottom:0;background:#f5f2ea;border-top:1px solid #cbbd9c;padding:10px 0}.asp-v40-note{font-size:12px;color:#666;line-height:1.5}.asp-v40-hero-btn{margin-left:6px}
.asp-v40-accessory-gallery{margin-top:18px}.asp-v40-accessory-gallery h4{margin:0 0 10px}.asp-v40-accessory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.asp-v40-accessory-card{border:1px solid #ddd;border-radius:8px;padding:7px;background:#fff}.asp-v40-accessory-card img{width:100%;height:140px;object-fit:contain;background:#f2f2f2}.asp-v40-accessory-card span{display:block;font-size:12px;font-weight:800;margin-top:5px}
@media(max-width:1100px){.asp-v40-row{grid-template-columns:80px 110px 1fr 1fr}.asp-v40-toolbar,.asp-v40-master{grid-template-columns:1fr}.asp-v40-accessory-grid{grid-template-columns:repeat(2,1fr)}}


/* ===== ART & SHOWPICK V41 FIX ===== */
/* 자동등록은 사이트의 어떤 고정/애니메이션 요소보다 항상 위에 표시 */
#aspV40AutoModal{z-index:2147483647 !important; padding:0 !important;}
body.asp-v40-workspace .bc84-today-feature-link,
body.asp-v40-workspace .today-feature-track,
body.asp-v40-workspace #bc82TodayHeroWorks,
body.asp-v40-workspace #heroFavoriteCart,
body.asp-v40-workspace .bc77-floating-member-benefit{display:none !important; pointer-events:none !important;}
.asp-v40-head{top:0 !important; z-index:2147483647 !important;}

/* 관리자모드: 오늘의 대표작 1~5 모두 움직이는 문구보다 위에서 클릭 */
body.bc46-admin-mode #bc82TodayHeroWorks.hero-art-triple{
  position:absolute !important;
  z-index:2147483647 !important;
  pointer-events:auto !important;
}
body.bc46-admin-mode #bc82TodayHeroWorks .hero-art-slot{
  position:relative !important;
  z-index:2147483647 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
body.bc46-admin-mode #bc82TodayHeroWorks .hero-art-slot *{
  pointer-events:none !important;
}
body.bc46-admin-mode .bc84-today-feature-link{
  z-index:100 !important;
}
/* ===== ART & SHOWPICK V41 FIX END ===== */

/* ===== ART & SHOWPICK V43 : 작품 12개 페이지 이동 ===== */
.asp-v43-pagination{
  grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:7px;
  padding:22px 8px 30px;margin-top:4px;flex-wrap:wrap;background:#fff;
}
.asp-v43-pagination button{
  min-width:38px;height:38px;padding:0 11px;border:1px solid #cfc5b5;border-radius:7px;
  background:#fff;color:#3e3933;font-weight:800;cursor:pointer;
}
.asp-v43-pagination button:hover,.asp-v43-pagination button.active{background:#2f3b36;color:#fff;border-color:#2f3b36}
.asp-v43-pagination button:disabled{opacity:.35;cursor:default;background:#f5f3ef;color:#777}
.asp-v43-pagination span{padding:0 2px;color:#887b69}

/* ===== ART & SHOWPICK V44 : 검수방/페이지 간격 최소 수정 ===== */
.asp-v43-pagination{padding:10px 8px 12px !important;margin:0 !important;}
.asp-v40-grid{padding-bottom:8px !important;}
.asp-v44-quick{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.asp-v44-quick button{border:1px solid #c9bda8;background:#fff;border-radius:6px;padding:5px 7px;font-size:11px;font-weight:800;cursor:pointer}
.asp-v44-quick button:hover{background:#f3eee5}
.asp-v40-row.accessory{background:#fbfaf7}
/* ===== ART & SHOWPICK V44 END ===== */

/* ===== ART & SHOWPICK V45 : 요청 3건만 정정 ===== */
/* 1) 고객지원센터까지 PC 대메뉴 한 줄 */
@media(min-width:901px){
  .collection-mainnav{gap:8px;overflow:visible !important;}
  .collection-mainnav button{flex:1 1 0 !important;min-width:0 !important;padding:13px 8px !important;font-size:14px !important;white-space:nowrap;}
}
/* 2) 작품목록/페이지와 하단 판매자·사업자정보 공간 붙이기 */
#productGrid.product-grid{min-height:0 !important;padding-bottom:0 !important;}
.asp-v43-pagination{margin-bottom:0 !important;padding-bottom:8px !important;}
.bc73-footer{margin-top:8px !important;}
/* 3) 자동등록 안에 임시 검수함을 눈에 보이게 */
.asp-v45-review-room{margin:14px 0 8px;border:2px solid #d08a00;border-radius:10px;background:#fffaf0;overflow:hidden;}
.asp-v45-review-head{padding:12px 14px;background:#2b3732;color:#fff;display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;}
.asp-v45-review-head strong{font-size:18px;color:#ffd36a;}
.asp-v45-review-head span{font-size:12px;color:#eee;}
.asp-v45-review-help{padding:10px 14px;border-bottom:1px solid #e3cfaa;font-size:13px;line-height:1.55;color:#5b4a2e;}
.asp-v45-review-room .asp-v40-grid{padding:10px !important;}
/* ===== ART & SHOWPICK V45 END ===== */

/* ===== ART & SHOWPICK V46 : 관리자 작품등록 상단 잘림 수정 ===== */
/* V45에서 고객 상세창에는 적용되어 있던 상단 여유를 관리자 작품 등록/수정창에도 동일 적용 */
#bc46AdminModal.modal{
  padding-top:112px !important;
  padding-bottom:12px !important;
  align-items:flex-start !important;
  box-sizing:border-box !important;
}
#bc46AdminModal .bc46-admin-panel,
#bc46AdminModal .modal-panel{
  max-height:calc(100vh - 126px) !important;
  margin:0 auto !important;
  overflow-y:auto !important;
  box-sizing:border-box !important;
}
#bc46AdminModal .bc53-modal-header,
#bc46AdminModal .bc53-admin-header{
  position:sticky !important;
  top:0 !important;
  z-index:60 !important;
  margin:0 0 20px 0 !important;
  padding:14px 6px 16px 6px !important;
  background:#fffdf8 !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}
#bc46AdminModal .redirect-btn,
#bc46AdminModal .redirect-btn.bc53-blink-guide{
  position:static !important;
  margin:0 4px 0 14px !important;
  flex:0 0 auto !important;
  transform-origin:center !important;
}
@media(max-width:700px){
  #bc46AdminModal.modal{padding-top:100px !important;}
  #bc46AdminModal .bc46-admin-panel,
  #bc46AdminModal .modal-panel{max-height:calc(100vh - 112px) !important;}
  #bc46AdminModal .redirect-btn,
  #bc46AdminModal .redirect-btn.bc53-blink-guide{margin:8px 0 0 0 !important;width:100% !important;}
}
/* ===== ART & SHOWPICK V46 END ===== */

/* ===== ART & SHOWPICK V48 : 눈으로 지정하는 대표/종속 사진 작업판 ===== */
#aspV40AutoModal .asp-v40-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;padding:10px!important;overflow:visible!important}
#aspV40AutoModal .asp-v48-card{display:grid!important;grid-template-columns:150px minmax(0,1fr)!important;gap:14px!important;background:#fff!important;border:2px solid #d7d7d7!important;border-radius:12px!important;padding:12px!important;min-width:0!important}
#aspV40AutoModal .asp-v48-card.is-rep{border-color:#b97800!important;background:#fffaf0!important}
#aspV40AutoModal .asp-v48-card.is-linked{border-color:#547d95!important;background:#f4f9fc!important}
#aspV40AutoModal .asp-v48-card.is-hold{opacity:.88}
#aspV40AutoModal .asp-v48-photo img{width:145px!important;height:145px!important;object-fit:contain!important;background:#eee!important;border-radius:8px!important}
#aspV40AutoModal .asp-v48-index{font-weight:900;font-size:14px;margin-bottom:5px}
#aspV40AutoModal .asp-v48-label{display:block;font-size:15px;margin-bottom:8px;color:#111}
#aspV40AutoModal .asp-v48-role-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
#aspV40AutoModal .asp-v48-role-buttons button{border:1px solid #888;background:#fff;color:#222;border-radius:7px;padding:8px 10px;font-weight:800;cursor:pointer}
#aspV40AutoModal .asp-v48-role-buttons button.on{background:#111;color:#fff;border-color:#111}
#aspV40AutoModal .asp-v48-role-buttons button.on.hold{background:#777;border-color:#777}
#aspV40AutoModal .asp-v48-repbox,#aspV40AutoModal .asp-v48-linkbox{border:2px solid #d7b05a;border-radius:9px;padding:10px;background:#fff;margin-top:8px}
#aspV40AutoModal .asp-v48-repbox strong{display:inline-block;background:#111;color:#fff;padding:5px 9px;border-radius:6px;margin:0 0 8px 8px}
#aspV40AutoModal .asp-v48-repbox label,#aspV40AutoModal .asp-v48-meta label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800}
#aspV40AutoModal .asp-v48-linkbox b{display:block;font-size:15px;margin-bottom:7px;color:#8b4d00}
#aspV40AutoModal .asp-v48-linkbox select{width:100%;padding:10px;border:2px solid #b97800;border-radius:7px;background:#fff;font-weight:900}
#aspV40AutoModal .asp-v48-linked{margin-top:7px;font-size:12px}
#aspV40AutoModal .asp-v48-holdmsg{padding:9px;background:#eee;border-radius:7px;font-size:12px}
#aspV40AutoModal .asp-v48-meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;border-top:1px solid #ddd;padding-top:9px}
#aspV40AutoModal .asp-v48-meta input,#aspV40AutoModal .asp-v48-meta select,#aspV40AutoModal .asp-v48-repbox input{width:100%;padding:8px;border:1px solid #bbb;border-radius:6px;background:#fff}
@media(max-width:1100px){#aspV40AutoModal .asp-v40-grid{grid-template-columns:1fr!important}#aspV40AutoModal .asp-v48-meta{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){#aspV40AutoModal .asp-v48-card{grid-template-columns:1fr!important}#aspV40AutoModal .asp-v48-photo img{width:100%!important;height:220px!important}#aspV40AutoModal .asp-v48-meta{grid-template-columns:1fr}}

/* ===== ART & SHOWPICK V49 : 작품별 저장 + 페이지/자리 지정 + 관리자 다중삭제 ===== */
.asp-v49-savebox{margin-top:12px;padding:12px;border:2px solid #c78b00;border-radius:10px;background:#fffaf0;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}
.asp-v49-savebox label{font-size:12px;font-weight:800;display:flex;flex-direction:column;gap:5px}.asp-v49-savebox select{padding:9px;border:1px solid #b98a25;border-radius:7px;background:#fff}.asp-v49-save-one{padding:10px 16px;border:0;border-radius:7px;background:#9a6800;color:#fff;font-weight:900;cursor:pointer;white-space:nowrap}.asp-v49-save-one:hover{filter:brightness(.92)}
.asp-v49-bulkbar{grid-column:1/-1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 10px;margin-bottom:4px;border:1px solid #c8b993;background:#fffaf0;border-radius:8px}.asp-v49-bulkbar strong{margin-right:auto}.asp-v49-bulkbar button{border:1px solid #8a7857;background:#fff;padding:7px 11px;border-radius:6px;font-weight:800;cursor:pointer}.asp-v49-bulkbar .danger{background:#9e2f27;color:#fff;border-color:#9e2f27}
.product-card.bc77-product-card{position:relative}.asp-v49-check{position:absolute;left:8px;top:8px;z-index:20;width:30px;height:30px;border-radius:7px;background:#fff;border:2px solid #b88916;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 7px #0002}.asp-v49-check input{width:18px;height:18px;cursor:pointer}.product-card.asp-v49-selected{outline:4px solid #b88916;outline-offset:-4px}
@media(max-width:760px){.asp-v49-savebox{grid-template-columns:1fr}.asp-v49-bulkbar strong{width:100%}}

/* V50 관리자 갤러리 다중삭제 - 항상 눈에 보이는 선택 UI */
.asp-v50-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 14px;padding:12px 14px;background:#111;color:#fff;border:2px solid #d39b00;border-radius:8px;position:relative;z-index:20}
.asp-v50-toolbar strong{margin-right:auto}.asp-v50-toolbar button{border:0;border-radius:6px;padding:9px 13px;font-weight:800;cursor:pointer}.asp-v50-toolbar .danger{background:#b42318;color:#fff}.asp-v50-toolbar .neutral{background:#fff;color:#111}.asp-v50-toolbar .count{color:#ffd65a;font-weight:900}
.product-card.bc77-product-card{position:relative}.asp-v50-cardcheck{position:absolute;top:8px;left:8px;z-index:30;background:#fff;border:2px solid #111;border-radius:7px;padding:6px 9px;box-shadow:0 2px 8px #0003;display:flex;gap:6px;align-items:center;font-weight:900;cursor:pointer}.asp-v50-cardcheck input{width:22px;height:22px;accent-color:#b42318}.asp-v50-selected{outline:4px solid #b42318!important;outline-offset:-4px}

/* ===== V51 관리자 갤러리 일괄삭제/복원 ===== */
.asp-v49-bulkbar,.asp-v50-toolbar,.asp-v49-check,.asp-v50-cardcheck{display:none!important}
body.bc46-admin-mode #productGrid .product-card{position:relative}
.asp-v51-picker{position:absolute;left:10px;top:10px;z-index:80;display:flex;align-items:center;gap:7px;background:#fff;border:2px solid #111;border-radius:8px;padding:7px 10px;font-weight:900;box-shadow:0 2px 8px #0003;cursor:pointer}
.asp-v51-picker input{width:21px;height:21px;accent-color:#111;cursor:pointer}
.asp-v51-picked{outline:4px solid #d89b00!important;outline-offset:-4px}
.asp-v51-toolbar{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#111;color:#fff;border:2px solid #d89b00;border-radius:9px;padding:10px 12px;margin:8px 0 12px;position:sticky;top:4px;z-index:90}
.asp-v51-toolbar strong{margin-right:auto}.asp-v51-toolbar button{border:0;border-radius:6px;padding:8px 12px;font-weight:900;cursor:pointer}.asp-v51-toolbar .danger{background:#b52b25;color:#fff}.asp-v51-toolbar .undo{background:#d89b00;color:#111}.asp-v51-toolbar .neutral{background:#fff;color:#111}

/* ===== V52 관리자 갤러리 삭제 메뉴 강제 표시 ===== */
body.bc46-admin-mode #productGrid{position:relative}
body.bc46-admin-mode #productGrid .asp-v52-toolbar{grid-column:1/-1;display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;background:#101414;color:#fff;border:2px solid #d69a00;border-radius:9px;padding:11px 12px;margin:6px 0 12px;position:sticky;top:4px;z-index:500}
.asp-v52-toolbar strong{margin-right:auto}.asp-v52-toolbar button{padding:9px 12px;border:0;border-radius:6px;font-weight:900;cursor:pointer}.asp-v52-toolbar .danger{background:#b42318;color:#fff}.asp-v52-toolbar .undo{background:#e0a900;color:#111}.asp-v52-toolbar .neutral{background:#fff;color:#111}
body.bc46-admin-mode #productGrid article.product-card.bc77-product-card{position:relative}
body.bc46-admin-mode .asp-v52-picker{display:flex!important;position:absolute;left:8px;top:8px;z-index:450;align-items:center;gap:6px;background:#fff;border:2px solid #111;border-radius:7px;padding:7px 9px;font-weight:900;box-shadow:0 2px 8px #0004;cursor:pointer}
.asp-v52-picker input{width:22px;height:22px;cursor:pointer;accent-color:#b42318}.asp-v52-picked{outline:4px solid #b42318!important;outline-offset:-4px}


/* ===== ART & SHOWPICK V54 : 실제 관리자 갤러리 삭제 UI + 하단 간격 정리 ===== */
/* 이전 실험용 삭제 UI는 전부 숨기고 V54 한 종류만 사용 */
.asp-v49-bulkbar,.asp-v49-check,.asp-v50-toolbar,.asp-v50-cardcheck,
.asp-v51-toolbar,.asp-v51-picker,.asp-v52-toolbar,.asp-v52-picker{display:none!important;}

body.bc46-admin-mode #productGrid .asp-v54-delete-toolbar{
  grid-column:1/-1;
  display:flex!important;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  background:#111716;
  color:#fff;
  border:2px solid #d59a00;
  border-radius:8px;
  padding:10px 12px;
  margin:0 0 10px;
  position:sticky;
  top:4px;
  z-index:1000;
}
.asp-v54-delete-toolbar strong{margin-right:auto;font-size:13px;}
.asp-v54-delete-toolbar strong b{color:#ffd35c;font-size:15px;}
.asp-v54-delete-toolbar button{border:0;border-radius:6px;padding:8px 11px;font-weight:900;cursor:pointer;}
.asp-v54-delete-toolbar .neutral{background:#fff;color:#111;}
.asp-v54-delete-toolbar .danger{background:#b3261e;color:#fff;}
.asp-v54-delete-toolbar .undo{background:#e1aa16;color:#111;}

body.bc46-admin-mode #productGrid article.product-card.bc77-product-card{position:relative!important;}
body.bc46-admin-mode #productGrid .asp-v54-delete-picker{
  display:flex!important;
  position:absolute;
  left:8px;
  top:8px;
  z-index:900;
  align-items:center;
  gap:6px;
  background:#fff;
  color:#111;
  border:2px solid #111;
  border-radius:7px;
  padding:6px 8px;
  font-size:12px;
  font-weight:900;
  box-shadow:0 2px 8px rgba(0,0,0,.28);
  cursor:pointer;
}
.asp-v54-delete-picker input{width:21px;height:21px;accent-color:#b3261e;cursor:pointer;}
body.bc46-admin-mode #productGrid .asp-v54-selected{outline:4px solid #b3261e!important;outline-offset:-4px!important;}

/* 오른쪽 작품영역의 강제 150vh 때문에 생기던 큰 빈 공간 제거 */
.content{min-height:0!important;padding-bottom:10px!important;}
#productGrid.product-grid{min-height:0!important;margin-bottom:0!important;padding-bottom:0!important;}
.asp-v43-pagination{margin:0!important;padding:10px 8px 10px!important;}
.bc73-footer{margin-top:8px!important;}
/* ===== ART & SHOWPICK V54 END ===== */

/* ===== ART & SHOWPICK V55 : 갤러리 삭제 UI 레이어 겹침 방지 ===== */
/* 삭제 도구는 갤러리 안에서만 보이고, 작품 등록/수정 모달보다 항상 아래에 둔다. */
body.bc46-admin-mode #productGrid .asp-v54-delete-toolbar{
  z-index:24 !important;
}
body.bc46-admin-mode #productGrid .asp-v54-delete-picker{
  z-index:23 !important;
}
/* 관리자 작품 등록/수정창은 갤러리 삭제 UI보다 확실히 위에 표시 */
#bc46AdminModal.modal{
  z-index:200 !important;
}
#bc46AdminModal .bc46-admin-panel,
#bc46AdminModal .modal-panel{
  position:relative !important;
  z-index:201 !important;
  background:#fffdf8 !important;
}
/* 소비자 상세창도 동일하게 갤러리 선택 UI 위에 표시 */
#detailModal.modal{
  z-index:180 !important;
}
/* 자동등록 전체화면은 기존 최상위 레이어 유지 */
#aspV40AutoModal{
  z-index:2147483647 !important;
}
/* 사용자가 준 예제처럼 전역 button/card 규칙을 쓰지 않고 삭제 UI에만 범위를 제한한다. */
#productGrid .asp-v54-delete-toolbar button{cursor:pointer;}
#productGrid .asp-v54-delete-picker input{cursor:pointer;}
/* ===== ART & SHOWPICK V55 END ===== */

/* ===== ART ART & SHOWPICK V56 SHOWPICK V57 : 삭제 UI 오버랩 차단 + 상태선택 복원 ===== */
/* 갤러리 삭제도구는 갤러리에서만 사용. 작품 상세/등록/자동등록 창이 열리면 완전히 숨김 */
body.asp-v56-modal-open #productGrid .asp-v54-delete-toolbar,
body.asp-v56-modal-open #productGrid .asp-v54-delete-picker{
  display:none !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* 모달은 고정 높이 대신 화면 안에서 자연스럽게 확장/스크롤 */
#bc46AdminModal.modal,
#detailModal.modal{
  overflow:hidden !important;
}
#bc46AdminModal .modal-panel,
#bc46AdminModal .bc46-admin-panel,
#detailModal .modal-panel,
#detailModal .artwork-detail-panel{
  height:auto !important;
  min-height:0 !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}

/* 관리자 등록창 내부 요소가 서로 눌리거나 겹치지 않도록 */
#bc46AdminModal .bc46-admin-grid,
#bc46AdminModal .bc46-admin-photos,
#bc46AdminModal .bc50-thumb-grid{
  min-width:0 !important;
}
#bc46AdminModal .bc46-admin-photo,
#bc46AdminModal .bc50-thumb-grid .bc46-admin-photo{
  flex-shrink:0 !important;
}

/* 상태 선택은 기존 4개 상태를 항상 정상 표시 */
#bc46_status{
  display:block !important;
  width:100% !important;
  min-height:42px !important;
  overflow:visible !important;
  pointer-events:auto !important;
  opacity:1 !important;
}
/* ===== ART ART & SHOWPICK V56 SHOWPICK V57 END ===== */

/* ===== ART & SHOWPICK V57 : 판매상태 메뉴/필터 가시성 복원 ===== */
#bc59StatusFilter{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
}
#bc59StatusFilter button{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  align-items:center !important;
  justify-content:center !important;
}
#bc46_status{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* ===== V58 폴더 단위 페이지 지정 ===== */
#aspV40AutoModal .asp-v58-folder-page{
  background:#fff8dc;
  border:2px solid #c99a16;
  border-radius:10px;
  padding:12px 14px;
  min-width:250px;
}
#aspV40AutoModal .asp-v58-folder-title{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#222;}
#aspV40AutoModal .asp-v58-folder-title span{font-size:11px;color:#777;}
#aspV40AutoModal .asp-v58-folder-row{display:flex;align-items:end;gap:8px;flex-wrap:wrap;}
#aspV40AutoModal .asp-v58-folder-row label{font-size:12px;font-weight:800;color:#333;display:flex;flex-direction:column;gap:4px;}
#aspV40AutoModal #aspV58FolderPage{width:90px;padding:8px;border:1px solid #b8a36a;border-radius:6px;background:#fff;font-weight:800;}
#aspV40AutoModal #aspV58ApplyPageBtn{padding:9px 12px;border:0;border-radius:6px;background:#17231e;color:#fff;font-weight:800;cursor:pointer;}
#aspV40AutoModal .asp-v58-folder-info{margin-top:7px;font-size:11px;line-height:1.45;color:#6c5a25;}


/* ===== ART & SHOWPICK V59 : 자동등록 메뉴 단순화 ===== */
#aspV40AutoModal .asp-v59-guide{
  display:flex;gap:12px;align-items:center;flex-wrap:wrap;
  background:#17231e;color:#fff;border-radius:10px;padding:11px 14px;margin-bottom:12px;
}
#aspV40AutoModal .asp-v59-guide b{color:#ffd36a;font-size:15px;}
#aspV40AutoModal .asp-v59-guide span{font-size:13px;line-height:1.5;}
#aspV40AutoModal .asp-v59-toolbar{
  grid-template-columns:minmax(300px,1.15fr) minmax(270px,.9fr) 180px minmax(260px,1fr);
  align-items:stretch;
}
#aspV40AutoModal .asp-v59-step{font-size:14px;font-weight:900;color:#1d2924;}
#aspV40AutoModal .asp-v59-master-action{display:flex;justify-content:flex-start;margin:-3px 0 12px;}
#aspV40AutoModal .asp-v58-folder-page{display:block!important;visibility:visible!important;opacity:1!important;}
#aspV40AutoModal .asp-v45-review-head strong{font-size:18px;}
#aspV40AutoModal .asp-v45-review-help{font-size:13px;}
@media(max-width:1250px){#aspV40AutoModal .asp-v59-toolbar{grid-template-columns:1fr 1fr;}}
@media(max-width:760px){#aspV40AutoModal .asp-v59-toolbar{grid-template-columns:1fr;}}


/* V60 관리자 연락처 직접 수정 */
.bc90-contact-editor{
  display:none;
  margin-top:14px;
  padding:12px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:7px;
  background:rgba(255,255,255,.07);
}
body.bc46-admin-mode .bc90-contact-editor{display:block;}
body.bc46-admin-mode .fixed-contact-card .contact-row{
  cursor:text;
  pointer-events:auto;
}
.bc90-contact-title{
  margin-bottom:10px;
  font-weight:900;
  color:#ffd45a;
  font-size:14px;
}
.bc90-contact-editor label{display:block;margin:9px 0;}
.bc90-contact-editor label span{display:block;margin-bottom:4px;font-size:11px;color:#e7e7e1;font-weight:800;}
.bc90-contact-editor input{
  width:100%;
  box-sizing:border-box;
  border:1px solid #c8c8c0;
  border-radius:5px;
  padding:9px 10px;
  background:#fff;
  color:#111;
  font-size:13px;
  font-family:inherit;
}
.bc90-contact-editor input:focus{outline:2px solid #e0ab20;outline-offset:1px;}
.bc90-contact-save{
  width:100%;
  margin-top:5px;
  border:0;
  border-radius:5px;
  padding:10px 12px;
  background:#f1c232;
  color:#111;
  font-weight:900;
  cursor:pointer;
}
.bc90-contact-editor p{margin:8px 0 0;font-size:10px;line-height:1.5;color:#d9d9d3;}


/* V61 - 무빙칸별 사용 사진 장수 제어 */
.bc79-layer-count-row{display:flex;align-items:center;gap:10px;min-width:180px}
.bc79-layer-count-row span{font-weight:700;white-space:nowrap}
.bc79-layer-count-row select{min-width:96px}
.bc79-admin-layer.bc79-layer-disabled{opacity:.36;filter:grayscale(.65)}
.bc79-admin-layer.bc79-layer-disabled::after{content:"사용 안 함";display:block;text-align:center;font-size:11px;font-weight:700;color:#777;margin-top:4px}

/* ===== ART & SHOWPICK V62 : 오늘의 대표작품 1~5 클릭/손가락 커서 복원 ===== */
/* 움직이는 '오늘의 대표작품' 링크가 1~3번 작품 위를 덮어 클릭을 가로채지 않도록
   실제 대표작품 5칸을 소비자/관리자 모두 최상위 클릭 영역으로 둔다. */
#bc82TodayHeroWorks.hero-art-triple{
  z-index:2147483600 !important;
  pointer-events:auto !important;
}
#bc82TodayHeroWorks .hero-art-slot,
#bc82TodayHeroWorks .bc59-hero-upload-slot{
  position:relative !important;
  z-index:2147483601 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}
#bc82TodayHeroWorks .hero-art-slot:hover,
#bc82TodayHeroWorks .bc59-hero-upload-slot:hover{
  cursor:pointer !important;
}
#bc82TodayHeroWorks .hero-art-slot > *,
#bc82TodayHeroWorks .bc59-hero-upload-slot > *{
  pointer-events:none !important;
}
/* 움직이는 문구는 클릭 가능하되 대표작품 카드보다 아래에서 동작 */
button.today-feature-track,
.today-feature-track{
  z-index:100 !important;
}
/* ===== ART & SHOWPICK V62 END ===== */


/* ==========================================================
   V65 — 12작품/페이지 + 무빙 이미지 선명도 보강
   - 무빙 배경의 과도한 반투명/저채도를 제거
   - 원본 이미지를 흐리게 만드는 효과 없이 또렷하게 표시
   ========================================================== */
.bc79-motion-stage{
  background:#171717 !important;
}
.bc79-motion-layer{
  image-rendering:auto;
  -webkit-font-smoothing:antialiased;
  filter:saturate(1.10) contrast(1.08) brightness(1.02) !important;
  mix-blend-mode:normal !important;
}
.bc79-layer-0{
  opacity:1 !important;
  filter:saturate(1.10) contrast(1.09) brightness(1.01) !important;
}
.bc79-layer-1,
.bc79-layer-2,
.bc79-layer-3{
  filter:saturate(1.08) contrast(1.07) brightness(1.01) !important;
}
.bc79-motion-sheen{
  background:linear-gradient(118deg,transparent 18%,rgba(255,255,255,.055) 47%,transparent 76%) !important;
  mix-blend-mode:screen !important;
}

/* ===== ART & SHOWPICK V65 : 일반 소비자 상세창 상단 고정 / 배경 비침 제거 ===== */
/* 관리자 화면은 기존 동작 유지. 일반 소비자 상세창만 화면 상단바 바로 아래에 고정한다. */
body:not(.bc46-admin-mode) #detailModal.modal{
  position:fixed !important;
  inset:0 !important;
  padding:92px 8px 8px !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  z-index:180 !important;
}
body:not(.bc46-admin-mode) #detailModal.modal.hidden{
  display:none !important;
}
body:not(.bc46-admin-mode) #detailModal .modal-backdrop{
  position:fixed !important;
  inset:0 !important;
  background:rgba(0,0,0,.60) !important;
}
body:not(.bc46-admin-mode) #detailModal .artwork-detail-panel{
  position:relative !important;
  z-index:2 !important;
  width:min(1240px,calc(100vw - 16px)) !important;
  height:calc(100vh - 100px) !important;
  max-height:calc(100vh - 100px) !important;
  margin:0 auto !important;
  padding:0 24px 24px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:#fffdf8 !important;
  border-radius:10px 10px 0 0 !important;
  box-shadow:0 10px 30px rgba(0,0,0,.34) !important;
  box-sizing:border-box !important;
}
/* 제목/이동 버튼 바는 소비자 화면에서 항상 상세창 맨 위에 붙어 있고,
   아래 내용만 그 밑으로 스크롤되게 한다. */
body:not(.bc46-admin-mode) #detailModal .modal-header,
body:not(.bc46-admin-mode) #detailModal .bc53-modal-header{
  position:sticky !important;
  top:0 !important;
  z-index:120 !important;
  margin:0 -24px 18px !important;
  padding:16px 28px !important;
  min-height:72px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  background:#fffdf8 !important;
  border-bottom:2px solid #e2dacd !important;
  box-shadow:0 3px 8px rgba(0,0,0,.08) !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
body:not(.bc46-admin-mode) #detailModal .bc53-modal-title,
body:not(.bc46-admin-mode) #detailModal .modal-title{
  margin:0 !important;
  font-size:22px !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
body:not(.bc46-admin-mode) #detailModal .redirect-btn,
body:not(.bc46-admin-mode) #detailModal .redirect-btn.bc53-blink-guide{
  position:static !important;
  margin:0 !important;
  flex:0 0 auto !important;
  animation:none !important;
}
/* 소비자 상세가 열린 동안 뒤쪽 갤러리의 클릭/레이어가 앞으로 올라오지 않도록 한다. */
body.asp-v56-modal-open:not(.bc46-admin-mode) #productGrid,
body.asp-v56-modal-open:not(.bc46-admin-mode) #bc82TodayHeroWorks,
body.asp-v56-modal-open:not(.bc46-admin-mode) .bc84-today-feature-link{
  pointer-events:none !important;
}
@media(max-width:700px){
  body:not(.bc46-admin-mode) #detailModal.modal{
    padding:84px 4px 4px !important;
  }
  body:not(.bc46-admin-mode) #detailModal .artwork-detail-panel{
    width:calc(100vw - 8px) !important;
    height:calc(100vh - 88px) !important;
    max-height:calc(100vh - 88px) !important;
    padding:0 12px 18px !important;
  }
  body:not(.bc46-admin-mode) #detailModal .modal-header,
  body:not(.bc46-admin-mode) #detailModal .bc53-modal-header{
    margin:0 -12px 14px !important;
    padding:12px 14px !important;
    min-height:64px !important;
  }
  body:not(.bc46-admin-mode) #detailModal .redirect-btn{
    min-width:0 !important;
    padding:9px 12px !important;
    font-size:12px !important;
  }
}
/* ===== ART & SHOWPICK V65 END ===== */

/* ===== ART & SHOWPICK V68 : 상세/관리자 모달 완전 덮기 + 내부 스크롤 고정 ===== */
/*
   목적:
   1) 소비자 상세 / 관리자 등록·수정 모달 모두 뒤 갤러리·대표작품이 틈으로 비치지 않게 함
   2) 흰색 작업면이 좌우/상단/하단을 충분히 덮음
   3) 우측 회색 스크롤바는 흰색 패널 내부에서만 움직이고, 뒤 배경은 고정·가림 유지
*/

/* 두 모달 자체를 흰색 작업면으로 만들어 검은/뒤 배경이 틈으로 드러나지 않게 한다. */
#detailModal.modal,
#bc46AdminModal.modal{
  position:fixed !important;
  inset:0 !important;
  box-sizing:border-box !important;
  padding:88px 0 0 0 !important;
  margin:0 !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  overflow:hidden !important;
  background:#fffdf8 !important;
}
#detailModal.modal.hidden,
#bc46AdminModal.modal.hidden{
  display:none !important;
}

/* 기존 어두운 backdrop은 클릭영역만 유지하고 시각적으로는 완전히 가린다. */
#detailModal .modal-backdrop,
#bc46AdminModal .modal-backdrop{
  position:fixed !important;
  inset:0 !important;
  background:#fffdf8 !important;
  opacity:1 !important;
}

/* 실제 패널을 화면 폭 전체에 가깝게 확장한다. */
#detailModal .artwork-detail-panel,
#detailModal .modal-panel,
#bc46AdminModal .bc46-admin-panel,
#bc46AdminModal .modal-panel{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:none !important;
  height:calc(100vh - 88px) !important;
  max-height:calc(100vh - 88px) !important;
  min-height:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:#fffdf8 !important;
  box-sizing:border-box !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  scrollbar-gutter:stable !important;
}

/* 흰색 패널 가장자리에 내용이 달라붙지 않도록 내부 여백만 유지 */
#detailModal .artwork-detail-panel{
  padding:0 34px 28px !important;
}
#bc46AdminModal .bc46-admin-panel,
#bc46AdminModal .modal-panel{
  padding-left:30px !important;
  padding-right:30px !important;
  padding-bottom:28px !important;
}

/* 상단 제목/이동 바도 패널 폭 전체를 흰색으로 덮어 스크롤 내용이 뒤로 비치지 않게 한다. */
#detailModal .modal-header,
#detailModal .bc53-modal-header,
#bc46AdminModal .bc53-modal-header,
#bc46AdminModal .bc53-admin-header{
  position:sticky !important;
  top:0 !important;
  z-index:500 !important;
  box-sizing:border-box !important;
  background:#fffdf8 !important;
  opacity:1 !important;
  isolation:isolate !important;
  box-shadow:0 2px 0 #e7dfd2, 0 7px 12px rgba(255,253,248,.98) !important;
}
#detailModal .modal-header,
#detailModal .bc53-modal-header{
  margin:0 -34px 18px !important;
  padding:16px 34px !important;
}
#bc46AdminModal .bc53-modal-header,
#bc46AdminModal .bc53-admin-header{
  margin-left:-30px !important;
  margin-right:-30px !important;
  padding-left:30px !important;
  padding-right:30px !important;
}

/* 모달이 열린 동안 배경 페이지 자체는 움직이지 않는다. */
body.asp-v56-modal-open,
body:has(#detailModal:not(.hidden)),
body:has(#bc46AdminModal:not(.hidden)){
  overflow:hidden !important;
}

/* 브라우저 우측 회색 스크롤바는 패널의 내부 스크롤로만 동작 */
#detailModal .artwork-detail-panel::-webkit-scrollbar,
#bc46AdminModal .bc46-admin-panel::-webkit-scrollbar,
#bc46AdminModal .modal-panel::-webkit-scrollbar{
  width:12px;
}
#detailModal .artwork-detail-panel::-webkit-scrollbar-track,
#bc46AdminModal .bc46-admin-panel::-webkit-scrollbar-track,
#bc46AdminModal .modal-panel::-webkit-scrollbar-track{
  background:#eeeae2;
}
#detailModal .artwork-detail-panel::-webkit-scrollbar-thumb,
#bc46AdminModal .bc46-admin-panel::-webkit-scrollbar-thumb,
#bc46AdminModal .modal-panel::-webkit-scrollbar-thumb{
  background:#8f8f8f;
  border-radius:8px;
  border:2px solid #eeeae2;
}

@media(max-width:700px){
  #detailModal.modal,
  #bc46AdminModal.modal{
    padding-top:82px !important;
  }
  #detailModal .artwork-detail-panel,
  #detailModal .modal-panel,
  #bc46AdminModal .bc46-admin-panel,
  #bc46AdminModal .modal-panel{
    height:calc(100vh - 82px) !important;
    max-height:calc(100vh - 82px) !important;
  }
  #detailModal .artwork-detail-panel{padding:0 14px 18px !important;}
  #bc46AdminModal .bc46-admin-panel,
  #bc46AdminModal .modal-panel{padding-left:14px !important;padding-right:14px !important;}
  #detailModal .modal-header,
  #detailModal .bc53-modal-header{margin:0 -14px 14px !important;padding:12px 14px !important;}
  #bc46AdminModal .bc53-modal-header,
  #bc46AdminModal .bc53-admin-header{margin-left:-14px !important;margin-right:-14px !important;padding-left:14px !important;padding-right:14px !important;}
}
/* ===== ART & SHOWPICK V68 END ===== */

/* ===== ART & SHOWPICK V68 : 상세/관리자 흰색 덮개 상단·우측 7mm 확장 =====
   - V66의 좌측 위치/내부 스크롤/기능은 그대로 유지
   - 흰색 작업면만 상단 약 7mm(26px), 우측 약 7mm(26px) 더 덮음
*/
#detailModal.modal,
#bc46AdminModal.modal{
  padding-top:62px !important;       /* V66 88px -> 약 7mm 위로 확장 */
  padding-right:0 !important;
  background:#fffdf8 !important;
}

#detailModal .artwork-detail-panel,
#detailModal .modal-panel,
#bc46AdminModal .bc46-admin-panel,
#bc46AdminModal .modal-panel{
  width:calc(100vw + 26px) !important;
  max-width:none !important;
  height:calc(100vh - 62px) !important;
  max-height:calc(100vh - 62px) !important;
  margin-left:0 !important;          /* 좌측은 V66 위치 그대로 */
  margin-right:-26px !important;     /* 우측만 약 7mm 확장 */
  background:#fffdf8 !important;
}

/* 우측 내부 스크롤 뒤로 배경이 비치지 않도록 흰색 여유 덮개 유지 */
#detailModal .artwork-detail-panel,
#bc46AdminModal .bc46-admin-panel,
#bc46AdminModal .modal-panel{
  padding-right:56px !important;     /* 기존 30~34px + 약 26px */
}

#detailModal .modal-header,
#detailModal .bc53-modal-header{
  margin-right:-56px !important;
  padding-right:56px !important;
}
#bc46AdminModal .bc53-modal-header,
#bc46AdminModal .bc53-admin-header{
  margin-right:-56px !important;
  padding-right:56px !important;
}

@media(max-width:700px){
  #detailModal.modal,
  #bc46AdminModal.modal{
    padding-top:62px !important;
  }
  #detailModal .artwork-detail-panel,
  #detailModal .modal-panel,
  #bc46AdminModal .bc46-admin-panel,
  #bc46AdminModal .modal-panel{
    width:calc(100vw + 18px) !important;
    height:calc(100vh - 62px) !important;
    max-height:calc(100vh - 62px) !important;
    margin-right:-18px !important;
  }
}
/* ===== ART & SHOWPICK V68 END ===== */

/* ===== ART & SHOWPICK V68 : 상단 완전 가림 + 소비자 화면 관리자 진입 숨김 ===== */
/* V67 좌/우 위치는 유지하고 상부 흰색 덮개만 약 12mm 더 확장 */
#detailModal.modal,
#bc46AdminModal.modal{
  padding-top:18px !important;
  background:#fffdf8 !important;
}
#detailModal .artwork-detail-panel,
#detailModal .modal-panel,
#bc46AdminModal .bc46-admin-panel,
#bc46AdminModal .modal-panel{
  height:calc(100vh - 18px) !important;
  max-height:calc(100vh - 18px) !important;
}

/* 일반 방문자 화면에서는 관리자 버튼을 완전히 숨긴다. */
body:not(.bc46-admin-mode) #bc46AdminToggle{
  display:none !important;
}
/* 관리자 진입 후에는 종료용으로 다시 표시한다. */
body.bc46-admin-mode #bc46AdminToggle{
  display:inline-flex !important;
}

@media(max-width:700px){
  #detailModal.modal,
  #bc46AdminModal.modal{padding-top:18px !important;}
  #detailModal .artwork-detail-panel,
  #detailModal .modal-panel,
  #bc46AdminModal .bc46-admin-panel,
  #bc46AdminModal .modal-panel{
    height:calc(100vh - 18px) !important;
    max-height:calc(100vh - 18px) !important;
  }
}
/* ===== ART & SHOWPICK V68 END ===== */

/* ===== ART & SHOWPICK V68 : 전면 화질 최대 선명화 + 대표작 안내문 전면 고정 ===== */
/* 1) 왼쪽 5장 자동 무빙 작품: 반투명 막 제거, 최대한 또렷하게 */
.promo-image.promo-slideshow::after{
  background:transparent !important;
  opacity:0 !important;
}
.promo-image.promo-slideshow .promo-slide{
  filter:contrast(1.18) saturate(1.16) brightness(1.02) !important;
  opacity:0;
  image-rendering:auto !important;
  backface-visibility:hidden !important;
}
.promo-image.promo-slideshow .promo-slide.active{
  opacity:1 !important;
  filter:contrast(1.18) saturate(1.16) brightness(1.02) !important;
}

/* 2) 전체 작품 갤러리 이미지 선명도 강화 */
#productGrid .product-card .image-box img,
.product-grid .product-card .image-box img,
.bc77-product-card .image-box img{
  filter:contrast(1.16) saturate(1.14) brightness(1.015) !important;
  image-rendering:auto !important;
  backface-visibility:hidden !important;
}

/* 3) 상단 대표작품 5칸도 동일하게 선명화 */
#bc82TodayHeroWorks .hero-art-slot img,
#bc82TodayHeroWorks .bc59-hero-img,
.hero-art-triple .hero-art-slot img{
  filter:contrast(1.17) saturate(1.15) brightness(1.015) !important;
  image-rendering:auto !important;
}

/* 4) '작품을 보고, 마음에 들면 직접 문의하세요' 문구는 항상 이미지보다 앞에 표시.
      글자가 앞이어도 대표작품 클릭은 통과시킨다. */
.hero .hero-text{
  position:relative !important;
  z-index:320 !important;
  pointer-events:none !important;
}
.hero .hero-text h1,
.hero .hero-text p,
.hero .hero-text .eyebrow,
.hero .today-feature-track,
.hero .today-feature-marquee{
  position:relative;
  z-index:330 !important;
  pointer-events:none !important;
}
.hero .hero-art-triple,
#bc82TodayHeroWorks{
  z-index:220 !important;
}
#bc82TodayHeroWorks .hero-art-slot,
.hero-art-triple .hero-art-slot{
  cursor:pointer !important;
  pointer-events:auto !important;
}
#bc82TodayHeroWorks .hero-art-slot > *,
.hero-art-triple .hero-art-slot > *{
  pointer-events:none !important;
}
/* ===== ART & SHOWPICK V68 END ===== */


/* ===== ART & SHOWPICK V69 : 대표작품 5칸 -> 3칸 가로형 / 우측 재배치 =====
   - 기존 4,5번 데이터는 삭제하지 않고 화면에서만 숨겨 안전하게 보존
   - 1~3번만 가로형으로 크게 표시
   - 회원혜택/장바구니 쪽으로 오른쪽 이동하여 안내문구 공간 확보
   - 오늘의 대표작품 화살표는 기존처럼 아래 레이어에서 이동
*/
#bc82TodayHeroWorks.hero-art-triple{
  right:128px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:448px !important;
  height:112px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
  z-index:220 !important;
}

/* 대표작품 1~3 : 세로형 대신 가로형 프레임 */
#bc82TodayHeroWorks .hero-art-slot{
  flex:0 0 138px !important;
  width:138px !important;
  height:98px !important;
  min-width:138px !important;
  min-height:98px !important;
  border:3px solid #ffd84a !important;
  border-radius:2px !important;
  overflow:hidden !important;
  box-shadow:0 5px 14px rgba(0,0,0,.24) !important;
}

/* 4,5번은 기존 저장 데이터 보호를 위해 DOM/저장 로직은 유지하고 시각적으로만 숨김 */
#bc82TodayHeroWorks .hero-art-slot[data-hero-index="3"],
#bc82TodayHeroWorks .hero-art-slot[data-hero-index="4"]{
  display:none !important;
}

/* 관리자 대표작품 표시 옵션도 1~3번만 보이게 */
#bc66HeroSlotSelect button:nth-child(4),
#bc66HeroSlotSelect button:nth-child(5){
  display:none !important;
}

/* 3칸 기준 관리자 표시 옵션 위치 정렬 */
.bc66-hero-fit-panel{
  right:128px !important;
  bottom:-31px !important;
  max-width:448px !important;
}

/* 안내문은 왼쪽 공간에서 완전히 보이도록 하고 대표작품보다 앞에 유지 */
.hero .hero-text{
  position:relative !important;
  z-index:320 !important;
  padding-right:500px !important;
  pointer-events:none !important;
}
.hero .hero-text h1{
  position:relative !important;
  z-index:340 !important;
  max-width:470px !important;
  pointer-events:none !important;
}

/* 대표작품 클릭은 그대로 유지 */
#bc82TodayHeroWorks .hero-art-slot{
  cursor:pointer !important;
  pointer-events:auto !important;
}
#bc82TodayHeroWorks .hero-art-slot > *{
  pointer-events:none !important;
}

/* 오늘의 대표작품 움직이는 문구/화살표는 대표작품 아래 레이어 유지 */
.hero .today-feature-track,
.hero .bc85-today-visual,
.hero .today-feature-marquee{
  z-index:180 !important;
}

/* 반응형에서는 3칸 크기만 조금 축소 */
@media(max-width:1100px){
  #bc82TodayHeroWorks.hero-art-triple{
    right:112px !important;
    width:374px !important;
    gap:7px !important;
  }
  #bc82TodayHeroWorks .hero-art-slot{
    flex-basis:118px !important;
    width:118px !important;
    min-width:118px !important;
    height:88px !important;
    min-height:88px !important;
  }
  .hero .hero-text{padding-right:405px !important;}
}
/* ===== ART & SHOWPICK V69 END ===== */

/* ===== ART & SHOWPICK V70 : HERO 원상복구형 압축 / 좌→우 2줄 / 대표작 3점 우측 배치 =====
   V69에서 HERO 높이가 과도하게 커지고 안내문이 세로로 쪼개진 문제 수정.
   - HERO 상하폭을 예전 수준으로 대폭 축소
   - 안내문을 좌측에서 우측으로 정확히 2줄 유지
   - 대표작품 3점은 오른쪽 영역 유지
   - 회원혜택은 우측 끝 유지
   - 4,5번 대표작품 데이터는 계속 숨김 보존
*/
.hero,
#hero{
  position:relative !important;
  display:block !important;
  box-sizing:border-box !important;
  min-height:168px !important;
  height:168px !important;
  padding:18px 26px !important;
  overflow:hidden !important;
}

/* 좌측 안내문 : 세로 낱말줄 금지, 좌→우 2줄 */
.hero .hero-text{
  position:absolute !important;
  left:30px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:430px !important;
  max-width:430px !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
  z-index:320 !important;
  pointer-events:none !important;
}
.hero .hero-text .eyebrow{
  margin:0 0 7px 0 !important;
  font-size:10px !important;
  line-height:1.1 !important;
}
.hero .hero-text h1{
  display:block !important;
  width:430px !important;
  max-width:430px !important;
  margin:0 !important;
  padding:0 !important;
  font-size:30px !important;
  line-height:1.22 !important;
  letter-spacing:-1px !important;
  white-space:normal !important;
  word-break:keep-all !important;
  overflow:visible !important;
}

/* 오늘의 대표작품 표시는 대표작품 3점 위쪽에 얇게 배치 */
.hero .today-feature-track{
  left:auto !important;
  right:166px !important;
  top:6px !important;
  width:430px !important;
  height:26px !important;
  overflow:hidden !important;
  z-index:180 !important;
  pointer-events:none !important;
}
.hero .bc85-today-visual,
.hero .today-feature-marquee{
  height:26px !important;
  line-height:26px !important;
  z-index:180 !important;
  pointer-events:none !important;
}

/* 대표작품 3점 : 오른쪽, 가로 한 줄, HERO 안에서만 */
#bc82TodayHeroWorks.hero-art-triple{
  position:absolute !important;
  left:auto !important;
  right:166px !important;
  top:54% !important;
  transform:translateY(-50%) !important;
  width:430px !important;
  height:94px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  z-index:220 !important;
}
#bc82TodayHeroWorks .hero-art-slot{
  flex:0 0 138px !important;
  width:138px !important;
  min-width:138px !important;
  height:92px !important;
  min-height:92px !important;
  max-height:92px !important;
  margin:0 !important;
  border:3px solid #ffd84a !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  cursor:pointer !important;
}
#bc82TodayHeroWorks .hero-art-slot img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}
#bc82TodayHeroWorks .hero-art-slot[data-hero-index="3"],
#bc82TodayHeroWorks .hero-art-slot[data-hero-index="4"]{
  display:none !important;
}

/* 대표작품 표시 옵션은 관리자에서 HERO 아래로 밀지 않게 작게 유지 */
.bc66-hero-fit-panel{
  right:166px !important;
  bottom:2px !important;
  max-width:430px !important;
  z-index:260 !important;
}

/* 회원혜택은 우측 끝, 대표작품과 충돌하지 않게 */
.bc84-cart-benefit-stack{
  position:absolute !important;
  right:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:280 !important;
}

/* V69의 큰 우측 패딩 때문에 안내문이 세로로 부서지는 현상 제거 */
.hero .hero-text,
.hero .hero-text h1{
  padding-right:0 !important;
}

@media(max-width:1180px){
  .hero .hero-text{width:360px !important;max-width:360px !important;}
  .hero .hero-text h1{width:360px !important;max-width:360px !important;font-size:27px !important;}
  #bc82TodayHeroWorks.hero-art-triple{right:138px !important;width:390px !important;gap:6px !important;}
  #bc82TodayHeroWorks .hero-art-slot{flex-basis:126px !important;width:126px !important;min-width:126px !important;height:86px !important;min-height:86px !important;}
  .hero .today-feature-track{right:138px !important;width:390px !important;}
  .bc84-cart-benefit-stack{right:12px !important;}
}
/* ===== ART & SHOWPICK V70 END ===== */

/* ===== ART & SHOWPICK V71 : 오늘의 대표작품 이동 완주 + 관리자 작업화면 왕복 =====
   - 오늘의 대표작품 문구/화살표가 시작부터 잘리지 않고 완전히 표시된 뒤 우측 끝까지 이동
   - 대표작품 3칸은 위 레이어로 유지되어 문구/화살표가 자연스럽게 아래로 지나감
   - index_test_v54.html 작업화면에서는 관리자모드 OFF 후에도 재진입 버튼 유지
*/
.hero .today-feature-track{
  left:430px !important;
  right:auto !important;
  top:6px !important;
  width:760px !important;
  height:28px !important;
  overflow:visible !important;
  pointer-events:none !important;
  z-index:180 !important;
}
.hero .bc85-today-visual{
  width:760px !important;
  height:28px !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.hero .today-feature-marquee{
  display:inline-flex !important;
  width:max-content !important;
  min-width:max-content !important;
  white-space:nowrap !important;
  overflow:visible !important;
  animation:bc71TodayFeatureMove 10.2s linear infinite !important;
  pointer-events:none !important;
  z-index:180 !important;
}
@keyframes bc71TodayFeatureMove{
  0%   { transform:translateX(0); opacity:1; }
  88%  { transform:translateX(590px); opacity:1; }
  100% { transform:translateX(680px); opacity:0; }
}
/* 대표작품은 문구/화살표보다 위에서 클릭 가능 */
#bc82TodayHeroWorks.hero-art-triple{
  z-index:220 !important;
}
#bc82TodayHeroWorks .hero-art-slot{
  z-index:221 !important;
  pointer-events:auto !important;
}
/* 관리자 작업용 테스트 HTML에서는 OFF 상태에서도 진입 버튼을 항상 노출 */
body.bc71-admin-workbench #bc46AdminToggle{
  display:inline-flex !important;
  visibility:visible !important;
  pointer-events:auto !important;
}
body.bc71-admin-workbench:not(.bc46-admin-mode) #bc46AdminToggle{
  background:#27322e !important;
  color:#fff !important;
  border-color:#27322e !important;
}
body.bc71-admin-workbench.bc46-admin-mode #bc46AdminToggle{
  background:#d8ad27 !important;
  color:#1f2522 !important;
  border-color:#b88d17 !important;
}
@media(max-width:1180px){
  .hero .today-feature-track{left:370px !important;width:680px !important;}
  .hero .bc85-today-visual{width:680px !important;}
  @keyframes bc71TodayFeatureMove{
    0%   { transform:translateX(0); opacity:1; }
    88%  { transform:translateX(500px); opacity:1; }
    100% { transform:translateX(580px); opacity:0; }
  }
}
/* ===== ART & SHOWPICK V71 END ===== */

/* ===== ART & SHOWPICK V72 : 오늘의 대표작품 부드러운 무빙 + 이메일 1줄 표시 =====
   - '오늘의 대표작품' 문구/점/화살표가 깜빡이지 않고 좌→우로 부드럽게 이동
   - 이동 중 opacity 변화 제거, 오른쪽 끝까지 이동 후 새 주기에서 다시 시작
   - 좌측 CONTACT 이메일 주소가 마지막 글자까지 한 줄에 표시되도록 글자 크기/줄바꿈 보정
*/
.hero .today-feature-track{
  overflow:visible !important;
}
.hero .bc85-today-visual{
  position:relative !important;
  overflow:visible !important;
}
.hero .today-feature-marquee{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  opacity:1 !important;
  animation:bc72TodayFeatureGlide 9.6s linear infinite !important;
  will-change:left !important;
  backface-visibility:hidden !important;
  -webkit-font-smoothing:antialiased !important;
}
@keyframes bc72TodayFeatureGlide{
  0%   { left:0; opacity:1; }
  92%  { left:680px; opacity:1; }
  100% { left:680px; opacity:1; }
}
@media(max-width:1180px){
  @keyframes bc72TodayFeatureGlide{
    0%   { left:0; opacity:1; }
    92%  { left:575px; opacity:1; }
    100% { left:575px; opacity:1; }
  }
}
.fixed-contact-card #sidebarEmail{
  font-size:12px !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
  letter-spacing:-0.25px !important;
}
/* ===== ART & SHOWPICK V72 END ===== */

/* ===== ART & SHOWPICK V73 : 대표작품 3점 프레임 확대 =====
   - V72의 배치/클릭/무빙은 그대로 유지
   - 대표작품 3점의 가로폭과 상하폭을 소폭 확대
*/
#bc82TodayHeroWorks.hero-art-triple{
  width:466px !important;
  height:104px !important;
  gap:8px !important;
}
#bc82TodayHeroWorks .hero-art-slot{
  flex:0 0 150px !important;
  width:150px !important;
  min-width:150px !important;
  height:102px !important;
  min-height:102px !important;
  max-height:102px !important;
}
.bc66-hero-fit-panel{
  max-width:466px !important;
}
@media(max-width:1180px){
  #bc82TodayHeroWorks.hero-art-triple{
    width:408px !important;
    gap:6px !important;
  }
  #bc82TodayHeroWorks .hero-art-slot{
    flex-basis:132px !important;
    width:132px !important;
    min-width:132px !important;
    height:90px !important;
    min-height:90px !important;
    max-height:90px !important;
  }
  .bc66-hero-fit-panel{max-width:408px !important;}
}
/* ===== ART & SHOWPICK V73 END ===== */


/* ===== ART & SHOWPICK V74 : 구매 안내 문구 확정 + 오늘의 대표작품 무빙 안정화 =====
   - 안내문구를 실제 구매 구조에 맞게 변경
   - 오늘의 대표작품 문구/점/화살표가 왼쪽에서 시작해 오른쪽 끝까지 부드럽게 이동 후 사라짐
   - 대표작품 3점 클릭/선명도/배치는 V73 유지
*/
.hero .today-feature-track{
  left:430px !important;
  right:auto !important;
  top:6px !important;
  width:760px !important;
  height:30px !important;
  overflow:visible !important;
  clip-path:none !important;
  z-index:180 !important;
  pointer-events:none !important;
}
.hero .bc85-today-visual{
  position:relative !important;
  width:760px !important;
  height:30px !important;
  overflow:visible !important;
  pointer-events:none !important;
}
.hero .today-feature-marquee{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  min-width:max-content !important;
  white-space:nowrap !important;
  overflow:visible !important;
  opacity:1 !important;
  animation:bc74TodayFeatureMove 10.5s linear infinite !important;
  will-change:transform,opacity !important;
  pointer-events:none !important;
}
@keyframes bc74TodayFeatureMove{
  0%   { transform:translateX(0); opacity:1; }
  88%  { transform:translateX(610px); opacity:1; }
  96%  { transform:translateX(690px); opacity:1; }
  100% { transform:translateX(735px); opacity:0; }
}
@media(max-width:1180px){
  .hero .today-feature-track{left:370px !important;width:680px !important;}
  .hero .bc85-today-visual{width:680px !important;}
  @keyframes bc74TodayFeatureMove{
    0%   { transform:translateX(0); opacity:1; }
    88%  { transform:translateX(520px); opacity:1; }
    96%  { transform:translateX(585px); opacity:1; }
    100% { transform:translateX(625px); opacity:0; }
  }
}
/* ===== ART & SHOWPICK V74 END ===== */


/* ===== ART & SHOWPICK V75 : 오늘의 대표작품 화살표 무빙 확정 =====
   - 이전 버전의 transform:none !important 충돌 제거
   - 문구/점/화살표가 좌→우로 실제 이동
   - 다른 레이아웃/기능은 변경하지 않음
*/
.hero .today-feature-track{
  overflow:visible !important;
  clip-path:none !important;
}
.hero .bc85-today-visual{
  position:relative !important;
  overflow:visible !important;
}
.hero .today-feature-marquee{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  transform:translate3d(0,0,0);
  animation:bc75TodayFeatureMove 8.8s linear infinite !important;
  will-change:transform !important;
  opacity:1 !important;
}
@keyframes bc75TodayFeatureMove{
  0%   { transform:translate3d(0,0,0); opacity:1; }
  90%  { transform:translate3d(650px,0,0); opacity:1; }
  100% { transform:translate3d(735px,0,0); opacity:0; }
}
@media(max-width:1180px){
  @keyframes bc75TodayFeatureMove{
    0%   { transform:translate3d(0,0,0); opacity:1; }
    90%  { transform:translate3d(550px,0,0); opacity:1; }
    100% { transform:translate3d(625px,0,0); opacity:0; }
  }
}
/* ===== ART & SHOWPICK V75 END ===== */

/* ===== ART & SHOWPICK V80 : 구매자 카드결제 + 관심 작품 바구니 ===== */
.asp-v80-card-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:12px}
.asp-v80-card-actions button{width:100%;min-height:39px;border-radius:7px;font-weight:900;cursor:pointer;padding:8px 10px}
.asp-v80-buy.online{background:#111;color:#fff;border:1px solid #111}
.asp-v80-buy.consult{background:#fee500;color:#191919;border:1px solid #e4cd00}
.asp-v80-interest{background:#fff;color:#3b3328;border:1px solid #b9aa94}
.asp-v80-interest-panel{width:min(980px,96vw)}
.asp-v36-fav-head small{display:block;margin-top:4px;color:#777}
.asp-v80-fav-row{grid-template-columns:26px 84px 1fr auto!important}
.asp-v80-fav-row img,.asp-v80-fav-row .asp-v36-fav-noimg{width:84px;height:70px}
.asp-v80-select{width:18px;height:18px;accent-color:#111}
.asp-v80-fav-info em{display:inline-block;margin-top:5px;font-size:11px;font-style:normal;font-weight:900;color:#7a5314}
.asp-v80-fav-actions{display:grid;gap:5px;min-width:150px}
.asp-v80-fav-actions button{width:100%}
.asp-v80-fav-buy.online{background:#111!important;color:#fff!important}
.asp-v80-fav-buy.consult{background:#fee500!important;color:#191919!important;border-color:#e4cd00!important}
.asp-v80-fav-remove{background:#fff!important;color:#555!important;border:1px solid #bbb!important}
.asp-v80-interest-summary{position:sticky;bottom:-22px;margin:14px -22px -22px;padding:15px 22px;background:#fff8df;border-top:1px solid #d8d0c2}
.asp-v80-interest-summary>div{display:flex;justify-content:space-between;gap:12px;align-items:center}
.asp-v80-interest-summary strong{font-size:20px;color:#7a5314}
.asp-v80-interest-summary small{display:block;margin-top:6px;color:#666;line-height:1.5}
@media(max-width:700px){.asp-v80-fav-row{grid-template-columns:24px 64px 1fr!important}.asp-v80-fav-row img,.asp-v80-fav-row .asp-v36-fav-noimg{width:64px;height:56px}.asp-v80-fav-actions{grid-column:1/-1;grid-template-columns:1fr 1fr 70px}.asp-v80-interest-summary>div{align-items:flex-start;flex-direction:column}.asp-v80-interest-summary strong{font-size:18px}}
/* ===== V80 END ===== */

/* ===== ART & SHOWPICK V81 : 관심작품/결제 표시 보정 ===== */
.hero-favorite-cart .hero-cart-text{white-space:nowrap;}
.asp-v81-unknown{font-size:12px;font-weight:700;margin-left:6px;color:#8a5a00;}
.asp-v80-buy.online,.asp-v80-fav-buy.online{font-weight:900;}

/* ===== V84 관심 작품 선택 결제 ===== */
.asp-v84-checkout-btn{width:100%;margin-top:14px;padding:15px 18px;border:0;border-radius:8px;background:#b68a32;color:#fff;font-size:16px;font-weight:800;cursor:pointer}
.asp-v84-checkout-btn:disabled{opacity:.45;cursor:not-allowed}
.asp-v84-checkout-list{margin:14px 22px 22px;padding:16px;border:1px solid #d9c28e;border-radius:10px;background:#fffaf0}
.asp-v84-checkout-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.asp-v84-checkout-head b{font-size:17px}.asp-v84-close{border:0;background:transparent;cursor:pointer}
.asp-v84-checkout-list p{margin:6px 0 12px;color:#665b49;font-size:13px}.asp-v84-pay-link{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 10px;border-top:1px solid #eadfc7;text-decoration:none;color:#332b20}.asp-v84-pay-link strong{color:#9b6c10;white-space:nowrap}


/* ===== ART & SHOWPICK V86 : 결제 버튼 시인성 ===== */
.asp-v80-interest-summary{text-align:left}
.asp-v84-checkout-btn{
  display:block!important;width:auto!important;min-width:250px!important;max-width:360px!important;
  margin:14px auto 2px!important;padding:13px 24px!important;border:2px solid #8d0000!important;
  border-radius:9px!important;background:#ff2b2b!important;color:#111!important;
  font-size:17px!important;font-weight:950!important;line-height:1.15!important;
  box-shadow:0 3px 0 #8d0000,0 5px 12px rgba(0,0,0,.18)!important;cursor:pointer!important;
}
.asp-v84-checkout-btn:hover:not(:disabled){background:#ff4a4a!important;transform:translateY(-1px)}
.asp-v84-checkout-btn:disabled{background:#d8d8d8!important;border-color:#aaa!important;color:#777!important;box-shadow:none!important;opacity:.75!important;cursor:not-allowed!important}
@media(max-width:700px){.asp-v84-checkout-btn{min-width:220px!important;max-width:92%!important;font-size:16px!important}}
/* ===== ART & SHOWPICK V86 END ===== */

/* V89 작품 진열순서 관리 */
.asp-v54-delete-toolbar .price-sort{background:#ffe14a;color:#111;border:2px solid #8b6500!important;}
.asp-v54-delete-toolbar .move{background:#d9f0ff;color:#08243a;border:2px solid #4b88ad!important;}
.asp-v54-delete-toolbar .order-undo{background:#d8d8d8;color:#111;}

/* ART & SHOWPICK V90 - move/delete selection separated */
body.bc46-admin-mode #productGrid .asp-v90-pickers{position:absolute;left:8px;top:8px;z-index:25;display:flex;flex-direction:column;gap:5px;align-items:flex-start;}
body.bc46-admin-mode #productGrid .asp-v90-pickers .asp-v54-delete-picker{position:static!important;left:auto!important;top:auto!important;}
body.bc46-admin-mode #productGrid .asp-v90-move-picker{display:flex;align-items:center;gap:7px;background:#dff3ff;border:2px solid #0879b9;border-radius:8px;padding:7px 10px;font-weight:900;box-shadow:0 2px 4px rgba(0,0,0,.2);cursor:pointer;}
.asp-v90-move-picker input{width:21px;height:21px;accent-color:#0879b9;cursor:pointer;}
body.bc46-admin-mode #productGrid .product-card.asp-v90-move-selected{outline:4px solid #168fd0;outline-offset:-4px;}


/* ===== ART & SHOWPICK V91 : 구매자 가격정렬 + 관리자 양방향 가격정렬 ===== */
.asp-v91-filter-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}
.asp-v91-customer-sort{display:flex;gap:5px;flex-wrap:wrap;}
.asp-v91-customer-sort button{height:32px;padding:5px 11px;border:1px solid #d8cfbf;background:#fffdf8;color:#544b40;font-size:10px;font-weight:900;cursor:pointer;}
.asp-v91-customer-sort button.active{background:#b88a19;border-color:#8b6500;color:#111;}
body.bc46-admin-mode .asp-v91-customer-sort{display:none;}
.asp-v54-delete-toolbar .price-sort-high{background:#ffbf47;color:#111;border:2px solid #8b6500!important;}
@media(max-width:900px){.asp-v91-filter-row{align-items:flex-start}.asp-v91-customer-sort,.bc59-status-filter{justify-content:flex-start}}

/* ===== ART & SHOWPICK V98 : 관리자 카드/도구바 컴팩트 정리 ===== */
body.bc46-admin-mode #productGrid .asp-v98-admin-toolbar{
  display:block!important;padding:8px 10px!important;
}
.asp-v98-toolbar-head{display:flex;align-items:center;margin:0 0 5px;}
.asp-v98-toolbar-head strong{font-size:12px!important;margin:0!important;}
.asp-v98-toolbar-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0;}
.asp-v98-row-label{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:28px;border-radius:5px;background:#2b3533;color:#ffd35c;font-size:11px;font-weight:900;}
.asp-v98-admin-toolbar button{min-height:28px!important;padding:5px 9px!important;font-size:11px!important;line-height:1.1!important;border-radius:5px!important;}

/* 카드 위 이동/삭제 선택은 같은 크기, 작은 글씨/체크박스로 이미지 가림 최소화 */
body.bc46-admin-mode #productGrid .asp-v90-pickers{left:6px!important;top:6px!important;gap:3px!important;}
body.bc46-admin-mode #productGrid .asp-v90-move-picker,
body.bc46-admin-mode #productGrid .asp-v90-pickers .asp-v54-delete-picker{
  box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:4px!important;
  min-width:78px!important;height:27px!important;padding:3px 6px!important;border-width:1px!important;
  border-radius:5px!important;font-size:10px!important;font-weight:800!important;line-height:1!important;
  box-shadow:0 1px 3px rgba(0,0,0,.18)!important;
}
body.bc46-admin-mode #productGrid .asp-v90-move-picker input,
body.bc46-admin-mode #productGrid .asp-v90-pickers .asp-v54-delete-picker input{
  width:14px!important;height:14px!important;margin:0!important;flex:0 0 14px!important;
}

/* 고객용 카드 버튼은 기능 유지, 폭/높이와 글씨만 아담하게 */
.asp-v80-card-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;margin-top:9px!important;}
.asp-v80-card-actions button{width:88%!important;min-height:32px!important;padding:5px 8px!important;border-radius:6px!important;font-size:11px!important;line-height:1.15!important;font-weight:900!important;}
@media(max-width:700px){.asp-v80-card-actions button{width:94%!important;}}
/* ===== ART & SHOWPICK V98 END ===== */
/* V99 Cafe24 category creator */
.asp-v99-addcat{margin-top:6px;padding:6px 10px;border:1px solid #c59a43;border-radius:6px;background:#fff8e8;color:#704b12;font-size:12px;font-weight:700;cursor:pointer;width:max-content}
.asp-v99-addcat:hover{background:#f6e5b8}

/* ===== ART & SHOWPICK V100 : Cafe24 category controls ===== */
.asp-v100-cat-field{align-self:start}
.asp-v100-cat-field .asp-v100-addcat{
  width:fit-content;min-width:92px;margin-top:2px;padding:5px 9px;
  border:1px solid #c59a43;border-radius:6px;background:#fff8e8;color:#704b12;
  font-size:11px;font-weight:800;line-height:1.2;cursor:pointer;
}
.asp-v100-cat-field .asp-v100-addcat:hover{background:#f4e3b9}
/* V99 injected-button rule kept harmless; V100 buttons are written directly in HTML. */
/* ===== ART & SHOWPICK V100 END ===== */


/* ===== ART & SHOWPICK V101 : Cafe24 4-level category controls ===== */
.asp-v101-cat-field{align-self:start}
.asp-v101-cat-field select:disabled{background:#f4f1ea;color:#8a8174;cursor:not-allowed}
.asp-v101-cat-field .asp-v101-addcat{
  width:fit-content;min-width:92px;margin-top:4px;padding:5px 9px;
  border:1px solid #c59a43;border-radius:6px;background:#fff8e8;color:#704b12;
  font-size:11px;font-weight:800;line-height:1.2;cursor:pointer;
}
.asp-v101-cat-field .asp-v101-addcat:hover{background:#f4e3b9}
.asp-v101-cat-field .asp-v101-addcat:disabled{opacity:.45;cursor:not-allowed;background:#f3efe7}
/* ===== ART & SHOWPICK V101 END ===== */


/* ===== ART & SHOWPICK V104 : 작품 이동 전 저장 확인 3버튼 팝업 ===== */
.bc104-leave-dialog{position:fixed;inset:0;z-index:200000;display:flex;align-items:center;justify-content:center;padding:20px}
.bc104-leave-dialog.hidden{display:none!important}
.bc104-leave-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48)}
.bc104-leave-panel{position:relative;width:min(520px,calc(100vw - 32px));background:#fffdf7;border:2px solid #c88b00;border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.28);padding:24px}
.bc104-leave-panel strong{display:block;font-size:19px;color:#171717;margin-bottom:8px}
.bc104-leave-panel p{margin:0 0 20px;color:#333;font-size:16px}
.bc104-leave-actions{display:flex;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.bc104-leave-actions button{border:1px solid #c9b98f;border-radius:8px;padding:10px 14px;font-weight:800;cursor:pointer;background:#fff}
.bc104-leave-actions .bc104-yes{background:#1f6f43;border-color:#1f6f43;color:#fff}
.bc104-leave-actions .bc104-no{background:#fff7df;border-color:#d19a18;color:#5b4100}
.bc104-leave-actions .bc104-cancel{background:#efefef;color:#333}

/* ===== ART & SHOWPICK V106 : 관리자 편집창 스크롤바 직접 드래그 복구 =====
   V68에서 관리자 패널을 100vw보다 넓게 만들고 우측으로 -26px 밀어 둔 규칙 때문에
   실제 스크롤 thumb가 화면 경계 밖에 걸릴 수 있었다.
   관리자 모달 자체를 단일 스크롤 컨테이너로 사용하여 휠/드래그/트랙 클릭을 모두 동일하게 처리한다.
*/
#bc46AdminModal.modal:not(.hidden){
  overflow-y:auto !important;
  overflow-x:hidden !important;
  width:100vw !important;
  max-width:100vw !important;
  scrollbar-gutter:stable !important;
  overscroll-behavior:contain !important;
}
#bc46AdminModal .bc46-admin-panel,
#bc46AdminModal .modal-panel{
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  max-height:none !important;
  min-height:calc(100vh - 18px) !important;
  margin-left:0 !important;
  margin-right:0 !important;
  overflow:visible !important;
  padding-right:30px !important;
  box-sizing:border-box !important;
}
#bc46AdminModal.modal::-webkit-scrollbar{width:13px;}
#bc46AdminModal.modal::-webkit-scrollbar-track{background:#eeeae2;}
#bc46AdminModal.modal::-webkit-scrollbar-thumb{
  background:#858585;
  border-radius:8px;
  border:2px solid #eeeae2;
}
#bc46AdminModal.modal::-webkit-scrollbar-thumb:hover{background:#666;}
/* 기존 내부 패널 scrollbar는 V106에서는 사용하지 않는다. */
#bc46AdminModal .bc46-admin-panel::-webkit-scrollbar,
#bc46AdminModal .modal-panel::-webkit-scrollbar{width:0 !important;height:0 !important;}
@media(max-width:700px){
  #bc46AdminModal .bc46-admin-panel,
  #bc46AdminModal .modal-panel{
    padding-right:14px !important;
  }
}
/* ===== ART & SHOWPICK V106 END ===== */


/* ===== ART & SHOWPICK V107 : 작품사진 8장 (4 x 2) ===== */
#bc46AdminModal #bc46AdminPhotos.bc50-thumb-grid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  align-items:stretch !important;
}
#bc46AdminModal #bc46AdminPhotos.bc50-thumb-grid .bc46-admin-photo{
  min-height:138px !important;
}
#bc46AdminModal #bc46AdminPhotos.bc50-thumb-grid .bc46-admin-photo label,
#bc46AdminModal #bc46AdminPhotos.bc50-thumb-grid .bc46-admin-photo img{
  min-height:138px !important;
  height:138px !important;
}
#detailModal .sub-photo-grid-4{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
/* ===== ART & SHOWPICK V107 END ===== */

/* ===== ART & SHOWPICK V109 : 관리자 편집창 전용 드래그 스크롤바 =====
   브라우저/모달 이중 스크롤 충돌을 피하기 위해 관리자 편집창에
   별도의 고정형 스크롤 레일을 두고, 실제 #bc46AdminModal.scrollTop 과 1:1 동기화한다.
*/
#bc46AdminModal.modal:not(.hidden){
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  padding-right:18px !important;
}
#bc46AdminModal.modal:not(.hidden)::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
}
#bc109AdminScrollbar{
  position:fixed;
  top:18px;
  right:0;
  bottom:0;
  width:18px;
  z-index:250000;
  background:#eeeae2;
  border-left:1px solid #d3cbbc;
  display:none;
  user-select:none;
  touch-action:none;
  cursor:pointer;
}
#bc109AdminScrollbar.bc109-show{display:block;}
#bc109AdminScrollbar .bc109-thumb{
  position:absolute;
  left:3px;
  top:0;
  width:11px;
  min-height:44px;
  border-radius:8px;
  background:#7e7e7e;
  border:1px solid #666;
  box-sizing:border-box;
  cursor:grab;
  touch-action:none;
}
#bc109AdminScrollbar .bc109-thumb:hover{background:#666;}
#bc109AdminScrollbar .bc109-thumb.bc109-dragging{cursor:grabbing;background:#555;}
@media(max-width:700px){
  #bc46AdminModal.modal:not(.hidden){padding-right:16px !important;}
  #bc109AdminScrollbar{width:16px;}
  #bc109AdminScrollbar .bc109-thumb{left:3px;width:9px;}
}
/* ===== ART & SHOWPICK V109 END ===== */

/* ===== ART & SHOWPICK V111 : 관리자 작품편집 native 스크롤바 단일화 =====
   문제: 메인 갤러리의 브라우저 스크롤은 정상이나, 작품 등록/수정 모달에서는
   V109의 별도 스크롤 레일이 실제 내용 스크롤 컨테이너와 어긋나 손잡이가 '허당'처럼 동작함.
   해결: 가짜 레일을 완전히 숨기고, 실제 bc46-admin-panel 하나만 세로 스크롤 컨테이너로 사용.
*/
#bc109AdminScrollbar{
  display:none !important;
  pointer-events:none !important;
}

#bc46AdminModal.modal:not(.hidden){
  position:fixed !important;
  inset:0 !important;
  width:100vw !important;
  height:100vh !important;
  height:100dvh !important;
  max-width:100vw !important;
  margin:0 !important;
  padding:18px 0 0 0 !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  background:#fffdf8 !important;
}

/* 실제로 움직이는 유일한 세로 스크롤 영역 */
#bc46AdminModal.modal:not(.hidden) > .bc46-admin-panel{
  position:relative !important;
  z-index:2 !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:calc(100vh - 18px) !important;
  height:calc(100dvh - 18px) !important;
  max-height:calc(100vh - 18px) !important;
  max-height:calc(100dvh - 18px) !important;
  min-height:0 !important;
  margin:0 !important;
  padding-left:30px !important;
  padding-right:30px !important;
  padding-bottom:28px !important;
  overflow-y:scroll !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable !important;
  box-sizing:border-box !important;
  background:#fffdf8 !important;
}

/* Chrome/Edge에서 실제 패널 스크롤바를 잡아 끌 수 있게 명확히 표시 */
#bc46AdminModal.modal:not(.hidden) > .bc46-admin-panel::-webkit-scrollbar{
  width:14px !important;
}
#bc46AdminModal.modal:not(.hidden) > .bc46-admin-panel::-webkit-scrollbar-track{
  background:#ece8df !important;
}
#bc46AdminModal.modal:not(.hidden) > .bc46-admin-panel::-webkit-scrollbar-thumb{
  background:#777 !important;
  border:2px solid #ece8df !important;
  border-radius:9px !important;
  min-height:52px !important;
}
#bc46AdminModal.modal:not(.hidden) > .bc46-admin-panel::-webkit-scrollbar-thumb:hover{
  background:#555 !important;
}

/* 제목/다른 작품으로 이동 바는 실제 스크롤 영역 안에서 상단 고정 */
#bc46AdminModal.modal:not(.hidden) > .bc46-admin-panel > .bc53-admin-header{
  position:sticky !important;
  top:0 !important;
  z-index:700 !important;
}

@media(max-width:700px){
  #bc46AdminModal.modal:not(.hidden){padding-top:12px !important;}
  #bc46AdminModal.modal:not(.hidden) > .bc46-admin-panel{
    height:calc(100vh - 12px) !important;
    height:calc(100dvh - 12px) !important;
    max-height:calc(100vh - 12px) !important;
    max-height:calc(100dvh - 12px) !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }
}
/* ===== ART & SHOWPICK V111 END ===== */

/* ===== ART & SHOWPICK V112 : 관리자 상세화면 스크롤바 1개만 표시 =====
   V111에서 상세 패널 스크롤은 정상화되었지만, 루트(html/body)의 페이지 스크롤이
   남아 있는 환경에서는 우측에 스크롤바가 하나 더 보일 수 있었다.
   관리자 상세창이 열린 동안 html/body 스크롤을 확실히 잠그고,
   bc46-admin-panel의 실제 스크롤바 하나만 표시한다.
*/
html.bc112-admin-open,
body.bc112-admin-open{
  overflow:hidden !important;
  height:100% !important;
  max-height:100% !important;
  overscroll-behavior:none !important;
}

body.bc112-admin-open{
  position:relative !important;
  width:100% !important;
}

/* 바깥 모달 자체는 절대 스크롤하지 않음 */
html.bc112-admin-open #bc46AdminModal.modal:not(.hidden),
body.bc112-admin-open #bc46AdminModal.modal:not(.hidden){
  overflow:hidden !important;
  padding-right:0 !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
}
html.bc112-admin-open #bc46AdminModal.modal:not(.hidden)::-webkit-scrollbar,
body.bc112-admin-open #bc46AdminModal.modal:not(.hidden)::-webkit-scrollbar{
  width:0 !important;
  height:0 !important;
  display:none !important;
}

/* 안쪽 실제 편집 패널만 화면 폭에 정확히 맞추고 이 스크롤바 하나만 사용 */
body.bc112-admin-open #bc46AdminModal.modal:not(.hidden) > .bc46-admin-panel{
  width:100vw !important;
  max-width:100vw !important;
  margin:0 !important;
  overflow-y:scroll !important;
  overflow-x:hidden !important;
  scrollbar-gutter:auto !important;
  box-sizing:border-box !important;
}
/* ===== ART & SHOWPICK V112 END ===== */


/* ART & SHOWPICK V115 public hosting: administrator controls never appear */
body.asp-hosting-public #bc46AdminToggle,
body.asp-hosting-public .bc60-admin-only-btn,
body.asp-hosting-public .bc73-footer-admin-guide,
body.asp-hosting-public .bc59-promo-admin,
body.asp-hosting-public #bc90ContactEditor,
body.asp-hosting-public .asp-v90-pickers,
body.asp-hosting-public .bc46-admin-toolbar{display:none!important;}