/* 재물명당 — 미니 운세 위젯 스타일 (사이트 먹·금·주사 팔레트) */
#mini-app{
  --mn-ink:#0f0d0a; --mn-paper:#f5eddc; --mn-faint:#6c6253;
  --mn-gold:#d4a857; --mn-gold-br:#f0d089; --mn-cinnabar:#b8402f;
  --mn-line:rgba(201,162,74,.30); --mn-line-soft:rgba(229,214,184,.12);
  font-family:'Noto Serif KR','Nanum Myeongjo',serif;
  max-width:680px; margin:0 auto;
}
#mini-app *{box-sizing:border-box;}

.mn-fs{border:1px solid var(--mn-line);border-radius:14px;padding:16px 14px 14px;margin:0 0 16px;}
.mn-fs legend{padding:0 8px;color:var(--mn-gold-br);font-weight:700;font-size:.95rem;letter-spacing:.02em;}
.mn-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:8px;}
.mn-grid select:nth-last-child(-n+2),.mn-grid input{min-width:0;}
@media(max-width:480px){.mn-grid{grid-template-columns:1fr 1fr;}}
#mini-app input,#mini-app select{
  width:100%;padding:11px 10px;border:1px solid var(--mn-line);border-radius:10px;
  background:rgba(255,255,255,.04);color:var(--mn-paper);font:inherit;font-size:1rem;
}
#mini-app input::placeholder{color:var(--mn-faint);}
#mini-app select{appearance:none;}

.mn-btn{
  width:100%;padding:15px;border:0;border-radius:12px;cursor:pointer;
  background:linear-gradient(135deg,#f6e6b4 0%,#e6c77e 30%,#cda14d 60%,#9c7727 100%);
  color:#241a09;font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:1.08rem;
  letter-spacing:.04em;box-shadow:0 8px 26px rgba(0,0,0,.45);transition:transform .15s ease;
}
.mn-btn:hover{transform:translateY(-1px);}
.mn-note{margin:12px 2px 0;color:var(--mn-faint);font-size:.82rem;line-height:1.5;}

#mn-result{margin-top:22px;animation:mn-fade .4s ease;}
@keyframes mn-fade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}

