/* Appliances page specific styles */
.section-pad { padding-block: var(--space-40); }
.section-head { margin-bottom: var(--space-16); }

/* Breadcrumbs */
.breadcrumbs { margin-top: var(--space-16); }
.crumbs { display: flex; gap: var(--space-8); align-items: center; color: var(--gray-600); font-size: var(--text-sm); }
.crumbs li + li::before { content: "/"; margin-inline: var(--space-8); color: var(--gray-400); }
.crumbs a { color: var(--gray-600); text-decoration: none; }
.crumbs a:hover { color: var(--color-primary); text-decoration: underline; }

/* Hero */
.hero-inner { display: grid; gap: var(--space-24); grid-template-columns: 1.15fr 1fr; align-items: center; }
.hero-copy p { color: var(--gray-700); }
.hero-search { margin-top: var(--space-16); display: flex; gap: var(--space-12); flex-wrap: wrap; }
.hero-ctas { margin-top: var(--space-16); display: flex; gap: var(--space-12); flex-wrap: wrap; }
.hero-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); border: 1px solid var(--gray-200); }
@media (max-width: 900px) { .hero-inner { grid-template-columns: 1fr; } }

/* Shop layout */
.shop-layout { display: grid; grid-template-columns: 280px 1fr; gap: var(--space-24); align-items: start; }
@media (max-width: 1024px) { .shop-layout { grid-template-columns: 1fr; } }

.filters .filter-title { font-weight: 700; margin-top: var(--space-16); margin-bottom: var(--space-8); }
.filters fieldset:first-of-type .filter-title { margin-top: 0; }
.filter-group { display: grid; gap: var(--space-8); }
.filter-group.range-group { gap: var(--space-12); }
.range-meta { display: flex; align-items: center; justify-content: space-between; gap: var(--space-12); font-size: var(--text-sm); color: var(--gray-600); }
.filter-actions { margin-top: var(--space-16); display: flex; justify-content: flex-start; }

.results-toolbar { display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-12); gap: var(--space-12); }
.results-count { color: var(--gray-700); }

.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24); }
@media (max-width: 1100px) { .product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) { .product-grid { grid-template-columns: 1fr; } }

.product-media img { width: 100%; height: auto; border-radius: var(--radius-md); }
.product-content { margin-top: var(--space-12); }
.product-title { margin: 0 0 var(--space-8) 0; font-size: var(--h4-size); }
.product-meta { color: var(--gray-600); margin-bottom: var(--space-8); }
.product-price { font-size: var(--h4-size); margin-top: var(--space-8); }
.product-actions { display: flex; gap: var(--space-8); margin-top: var(--space-12); flex-wrap: wrap; }

.badge { display: inline-flex; align-items: center; justify-content: center; min-width: 24px; padding: 2px 8px; border-radius: var(--radius-round); font-weight: 700; font-size: var(--text-sm); border: 1px solid transparent; }
.badge--success { background: #e9f7ee; color: var(--color-success); border-color: #bfe9cc; }
.badge--warning { background: #fff7e6; color: var(--color-warning); border-color: #ffe0a8; }

/* Rating stars visual fill */
.product-rating { position: relative; display: inline-block; color: #d1d5db; letter-spacing: 1px; font-size: 18px; line-height: 1; }
.product-rating .rating-fill { position: absolute; left: 0; top: 0; bottom: 0; background: linear-gradient(90deg, #f59e0b, #f59e0b); color: #f59e0b; mix-blend-mode: screen; pointer-events: none; }

/* Featured */
.featured-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24); }
.featured-media img { border-radius: var(--radius-md); }
.feature-list { margin-top: var(--space-8); padding-left: 1em; }
.feature-list li { list-style: disc; margin-left: var(--space-8); }
@media (max-width: 1100px) { .featured-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 700px) { .featured-grid { grid-template-columns: 1fr; } }

/* Reviews */
.reviews-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24); }
.review-rating { color: #f59e0b; font-size: var(--text-xl); }
.review-author { color: var(--gray-600); font-size: var(--text-sm); margin-top: var(--space-8); }
@media (max-width: 900px) { .reviews-grid { grid-template-columns: 1fr; } }

/* Maintenance */
.maintenance-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-24); }
@media (max-width: 900px) { .maintenance-grid { grid-template-columns: 1fr; } }

/* Energy */
.energy { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--space-24); align-items: center; }
.energy-media img { border-radius: var(--radius-lg); border: 1px solid var(--gray-200); box-shadow: var(--shadow-sm); }
@media (max-width: 1000px) { .energy { grid-template-columns: 1fr; } }

/* Offers */
.offers { display: grid; gap: var(--space-16); align-items: start; }

/* Contact */
.contact-actions { display: flex; gap: var(--space-12); flex-wrap: wrap; margin-top: var(--space-12); }
.contact-inline { color: var(--gray-700); font-size: var(--text-sm); margin-top: var(--space-8); }