/* === Aftermarket Product Cards Polish v1.0 === Scoped to .link-block-7 (aftermarket items only). Safe for bike pages — no selectors touch bike elements. Deploy: Site-level custom code OR Webflow Asset CDN. */ /* === Issue 4: Hide bikes section when empty === */ #product-section:has(.w-dyn-empty) { display: none !important; } /* === Aftermarket list containment === */ .w-dyn-list:has(.link-block-7) { max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; padding: 40px 24px !important; } /* === Issue 1: Fix blue link color === */ a.link-block-7, a.link-block-7:visited, a.link-block-7:hover, a.link-block-7:active { color: #1a1a2e !important; text-decoration: none !important; } a.link-block-7 h3 { color: #1a1a2e !important; font-size: 0.78rem !important; font-weight: 600 !important; line-height: 1.35 !important; margin: 0.6rem 0 0.3rem !important; text-transform: uppercase; letter-spacing: 0.01em; } /* === Price: force visible (overrides categorynopricehover script) === */ a.link-block-7 .div-block-31, a.link-block-7 .price-text, a.link-block-7 .text-block-2 { display: flex !important; position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; clip-path: none !important; white-space: normal !important; gap: 2px; color: #1a1a2e !important; font-weight: 700 !important; font-size: 1rem !important; justify-content: center; } /* === Issue 2: Constrain images === */ a.link-block-7 img { width: 100% !important; max-height: 200px !important; height: auto !important; object-fit: contain !important; background: #f5f5f7; border-radius: 8px; padding: 8px; } /* === Issue 3: Card structure === */ a.link-block-7 { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; padding: 16px !important; background: #fff !important; border: 1px solid #e5e5ea !important; border-radius: 12px !important; transition: box-shadow 0.25s ease, transform 0.25s ease !important; height: 100% !important; } a.link-block-7:hover { box-shadow: 0 6px 24px rgba(0,0,0,0.08) !important; transform: translateY(-3px) !important; } /* Grid layout — kill clearfix pseudo-elements */ .w-dyn-items.w-row:has(.link-block-7)::before, .w-dyn-items.w-row:has(.link-block-7)::after { display: none !important; content: none !important; } .w-dyn-items.w-row:has(.link-block-7) { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; gap: 20px !important; padding: 0 !important; margin: 0 !important; } .w-dyn-items.w-row:has(.link-block-7) > .w-dyn-item { width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; float: none !important; margin-bottom: 0 !important; } /* Pagination */ .w-dyn-list:has(.link-block-7) .w-pagination-wrapper { margin-top: 24px !important; text-align: center !important; } /* === Detail page: € symbol for price === */ .am-price__current::before { content: "€ "; } /* Responsive */ @media (max-width: 767px) { .w-dyn-items.w-row:has(.link-block-7) { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; } } @media (max-width: 479px) { .w-dyn-items.w-row:has(.link-block-7) { grid-template-columns: 1fr !important; } }