:root{--mk-beige:#f4ebdc;--mk-sand:#f4ebdc;--mk-cream:#f4ebdc;--mk-stone:#f4ebdc;--mk-off-white:#fff;--mk-taupe:#f4ebdc;--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-font-serif:var(--font-serif,"Cormorant Garamond", Georgia, serif);--mk-font-sans:var(--font-sans,"Inter", system-ui, -apple-system, sans-serif);--mk-calm:.22s ease;--mk-slow:.42s ease}.mk-pill{background:linear-gradient(180deg, var(--mk-cream) 0%, var(--mk-beige) 100%);color:var(--mk-charcoal);font-family:var(--mk-font-sans);text-transform:uppercase;letter-spacing:.2em;white-space:nowrap;transition:var(--mk-calm);cursor:pointer;border:1px solid #7c5a3859;border-radius:9999px;align-items:center;gap:10px;padding:10px 20px 10px 22px;font-size:11.5px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 12px #7c5a382e,inset 0 1px #ffffff8c}.mk-pill>svg{transition:transform var(--mk-calm);color:var(--mk-bronze)}.mk-pill:hover{background:linear-gradient(180deg, #fff 0%, var(--mk-cream) 100%);border-color:var(--mk-bronze);color:var(--mk-charcoal);transform:translateY(-1px);box-shadow:0 8px 22px #7c5a3847,inset 0 1px #ffffffb3}.mk-pill:hover>svg{color:var(--mk-charcoal);transform:translate(3px)}.mk-pill-lg{letter-spacing:.22em;gap:12px;padding:14px 28px 14px 30px;font-size:12px}.pcard{color:inherit;isolation:isolate;transition:box-shadow var(--mk-calm), transform var(--mk-calm), border-color var(--mk-calm);background:#fff;border:1px solid #7c5a3838;border-radius:20px;padding:14px 14px 18px;display:block;position:relative;box-shadow:0 1px #7c5a380a,0 14px 32px -22px #40342b47}.pcard:hover{border-color:#7c5a386b;transform:translateY(-2px);box-shadow:0 1px #7c5a380a,0 22px 44px -22px #40342b66}.pcard-link{color:inherit;text-decoration:none;display:block}.pcard-frame{aspect-ratio:3/4;background:#f4ebdc;border-radius:16px;position:relative;overflow:hidden}.pcard-frame img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.2, .8, .2, 1), filter var(--mk-calm);filter:saturate(.96)contrast(1.02)}.pcard:hover .pcard-frame img{filter:saturate(1.02)contrast(1.04);transform:scale(1.03)}.pcard-vignette,.pcard-monogram{display:none}.pcard-rank{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--mk-bronze);font-family:var(--mk-font-serif);letter-spacing:.04em;z-index:2;background:#ffffffeb;border-radius:9999px;padding:3px 10px;font-size:12px;font-style:italic;font-weight:500;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #7c5a3859}.pcard-rank-num{display:inline-block}.pcard-heart{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:32px;height:32px;color:var(--mk-bronze);cursor:pointer;z-index:3;opacity:0;transition:opacity var(--mk-calm), transform var(--mk-calm), background var(--mk-calm), color var(--mk-calm);background:#ffffffe0;border:1px solid #7c5a3859;border-radius:9999px;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px;transform:scale(.92);box-shadow:0 1px 3px #40342b1f}.pcard:hover .pcard-heart,.pcard .pcard-heart.liked{opacity:1;transform:scale(1)}.pcard-heart:hover{border-color:var(--mk-bronze);background:#fff;transform:scale(1.05)}.pcard-heart.liked{background:var(--mk-bronze);color:#fff;border-color:var(--mk-bronze)}.pcard-oos{color:var(--mk-cream);text-transform:uppercase;letter-spacing:.22em;z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#302821d9;border-radius:9999px;padding:4px 12px;font-size:9.5px;font-weight:600;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.pcard-meta{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:18px 4px 4px;display:flex;position:relative}.pcard-rule{display:none}.pcard-brand{text-transform:uppercase;letter-spacing:.28em;color:var(--mk-bronze);font-size:10px;font-weight:600}.pcard-name{font-family:var(--mk-font-serif);letter-spacing:-.005em;color:var(--mk-charcoal);-webkit-line-clamp:2;min-height:42.5px;transition:color var(--mk-calm);-webkit-box-orient:vertical;font-size:17px;font-style:italic;font-weight:400;line-height:1.25;text-decoration:none;display:-webkit-box;overflow:hidden}.pcard-name:hover{color:var(--mk-bronze)}.pcard-priceline{justify-content:center;align-items:center;gap:12px;margin-top:4px;display:inline-flex}.pcard-priceline:before,.pcard-priceline:after{content:"";background:var(--mk-gold);opacity:.7;width:22px;height:1px;transition:width var(--mk-calm), opacity var(--mk-calm);display:block}.pcard:hover .pcard-priceline:before,.pcard:hover .pcard-priceline:after{opacity:1;width:32px}.pcard-price{color:var(--mk-charcoal);align-items:baseline;gap:5px;display:inline-flex}.pcard-amount{font-family:var(--mk-font-serif);letter-spacing:0;font-size:18px;font-weight:500;line-height:1}.pcard-kr{text-transform:uppercase;letter-spacing:.22em;color:var(--mk-bronze);font-size:9.5px;font-weight:600;position:relative;top:-1px}.pcard-mmeta{text-transform:uppercase;letter-spacing:.18em;color:var(--mk-warm-grey);margin-top:2px;font-size:9.5px;font-weight:500}.pcard-swatches{justify-content:center;align-items:center;gap:5px;min-height:10px;margin-top:4px;display:flex}.pcard-swatch{width:10px;height:10px;transition:transform var(--mk-calm), box-shadow var(--mk-calm);border-radius:9999px;flex:0 0 10px;box-shadow:inset 0 0 0 1px #30282138}.pcard:hover .pcard-swatch{transform:scale(1.1)}.pcard-swatch-more{text-transform:uppercase;letter-spacing:.16em;color:var(--mk-warm-grey);margin-left:4px;font-size:9px;font-weight:600}.pcard-cta{color:var(--mk-bronze);text-transform:uppercase;letter-spacing:.28em;transition:color var(--mk-calm);justify-content:center;align-items:center;gap:6px;margin-top:12px;padding-top:10px;font-size:9.5px;font-weight:600;text-decoration:none;display:inline-flex;position:relative}.pcard-cta:before{content:"";background:var(--mk-gold);opacity:.6;width:24px;height:1px;transition:width var(--mk-calm), opacity var(--mk-calm);position:absolute;top:0;left:50%;transform:translate(-50%)}.pcard:hover .pcard-cta:before{opacity:1;width:44px}.pcard-cta>svg{transition:transform var(--mk-calm), color var(--mk-calm);color:var(--mk-bronze)}.pcard:hover .pcard-cta{color:var(--mk-charcoal)}.pcard:hover .pcard-cta>svg{color:var(--mk-charcoal);transform:translate(2px,-1px)}