.products-breadcrumbs ol {list-style: none; padding-left: 0; display: flex; gap: 0.5rem; font-size: var(--font-size-sm); color: var(--color-text-muted);} .products-breadcrumbs li+li::before {content: "/"; margin-right: 0.5rem; color: var(--color-gray-400);} .products-hero {padding-top: var(--space-10);} .products-hero-layout {display: grid; gap: var(--space-8); align-items: center;} .products-hero-copy p {max-width: 40rem;} .products-hero-actions {display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-4);} .products-hero-media {max-width: 480px; margin-left: auto;} .products-hero-meta {padding-top: var(--space-4);} .products-hero-text {margin-top: var(--space-2); margin-bottom: var(--space-2);} .products-hero-link {font-size: var(--font-size-sm);} .products-section-header {display: flex; justify-content: space-between; align-items: flex-end; gap: var(--space-6); margin-bottom: var(--space-6);} .products-section-header p {margin-bottom: 0;} .products-filters {display: flex; flex-direction: column; gap: var(--space-6);} .products-filters-header {display: grid; gap: var(--space-6);} .products-search {max-width: 420px;} .products-search-row {display: flex; gap: var(--space-3); align-items: flex-end; margin-top: 0.35rem;} .products-filters-grid {display: grid; gap: var(--space-6);} .products-filters-form {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4);} .products-filters-actions {display: flex; justify-content: flex-end; gap: var(--space-3); grid-column: 1 / -1; margin-top: var(--space-2);} .products-filters-summary {max-width: 40rem;} .products-filters-list {margin-bottom: 0;} .products-featured-grid {display: grid; gap: var(--space-6);} .products-featured-main-body {padding-top: var(--space-4);} .products-featured-meta {display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); flex-wrap: wrap; margin-top: var(--space-4);} .products-featured-rating span {margin-right: 0.5rem;} .products-featured-cta {display: flex; flex-wrap: wrap; gap: var(--space-3);} .products-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6);} .products-card-body {display: flex; flex-direction: column; gap: var(--space-3);} .products-card-subtitle {font-size: var(--font-size-sm); color: var(--color-text-muted); margin-bottom: 0;} .products-card-rating span {margin-right: 0.5rem;} .products-card-footer {display: flex; justify-content: space-between; align-items: flex-end; gap: var(--space-4); margin-top: var(--space-2);} .products-card-price {display: flex; flex-direction: column;} .products-card-price-main {font-weight: 600; font-size: var(--font-size-lg);} .products-card-price-note {font-size: var(--font-size-xs); color: var(--color-text-muted);} .products-card-actions {display: flex; flex-wrap: wrap; gap: var(--space-3);} .products-detail-grid {display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-6); align-items: center;} .products-detail-body p {max-width: none;} .products-detail-specs {display: grid; gap: var(--space-3); margin: var(--space-4) 0;} .products-detail-specs dt {font-weight: 600; margin-bottom: 0.15rem;} .products-detail-specs dd {margin: 0;} .products-detail-cta {display: flex; flex-wrap: wrap; gap: var(--space-3);} .products-reviews-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6);} .products-review-title {margin-bottom: 0.25rem;} .products-review-meta {font-size: var(--font-size-sm); color: var(--color-text-muted);} .products-review-rating {display: flex; align-items: center; gap: 0.5rem; margin-bottom: var(--space-2);} .products-availability-header {display: flex; justify-content: space-between; align-items: flex-end; gap: var(--space-6); margin-bottom: var(--space-4);} .products-availability-grid {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-6);} .products-availability-list {margin-bottom: 0;} .products-security-content {display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--space-6); align-items: flex-start;} .products-security-list {margin-bottom: 0;} .products-offers {display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-6); align-items: center;} .products-offers-list {margin-bottom: var(--space-4);} .products-related-header {display: flex; justify-content: space-between; align-items: flex-end; gap: var(--space-6); margin-bottom: var(--space-4);} .products-related-grid {display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.3fr); gap: var(--space-6); align-items: center;} .products-related-list {margin-bottom: 0;} .products-bottom-cta-inner {display: flex; justify-content: space-between; align-items: center; gap: var(--space-6);} .products-bottom-cta-inner p {margin-bottom: 0;} .products-bottom-cta-actions {display: flex; flex-wrap: wrap; gap: var(--space-3);} @media (max-width: 1024px) {.products-hero-media {max-width: 100%;} .products-filters-form {grid-template-columns: repeat(2, minmax(0, 1fr));} .products-grid {grid-template-columns: repeat(2, minmax(0, 1fr));} .products-detail-grid, .products-security-content, .products-offers, .products-related-grid {grid-template-columns: minmax(0, 1fr);} } @media (max-width: 768px) {.products-section-header, .products-availability-header, .products-related-header, .products-bottom-cta-inner {flex-direction: column; align-items: flex-start;} .products-hero-layout {grid-template-columns: minmax(0, 1fr);} .products-search-row {flex-direction: column; align-items: stretch;} .products-filters-form {grid-template-columns: minmax(0, 1fr);} .products-filters-actions {justify-content: flex-start;} .products-grid {grid-template-columns: minmax(0, 1fr);} .products-reviews-grid, .products-availability-grid {grid-template-columns: minmax(0, 1fr);} .products-featured-meta {flex-direction: column; align-items: flex-start;} .products-bottom-cta-actions {width: 100%;} .products-bottom-cta-actions .button, .products-bottom-cta-actions .button--outline {flex: 1 1 auto; justify-content: center;} }