:root{--color-bg: #f5f3ef;--color-bg-alt: #eeebe4;--color-surface: #ffffff;--color-surface-raised: #faf9f6;--color-surface-sunken: #e8e4db;--color-ink: #1a1714;--color-ink-secondary: #3d3830;--color-ink-muted: #7a7368;--color-ink-faint: #b0a99e;--color-primary: #4a5568;--color-primary-light: #6b7a94;--color-primary-dark: #2d3748;--color-accent: #9b8ea0;--color-accent-light: #c4b8ca;--color-accent-dark: #7a6b82;--color-clay: #c4856a;--color-clay-light: #dba98e;--color-clay-dark: #a06248;--color-cream: #e8dcc8;--color-cream-dark: #d4c5a9;--color-success: #5a7a5a;--color-warning: #8a7040;--color-border: #ddd8cf;--color-border-strong: #c5bfb5;--color-text: #1a1714;--color-text-muted: #7a7368;--color-surface-2: #f0ece5;--color-accent: #8b7cc8;--color-accent-2: #c4a882;--color-accent-3: #6b8fa3;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--text-4xl: 3.75rem;--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.55;--leading-loose: 1.75;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 3px rgba(26, 23, 20, .06);--shadow-sm: 0 2px 6px rgba(26, 23, 20, .08), 0 1px 2px rgba(26, 23, 20, .04);--shadow-md: 0 4px 16px rgba(26, 23, 20, .1), 0 2px 4px rgba(26, 23, 20, .06);--shadow-lg: 0 8px 32px rgba(26, 23, 20, .12), 0 4px 8px rgba(26, 23, 20, .06);--shadow-xl: 0 16px 48px rgba(26, 23, 20, .15), 0 6px 12px rgba(26, 23, 20, .08);--shadow-inset: inset 0 1px 3px rgba(26, 23, 20, .08);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-base: .25s;--duration-slow: .4s;--duration-slower: .6s;--container-max: 1280px;--container-pad: clamp(var(--space-6), 5vw, var(--space-16));--section-gap: clamp(var(--space-16), 8vw, var(--space-32));--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-overlay: 200;--z-drawer: 300;--z-toast: 400}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{background-color:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-ink)}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted)}.section-title{font-family:var(--font-display);font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));font-weight:var(--weight-bold);color:var(--color-ink);line-height:var(--leading-tight)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.02em;transition:all var(--duration-base) var(--ease-out);cursor:pointer;white-space:nowrap}.btn-primary{background:var(--color-ink);color:var(--color-bg);border:1.5px solid var(--color-ink)}.btn-primary:hover{background:var(--color-ink-secondary);border-color:var(--color-ink-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--color-ink);border:1.5px solid var(--color-border-strong)}.btn-secondary:hover{background:var(--color-surface-sunken);border-color:var(--color-ink-muted);transform:translateY(-1px)}.btn-accent{background:var(--color-accent);color:var(--color-surface);border:1.5px solid var(--color-accent)}.btn-accent:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-muted)}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a171480;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);animation:fadeIn var(--duration-base) var(--ease-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.layout{display:flex;flex-direction:column;min-height:100dvh}.layout__header{position:sticky;top:0;z-index:var(--z-drawer);background:#f5f3efeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.layout__header-inner{display:flex;align-items:center;justify-content:space-between;height:56px}.layout__brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.layout__brand-text{font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-ink);letter-spacing:-.01em}.layout__nav{display:flex;align-items:center;gap:var(--space-1)}.layout__nav-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-ink-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);position:relative}.layout__nav-link:hover,.layout__nav-link.active{color:var(--color-ink);background:var(--color-surface-sunken)}.layout__nav-link--cart{position:relative}.layout__cart-badge{position:absolute;top:2px;right:2px;min-width:17px;height:17px;padding:0 4px;background:var(--color-accent);color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center;line-height:1}@media (max-width: 480px){.layout__nav-link-label,.layout__brand-text{display:none}}.layout__main{flex:1}.layout__page{min-height:calc(100dvh - 216px)}.layout__footer{border-top:1px solid var(--color-border);padding-block:var(--space-12);margin-top:var(--space-16);background:var(--color-bg-alt)}.layout__footer-inner{display:grid;grid-template-columns:1fr auto auto;gap:var(--space-8);align-items:start}.layout__footer-brand{display:flex;gap:var(--space-3);align-items:flex-start}.layout__footer-name{font-family:var(--font-display);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-1)}.layout__footer-note{font-size:var(--text-sm);color:var(--color-ink-muted);max-width:28ch}.layout__footer-nav{display:flex;flex-direction:column;gap:var(--space-2)}.layout__footer-link{font-size:var(--text-sm);color:var(--color-ink-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.layout__footer-link:hover{color:var(--color-ink)}.layout__footer-meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-faint)}@media (max-width: 640px){.layout__footer-inner{grid-template-columns:1fr;gap:var(--space-6)}}.home__hero{padding-block:var(--space-20) var(--space-16);overflow:hidden}.home__hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.home__hero-content{max-width:520px}.home__hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-ink);margin-top:var(--space-4);margin-bottom:var(--space-6);letter-spacing:-.02em}.home__hero-sub{font-size:var(--text-md);color:var(--color-ink-secondary);line-height:var(--leading-loose);margin-bottom:var(--space-8);max-width:42ch}.home__hero-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.home__hero-visual{display:flex;justify-content:center;align-items:center}.home__keyboard-illustration{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;max-width:380px;padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border)}.home__key{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--color-surface-raised);border:1.5px solid var(--color-border);border-radius:6px;font-size:11px;font-weight:var(--weight-semibold);color:var(--color-ink-secondary);cursor:default;box-shadow:0 2px 0 var(--color-border-strong);transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.home__key:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent-dark);box-shadow:0 1px 0 var(--color-accent-dark)}.home__stats{padding-block:var(--space-12);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.home__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.home__stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink);line-height:1;margin-bottom:var(--space-2)}.home__stat-label{font-size:var(--text-sm);color:var(--color-ink-muted);letter-spacing:.04em;text-transform:uppercase;font-weight:var(--weight-medium)}.home__featured{padding-block:var(--space-20)}.home__section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-10);gap:var(--space-4)}.home__featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.home__featured-card{display:flex;flex-direction:column;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface);text-decoration:none;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.home__featured-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.home__featured-swatch{height:180px;width:100%;flex-shrink:0}.home__featured-info{padding:var(--space-5);display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);flex:1}.home__featured-name{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink);margin-top:var(--space-1)}.home__featured-footer{display:flex;align-items:center;justify-content:space-between}.home__featured-price{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink)}.home__stock-badge{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:3px 8px;border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase}.home__stock-badge.in-stock{background:#5a7a5a1f;color:var(--color-success)}.home__stock-badge.out-stock{background:#8a70401f;color:var(--color-warning)}.home__cta{padding-block:var(--space-16) var(--space-20)}.home__cta-card{background:var(--color-ink);color:var(--color-bg);border-radius:var(--radius-2xl);padding:var(--space-16);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.home__cta-icon{width:56px;height:56px;background:#ffffff1a;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-cream);margin-bottom:var(--space-2)}.home__cta-title{font-size:clamp(var(--text-2xl),4vw,var(--text-3xl));color:var(--color-bg);margin:0}.home__cta-sub{font-size:var(--text-md);color:var(--color-ink-faint);max-width:52ch;line-height:var(--leading-loose)}.home__cta-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-4)}.home__cta-card .btn-primary{background:var(--color-bg);color:var(--color-ink);border-color:var(--color-bg)}.home__cta-card .btn-primary:hover{background:var(--color-cream);border-color:var(--color-cream)}.home__cta-card .btn-secondary{border-color:#ffffff40;color:var(--color-bg)}.home__cta-card .btn-secondary:hover{background:#ffffff1a;border-color:#fff6}@media (max-width: 900px){.home__hero-inner{grid-template-columns:1fr}.home__hero-visual{display:none}.home__featured-grid,.home__stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 580px){.home__featured-grid{grid-template-columns:1fr}.home__section-header{flex-direction:column;align-items:flex-start}}.collection{padding-block:var(--space-12) var(--space-20)}.collection__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4)}.collection__count{font-size:var(--text-sm);color:var(--color-ink-muted)}.collection__toolbar{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.collection__search{position:relative;flex:1;min-width:220px}.collection__search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-ink-muted);pointer-events:none}.collection__search-input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-9);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease-out)}.collection__search-input:focus{outline:none;border-color:var(--color-accent)}.collection__search-input::placeholder{color:var(--color-ink-faint)}.collection__search-clear{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-ink-muted);padding:2px;border-radius:var(--radius-sm)}.collection__search-clear:hover{color:var(--color-ink)}.collection__filters{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.collection__filter-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.collection__filter-toggle input{accent-color:var(--color-accent);width:15px;height:15px}.collection__sort{display:flex;align-items:center;gap:var(--space-2);color:var(--color-ink-muted)}.collection__sort-select{border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-ink);cursor:pointer}.collection__sort-select:focus{outline:none;border-color:var(--color-accent)}.collection__tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap}.collection__tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.collection__tab:hover{color:var(--color-ink);border-color:var(--color-ink-muted)}.collection__tab.active{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.collection__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-5)}.collection__card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.collection__card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.collection__card-swatch{height:148px;position:relative;overflow:hidden}.collection__card-swatch--art{display:block;padding:0}.collection__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.collection__palette-dots{display:flex;gap:4px}.collection__dot{width:14px;height:14px;border-radius:var(--radius-full);border:1.5px solid rgba(255,255,255,.6);flex-shrink:0}.collection__card-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.collection__card-meta{display:flex;align-items:center;justify-content:space-between}.collection__card-profile{font-size:var(--text-xs);color:var(--color-ink-faint);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:2px 8px;font-weight:var(--weight-medium)}.collection__card-name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-ink)}.collection__card-material{font-size:var(--text-xs);color:var(--color-ink-muted)}.collection__card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-2)}.collection__card-price{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-ink)}.home__stock-badge.group-buy{background:#6b8fa326;color:var(--color-accent-3, #6b8fa3)}.collection__empty{padding-block:var(--space-24);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-ink-muted)}.collection__empty svg{color:var(--color-ink-faint)}.collection__empty h3{font-size:var(--text-xl);color:var(--color-ink)}.collection__empty p{font-size:var(--text-base);color:var(--color-ink-muted);margin-bottom:var(--space-2)}.pd{padding-block:var(--space-10) var(--space-20)}.pd-notfound{padding-block:var(--space-24);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-ink-muted)}.pd__breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);font-size:var(--text-sm);color:var(--color-ink-muted)}.pd__back{display:flex;align-items:center;gap:var(--space-1);color:var(--color-ink-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.pd__back:hover{color:var(--color-ink)}.pd__breadcrumb-sep{color:var(--color-border-strong)}.pd__main{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);margin-bottom:var(--space-20);align-items:start}.pd__swatch-wrap{position:sticky;top:72px}.pd__swatch{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-2xl);border:1px solid var(--color-border);margin-bottom:var(--space-4);overflow:hidden}.pd__swatch--art{position:relative}.pd__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pd__palette{display:flex;gap:var(--space-2)}.pd__palette-swatch{width:32px;height:32px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);flex-shrink:0;cursor:default}.pd__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.pd__badge{font-size:var(--text-xs);font-weight:var(--weight-medium);padding:3px 8px;border-radius:var(--radius-full);letter-spacing:.03em}.pd__badge--gb{background:#6b8fa326;color:var(--color-primary)}.pd__badge--oos{background:#8a70401f;color:var(--color-warning)}.pd__title{font-size:clamp(var(--text-2xl),3vw,var(--text-3xl));font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:var(--space-3);letter-spacing:-.01em}.pd__price{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-5)}.pd__description{font-size:var(--text-md);color:var(--color-ink-secondary);line-height:var(--leading-loose);margin-bottom:var(--space-6)}.pd__colorways{margin-bottom:var(--space-6)}.pd__field-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);margin-bottom:var(--space-3)}.pd__colorway-list{display:flex;gap:var(--space-3);flex-wrap:wrap}.pd__colorway{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-secondary)}.pd__colorway-swatch{width:24px;height:24px;border-radius:var(--radius-full);border:1.5px solid var(--color-border);flex-shrink:0}.pd__details{display:flex;flex-direction:column;gap:var(--space-3);padding-block:var(--space-5);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.pd__detail{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm)}.pd__detail-label{color:var(--color-ink-muted);font-weight:var(--weight-medium);flex-shrink:0}.pd__detail-value{color:var(--color-ink-secondary);text-align:right}.pd__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.pd__tag{font-size:var(--text-xs);padding:3px 10px;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-ink-muted);font-weight:var(--weight-medium)}.pd__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.btn--done{background:var(--color-success)!important;border-color:var(--color-success)!important;opacity:.9}.pd__related{border-top:1px solid var(--color-border);padding-top:var(--space-12)}.pd__related-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-6);text-transform:capitalize}.pd__related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.pd__related-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;background:var(--color-surface);transition:transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.pd__related-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.pd__related-swatch{width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0;overflow:hidden}.pd__related-swatch--art{position:relative}.pd__related-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pd__related-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:2px}.pd__related-price{font-size:var(--text-sm);color:var(--color-ink-muted)}@media (max-width: 768px){.pd__main{grid-template-columns:1fr}.pd__swatch-wrap{position:static}.pd__related-grid{grid-template-columns:1fr}}.configure{padding-block:var(--space-10) var(--space-20)}.configure__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-6);gap:var(--space-4)}.configure__title{font-size:clamp(var(--text-2xl),3.5vw,var(--text-3xl));font-weight:var(--weight-bold);color:var(--color-ink);margin-top:var(--space-2);letter-spacing:-.01em}.configure__steps{display:flex;gap:var(--space-1);margin-bottom:var(--space-8);overflow-x:auto;padding-bottom:var(--space-2)}.configure__step{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-out)}.configure__step:hover{border-color:var(--color-ink-muted);color:var(--color-ink)}.configure__step.active{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bg)}.configure__step.done{border-color:var(--color-success);color:var(--color-success)}.configure__step-num{width:22px;height:22px;border-radius:var(--radius-full);border:1.5px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--weight-bold);flex-shrink:0}.configure__step.active .configure__step-num{background:#ffffff26;border-color:transparent}.configure__step.done .configure__step-num{background:var(--color-success);border-color:var(--color-success);color:#fff}.configure__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.configure__preview-wrap{position:sticky;top:72px;display:flex;flex-direction:column;gap:var(--space-3)}.configure__deskmat-preview{height:36px;border-radius:var(--radius-lg);display:flex;align-items:center;padding-inline:var(--space-4);font-size:var(--text-xs);font-weight:var(--weight-medium);color:#fffc;letter-spacing:.04em}.configure__preview-hint{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-ink-muted)}.kp{border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-lg)}.kp--ripple{animation:gg-ripple .8s var(--ease-out)}@keyframes gg-ripple{0%{box-shadow:0 0 #ffd70099,var(--shadow-lg)}50%{box-shadow:0 0 0 20px #ffd70000,var(--shadow-lg)}to{box-shadow:var(--shadow-lg)}}.kp__board{padding:10px;display:flex;flex-direction:column;gap:4px;border-radius:var(--radius-xl);transition:background .4s var(--ease-out)}.kp__row{display:flex;gap:4px}.kp__key{height:34px;min-width:34px;padding-inline:6px;border-radius:5px;border:1.5px solid transparent;display:flex;align-items:center;justify-content:center;flex:1;transition:background .3s var(--ease-out),color .3s,box-shadow .15s}.kp__key--mod{flex:1.4}.kp__key-label{font-size:9px;font-weight:var(--weight-bold);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:clip;max-width:100%}.kp__row--0 .kp__key{height:28px;flex:1;font-size:8px}.kp__row--4 .kp__key--mod{flex:2}.kp__row--5 .kp__key{flex:1.2}.kp__row--5 .kp__key:nth-child(4){flex:5}.configure__panel{display:flex;flex-direction:column;gap:var(--space-6)}.configure__nav{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-6);border-top:1px solid var(--color-border)}.configure__final-actions{display:flex;gap:var(--space-3)}.step{display:flex;flex-direction:column;gap:var(--space-5)}.step__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--color-ink)}.step__sub{font-size:var(--text-sm);color:var(--color-ink-muted);line-height:var(--leading-loose);margin-top:calc(-1 * var(--space-3))}.step__field-label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-muted);margin-bottom:var(--space-2)}.step__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.step__card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);text-align:left;cursor:pointer;position:relative;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.step__card:hover{border-color:var(--color-ink-muted)}.step__card.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-light)}.step__card-swatch{width:40px;height:40px;border-radius:var(--radius-md);flex-shrink:0}.step__card-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink)}.step__card-sub{font-size:var(--text-xs);color:var(--color-ink-muted);margin-top:2px}.step__check{margin-left:auto;background:var(--color-accent);color:#fff;width:20px;height:20px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.step__profile-list{display:flex;flex-direction:column;gap:var(--space-2)}.step__profile-item{padding:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-out)}.step__profile-item:hover{border-color:var(--color-ink-muted)}.step__profile-item.selected{border-color:var(--color-accent);background:#8b7cc80a}.step__profile-item.recommended{border-color:var(--color-success)}.step__profile-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.step__profile-name{font-weight:var(--weight-semibold);color:var(--color-ink)}.step__recommended{font-size:var(--text-xs);color:var(--color-success);border:1px solid var(--color-success);border-radius:var(--radius-full);padding:1px 7px;font-weight:var(--weight-medium);margin-left:auto}.step__profile-desc{font-size:var(--text-sm);color:var(--color-ink-muted);line-height:var(--leading-normal)}.step__colorway-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-3)}.step__colorway-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;background:var(--color-surface);font-size:var(--text-sm);color:var(--color-ink-secondary);transition:border-color var(--duration-fast) var(--ease-out)}.step__colorway-btn:hover{border-color:var(--color-ink-muted)}.step__colorway-btn.selected{border-color:var(--color-accent)}.step__colorway-swatch{width:48px;height:48px;border-radius:var(--radius-full);border:2px solid var(--color-border)}.step__custom-colors{padding:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised)}.step__color-pickers{display:flex;gap:var(--space-6)}.step__color-label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-muted);cursor:pointer}.step__color-input-wrap{display:flex;align-items:center;gap:var(--space-2)}.step__color-input{width:40px;height:40px;border:none;border-radius:var(--radius-md);cursor:pointer;background:transparent;padding:0}.step__color-hex{font-size:var(--text-xs);font-family:monospace;color:var(--color-ink-muted)}.step__deskmat-list{display:flex;flex-direction:column;gap:var(--space-2)}.step__deskmat-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-out)}.step__deskmat-item:hover{border-color:var(--color-ink-muted)}.step__deskmat-item.selected{border-color:var(--color-accent)}.step__deskmat-swatch{width:80px;height:40px;border-radius:var(--radius-md);flex-shrink:0}.step__deskmat-swatch--none{background:repeating-linear-gradient(45deg,var(--color-surface-sunken) 0px,var(--color-surface-sunken) 4px,var(--color-bg) 4px,var(--color-bg) 8px)}.step__switch-list{display:flex;flex-direction:column;gap:var(--space-2)}.step__switch-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;background:var(--color-surface);transition:border-color var(--duration-fast) var(--ease-out)}.step__switch-item:hover{border-color:var(--color-ink-muted)}.step__switch-item.selected{border-color:var(--color-accent);background:#8b7cc808}.step__switch-dot{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid var(--color-border);flex-shrink:0}.step__switch-info{flex:1;min-width:0}.step__switch-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:2px}.step__switch-type{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:capitalize;letter-spacing:.04em}.step__switch-desc{font-size:var(--text-xs);color:var(--color-ink-muted);line-height:var(--leading-normal);margin-top:var(--space-1)}.step--summary{gap:var(--space-4)}.step__summary-swatch{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.step__summary-color{width:56px;height:56px;border-radius:var(--radius-full);border:2px solid var(--color-border);flex-shrink:0}.step__line-items{display:flex;flex-direction:column;gap:var(--space-3)}.step__line-item{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.step__line-item:last-child{border-bottom:none}.step__line-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink)}.step__line-price{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink);white-space:nowrap}.step__total{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-4);border-top:2px solid var(--color-ink);font-weight:var(--weight-semibold);color:var(--color-ink)}.step__total-value{font-size:var(--text-xl);font-family:var(--font-display)}.step__build-name{display:flex;flex-direction:column;gap:var(--space-2)}.step__name-input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-base);color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease-out)}.step__name-input:focus{outline:none;border-color:var(--color-accent)}.step__summary-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.step__empty{padding-block:var(--space-12);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--color-ink-muted);text-align:center}@media (max-width: 900px){.configure__body{grid-template-columns:1fr}.configure__preview-wrap{position:static}.step__grid{grid-template-columns:1fr}.step__color-pickers{flex-direction:column}}@media (max-width: 480px){.configure__step-label{display:none}}.cart{padding-block:var(--space-10) var(--space-20);min-height:calc(100dvh - 56px)}.cart--empty{display:flex;align-items:center}.cart__empty-state{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-ink-muted);padding-block:var(--space-20);margin-inline:auto}.cart__empty-state svg{color:var(--color-ink-faint)}.cart__empty-state h2{font-size:var(--text-2xl);color:var(--color-ink)}.cart__empty-state p{font-size:var(--text-md);max-width:38ch}.cart__empty-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.cart__header{display:flex;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-8)}.cart__count{font-size:var(--text-sm);color:var(--color-ink-muted)}.cart__layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-8);align-items:start}.cart__items{display:flex;flex-direction:column;gap:var(--space-3)}.cart__item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.cart__item-icon{width:44px;height:44px;background:var(--color-surface-sunken);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-ink-muted);flex-shrink:0}.cart__item-info{flex:1;min-width:0}.cart__item-name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart__item-desc{font-size:var(--text-xs);color:var(--color-ink-muted);margin-top:2px}.cart__item-type{font-size:var(--text-xs);color:var(--color-ink-faint);text-transform:uppercase;letter-spacing:.06em;font-weight:var(--weight-medium)}.cart__item-controls{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.cart__qty{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1)}.cart__qty-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--color-ink-muted);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.cart__qty-btn:hover{background:var(--color-surface-sunken);color:var(--color-ink)}.cart__qty-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink);min-width:20px;text-align:center}.cart__item-price{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink);min-width:60px;text-align:right}.cart__remove{color:var(--color-ink-faint);padding:var(--space-2);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.cart__remove:hover{color:#c0392b;background:#c0392b14}.cart__clear{font-size:var(--text-sm);color:var(--color-ink-faint);text-decoration:underline;text-underline-offset:2px;margin-top:var(--space-2);align-self:flex-start}.cart__clear:hover{color:var(--color-ink-muted)}.cart__summary{position:sticky;top:72px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.cart__summary-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-ink);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.cart__summary-rows{display:flex;flex-direction:column;gap:var(--space-2)}.cart__summary-row{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--color-ink-secondary)}.cart__summary-row--shipping{padding-top:var(--space-3);border-top:1px solid var(--color-border)}.cart__free{color:var(--color-success);font-weight:var(--weight-medium)}.cart__summary-total{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-ink);padding-top:var(--space-3);border-top:2px solid var(--color-ink)}.cart__checkout-btn{width:100%;justify-content:center}.cart__continue{font-size:var(--text-sm);color:var(--color-ink-muted);text-align:center;text-decoration:underline;text-underline-offset:2px}.cart__continue:hover{color:var(--color-ink)}@media (max-width: 768px){.cart__layout{grid-template-columns:1fr}.cart__summary{position:static}}.checkout{padding-block:var(--space-10) var(--space-20)}.checkout__title{margin-bottom:var(--space-8)}.checkout__layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-8);align-items:start}.checkout__form{display:flex;flex-direction:column;gap:var(--space-8)}.checkout__section{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.checkout__section-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink);display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.checkout__secure-note{font-size:var(--text-xs);color:var(--color-ink-muted);font-weight:var(--weight-regular);margin-left:auto}.checkout__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.checkout__field{display:flex;flex-direction:column;gap:var(--space-1)}.checkout__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-ink-muted)}.checkout__field input,.checkout__field select{padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);font-size:var(--text-base);color:var(--color-ink);transition:border-color var(--duration-fast) var(--ease-out);width:100%}.checkout__field input:focus,.checkout__field select:focus{outline:none;border-color:var(--color-accent)}.checkout__field--error input,.checkout__field--error select{border-color:#c0392b}.checkout__error{font-size:var(--text-xs);color:#c0392b}.checkout__submit{width:100%;justify-content:center;padding-block:var(--space-4);font-size:var(--text-base)}.checkout__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.checkout__aside{position:sticky;top:72px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.checkout__aside-title{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-2)}.checkout__aside-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.checkout__aside-item:last-of-type{border-bottom:none}.checkout__aside-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink)}.checkout__aside-desc{font-size:var(--text-xs);color:var(--color-ink-muted);margin-top:2px}.checkout__aside-price{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink);white-space:nowrap}.checkout__aside-total{display:flex;justify-content:space-between;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-ink);padding-top:var(--space-3);border-top:2px solid var(--color-ink)}@media (max-width: 768px){.checkout__layout{grid-template-columns:1fr}.checkout__aside{position:static;order:-1}.checkout__row{grid-template-columns:1fr}}.order-confirm{padding-block:var(--space-16) var(--space-20);display:flex;align-items:center;justify-content:center}.order-confirm__card{max-width:520px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-5);padding:var(--space-12);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.order-confirm__icon{width:72px;height:72px;border-radius:var(--radius-full);background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.order-confirm__title{font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-ink)}.order-confirm__sub{font-size:var(--text-md);color:var(--color-ink-muted);max-width:34ch;line-height:var(--leading-loose)}.order-confirm__ref{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-ink-muted);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4)}.order-confirm__ref strong{color:var(--color-ink);font-family:monospace;font-size:var(--text-sm)}.order-confirm__timeline{width:100%;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:var(--color-surface-raised);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:left}.order-confirm__step{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-ink-muted)}.order-confirm__step.done{color:var(--color-success);font-weight:var(--weight-medium)}.order-confirm__step-dot{width:10px;height:10px;border-radius:var(--radius-full);border:2px solid currentColor;flex-shrink:0}.order-confirm__step.done .order-confirm__step-dot{background:var(--color-success);border-color:var(--color-success)}.order-confirm__actions{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.builds{padding-block:var(--space-10) var(--space-20)}.builds__header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4)}.builds__empty{padding-block:var(--space-20);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4);color:var(--color-ink-muted);max-width:400px;margin-inline:auto}.builds__empty svg{color:var(--color-ink-faint)}.builds__empty h2{font-size:var(--text-2xl);color:var(--color-ink)}.builds__empty p{font-size:var(--text-md);max-width:34ch}.builds__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.build-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.build-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.build-card__swatch{height:100px;width:100%;overflow:hidden;position:relative}.build-card__swatch--art>svg{width:100%;height:100%}.build-card__body{padding:var(--space-4);flex:1}.build-card__name{font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:var(--space-1)}.build-card__keycap{font-size:var(--text-sm);color:var(--color-ink-secondary)}.build-card__deskmat{font-size:var(--text-sm);color:var(--color-ink-muted)}.build-card__date{font-size:var(--text-xs);color:var(--color-ink-faint);margin-top:var(--space-2)}.build-card__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);gap:var(--space-3)}.build-card__price{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-ink)}.build-card__actions{display:flex;align-items:center;gap:var(--space-2)}.build-card__btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.build-card__delete{padding:var(--space-2);color:var(--color-ink-faint);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.build-card__delete:hover{color:#c0392b;background:#c0392b14}