/* 보따리움 새 판 — 결제·내 정보·회원 화면 모양 (2026-09-10). 옛 app.css 위에 얹는다. */
:root{--bd-ink:#1b1b1b;--bd-gold:#b88a2a;--bd-gold-d:#8a6512;--bd-line:#e7e7e7;--bd-soft:#f6f6f4;--bd-red:#d23b30;--bd-ok:#1f9d57;--bd-blue:#2f6fd6}
[hidden]{display:none!important}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap}
.notice-bar{background:#1b1b1b;color:#f4e7c6;text-align:center;font-size:.85rem;padding:8px 14px;font-weight:600}
.nav-actions .who{color:var(--bd-gold);font-weight:800}
.auth-msg{font-size:.82rem;color:var(--bd-red);font-weight:700;min-height:18px;margin:6px 0 2px}
.auth-msg.ok{color:var(--bd-ok)}
.auth-note{font-size:.8rem;color:#777;line-height:1.6;margin:8px 0}
.pay-only{display:flex;align-items:center;gap:12px;border:1.5px solid var(--bd-gold);border-radius:12px;padding:12px 14px;background:#fffdf6;font-weight:700}
.pay-only .ic{width:38px;height:38px;border-radius:10px;background:#1b1b1b;color:#f4e7c6;display:grid;place-items:center;font-weight:900;font-size:.8rem;flex:none}
.pay-only small{display:block;font-weight:500;color:#777;font-size:.78rem;margin-top:2px}
.co-usdt{display:flex;justify-content:space-between;font-size:.9rem;color:#666;margin-top:6px}
.co-usdt b{color:var(--bd-ink)}

/* 결제 · 내 정보 · 주문 페이지 (본문 자리에 대신 나온다) */
body.pay-mode .hero,body.pay-mode .insight,body.pay-mode .about,body.pay-mode .collection,body.pay-mode .cta-band,body.pay-mode #productPage,
body.my-mode .hero,body.my-mode .insight,body.my-mode .about,body.my-mode .collection,body.my-mode .cta-band,body.my-mode #productPage{display:none!important}
.subpage{max-width:760px;margin:0 auto;padding:110px 18px 60px}
.subpage h2{font-size:1.4rem;font-weight:900;letter-spacing:-.4px;margin-bottom:6px}
.subpage .sub{color:#777;font-size:.9rem;margin-bottom:18px}
.pcard{background:#fff;border:1px solid var(--bd-line);border-radius:18px;padding:20px 22px;margin-bottom:16px;box-shadow:0 10px 40px rgba(0,0,0,.05)}
.pcard h3{font-size:1rem;font-weight:900;margin-bottom:10px}
.pcard .row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--bd-line);font-size:.92rem}
.pcard .row:last-child{border-bottom:0}
.pcard .row b{font-variant-numeric:tabular-nums}
.big-usdt{text-align:center;padding:14px 0 4px}
.big-usdt .n{font-size:2rem;font-weight:900;letter-spacing:-.5px;font-variant-numeric:tabular-nums}
.big-usdt .n small{font-size:1rem;font-weight:800;margin-left:6px;color:var(--bd-gold-d)}
.big-usdt .k{font-size:.85rem;color:#777;margin-top:4px}
.qrwrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap;justify-content:center;margin:8px 0}
.qrbox{width:210px;height:210px;border:1px solid var(--bd-line);border-radius:14px;overflow:hidden;background:#fff;flex:none}
.qrbox canvas{width:100%;height:100%;display:block}
.qrside{flex:1;min-width:220px}
.qrside ol{padding-left:18px;font-size:.88rem;line-height:1.75;color:#444}
.addrline{font-family:ui-monospace,Consolas,monospace;font-size:.78rem;word-break:break-all;background:var(--bd-soft);border-radius:8px;padding:8px 10px;margin:8px 0}
.btnrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.bd-btn{border:0;border-radius:12px;padding:13px 18px;font-weight:800;font-size:.95rem;cursor:pointer;background:#1b1b1b;color:#fff;font-family:inherit}
.bd-btn.gold{background:var(--bd-gold);color:#241a05}
.bd-btn.line{background:#fff;color:#333;border:1.5px solid var(--bd-line)}
.bd-btn.red{background:#fbecea;color:var(--bd-red)}
.bd-btn:disabled{opacity:.45;cursor:default}
.bd-btn.full{width:100%}
.timer{font-variant-numeric:tabular-nums;font-weight:900;color:var(--bd-gold-d)}
.status-line{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--bd-soft);font-weight:700;font-size:.92rem}
.status-line .dot{width:10px;height:10px;border-radius:50%;background:#c9971c;flex:none;animation:bdblink 1.2s ease-in-out infinite}
.status-line.paid{background:#eaf5ee;color:#155b34}.status-line.paid .dot{background:var(--bd-ok);animation:none}
.status-line.bad{background:#fbecea;color:#8c261f}.status-line.bad .dot{background:var(--bd-red);animation:none}
@keyframes bdblink{0%,100%{opacity:1}50%{opacity:.25}}
.txin{display:flex;gap:8px;margin-top:10px}
.txin input{flex:1;padding:11px 12px;border:1px solid var(--bd-line);border-radius:10px;font-family:ui-monospace,Consolas,monospace;font-size:.82rem}
.pill{display:inline-block;font-size:.72rem;font-weight:800;border-radius:20px;padding:2px 9px;color:#fff;background:#888;vertical-align:middle}
.pill.pending{background:#c9971c}.pill.paid{background:var(--bd-blue)}.pill.preparing{background:#7b5fd6}.pill.shipping{background:#1f9d9d}.pill.done{background:var(--bd-ok)}.pill.cancelled,.pill.expired{background:#999}.pill.refunded{background:#b35b8c}.pill.mismatch{background:var(--bd-red)}
.olist .o{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--bd-line);cursor:pointer}
.olist .o:last-child{border-bottom:0}
.olist .o .l{min-width:0}
.olist .o .id{font-family:ui-monospace,Consolas,monospace;font-size:.8rem;color:#777}
.olist .o .nm{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.olist .o .r{text-align:right;white-space:nowrap;font-weight:800;font-variant-numeric:tabular-nums}
.olist .o .r small{display:block;font-weight:600;color:#777;font-size:.75rem}
.myrow{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.myrow label,.co-field label{display:block;font-size:.78rem;font-weight:700;color:#555;margin:10px 0 4px}
.myrow input,.pcard input.f{width:100%;padding:11px 12px;border:1px solid var(--bd-line);border-radius:10px;font-family:inherit;font-size:.95rem}
.walletline{font-family:ui-monospace,Consolas,monospace;font-size:.8rem;word-break:break-all}
.done-mark{width:64px;height:64px;border-radius:50%;background:#eaf5ee;color:var(--bd-ok);display:grid;place-items:center;font-size:2rem;margin:6px auto 10px}
.center{text-align:center}
.tiny{font-size:.78rem;color:#888;line-height:1.6}
.ship-box{font-size:.9rem;line-height:1.7}
.trk{display:inline-block;background:var(--bd-soft);border-radius:8px;padding:4px 10px;font-weight:800;font-family:ui-monospace,Consolas,monospace;font-size:.85rem}
@media(max-width:640px){.subpage{padding:96px 14px 50px}.myrow{grid-template-columns:1fr}.big-usdt .n{font-size:1.6rem}}
/* BODDARI · product storefront 20260910 */
:root{--bg:#fbfaf7;--ink:#24251f;--ink-2:#54564f;--line:#e5e3db;--gold:#af812d;--gold-deep:#836323;--bd-gold:#977332;--bd-line:#e5e3db}
body{background:var(--bg);font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;color:var(--ink)}
[hidden]{display:none!important}button,input,select{font:inherit}a,button,input,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a58138;outline-offset:3px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.wrap{max-width:1240px;width:calc(100% - 72px);margin:auto}
#header{position:sticky;top:0;z-index:80;background:#fffefc;border-bottom:1px solid var(--line);backdrop-filter:none;box-shadow:none}#header .nav{height:86px;gap:32px}.logo{width:162px;max-height:40px;object-fit:contain}.nav-links{margin-right:auto;margin-left:0;gap:24px}.nav-links a{color:var(--ink);font-size:14px}.nav-actions{margin-left:auto;gap:24px}.nav-actions>a{font-size:13px;color:var(--ink)}.cart-link{background:none;border:0;padding:0}.cart-count{background:var(--ink);color:white}.burger{display:none!important}
.collection{padding:54px 0 76px!important;min-height:70vh}.catalog-head{display:grid;grid-template-columns:1fr 340px;gap:32px}.catalog-title .eyebrow{color:#9b7735;font-size:10px;letter-spacing:.18em;margin-bottom:12px}.catalog-title h1{font-size:32px;font-weight:650;letter-spacing:-.045em;line-height:1.3}.catalog-sub{font-size:14px;color:#77796e;margin-top:12px}.searchbox{align-self:center;display:flex;gap:10px;align-items:center;border-bottom:1px solid #b7b6ab;padding:12px 2px}.searchbox span{font-size:28px;line-height:1}.searchbox input{border:0;background:transparent;width:100%;font-size:13px;color:var(--ink);min-width:0}.searchbox input:focus{outline:0}.searchbox:focus-within{border-color:#82602a}.catalog-tools{grid-column:1/-1;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:2px 0 19px;margin-bottom:28px;gap:20px}.category-tabs{display:flex;gap:8px}.category-tabs button{background:transparent;border:1px solid transparent;border-radius:24px;padding:10px 19px;font-size:13px;color:#74756a;min-height:42px}.category-tabs button.active{background:#30392d;color:#fff;border-color:#30392d}.sortbox{display:flex;align-items:center;gap:20px;font-size:12px;color:#818276;white-space:nowrap}.sortbox select{background:transparent;border:0;color:#53584c;cursor:pointer;padding:8px 4px;font-size:12px}
#collection .grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px}#collection .card{background:transparent;box-shadow:none;border:0;border-radius:0;min-width:0;max-width:none;width:100%;transform:none;opacity:1;overflow:visible;display:flex;flex-direction:column}#collection .card:hover{box-shadow:none;transform:none}#collection .card:before{display:none}#collection .card-img{display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:#f0eee9;position:relative}#collection .card-img img{height:100%;width:100%;object-fit:cover;transition:transform .3s}#collection .card-img:hover img{transform:scale(1.025)}#collection .card-body{padding:17px 0 0;display:flex;flex-direction:column;flex:1;min-width:0}#collection .step{font-size:9px;letter-spacing:.12em;color:#8f713d;font-weight:650;margin:0 0 7px;text-transform:uppercase}#collection h3{font-size:15px;line-height:1.5;font-weight:600;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:anywhere;margin:0}#collection .en{font-size:10px;line-height:1.55;color:#94968b;letter-spacing:.015em;margin:6px 0 16px}#collection .card-foot{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;border:0;padding:0;margin-top:auto;gap:8px}#collection .price{display:flex;flex-direction:column;align-items:flex-start;gap:4px}#collection .was{font-size:11px;font-weight:400;color:#999c90;line-height:1.3;margin:0}#collection .now{font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--ink)}.sale-price{display:flex;gap:7px;align-items:baseline;flex-wrap:wrap}.discount{color:#9b7735;font-weight:650;font-size:15px}.card-cart{background:transparent;border:1px solid #dcded3;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;color:#535b46}.card-cart:hover{background:#ebece4}.card-cart svg{width:18px;height:18px}.empty-state{text-align:center;padding:70px 12px;color:#73776a;font-size:14px}.empty-state button{margin-top:20px}
footer{background:#f1f0eb;border-top:1px solid var(--line);padding:36px 0;color:#85877b}.company-footer{border:0;padding:0;display:block}.fi-company h5{font-size:12px;font-weight:700;letter-spacing:.09em;margin-bottom:14px}.fi-company>div{font-size:11px;line-height:1.9;color:#777b6d}.copyright{margin-top:15px;font-size:10px;color:#939589}
#productPage{padding:32px 0 70px!important;background:var(--bg)}.pp-bar,.pp-card{max-width:1170px;width:calc(100% - 72px);margin:auto}.pp-card{background:transparent;border:0;box-shadow:none;border-radius:0}.pp-inner{padding:30px 0}.dp-top{gap:60px;align-items:start}.dp-top .pic{border-radius:14px;overflow:hidden;background:#f0eee9}.dp-top .pic img{width:100%;object-fit:contain;display:block}.dp-info{padding:24px 0}.dp-info h4{font-size:28px;line-height:1.4;letter-spacing:-.04em}.dp-actions{display:flex;gap:10px;margin-top:28px}.dp-actions .buy{flex:1;min-height:52px;border-radius:6px;background:#30392d;color:#fff;border:1px solid #30392d}.dp-actions .buy-line{background:transparent;color:#30392d}.dp-detail{margin-top:42px;border-top:1px solid var(--line)}.dp-detail img{max-width:100%;height:auto;display:block;margin:auto}.dp-guide{margin-top:40px}.pp-back{font-size:13px}.subpage{padding-top:32px}.bd-btn.gold,.co-pay-btn,.cart-checkout,.auth-submit{background:#30392d;border-color:#30392d;color:#fff}.co-pay-btn{border-radius:6px}.cart-drawer{background:#fffefb}.auth-modal,.checkout-modal{background:#fffefb;max-height:90dvh;overflow:auto}.auth-close{z-index:3}.cart-ft{padding-bottom:max(20px,env(safe-area-inset-bottom))}.nav-actions .who{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pay-only{border-color:#c5cbbd;background:#f6f7f1}.pay-only .ic{background:#30392d}.pcard{border-radius:12px}.big-usdt .n{overflow-wrap:anywhere}.addrline{word-break:break-all}.to-top{background:#30392d}.auth-overlay,.checkout-overlay{z-index:500}.toast{z-index:1000}
@media(max-width:1000px){#collection .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-head{grid-template-columns:1fr 290px}.dp-top{gap:30px}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}#header .nav{height:68px;gap:14px}.logo{width:126px;max-height:32px}.nav-links{display:none}.nav-actions{display:flex;gap:16px}.nav-actions>a{font-size:11px}.cart-link .cart-count{font-size:9px;min-width:15px;height:15px;line-height:15px}.collection{padding:28px 0 46px!important}.catalog-head{display:flex;flex-direction:column;gap:20px}.catalog-title h1{font-size:25px}.catalog-title .eyebrow{font-size:9px;margin-bottom:9px}.catalog-sub{font-size:12px;margin-top:8px}.searchbox{width:100%;padding:6px 0 10px}.searchbox input{font-size:12px}.catalog-tools{width:100%;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:0 0 13px}.category-tabs{gap:3px}.category-tabs button{font-size:12px;padding:8px 12px;min-height:38px}.sortbox{gap:8px;font-size:10px}.sortbox select{font-size:10px}#collection .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}#collection .card-img{border-radius:10px}#collection .card-body{padding:12px 0 0}#collection h3{font-size:12px;line-height:1.45;min-height:2.9em}#collection .step{font-size:8px;letter-spacing:.09em;margin-bottom:6px}#collection .en{font-size:9px;line-height:1.45;margin:4px 0 12px;min-height:2.9em}#collection .now{font-size:14px}#collection .was{font-size:10px}.discount{font-size:12px}.sale-price{gap:4px}.card-cart{width:32px;height:32px}.card-cart svg{width:16px;height:16px}.pp-bar,.pp-card{width:calc(100% - 32px)}.pp-inner{padding:18px 0}.dp-top{display:flex;flex-direction:column;gap:0}.dp-top .pic{width:100%}.dp-info{padding:24px 0 0;width:100%}.dp-info h4{font-size:23px}.dp-actions{position:static}.crumb{display:none}.dp-guide{font-size:12px}.dp-detail{margin-top:28px}.myrow{grid-template-columns:1fr}.auth-modal,.checkout-modal{width:calc(100% - 20px);max-height:94dvh;padding-bottom:env(safe-area-inset-bottom)}.co-body{padding:18px}.co-hd{padding:18px}.co-pay-btn{font-size:14px}.subpage{width:calc(100% - 32px)}.fi-company>div{font-size:10px}.btnrow{flex-wrap:wrap}.txin{flex-wrap:wrap}.txin input{min-width:0;flex:1}.cart-drawer{width:min(400px,100%)}.big-usdt .n{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


#header .nav-actions{display:flex!important}
