/** DEV-040/041: guided Shop by lens colour page. */
.pcuk-colour-guide { max-width: 1290px; width: 90vw; margin: 0 auto; padding: clamp(42px, 7vw, 88px) 0; color: #111827; }
.pcuk-colour-guide__intro { max-width: 680px; margin-bottom: 34px; }
.pcuk-colour-guide__eyebrow { margin: 0 0 8px; color: #2563eb; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.pcuk-colour-guide h1 { margin: 0 0 14px; font-size: clamp(32px, 4vw, 52px); line-height: 1.08; }
.pcuk-colour-guide__intro > p:last-child { margin: 0; color: #475569; font-size: 17px; line-height: 1.6; }
.pcuk-colour-guide__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
.pcuk-colour-guide__card { min-width: 0; overflow: hidden; border: 1px solid #dfe5ea; border-radius: 12px; background: #fff; }
.pcuk-colour-guide__media { aspect-ratio: 1 / 1; display: grid; place-items: center; background: #f7f9fb; }
.pcuk-colour-guide__media img { display: block; width: 100%; height: 100%; object-fit: contain; }
.pcuk-colour-guide__swatch { width: 38%; aspect-ratio: 1; border-radius: 50%; background: #64748b; }
.pcuk-colour-guide__swatch--brown { background: #8a5a3b; }.pcuk-colour-guide__swatch--purple { background: #795187; }.pcuk-colour-guide__swatch--pink { background: #c46c8e; }
.pcuk-colour-guide__body { padding: 18px; }.pcuk-colour-guide__body h2 { margin: 0 0 8px; font-size: 19px; line-height: 1.2; }.pcuk-colour-guide__body p { margin: 0 0 14px; color: #475569; font-size: 13px; line-height: 1.45; }.pcuk-colour-guide__positioning { color: #111827 !important; font-weight: 650; }.pcuk-colour-guide__cta, .pcuk-colour-guide__all a { color: #2563eb; font-size: 14px; font-weight: 700; text-decoration: none; }.pcuk-colour-guide__cta:focus-visible, .pcuk-colour-guide__all a:focus-visible { outline: 2px solid #2563eb; outline-offset: 3px; }.pcuk-colour-guide__all { margin: 28px 0 0; text-align: center; }
@media (max-width: 899.98px) { .pcuk-colour-guide__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } }
@media (max-width: 560px) { .pcuk-colour-guide { width: calc(100% - 32px); padding-block: 38px; }.pcuk-colour-guide__intro { margin-bottom: 24px; }.pcuk-colour-guide__intro > p:last-child { font-size: 15px; }.pcuk-colour-guide__body { padding: 13px; }.pcuk-colour-guide__body h2 { font-size: 16px; }.pcuk-colour-guide__body p { font-size: 12px; }.pcuk-colour-guide__cta { font-size: 13px; } }