.mn-card{
  border:1px solid var(--mn-line);border-radius:18px;padding:24px 22px;
  background:radial-gradient(120% 120% at 50% 0%,rgba(201,162,74,.08),rgba(15,13,10,.4));
  box-shadow:0 12px 40px rgba(0,0,0,.5);
}
.mn-gauge{height:10px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden;margin-bottom:16px;}
.mn-gauge-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#cda14d,#f0d089);}
.mn-badge{
  display:inline-block;margin-bottom:10px;padding:5px 14px;border-radius:999px;
  border:1px solid var(--mn-line);color:var(--mn-gold-br);font-weight:700;font-size:.95rem;letter-spacing:.04em;
}
.mn-headline{margin:4px 0 14px;font-family:'Nanum Myeongjo',serif;color:var(--mn-paper);font-size:1.42rem;line-height:1.35;font-weight:800;}
.mn-body{margin:14px 0 0;color:#e7dcc6;font-size:1.04rem;line-height:1.85;}
.mn-basis{margin:14px 0 0;padding-top:12px;border-top:1px dashed var(--mn-line-soft);color:var(--mn-faint);font-size:.84rem;line-height:1.6;}

.mn-rows{display:flex;flex-direction:column;gap:8px;margin:6px 0 4px;}
.mn-row{display:flex;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:10px;background:rgba(255,255,255,.04);}
.mn-row span{color:var(--mn-faint);}
.mn-row b{color:var(--mn-gold-br);text-align:right;}

.mn-list{list-style:none;counter-reset:mn;margin:6px 0;padding:0;}
.mn-list li{counter-increment:mn;position:relative;padding:13px 14px 13px 46px;margin-bottom:8px;border-radius:10px;background:rgba(255,255,255,.04);}
.mn-list li::before{content:counter(mn);position:absolute;left:12px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#cda14d,#9c7727);color:#241a09;font-weight:800;font-size:.85rem;}
.mn-list li b{display:block;color:var(--mn-paper);}
.mn-list li span{color:var(--mn-faint);font-size:.88rem;}

.mn-cta{margin-top:16px;padding:20px;border-radius:16px;border:1px solid var(--mn-line);background:linear-gradient(135deg,rgba(184,64,47,.14),rgba(15,13,10,.3));}
.mn-cta p{margin:0 0 14px;color:#ecdfca;font-size:.98rem;line-height:1.75;}
.mn-cta-btn{display:inline-block;padding:13px 22px;border-radius:10px;text-decoration:none;background:linear-gradient(135deg,#c74b36,#8f3326);color:#fff3e6;font-weight:800;letter-spacing:.03em;box-shadow:0 6px 20px rgba(143,51,38,.45);}

/* ── 페이지 레이아웃 (미니 상품 페이지 공통) ── */
.mini-page{background:#0a0908;color:#e7dcc6;margin:0;font-family:'Noto Serif KR','Nanum Myeongjo',serif;-webkit-font-smoothing:antialiased;}
.mini-top{display:flex;align-items:center;justify-content:space-between;max-width:980px;margin:0 auto;padding:18px 20px;border-bottom:1px solid rgba(201,162,74,.18);}
.mini-brand{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:1.25rem;letter-spacing:.06em;color:#f0d089;text-decoration:none;}
.mini-nav a{color:#cbbd9f;text-decoration:none;margin-left:18px;font-size:.95rem;}
.mini-nav a:hover{color:#f0d089;}
.mini-main{max-width:760px;margin:0 auto;padding:30px 20px 60px;}
.mini-bc{font-size:.85rem;color:#6c6253;margin-bottom:22px;}
.mini-bc a{color:#998a6c;text-decoration:none;}
.mini-article h1{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:2.05rem;line-height:1.3;color:#f5eddc;margin:6px 0 18px;}
.mini-price{display:inline-block;color:#c74b36;font-weight:700;letter-spacing:.04em;font-size:.95rem;margin:0 0 4px;}
.mini-article > p{font-size:1.07rem;line-height:1.95;color:#d8ccb3;margin:0 0 14px;}
.mini-article b{color:#f0d089;font-weight:700;}
.mini-widget{margin:30px 0 40px;padding:26px 22px;border:1px solid rgba(201,162,74,.22);border-radius:20px;background:rgba(255,255,255,.02);}
.mini-trust,.mini-faq,.mini-related{margin:38px 0;padding-top:24px;border-top:1px solid rgba(229,214,184,.1);}
.mini-trust h2,.mini-faq h2,.mini-related h2{font-family:'Nanum Myeongjo',serif;font-size:1.3rem;color:#f0d089;margin:0 0 14px;}
.mini-trust p{color:#cbbd9f;line-height:1.85;}
.mini-faq-item{margin-bottom:18px;}
.mini-faq-item h3{font-size:1.04rem;color:#ecdfca;margin:0 0 6px;}
.mini-faq-item p{color:#a89a7d;line-height:1.75;margin:0;}
.mini-related ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.mini-related a{color:#d8ccb3;text-decoration:none;padding:12px 16px;border:1px solid rgba(201,162,74,.18);border-radius:10px;display:block;transition:border-color .15s;}
.mini-related a:hover{border-color:rgba(201,162,74,.5);color:#f0d089;}
.mini-foot{max-width:760px;margin:0 auto;padding:30px 20px 50px;border-top:1px solid rgba(229,214,184,.08);color:#6c6253;font-size:.82rem;line-height:1.7;}
.mini-foot a{color:#998a6c;text-decoration:none;margin:0 2px;}

/* ── 허브 ── */
.mini-hub-group{margin:34px 0;}
.mini-hub-group h2{font-family:'Nanum Myeongjo',serif;font-size:1.35rem;color:#f0d089;margin:0 0 16px;}
.mini-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.mini-hub-card{display:flex;flex-direction:column;gap:7px;padding:18px 18px 20px;border:1px solid rgba(201,162,74,.2);border-radius:16px;background:radial-gradient(120% 120% at 50% 0%,rgba(201,162,74,.06),rgba(15,13,10,.3));text-decoration:none;transition:transform .15s,border-color .15s;}
.mini-hub-card:hover{transform:translateY(-2px);border-color:rgba(201,162,74,.5);}
.mini-hub-price{align-self:flex-start;font-size:.8rem;font-weight:700;color:#241a09;background:linear-gradient(135deg,#f0d089,#cda14d);padding:3px 10px;border-radius:999px;}
.mini-hub-title{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:1.12rem;color:#f5eddc;}
.mini-hub-desc{font-size:.85rem;line-height:1.6;color:#9b8e72;}

.mn-grid-1{grid-template-columns:1fr !important;}

/* ── 풍부한 결과: 사주판 + 섹션 ── */
.mn-lead{font-size:1.08rem;color:#f0e6cf;font-weight:500;}
.mn-saju{margin:18px 0;padding:16px;border:1px solid var(--mn-line);border-radius:14px;background:rgba(0,0,0,.18);}
.mn-saju-title{font-family:'Nanum Myeongjo',serif;color:var(--mn-gold-br);font-weight:700;font-size:.95rem;margin-bottom:12px;letter-spacing:.03em;}
.mn-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;}
.mn-pil{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px;border-radius:10px;background:rgba(201,162,74,.07);text-align:center;}
.mn-pil-lbl{font-size:.72rem;color:var(--mn-faint);}
.mn-pil-han{font-family:'Nanum Myeongjo',serif;font-size:1.5rem;color:var(--mn-gold-br);line-height:1.1;}
.mn-pil-kor{font-size:.8rem;color:var(--mn-paper);}
.mn-pil-god{font-size:.72rem;color:var(--mn-faint);}
.mn-saju-info{margin:0;}
.mn-sections{margin:18px 0 4px;display:flex;flex-direction:column;gap:14px;}
.mn-sec{padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.03);border-left:3px solid var(--mn-gold);}
.mn-sec h3{margin:0 0 7px;font-family:'Nanum Myeongjo',serif;font-size:1.04rem;color:var(--mn-gold-br);font-weight:700;}
.mn-sec p{margin:0;color:#e1d6bf;line-height:1.85;font-size:1rem;}
@media(max-width:420px){.mn-pil-han{font-size:1.25rem;}.mn-pil-god{font-size:.66rem;}}
