:root{--bg:#ffffff;--surface:#faf7f8;--card:#ffffff;--line:#f0e9ec;--line-2:#e4dade;--ink:#232323;--muted:#8b8186;--muted-2:#b3a8ad;--wine:#9c1146;--wine-d:#7a0d38;--wine-dark:#4a122b;--wine-soft:#fdf0f5;--gold-soft:#fdf6e3;--warn:#b8712a;--err:#c0392b;--ok:#2e7d4f;--shadow:0 1px 2px rgba(74,18,43,.05);--shadow-lg:0 6px 20px rgba(74,18,43,.08);--r:12px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-size:14.5px;line-height:1.5;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}a{color:inherit}.num{font-variant-numeric:tabular-nums}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width:560px){.wrap{padding:0 14px}}.hdr{position:sticky;top:0;z-index:40;background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.hdr-bar{display:flex;align-items:center;gap:12px;height:58px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none}.brand img{height:26px;width:auto;display:block}.brand .logotext{font-size:19px;font-weight:800;letter-spacing:.14em}.brand .logotext i{color:var(--wine);font-style:normal}.brand .tag{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);background:var(--wine-soft);border-radius:999px;padding:3px 9px;font-weight:700}.hdr-spacer{flex:1}.hdr-nav{display:flex;gap:2px}.hdr-nav a{text-decoration:none;font-size:13px;font-weight:600;color:var(--muted);padding:7px 11px;border-radius:8px}.hdr-nav a.active,.hdr-nav a:hover{color:var(--wine);background:var(--wine-soft)}.acct-chip{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;background:var(--surface);border:1px solid var(--line);border-radius:999px}.acct-chip .av{width:28px;height:28px;border-radius:50%;background:var(--wine);color:#fff;display:grid;place-items:center;font-weight:700;font-size:12px;flex:none}.acct-chip b{font-size:12.5px;display:block;line-height:1.2;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis}.acct-chip span{font-size:10.5px;color:var(--wine);font-weight:700}.cart-btn{display:inline-flex;align-items:center;gap:8px;background:var(--wine-dark);color:#fff;border:0;border-radius:999px;padding:8px 14px;font-weight:600;font-size:12.5px;white-space:nowrap}.cart-btn .cnt{background:var(--wine);color:#fff;border-radius:999px;min-width:19px;height:19px;display:grid;place-items:center;font-size:11px;font-weight:800;padding:0 5px}@media (max-width:860px){.acct-chip div{display:none}.acct-chip{padding:4px;border:none;background:none}.hdr-nav,.brand .tag{display:none}}@media (max-width:400px){.brand .logotext{display:none}}.mnav{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fff;border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.mnav a{flex:1;text-align:center;text-decoration:none;font-size:10.5px;font-weight:600;color:var(--muted);padding:4px 2px;border-radius:8px}.mnav a.active{color:var(--wine)}.mnav a .ico{display:block;font-size:17px;line-height:1.15}@media (max-width:860px){.mnav{display:flex}body{padding-bottom:64px}}.promo{background:var(--surface);border-bottom:1px solid var(--line)}.promo-in{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:11px 0}.promo h1{font-size:17px}.promo h1 small{display:block;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);font-weight:700;margin-bottom:1px}.promo-spacer{flex:1}.dpills{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.dpill{font-size:11.5px;background:var(--card);border:1px solid var(--line-2);border-radius:8px;padding:4px 9px;white-space:nowrap}.dpill b{color:var(--wine)}.dpill.acct{background:var(--wine);border-color:var(--wine);color:#fff;font-weight:700}.infoline{padding:7px 0 9px;font-size:11.5px;color:var(--muted);border-top:1px dashed var(--line-2)}.infoline b{color:var(--ink)}.subnav{position:sticky;top:58px;z-index:30;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:8px 0}.chips::-webkit-scrollbar{display:none}.chips a{white-space:nowrap;text-decoration:none;font-size:12.5px;font-weight:600;color:var(--muted);padding:6px 13px;border-radius:999px;border:1px solid var(--line)}.chips a:hover{color:var(--wine);border-color:var(--wine)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;padding:20px 0 90px}.layout>*{min-width:0}@media (max-width:920px){.layout{grid-template-columns:minmax(0,1fr)}.cart-rail{display:none}}.coll{margin-bottom:26px;scroll-margin-top:118px}.coll-head{display:flex;align-items:center;gap:10px;margin-bottom:11px}.coll-head h2{font-size:17px}.coll-head small{color:var(--muted-2);font-size:11.5px}.arrows{margin-left:auto;display:flex;gap:6px}.arrows.hid{display:none}.arr{width:30px;height:30px;border-radius:50%;border:1px solid var(--line-2);background:var(--card);color:var(--ink);font-size:14px;display:grid;place-items:center}.crow{display:flex;gap:13px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.crow::-webkit-scrollbar{display:none}.pc{flex:0 0 184px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:border-color .15s,box-shadow .15s}.pc:hover{border-color:var(--line-2);box-shadow:var(--shadow-lg)}@media (max-width:560px){.pc{flex-basis:162px}}.pc-img{aspect-ratio:1;position:relative;background:var(--surface)}.pc-img img{width:100%;height:100%;object-fit:cover;display:block}.pc-img .noimg{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted-2);font-size:11px}.pc-img .oos{position:absolute;top:8px;right:8px;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#232323bf;color:#fff;padding:2px 8px;border-radius:999px}.pc-body{padding:10px 11px 11px;display:flex;flex-direction:column;gap:7px;flex:1}.pc-name{font-size:12.5px;font-weight:600;line-height:1.3}.pc-vars{display:flex;gap:5px;flex-wrap:wrap}.pc-vars button{font-size:10px;border:1px solid var(--line-2);background:transparent;color:var(--muted);border-radius:6px;padding:2px 8px;font-weight:600}.pc-vars button.on{border-color:var(--wine);color:var(--wine);background:var(--wine-soft)}.pc-vars button:disabled{opacity:.4;cursor:default;text-decoration:line-through}.pc-price{margin-top:auto}.pc-price .lab{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);font-weight:700}.pc-price .main{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.pc-price .net{font-size:17px;font-weight:700}.pc-price .gross{font-size:10.5px;color:var(--muted);font-weight:600}.pc-price .retail{font-size:10px;color:var(--muted-2)}.pc-add{display:flex;align-items:center;gap:6px}.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-2);border-radius:8px;flex:none}.stepper button{border:0;background:transparent;color:var(--ink);width:25px;height:30px;font-size:15px;padding:0}.stepper input{width:30px;height:30px;border:0;text-align:center;background:transparent;color:var(--ink);font-size:13px}.add-btn{flex:1;border:0;background:var(--wine);color:#fff;border-radius:8px;height:32px;font-weight:700;font-size:11.5px;white-space:nowrap;padding:0 6px}.add-btn.in{background:var(--wine-soft);color:var(--wine)}.add-btn:disabled{opacity:.4;cursor:default}.pc-charm{display:flex;flex-direction:column;gap:3px}.pc-charm select{width:100%;border:1px solid var(--line-2);border-radius:8px;background:#fff;color:var(--ink);font-size:11.5px;padding:5px 7px;font-family:inherit}.charm-view{align-self:flex-start;border:0;background:none;padding:0;color:var(--wine);font-size:10.5px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.pc-locked{font-size:12px;font-weight:600;color:var(--muted);padding:2px 0 1px}.pc-locked:before{content:"🔒 ";font-size:11px}.add-btn.pc-cta{display:grid;place-items:center;text-decoration:none}.cart-rail{position:sticky;top:116px}.cartbox{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.cartbox h3{font-size:15px;padding:14px 15px 0}.cart-lines{padding:11px 15px;display:flex;flex-direction:column;gap:9px;overflow:auto;max-height:32vh}.cart-empty{color:var(--muted-2);font-size:12.5px;padding:14px;text-align:center}.cl{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;font-size:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.cl:last-child{border-bottom:0;padding-bottom:0}.cl .nm{font-weight:600;line-height:1.25}.cl .nm small{display:block;color:var(--muted);font-weight:400;font-size:10.5px}.cl .lp{font-weight:700;white-space:nowrap}.cl .rm{color:var(--muted-2);background:0;border:0;font-size:15px;line-height:1;padding:2px}.cl .qty{display:inline-flex;align-items:center;gap:4px;margin-top:3px}.cl .qty button{width:20px;height:20px;border:1px solid var(--line-2);background:#fff;border-radius:5px;font-size:12px;line-height:1;padding:0}.cl .qty b{min-width:20px;text-align:center;font-size:11.5px}.totals{border-top:1px solid var(--line);padding:12px 15px;display:flex;flex-direction:column;gap:6px;font-size:12.5px}.totals .r{display:flex;justify-content:space-between;gap:10px}.totals .disc{color:var(--wine);font-weight:700}.totals .big{font-size:17px;font-weight:700;padding-top:3px}.ship-note{font-size:11.5px;color:var(--muted)}.prog{height:5px;border-radius:999px;background:var(--line);overflow:hidden;margin:5px 0 2px}.prog i{display:block;height:100%;background:var(--wine);transition:width .3s}.minwarn{font-size:11.5px;color:var(--warn);font-weight:600}.co-wrap{margin:3px 15px 15px}.co-btn{width:100%;border:0;background:var(--wine-dark);color:#fff;border-radius:10px;height:44px;font-weight:700;font-size:14px;display:grid;place-items:center;text-decoration:none}.co-btn:disabled,.co-btn.dis{opacity:.35;pointer-events:none}.co-note{text-align:center;font-size:10.5px;color:var(--muted-2);margin-top:7px}.mbar{display:none;position:fixed;left:0;right:0;bottom:64px;z-index:44;background:var(--wine-dark);color:#fff;padding:10px 16px;align-items:center;gap:12px}.mbar .mt{flex:1;min-width:0}.mbar b{font-size:15px}.mbar small{display:block;opacity:.75;font-size:10.5px}.mbar button{border:0;background:#fff;color:var(--wine-dark);font-weight:800;border-radius:9px;padding:9px 14px;font-size:12px;white-space:nowrap}@media (max-width:920px){.mbar.has{display:flex}}.drawer-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#230a1673;opacity:0;pointer-events:none;transition:opacity .2s}.drawer-bg.open{opacity:1;pointer-events:auto}.drawer{position:fixed;left:0;right:0;bottom:0;z-index:61;background:#fff;border-radius:18px 18px 0 0;max-height:86vh;transform:translateY(105%);transition:transform .25s ease;display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}.drawer.open{transform:translateY(0)}.drawer .grab{width:44px;height:4px;border-radius:99px;background:var(--line-2);margin:10px auto 0}.drawer .cartbox{border:0;box-shadow:none;overflow:auto}.drawer .cart-lines{max-height:38vh}.page-narrow{max-width:560px;margin:0 auto;padding:28px 20px 90px}.center-page{min-height:64vh;display:grid;place-items:center;padding:30px 16px 70px}.authcard{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);width:min(430px,94vw);padding:26px 26px 22px}.authcard .top{text-align:center;margin-bottom:2px}.authcard .top img{height:34px}.authcard h2{text-align:center;font-size:21px;margin:8px 0 4px}.authcard .sub{text-align:center;color:var(--muted);font-size:12.5px;margin-bottom:16px}.authtabs{display:flex;gap:6px;background:var(--surface);border-radius:10px;padding:4px;margin-bottom:15px}.authtabs button{flex:1;border:0;background:transparent;color:var(--muted);font-weight:700;font-size:12.5px;padding:8px;border-radius:7px}.authtabs button.on{background:var(--card);color:var(--wine);box-shadow:var(--shadow)}.fld{margin-bottom:11px}.fld label{font-size:11px;font-weight:600;color:var(--muted);display:block;margin-bottom:4px}.fld input,.fld textarea{width:100%;border:1px solid var(--line-2);background:var(--surface);color:var(--ink);border-radius:9px;padding:10px 11px;font-size:14px}.fld input:focus,.fld textarea:focus{outline:2px solid var(--wine-soft);border-color:var(--wine)}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:420px){.two{grid-template-columns:1fr;gap:0}}.btn-primary{width:100%;border:0;background:var(--wine);color:#fff;border-radius:10px;height:44px;font-weight:700;font-size:14px;margin-top:4px}.btn-primary:disabled{opacity:.5}.btn-ghost{border:1px solid var(--line-2);background:transparent;color:var(--ink);border-radius:10px;padding:9px 14px;font-weight:600;font-size:13px}.formerr{background:#fdf0ef;border:1px solid #f2c4bd;color:var(--err);border-radius:9px;padding:9px 12px;font-size:12.5px;margin-bottom:11px}.formok{background:#eef7f1;border:1px solid #bfe0cc;color:var(--ok);border-radius:9px;padding:9px 12px;font-size:12.5px;margin-bottom:11px}.pendingbox{background:var(--gold-soft);border:1px solid #e8d9a8;color:#8a6d1f;border-radius:10px;padding:11px 13px;font-size:12px;margin-top:12px}.linkline{text-align:center;font-size:12px;color:var(--muted);margin-top:12px}.linkline a{color:var(--wine);font-weight:600}.sec-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.sec-card h3{font-size:14.5px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.sec-card h3 a{font-size:11.5px;color:var(--wine);font-weight:600}.addr{font-size:13px;color:var(--muted);line-height:1.55}.addr b{color:var(--ink)}.olist{display:flex;flex-direction:column;gap:10px}.orow{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:13px 15px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.orow .no{font-weight:700}.orow .dt{color:var(--muted);font-size:12px}.orow .amt{margin-left:auto;text-align:right}.orow .amt b{font-size:15px}.orow .amt small{display:block;color:var(--muted);font-size:11px}.badge{font-size:10px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--wine-soft);color:var(--wine);white-space:nowrap}.page-title{font-size:20px;margin:22px 0 14px}.muted{color:var(--muted)}.small{font-size:12px}.spin{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:sp .8s linear infinite;vertical-align:-3px}.spin.dark{border-color:var(--line-2);border-top-color:var(--wine)}@keyframes sp{to{transform:rotate(360deg)}}.foot{text-align:center;color:var(--muted-2);font-size:11.5px;padding:24px 0;border-top:1px solid var(--line)}
