/* Additions for ZEN ZABUTON / ZAFU product pages. Kept in a separate file so re-uploading style.css via Dreamweaver does not overwrite these rules. Link this AFTER style.css in : Uses the same CSS variables defined in style.css (:root), so colors stay in sync automatically if those are ever updated. */ .spec-table{ width: 100%; border-collapse: collapse; font-size: 17px; } .spec-table th, .spec-table td{ text-align: left; padding: 16px 0; border-bottom: 1px solid var(--line); font-weight: 500; vertical-align: top; } .spec-table th{ width: 30%; color: var(--ink-soft); letter-spacing: .02em; } .spec-table td{ color: var(--ink); } .spec-note{ color: var(--ink-soft); font-size: 14px; margin-top: 16px; } @media (max-width: 760px){ .spec-table{ font-size: 16px; } .spec-table th{ width: 40%; } } /* Multi-image rows for product pages (3 or 4 across), built on the same visual language as .works-duo */ .works-trio, .works-quad{ display: grid; gap: 16px; margin-bottom: 24px; } .works-trio{ grid-template-columns: repeat(3, 1fr); } .works-quad{ grid-template-columns: repeat(4, 1fr); } @media (max-width: 760px){ .works-trio{ grid-template-columns: 1fr; } .works-quad{ grid-template-columns: repeat(2, 1fr); } }