.mersin-page .mersin-section { padding: 64px 0; }
.mersin-page .mersin-section h2 { margin: 0 0 28px; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1.05; overflow-wrap: anywhere; }
.mersin-page .mersin-intro__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px; }
.mersin-page .mersin-intro__grid > img { width: 100%; height: auto; border-radius: 10px; }
.mersin-page .mersin-intro p { color: var(--muted); line-height: 1.65; }
.mersin-page .mersin-shortcuts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 24px; }
.mersin-page .mersin-shortcuts a { display: flex; gap: 10px; align-items: center; padding: 14px; min-height: 48px; border: 1px solid var(--line); border-radius: 10px; color: var(--ink); background: var(--soft); text-decoration: none; }
.mersin-page .mersin-shortcuts a:hover { border-color: var(--brand-primary); }
.mersin-page .mersin-collection:nth-of-type(even) { background: var(--soft); }
.mersin-page .mersin-collection__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.mersin-page .mersin-collection__grid--four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mersin-page .material-card h2 { font-size: 1.25rem; line-height: 1.25; margin-bottom: 12px; }
.mersin-page .mersin-collection__action { margin: 28px 0 0; }
@media (max-width: 1024px) { .mersin-page .mersin-collection__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .mersin-page .mersin-intro__grid { grid-template-columns: 1fr; gap: 24px; } }
@media (max-width: 640px) {
    .mersin-page .mersin-section { padding: 36px 0; }
    .mersin-page .mersin-collection__grid, .mersin-page .mersin-shortcuts { grid-template-columns: 1fr; }
}