diff --git a/src/styles.scss b/src/styles.scss index c251fa7..98430b0 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -306,14 +306,12 @@ details[open] > summary::after { } .product-card, -.item-card, -.catalog-product-card { +.item-card { transition: transform var(--transition-normal), box-shadow var(--transition-normal); } .product-card:hover, -.item-card:hover, -.catalog-product-card:hover { +.item-card:hover { transform: translateY(-2px) scale(1.01); } @@ -337,28 +335,6 @@ details[open] > summary::after { transform: translateY(-1px); } -.btn-primary { - background: var(--primary-color); - color: #fff; - border-color: var(--primary-color); -} - -.btn-primary:hover { - background: var(--primary-hover); - border-color: var(--primary-hover); -} - -.btn-secondary { - background: var(--secondary-color); - color: #fff; - border-color: var(--secondary-color); -} - -.btn-secondary:hover { - background: var(--secondary-hover); - border-color: var(--secondary-hover); -} - .btn-ghost { background: transparent; color: var(--text-primary); @@ -414,37 +390,8 @@ details[open] > summary::after { } } -.text-center { - text-align: center; -} - -.mt-1 { margin-top: var(--space-sm); } -.mt-2 { margin-top: var(--space-md); } -.mt-3 { margin-top: var(--space-lg); } -.mt-4 { margin-top: var(--space-xl); } - -.mb-1 { margin-bottom: var(--space-sm); } -.mb-2 { margin-bottom: var(--space-md); } -.mb-3 { margin-bottom: var(--space-lg); } -.mb-4 { margin-bottom: var(--space-xl); } - -.p-1 { padding: var(--space-sm); } -.p-2 { padding: var(--space-md); } -.p-3 { padding: var(--space-lg); } -.p-4 { padding: var(--space-xl); } - // ─── Shared Badge & Tag Styles (from backOffice integration) ─── -.item-badges-overlay { - position: absolute; - top: 8px; - left: 8px; - display: flex; - flex-wrap: wrap; - gap: 4px; - z-index: 2; -} - .item-badge { display: inline-block; padding: 2px var(--space-xs); @@ -476,18 +423,3 @@ details[open] > summary::after { border: 1px solid rgba(73, 118, 113, 0.15); } -.item-simple-desc { - font-size: var(--font-size-sm); - color: var(--text-secondary); - line-height: var(--line-height-normal); - margin: 2px 0 4px; - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 2; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; -} - - -