.catalog-color-intro{margin-top:1.5rem;line-height:1.8;color:#e2e8ef}.color-comparison{margin:22px 0;background:#f6f5f2;border-radius:12px;overflow:hidden}.color-comparison img{display:block;width:100%;height:auto}.color-comparison figcaption{padding:12px 16px;font-size:.8rem;color:#53606c}.planter-colors{margin:22px 0;padding:18px;border:1px solid #d7dde2;border-radius:10px}.planter-colors legend{font-weight:600;padding:0 8px}.planter-colors label{display:flex;align-items:center;gap:9px;cursor:pointer;padding:10px 8px;border-radius:6px}.planter-colors label:has(input:checked){background:#edf0f3;box-shadow:inset 0 0 0 1px #a3adb8}.planter-colors input{accent-color:#1b2c40}.color-dot{width:22px;height:22px;border-radius:50%;border:1px solid #7e848a;display:inline-block}.color-dot.black{background:#18191b}.color-dot.gray{background:#505155}.selected-color{font-size:.9rem;font-weight:600;margin-top:12px}.color-note{font-size:.8rem;color:#596572}.color-comparison[data-selected="gray"]{box-shadow:0 0 0 2px #69717a}.color-comparison[data-selected="black"]{box-shadow:0 0 0 2px #1b2c40}
.model-design{margin:0 0 20px;background:#f6f5f2;border-radius:12px;overflow:hidden}.model-design img{width:100%;height:auto;display:block}.model-design figcaption{padding:12px 16px;font-size:.8rem;color:#53606c;line-height:1.7}

.design-image{margin:0 0 24px}.design-image img{display:block;width:100%;height:auto;border-radius:12px}.design-image figcaption{font-size:.82rem;line-height:1.7;color:#626a70;margin-top:8px}.model-color-reference{margin:0 0 24px}.model-color-reference summary{cursor:pointer;padding:12px 0;color:#243746}.model-color-reference .color-comparison{margin-top:12px}