/* Visible crawlable colour-detail navigation; modal/card behaviours unaffected. */
html body .cmt-colour-detail-links{margin:40px 0 0;padding:24px 0 0;border-top:1px solid rgba(43,38,32,.16);font-family:Inter,Arial,sans-serif;color:#26231f;}
html body .cmt-colour-detail-links p{margin:0 0 18px;font:400 16px/1.65 Inter,Arial,sans-serif;letter-spacing:normal;}
html body .cmt-colour-detail-links>div{display:flex;flex-wrap:wrap;gap:18px 28px;}
html body .cmt-colour-detail-links a{display:inline-flex;align-items:center;gap:12px;max-width:100%;font:500 14px/1.4 Inter,Arial,sans-serif;letter-spacing:normal;text-decoration:none;color:inherit;}
html body .cmt-colour-detail-links a span{font:inherit;transition:transform 220ms ease;}
html body .cmt-colour-detail-links a:is(:hover,:focus-visible) span{transform:translate(3px,-3px);}
html body .cmt-colour-detail-links a:focus-visible{outline:2px solid #846f51;outline-offset:5px;}
@media(max-width:700px){html body .cmt-colour-detail-links a{font-size:13px;}}
@media(prefers-reduced-motion:reduce){html body .cmt-colour-detail-links a span{transition:none;transform:none!important;}}