.cp-keyboard-samples{max-width:1200px;margin:32px auto;padding:24px;border:1px solid #ded8ce;border-radius:22px;background:#fff;color:#182433}
.cp-keyboard-samples h2{margin:0 0 10px;color:#102235;font-size:clamp(22px,3vw,30px);line-height:1.7}
.cp-keyboard-samples__intro{margin:0 0 20px;line-height:1.9}
.cp-keyboard-samples__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cp-keyboard-samples__card{min-width:0;padding:12px;border:1px solid #e2e6ea;border-radius:16px;background:#fff}
.cp-keyboard-samples__photo{display:block;overflow:hidden;border-radius:12px;background:#fff}
.cp-keyboard-samples__image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.cp-keyboard-samples__card h3{margin:12px 0 6px;font-size:17px;line-height:1.7;color:#102235}
.cp-keyboard-samples__card p{margin:0 0 12px;font-size:14px;line-height:1.9;color:#4b5563}
.cp-keyboard-samples__link,.cp-keyboard-ready-link{display:flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:9px 12px;border:1px solid #c89536;border-radius:10px;background:#fff8eb;color:#102235!important;text-align:center;text-decoration:none!important;font-weight:700;line-height:1.8}
.cp-keyboard-ready-link{margin:10px 0 0;font-size:14px}
.cp-keyboard-samples a:focus-visible,.cp-keyboard-ready-link:focus-visible{outline:3px solid #c89536;outline-offset:3px}
@media(max-width:900px){.cp-keyboard-samples__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cp-keyboard-samples{padding:16px;margin:24px 0}.cp-keyboard-samples__grid{grid-template-columns:minmax(0,1fr)}.cp-keyboard-samples__image{max-height:360px}}

/* Keep the ready-size link aligned with the product grid under the sticky header. */
.cp-keyboard-products-anchor{scroll-margin-top:200px}