/* ============================================================
   e-shop/eshop.css
   Styly specifické pro stránku /e-shop.
   Globální: ../style.css  |  Sdílené subpage: ../tvorba-webu-na-miru/page.css
   ============================================================ */

/* ── INTEGRACE GRID (WooCommerce sekce) ── */
.integrations-section {
  padding: 8rem 3rem;
  background: var(--midnight);
}
.integrations-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 2rem;
  max-width: 1100px;
  margin: 3rem auto 0;
}
.integration-group {
  border: 1px solid rgba(200,150,12,0.2);
  padding: 2rem;
  background: var(--card-black);
}
.integration-group-title {
  font-family: 'Cinzel Decorative', serif;
  font-size: 0.78rem; letter-spacing: 0.1em;
  color: var(--pale-gold); text-transform: uppercase;
  display: block; margin-bottom: 1rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid rgba(200,150,12,0.2);
}
.integration-list {
  list-style: none;
}
.integration-list li {
  font-family: 'Lora', serif; font-style: italic;
  color: var(--mist); font-size: 0.9rem;
  padding: 0.35rem 0;
  display: flex; gap: 0.6rem; align-items: baseline;
}
.integration-list li::before {
  content: '✦';
  color: var(--gold); font-size: 0.55rem; flex-shrink: 0;
}

@media (max-width: 768px) {
  .integrations-section { padding: 5rem 1.5rem; }
  .integrations-grid { grid-template-columns: 1fr; }
}