.design-gallery-trigger { display: block; width: 100%; padding: 0; border: 0; background: transparent; cursor: pointer; text-align: inherit; }
.design-gallery-trigger img { display: block; }
.design-gallery-link { margin-top: .75rem; border: 0; padding: .5rem 0; font: inherit; font-weight: 600; background: transparent; color: #56462e; text-decoration: underline; text-underline-offset: 4px; cursor: pointer; }
.design-gallery-trigger:focus-visible, .design-gallery-link:focus-visible, .design-gallery-close:focus-visible { outline: 3px solid #8a692d; outline-offset: 4px; }
.gallery-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.design-gallery-dialog { box-sizing: border-box; width: min(1100px, calc(100vw - 32px)); max-height: 90dvh; margin: auto; padding: 24px; border: 0; border-radius: 10px; background: #faf9f6; color: #222; overscroll-behavior: contain; }
.design-gallery-dialog::backdrop { background: rgba(0,0,0,.78); }
.design-gallery-header { display: flex; gap: 20px; align-items: flex-start; justify-content: space-between; margin-bottom: 20px; }
.design-gallery-header h2 { margin: 0 0 8px; font-size: clamp(1.3rem, 3vw, 2rem); line-height: 1.2; }
.design-gallery-header p { margin: 0; max-width: 680px; font-size: .95rem; line-height: 1.5; }
.design-gallery-close { flex-shrink: 0; min-height: 44px; padding: 8px 14px; border: 1px solid #aaa; border-radius: 4px; background: #fff; color: #222; font: inherit; cursor: pointer; }
.design-gallery-images { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.design-gallery-images figure { margin: 0; min-width: 0; }
.design-gallery-images img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: contain; background: #eae7e0; border-radius: 4px; }
.design-gallery-images figcaption { padding: 8px 0; font-weight: 600; }
@media (max-width: 700px) { .design-gallery-dialog { padding: 16px; } .design-gallery-images { grid-template-columns: 1fr; } .design-gallery-header { gap: 12px; } .design-gallery-close { padding: 8px 10px; } }