.m-showroom{--m-fg: var(--color-foreground, #16181d);--m-bg: var(--color-background, #ffffff);--m-muted: color-mix(in srgb, var(--color-foreground, #16181d) 60%, transparent);--m-line: color-mix(in srgb, var(--color-foreground, #16181d) 14%, transparent);--m-accent: var(--color-foreground, #16181d);--m-radius: 10px;--m-cols: 4;--m-gap: 24px;color:var(--m-fg);background:var(--m-bg);padding:clamp(24px,5vw,64px) 0}.m-showroom__inner{width:min(1280px,92vw);margin-inline:auto}.m-showroom__head{max-width:720px;margin-bottom:clamp(20px,3vw,40px)}.m-showroom__eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--m-muted);margin:0 0 .5rem}.m-showroom__title{font-size:clamp(1.75rem,3.5vw,2.75rem);line-height:1.05;margin:0 0 .5rem;font-weight:700}.m-showroom__sub{font-size:1.0625rem;line-height:1.5;color:var(--m-muted);margin:0}.m-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(16px,2.5vw,28px)}.m-filter{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:.875rem;line-height:1;padding:9px 16px;border-radius:999px;border:1px solid var(--m-line);background:transparent;color:var(--m-fg);transition:background .15s ease,color .15s ease,border-color .15s ease}.m-filter:hover{border-color:var(--m-fg)}.m-filter.is-active{background:var(--m-fg);color:var(--m-bg);border-color:var(--m-fg)}.m-grid{display:grid;grid-template-columns:repeat(var(--m-cols),minmax(0,1fr));gap:var(--m-gap)}.m-grid__empty{padding:32px 0;color:var(--m-muted)}.m-grid__placeholder{border:1px dashed var(--m-line);border-radius:var(--m-radius);padding:40px;text-align:center;color:var(--m-muted)}@media(max-width:990px){.m-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.m-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.m-grid{grid-template-columns:1fr}}.m-card{display:flex;flex-direction:column;border:1px solid var(--m-line);border-radius:var(--m-radius);background:var(--m-bg);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.m-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--m-fg) 30%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--m-fg) 10%,transparent)}.m-card__media{position:relative;display:block;aspect-ratio:4 / 5;overflow:hidden}.m-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.m-card__img--placeholder{background:color-mix(in srgb,var(--m-fg) 6%,transparent)}.m-card:hover .m-card__img{transform:scale(1.03)}.m-badge{position:absolute;z-index:2;font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.m-badge--stock{top:10px;left:10px;background:#14965aeb;color:#fff}.m-badge--tech{bottom:10px;left:10px;background:#000000c7;color:#fff}.m-card__body{display:flex;flex-direction:column;gap:8px;padding:16px;flex:1}.m-card__title{font-size:1.0625rem;line-height:1.25;margin:0;font-weight:600}.m-card__title a{color:inherit;text-decoration:none}.m-card__title a:hover{text-decoration:underline}.m-card__spec{font-size:.8125rem;color:var(--m-muted);margin:0}.m-card__hand{font-size:.875rem;margin:0;font-style:italic;color:var(--m-fg)}.m-chips,.m-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:2px 0 0}.m-chip{font-size:.6875rem;letter-spacing:.03em;padding:4px 8px;border-radius:5px;border:1px solid var(--m-line);color:var(--m-fg)}.m-chip--recycled{border-color:#14965a80;color:#0f7848}.m-tag{font-size:.6875rem;color:var(--m-muted)}.m-tag:before{content:"#";opacity:.5}.m-card__actions{display:flex;gap:8px;margin-top:auto;padding-top:6px}.m-btn{-webkit-appearance:none;appearance:none;cursor:pointer;font:inherit;font-size:.8125rem;font-weight:600;padding:9px 14px;border-radius:8px;text-align:center;text-decoration:none;flex:1;transition:background .15s ease,color .15s ease,border-color .15s ease}.m-btn--solid{background:var(--m-fg);color:var(--m-bg);border:1px solid var(--m-fg)}.m-btn--solid:hover{background:color-mix(in srgb,var(--m-fg) 85%,#fff)}.m-btn--ghost{background:transparent;color:var(--m-fg);border:1px solid var(--m-line);flex:0 0 auto}.m-btn--ghost:hover{border-color:var(--m-fg)}.m-btn--ghost.is-saved{background:var(--m-fg);color:var(--m-bg);border-color:var(--m-fg)}@media(prefers-reduced-motion:reduce){.m-card,.m-card__img,.m-btn,.m-filter{transition:none}.m-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/meridian-showroom.css.map */