:root{--wine:#a51f50;--wine-dark:#741237;--blush:#faedf2;--ink:#231d20;--muted:#776c71;--line:#eadde2;--paper:#fff;--canvas:#f8f5f6;--green:#147a55;--amber:#b86812;--shadow:0 18px 50px #4517282b;color:var(--ink);background:var(--canvas);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{background:linear-gradient(180deg,#fff 0,#faf6f8 230px,var(--canvas) 480px);-webkit-tap-highlight-color:transparent;min-height:100vh;margin:0;padding-bottom:88px}button,input{font:inherit}button{cursor:pointer}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#ffffffe6;border-bottom:1px solid #eadde2bf;justify-content:space-between;align-items:center;height:72px;padding:12px max(18px,50vw - 590px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--wine);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font:700 21px Georgia;display:grid}.brand strong{letter-spacing:.12em;font:700 15px Georgia;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.icon-btn,.close-btn,.detail-close{width:44px;height:44px;color:var(--wine);background:#f5edf0;border:0;border-radius:14px;font-size:26px}.icon-btn span{display:block;transform:rotate(90deg)}main{max-width:1180px;margin:auto;padding:20px 18px 36px}.search-wrap{position:relative}.search{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:10px;height:54px;padding:0 14px;display:flex;box-shadow:0 8px 24px #501e300f}.search>span{color:var(--wine);font-size:29px;line-height:1}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:16px}.search input::placeholder{color:#a29499}.search button{color:#9c8e93;background:0 0;border:0;font-size:24px;display:none}.quick-row{scrollbar-width:none;gap:8px;margin:14px -18px 0;padding:0 18px 4px;display:flex;overflow:auto}.quick-row::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:1px solid var(--line);color:#62565b;background:#fff;border-radius:999px;padding:9px 14px;font-size:14px;font-weight:650}.chip.active{background:var(--wine);color:#fff;border-color:var(--wine)}.summary{justify-content:space-between;align-items:end;margin:28px 0 14px;display:flex}.eyebrow{color:var(--wine);letter-spacing:.13em;font-size:11px;font-weight:800;display:block}.summary h1,.sheet-head h2{margin:5px 0 0;font:700 27px/1.1 Georgia}.filter-btn{border:1px solid var(--line);color:#55494e;background:#fff;border-radius:13px;height:42px;padding:0 13px;font-size:14px;font-weight:700}.filter-btn b{background:var(--wine);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:5px;display:inline-grid}.active-filters{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.active-filters:empty{display:none}.active-filter{background:var(--blush);color:var(--wine-dark);border:0;border-radius:999px;padding:7px 10px;font-size:13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-card{border:1px solid var(--line);background:#fff;border-radius:19px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 6px 22px #3714200d}.product-card:active{transform:scale(.985)}.product-image{aspect-ratio:1/1.03;object-fit:cover;background:#f1e6ea;width:100%;display:block}.stock-pill{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e181ab8;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:750;position:absolute;top:10px;left:10px}.stock-pill.low{background:#a9500b}.stock-pill.out{background:#7a6870}.card-body{padding:12px}.product-code{color:var(--wine);letter-spacing:.02em;font-size:18px;font-weight:850}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin:5px 0 10px;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.meta-line{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:4px 0;font-size:12px;overflow:hidden}.location-line{border-top:1px solid var(--line);color:#51464a;align-items:center;gap:5px;margin-top:10px;padding-top:9px;font-size:12px;font-weight:700;display:flex}.location-line span{color:var(--wine);font-size:15px}.empty{text-align:center;padding:64px 20px}.empty>div{color:#b99da8;font-size:50px}.empty h2{font:700 24px Georgia}.empty p{color:var(--muted)}.empty button{background:var(--wine);color:#fff;border:0;border-radius:13px;padding:12px 18px;font-weight:700}.bottom-nav{z-index:18;height:72px;padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--line);background:#fffffff0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 30px #320f1c0f}.bottom-nav button{color:#887a7f;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.bottom-nav button span{font-size:23px}.bottom-nav button small{font-size:11px;font-weight:700}.bottom-nav button.active{color:var(--wine)}.overlay{z-index:30;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1f14187a;position:fixed;inset:0}.sheet{z-index:31;max-height:90vh;box-shadow:var(--shadow);padding:8px 20px max(24px,env(safe-area-inset-bottom));background:#fff;border-radius:28px 28px 0 0;transition:transform .25s;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(105%)}.sheet.open{transform:translateY(0)}.sheet-handle{background:#d9cbd0;border-radius:99px;width:42px;height:5px;margin:2px auto 13px}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sheet-head h2{font-size:25px}.close-btn{font-size:24px}.filter-section{margin:22px 0}.filter-section h3{margin-bottom:10px;font-size:14px}.choice-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.choice{border:1px solid var(--line);text-align:left;color:#51464a;background:#fff;border-radius:13px;padding:12px;font-weight:650}.choice.active{border-color:var(--wine);background:var(--blush);color:var(--wine)}.sheet-actions{background:#fff;gap:10px;padding:14px 0 18px;display:flex;position:sticky;bottom:-24px}.sheet-actions button{border-radius:14px;height:49px;font-weight:750}.ghost{border:1px solid var(--line);color:#65585d;background:#fff;flex:.7}.primary{background:var(--wine);color:#fff;border:0;flex:1.3}.detail-sheet{padding:0 0 max(24px,env(safe-area-inset-bottom))}.detail-sheet .sheet-handle{z-index:3;background:#ffffffb3;position:absolute;left:50%;transform:translate(-50%)}.detail-close{z-index:3;background:#ffffffe6;position:absolute;top:16px;right:15px}.detail-hero{aspect-ratio:1.25;object-fit:cover;background:#f1e6ea;width:100%}.detail-pad{padding:18px}.detail-code{color:var(--wine);font-size:24px;font-weight:850}.detail-title{margin:5px 0 16px;font:700 22px/1.25 Georgia}.detail-stats{background:var(--blush);border-radius:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding:12px;display:grid}.detail-stats div{text-align:center;border-right:1px solid #e6cdd6}.detail-stats div:last-child{border:0}.detail-stats strong{font-size:18px;display:block}.detail-stats small{color:var(--muted);font-size:11px}.variant-title{margin:18px 0 9px;font-size:14px}.variant{border:1px solid var(--line);border-radius:15px;margin:8px 0;padding:12px}.variant-head{justify-content:space-between;gap:10px;display:flex}.variant-head strong{font-size:14px}.variant-head b{color:var(--green);font-size:13px}.variant-meta{color:var(--muted);margin-top:4px;font-size:12px}.variant-location{background:#f9f6f7;border-radius:10px;justify-content:space-between;margin-top:9px;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.location-list{gap:10px;padding-bottom:20px;display:grid}.location-item{border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;padding:14px;display:flex}.location-item strong{display:block}.location-item small{color:var(--muted);margin-top:4px;display:block}.location-item b{color:var(--wine);font-size:20px}.toast{z-index:50;color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#281e22;border-radius:12px;padding:11px 16px;font-size:13px;transition:all .2s;position:fixed;bottom:92px;left:50%;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width>=700px){body{padding-bottom:24px}.topbar{padding-left:28px;padding-right:28px}main{padding:28px}.search-wrap{grid-template-columns:minmax(340px,550px) 1fr;align-items:start;gap:20px;display:grid}.quick-row{margin:0;padding:4px 0}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.bottom-nav{display:none}.sheet{border-radius:26px;width:440px;max-height:calc(100vh - 48px);bottom:24px;left:auto;right:24px}.detail-sheet{width:520px}.product-image{aspect-ratio:1.25}.detail-hero{aspect-ratio:1.45}}@media (width>=1050px){.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px #3714201a}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}