:root{--black:#080808;--gold:#d9ad4c;--gold2:#f7da91;--cream:#fbf7ef;--line:#eadfce;--red:#c9231d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;background:#faf7f1;color:#161616}a{text-decoration:none;color:inherit}
.top{background:#070707;color:#fff;position:sticky;top:0;z-index:30;border-bottom:1px solid #5e4820}
.topbar{max-width:1540px;margin:auto;padding:9px 24px;display:grid;grid-template-columns:260px 1fr 420px;gap:22px;align-items:center}
.logo img{width:230px;max-height:68px;object-fit:contain}.search{display:flex;background:#fff;border:2px solid var(--gold);border-radius:30px;overflow:hidden}.search input{border:0;outline:0;padding:13px 18px;width:100%;font-size:15px}.search button{border:0;background:#fff;padding:0 18px;font-size:20px}.metrics{display:flex;gap:17px;justify-content:flex-end}.metric{border-left:1px solid #5d4b30;padding-left:14px;white-space:nowrap}.metric small{display:block;color:#b9b3a8;font-size:11px}.metric b{font-size:20px;color:var(--gold2)}.metric.email b{font-size:13px;color:#fff}
.nav{background:#0c0c0c;color:#fff}.navin{max-width:1540px;margin:auto;display:flex;gap:25px;align-items:center;padding:9px 24px;font-size:13px;overflow:auto}.navin a{white-space:nowrap}.nav .pill{margin-left:auto;background:linear-gradient(#f3d488,#c99534);color:#15100a;padding:7px 16px;border-radius:20px;font-weight:900;white-space:nowrap}
.hero-clean{width:100%;background:#050505;overflow:hidden}.hero-image-link{display:block;width:100%;cursor:pointer}.hero-clean img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center top;image-rendering:auto}
.category-wrap{background:#fff;border-bottom:1px solid #eee}.cats{max-width:1540px;margin:auto;padding:18px 24px;display:grid;grid-template-columns:repeat(10,1fr);gap:14px}.cat{text-align:center;min-width:0}.cat .circle{width:78px;height:78px;border-radius:50%;margin:auto;overflow:hidden;border:2px solid #edd9af;box-shadow:0 5px 14px rgba(110,79,24,.12)}.cat .circle img{width:100%;height:100%;object-fit:cover}.cat>span{display:block;margin-top:7px;font-size:12px;font-weight:800;white-space:nowrap}
.section{max-width:1540px;margin:auto;padding:28px 24px}.section h2,.special-title h2{font-family:Georgia,serif;font-size:34px;margin:0}.sub{color:#746f68;margin:4px 0 18px}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.card{background:#fff;border:1px solid #e8dcc6;position:relative;overflow:hidden;box-shadow:0 4px 14px rgba(84,59,23,.05)}.pic{aspect-ratio:4/3;background:#eee;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover}.cardbody{padding:12px}.badge{position:absolute;top:8px;left:8px;background:#111;color:#ffd66f;border-radius:14px;padding:5px 9px;font-size:10px;z-index:2}.title{font-weight:900}.subtitle{font-size:12px;color:#666;min-height:34px;line-height:1.45}.prices{margin:8px 0}.price{font-weight:900;font-size:18px}.orig{text-decoration:line-through;color:#aaa;font-size:11px;margin-left:7px}.outbtn{display:block;text-align:center;border:1px solid #c99837;border-radius:4px;padding:9px;font-weight:900;background:#fff}.outbtn.naver{border-color:#19a85b;color:#087e3c}.outbtn.disabled{opacity:.45}.empty{grid-column:1/-1;background:#fff;border:1px dashed #c7b694;padding:40px;text-align:center;color:#776c58}
.banner-grid{max-width:1540px;margin:0 auto 12px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide-banner{display:block;overflow:hidden;border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.10)}.wide-banner img{display:block;width:100%;height:auto;object-fit:contain}
.special-title{max-width:1540px;margin:6px auto 4px;padding:0 24px;display:flex;align-items:end;gap:12px}.special-title span{color:#666;font-size:13px;margin-bottom:5px}
.promo-light{background:#fff}.promo .cols{max-width:1540px;margin:auto;padding:10px 24px 22px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.promocard{border:1px solid #ecdcc1;padding:18px;background:linear-gradient(135deg,#fffaf0,#f4ead9);border-radius:6px}.promocard b{font-size:15px}.promocard p{font-size:12px;color:#665c4c;margin:6px 0 0}
.notice{max-width:1540px;margin:16px auto;padding:16px 20px;background:#fff8e7;border:1px solid #d6a64a;display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:center}.notice strong{font-size:18px;color:#7d5010}.notice p{margin:2px 0;font-size:13px}.notice .red{color:#c5241f;font-weight:800}
.footer{background:#090909;color:#ccc;padding:28px 0 44px}.footin{max-width:1540px;margin:auto;padding:0 24px;display:grid;grid-template-columns:290px 1fr;gap:30px}.footin img{width:230px}.legal{font-size:12px;line-height:1.8}.adminlink{opacity:.25;font-size:10px}
@media(max-width:1100px){.topbar{grid-template-columns:220px 1fr}.metrics{grid-column:1/-1;justify-content:flex-start}.grid{grid-template-columns:repeat(3,1fr)}.cats{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.topbar{grid-template-columns:1fr}.metrics{flex-wrap:wrap}.grid{grid-template-columns:repeat(2,1fr)}.banner-grid{grid-template-columns:1fr}.promo .cols{grid-template-columns:1fr 1fr}.notice{grid-template-columns:1fr}.footin{grid-template-columns:1fr}.cat .circle{width:68px;height:68px}}
@media(max-width:520px){.grid{grid-template-columns:1fr}.promo .cols{grid-template-columns:1fr}.cats{grid-template-columns:repeat(5,1fr);padding-left:10px;padding-right:10px}.cat>span{font-size:10px}.cat .circle{width:58px;height:58px}}

.hero-image-link{display:block;width:100%;cursor:pointer}


/* ===== 456 SELECT ADMIN ===== */
.admin{
  max-width:1580px;margin:24px auto;padding:0 22px 60px;
  font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;color:#17130d
}
.admin h1{
  margin:0 0 8px;padding:22px 26px;
  background:linear-gradient(135deg,#090909 0%,#17130d 64%,#3d2d12 100%);
  color:#fff;border:1px solid #5b421b;border-radius:14px;
  font-size:30px;letter-spacing:-1px;
  box-shadow:0 10px 28px rgba(0,0,0,.14)
}
.admin h1:before{content:"♛ ";color:#e0b44f}
.admin>p:first-of-type,.admin .admin-links{margin:10px 2px 18px}
.admin a{color:#7a5112}
.panel{
  background:linear-gradient(#fff,#fffdf9);
  border:1px solid #dfd4c2;border-radius:14px;padding:22px 24px;margin:0 0 18px;
  box-shadow:0 6px 20px rgba(80,57,20,.055)
}
.panel h2{margin:0 0 16px;font-size:23px;letter-spacing:-.6px}
.panel h2:after{content:"";display:block;width:46px;height:3px;margin-top:9px;border-radius:3px;background:linear-gradient(90deg,#b9811e,#f3d88c)}
.panel p{color:#61594d;line-height:1.6}
.forms{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:center}
.forms .wide{grid-column:span 2}
.admin input,.admin select,.admin textarea{
  width:100%;min-height:42px;padding:9px 11px;border:1px solid #d7cdbd;border-radius:7px;
  background:#fff;color:#222;font:inherit;outline:none
}
.admin input:focus,.admin select:focus,.admin textarea:focus{
  border-color:#c39235;box-shadow:0 0 0 3px rgba(195,146,53,.12)
}
.admin input[type=checkbox]{width:auto;min-height:auto;transform:scale(1.08)}
.admin button,.admin .btn-admin{
  min-height:40px;padding:9px 14px;border:0;border-radius:7px;
  background:linear-gradient(180deg,#171717,#050505);color:#fff;font-weight:800;cursor:pointer
}
.admin button:hover{filter:brightness(1.18)}
.admin .danger,.danger{background:linear-gradient(#d5332e,#a5100d)!important;color:#fff!important}
.admin .green,.green{background:linear-gradient(#16965a,#08733f)!important;color:#fff!important}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.stat{background:linear-gradient(145deg,#101010,#2c2110);color:#fff;border:1px solid #59411a;border-radius:12px;padding:17px 18px}
.stat small{display:block;color:#c7b898;margin-bottom:4px}
.stat b{display:block;font-size:29px;color:#f2cc72}
.tablewrap{overflow:auto;border:1px solid #e1d8ca;border-radius:9px}
.admin table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}
.admin th,.admin td{padding:10px 9px;border-bottom:1px solid #e7e1d8;text-align:left;white-space:nowrap}
.admin th{position:sticky;top:0;background:#1a1711;color:#f2d17c;border-color:#383022;font-weight:800}
.admin tr:nth-child(even) td{background:#fdfaf5}
.admin tr:hover td{background:#fff7e7}
.admin hr{border:0;border-top:1px solid #e4dacb;margin:20px 0}
.admin .message{
  padding:12px 15px;margin:12px 0 18px;border-radius:8px;
  background:#fff5cf;border:1px solid #e4bd51;color:#5f4306;font-weight:800
}
.admin .section-note{
  padding:11px 13px;border-left:4px solid #c99534;background:#fff9e9;color:#5d5140
}
@media(max-width:1000px){
  .forms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  .admin{padding:0 10px 40px}
  .admin h1{font-size:24px}
  .forms{grid-template-columns:1fr}
  .forms .wide{grid-column:auto}
  .stats{grid-template-columns:1fr 1fr}
}