/* Offers page (Template Name: Акции) — ported from OffersView.astro <style>. */

.offers { display: grid; gap: var(--space-6); margin-top: var(--space-6); }
@media (min-width: 640px) { .offers { grid-template-columns: repeat(2, 1fr); } }
/* Direct child only: the featured image, not images inside editor content. */
.offer > img { aspect-ratio: 16 / 7; object-fit: cover; width: 100%; }
.offer__body { padding: var(--space-4); }
.offer__body h2 { font-size: 1.2rem; }
.offer__body .btn { margin-top: var(--space-2); }

/* «Подробнее»: the card shows the lead, the full offer with prices unfolds in place. */
.more { margin-top: var(--space-2); }
.more > summary { list-style: none; display: inline-flex; cursor: pointer; }
.more > summary::-webkit-details-marker { display: none; }
.more[open] > summary { margin-bottom: var(--space-3); }
.more__body > :last-child { margin-bottom: 0; }
.lead { margin-bottom: var(--space-2); }