:root{--mk-beige:#f4ebdc;--mk-sand:#f4ebdc;--mk-cream:#f4ebdc;--mk-stone:#f4ebdc;--mk-off-white:#fff;--mk-gold:#7f6238;--mk-bronze:#7c5a38;--mk-charcoal:#302821;--mk-deep-taupe:#4b4138;--mk-warm-grey:#766a5f;--mk-cta:linear-gradient(135deg, #4b362e 0%, #6b4f42 55%, #8b6a58 100%);--mk-shadow-soft:0 3px 10px #40342b14;--mk-shadow-card:0 6px 16px #40342b1f;--mk-shadow-elevated:0 12px 32px #40342b29;--mk-calm:.22s ease;--mk-slow:.42s ease}.mk-pill{align-items:center;gap:var(--s-2);border:1px solid var(--accent);border-radius:var(--r-full);min-height:44px;color:var(--fg);font-family:var(--mk-font-sans);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background var(--d-micro) var(--ease), color var(--d-micro) var(--ease), transform var(--d-move) var(--ease-out);background:0 0;padding:11px 20px;font-size:.6875rem;font-weight:600;text-decoration:none;display:inline-flex}.mk-pill>svg{color:var(--accent);transition:transform var(--d-move) var(--ease-out)}.mk-pill:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-2px)}.mk-pill:hover>svg{transform:translate(3px)}.mk-pill-lg{letter-spacing:.22em;gap:var(--s-3);min-height:54px;padding:16px 30px;font-size:.75rem}.pcard{isolation:isolate;color:inherit;padding:var(--s-2) var(--s-2) var(--s-4);border:1px solid var(--rule);border-radius:var(--r-md);background:var(--bg-raised);box-shadow:var(--e-1);transition:transform var(--d-move) var(--ease-out), box-shadow var(--d-move) var(--ease), border-color var(--d-micro) var(--ease);display:block;position:relative}.pcard:hover{border-color:color-mix(in srgb, var(--accent) 45%, transparent);box-shadow:var(--e-3);transform:translateY(-4px)}.pcard-link{color:inherit;text-decoration:none;display:block}.pcard-frame{aspect-ratio:3/4;border-radius:var(--r-md);background:var(--bg-band);position:relative;overflow:hidden}.pcard-frame img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease-out)}.pcard:hover .pcard-frame img{transform:scale(1.04)}.pcard-vignette,.pcard-monogram,.pcard-rule{display:none}.pcard-rank{z-index:2;border-radius:var(--r-full);background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--rule), var(--e-1);color:var(--accent);font-family:var(--mk-font-serif);letter-spacing:.04em;padding:4px 12px;font-size:.8125rem;position:absolute;top:10px;left:50%;transform:translate(-50%)}.pcard-rank-num{display:inline-block}.pcard-heart{z-index:3;border-radius:var(--r-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:32px;height:32px;box-shadow:var(--e-1);color:var(--mk-ink);cursor:pointer;opacity:0;transition:opacity var(--d-micro) var(--ease), transform var(--d-micro) var(--ease-out), color var(--d-micro) var(--ease);background:#fffdf9e0;border:0;place-items:center;display:grid;position:absolute;top:10px;right:10px;transform:scale(.92)}.pcard:hover .pcard-heart,.pcard .pcard-heart.liked,.pcard-heart:focus-visible{opacity:1;transform:scale(1)}.pcard-heart:hover{transform:scale(1.08)}.pcard-heart.liked{color:var(--mk-danger)}.pcard-oos{z-index:2;border-radius:var(--r-full);background:var(--fg);color:var(--bg-raised);letter-spacing:.2em;text-transform:uppercase;padding:5px 13px;font-size:.625rem;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.pcard-meta{padding:var(--s-3) var(--s-1) 0;text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.pcard-brand{font-size:var(--t-utility);letter-spacing:var(--tr-utility);text-transform:uppercase;color:var(--fg-mute);font-weight:600}.pcard-name{font-family:var(--mk-font-serif);letter-spacing:var(--tr-card);color:var(--fg);-webkit-line-clamp:2;min-height:2.5rem;transition:color var(--d-micro) var(--ease);-webkit-box-orient:vertical;font-size:1rem;font-weight:400;line-height:1.25;text-decoration:none;display:-webkit-box;overflow:hidden}.pcard-name:hover{color:var(--accent)}.pcard-priceline{justify-content:center;align-items:center;gap:var(--s-3);max-width:100%;margin-top:var(--s-1);display:flex}.pcard-priceline:before,.pcard-priceline:after{content:"";background:var(--accent);opacity:.55;min-width:0;height:1px;transition:flex-basis var(--d-move) var(--ease-out), opacity var(--d-micro) var(--ease);flex:0 22px;display:block}.pcard:hover .pcard-priceline:before,.pcard:hover .pcard-priceline:after{opacity:1;flex-basis:34px}.pcard-price{color:var(--fg);white-space:nowrap;align-items:baseline;gap:5px;display:inline-flex}.pcard-amount{font-family:var(--mk-font-serif);font-variant-numeric:tabular-nums;font-size:1.0625rem;font-weight:400;line-height:1}.pcard-kr{letter-spacing:.2em;text-transform:uppercase;color:var(--fg-mute);font-size:.625rem;font-weight:600;position:relative;top:-1px}.pcard-mmeta{letter-spacing:.18em;text-transform:uppercase;color:var(--fg-mute);font-size:.625rem;font-weight:600}.pcard-swatches{margin-top:var(--s-1);justify-content:center;align-items:center;gap:5px;min-height:10px;display:flex}.pcard-swatch{border-radius:var(--r-full);width:10px;height:10px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 25%, transparent);transition:transform var(--d-micro) var(--ease-out);flex:0 0 10px}.pcard:hover .pcard-swatch{transform:scale(1.12)}.pcard-swatch-btn{cursor:pointer;border:0;padding:0}.pcard-swatch-btn[aria-pressed=true]{box-shadow:0 0 0 1px var(--bg), 0 0 0 2px var(--accent)}.pcard-swatch-more{margin-left:var(--s-1);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-mute);font-size:.5625rem;font-weight:600}.pcard-cta{margin-top:var(--s-2);padding-top:var(--s-2);color:var(--accent);letter-spacing:.26em;text-transform:uppercase;transition:color var(--d-micro) var(--ease);justify-content:center;align-items:center;gap:6px;font-size:.625rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.pcard-cta:before{content:"";background:var(--accent);opacity:.5;width:24px;height:1px;transition:width var(--d-move) var(--ease-out), opacity var(--d-micro) var(--ease);position:absolute;top:0;left:50%;transform:translate(-50%)}.pcard:hover .pcard-cta:before{opacity:1;width:46px}.pcard-cta>svg{color:inherit;transition:transform var(--d-move) var(--ease-out)}.pcard:hover .pcard-cta{color:var(--fg)}.pcard:hover .pcard-cta>svg{transform:translate(2px,-2px)}