:root{--color-primary: #334FB4;--color-secondary: #212B36;--color-accent: #E43D30;--color-background: #FFFFFF;--color-text: #121212;--color-text-light: #637381;--color-border: #E6E6E6;--color-error: #D82C0D;--color-success: #108043;--font-heading: var(--font-heading-family);--font-body: var(--font-body-family);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-unit: 4px;--space-xs: calc(var(--space-unit) * 2);--space-sm: calc(var(--space-unit) * 3);--space-md: calc(var(--space-unit) * 4);--space-lg: calc(var(--space-unit) * 6);--space-xl: calc(var(--space-unit) * 8);--space-xxl: calc(var(--space-unit) * 12);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05), 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .05), 0 4px 6px rgba(0, 0, 0, .05);--transition-base: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}.button--modern{display:inline-block;padding:var(--space-sm) var(--space-xl);background-color:var(--color-primary);color:#fff;font-weight:var(--font-weight-medium);border-radius:var(--radius-md);text-decoration:none;transition:transform var(--transition-base),box-shadow var(--transition-base)}.button--modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.button--modern-secondary{background-color:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.button--modern-secondary:hover{background-color:#334fb40d}.card--modern{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card--modern:hover{box-shadow:var(--shadow-md)}.section--modern{padding:var(--space-xxl) 0}.heading--modern{font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg)}.text--modern{color:var(--color-text-light);line-height:1.6}.input--modern{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-base)}.input--modern:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #334fb41a}.product-card--modern{position:relative;border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-base)}.product-card--modern:hover{transform:translateY(-4px)}.product-card__image-container--modern{position:relative;padding-bottom:100%;overflow:hidden}.product-card__image--modern{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.product-card--modern:hover .product-card__image--modern{transform:scale(1.05)}.product-card__info--modern{padding:var(--space-md)}.product-card__vendor--modern{color:var(--color-text-light);font-size:.85rem;margin-bottom:var(--space-xs)}.product-card__title--modern{font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.product-card__price--modern{font-weight:var(--font-weight-bold);color:var(--color-primary)}.product-card__sale-price--modern{color:var(--color-error)}.product-card__regular-price--modern{text-decoration:line-through;color:var(--color-text-light);margin-right:var(--space-xs)}.quick-add--modern{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md);background-color:var(--color-primary);color:#fff;text-align:center;transform:translateY(100%);transition:transform var(--transition-smooth)}.product-card--modern:hover .quick-add--modern{transform:translateY(0)}.hero--modern{position:relative;display:flex;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-xxl) 0;background-color:var(--color-secondary)}.hero__background--modern{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.7;z-index:-1}.hero__content--modern{position:relative;z-index:1;text-align:center;color:#fff;padding:0 var(--space-xl)}.hero__title--modern{font-size:2.5rem;margin-bottom:var(--space-lg)}.hero__text--modern{font-size:1.25rem;margin-bottom:var(--space-xl);max-width:600px;margin-left:auto;margin-right:auto}.grid--modern{display:grid;gap:var(--space-lg)}.grid--2-column{grid-template-columns:repeat(2,1fr)}.grid--3-column{grid-template-columns:repeat(3,1fr)}.grid--4-column{grid-template-columns:repeat(4,1fr)}@media screen and (max-width: 989px){.grid--4-column{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 749px){.grid--4-column,.grid--3-column{grid-template-columns:repeat(2,1fr)}.hero__title--modern{font-size:2rem}.hero__text--modern{font-size:1rem}}@media screen and (max-width: 480px){.grid--4-column,.grid--3-column,.grid--2-column{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/figma-styles.css.map */