/* Cards page specific styles — keep minimal and complementary to base.css */
.hero {
  background:
    radial-gradient(800px 400px at 10% 0%, rgba(199,31,55,0.12), transparent 60%),
    radial-gradient(600px 300px at 100% 10%, rgba(201,162,39,0.08), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.25));
  border-bottom: 1px solid rgba(201,162,39,0.12);
}
.hero-inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: var(--space-8); padding-block: var(--space-11); align-items: center; }
.hero-content > .hero-actions { margin-top: var(--space-6); display: flex; gap: var(--space-4); flex-wrap: wrap; }
.hero-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); border: 1px solid rgba(201,162,39,0.18); }

@media (max-width: 960px) {
  .hero-inner { grid-template-columns: 1fr; }
}

.cards-grid .card img { border-radius: var(--radius-md); border: 1px solid rgba(201,162,39,0.18); box-shadow: var(--shadow-md); }

.section-tutorials details { cursor: pointer; }
.section-tutorials details + details { margin-top: var(--space-5); }
.section-tutorials summary { outline: none; }
.section-tutorials details[open] { box-shadow: var(--shadow-xl); }

/* Shop */
.filters { margin-block: var(--space-7); }
.results-count { color: var(--gray-300); margin-bottom: var(--space-5); }
.product-grid .product .product-title { margin-top: 0; }
.product-grid .product .product-meta { color: var(--gray-300); }
.product-grid .product img { border-radius: var(--radius-md); border: 1px solid rgba(201,162,39,0.18); box-shadow: var(--shadow-md); }

/* Responsive grids */
@media (max-width: 1080px) {
  .cols-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 680px) {
  .cols-3 { grid-template-columns: 1fr; }
}