.skip-link{position:fixed;top:-80px;left:16px;z-index:100;background:var(--lime);padding:12px}.skip-link:focus{top:10px}.seo-page{max-width:1400px;margin:auto;padding:36px clamp(20px,5vw,72px) 70px}.seo-page h1{font-family:Manrope,"DM Sans",sans-serif;font-size:clamp(2.1rem,4.5vw,4.8rem);line-height:1.08;letter-spacing:-.045em;overflow-wrap:anywhere}.seo-page h2,.seo-home-links h2{font-family:Manrope,sans-serif;font-size:clamp(1.6rem,2.8vw,2.5rem);line-height:1.2}.seo-page section{margin-bottom:55px}.seo-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;margin-top:30px}.seo-intro>img{width:100%;height:420px;object-fit:cover;border-radius:22px}.seo-intro p,.seo-copy p{font-size:1.1rem;max-width:850px}.breadcrumbs{font-size:.9rem;color:#515858;overflow-wrap:anywhere}.breadcrumbs a{text-decoration:underline}.seo-copy{max-width:950px}.seo-specs{display:flex;gap:30px;flex-wrap:wrap;padding:25px;background:white;border-radius:18px}.seo-specs dt{font-weight:700}.seo-specs dd{margin:5px 0 0}.seo-help{background:var(--lime);padding:clamp(24px,4vw,45px);border-radius:22px;margin-top:45px}.seo-links{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.seo-links a{border:1px solid var(--line);padding:12px 18px;border-radius:28px;background:white}.seo-links a:hover,.seo-links a:focus-visible{background:var(--lime)}.seo-home-links{padding:0 clamp(24px,4.5vw,72px) 45px}.seo-home-links p{max-width:850px}.product-detail-link{display:block;text-decoration:underline;font-weight:600;margin:15px 0}.product-card h3 a:hover{text-decoration:underline}.seo-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}.seo-swatch{display:flex;flex-direction:column;gap:10px;background:white;padding:10px;border:1px solid var(--line);border-radius:16px;min-width:0}.seo-swatch img,.seo-crop{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px}.seo-crop{display:block;background-repeat:no-repeat}.seo-swatch>span:last-child{font-size:.88rem;overflow-wrap:anywhere}.seo-lightbox{border:0;background:#101415;color:white;width:min(1000px,96vw);max-height:94dvh;padding:20px;border-radius:20px}.seo-lightbox::backdrop{background:rgba(0,0,0,.88)}.seo-lightbox figure{margin:20px 45px;text-align:center}.seo-lightbox img,.seo-lightbox .seo-crop{display:block;max-height:70dvh;max-width:100%;width:auto;margin:auto;object-fit:contain}.seo-lightbox .seo-crop{width:min(65dvh,70vw)}.seo-lightbox figcaption{margin-top:15px}.seo-lightbox button{cursor:pointer;background:white;border:0;border-radius:50%;width:44px;height:44px;font-size:25px}.seo-close{display:block;margin-left:auto}.seo-prev,.seo-next{position:absolute;top:50%}.seo-prev{left:8px}.seo-next{right:8px}a:focus-visible,button:focus-visible{outline:3px solid #657300;outline-offset:4px}@media(max-width:700px){.seo-intro{grid-template-columns:1fr;gap:20px}.seo-intro>img{height:280px}.seo-page{padding-top:24px}.seo-specs{gap:18px}.seo-links{display:grid;grid-template-columns:1fr}.seo-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.seo-lightbox figure{margin:15px 30px}.seo-page .product-grid{grid-template-columns:1fr}.seo-lightbox{padding:12px}.seo-lightbox .seo-crop{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Collection cards on light category pages retain contrast in every state. */
.seo-page .product-card{background:#fff;color:#101415;border:1px solid #d6d9d2}
.seo-page .product-card:hover,.seo-page .product-card:focus-within{background:#eef1e6}
.seo-page .product-category,.seo-page .palette-button{color:#465400}
.seo-page .product-card h3,.seo-page .product-card h3 a{color:#101415}
.seo-page .product-card p,.seo-page .product-specs{color:#505958}
.seo-page .palette-button{border-top-color:#b9c0ad}
.seo-page .palette-button:focus-visible{outline-color:#465400}

.mobile-links{display:none}
.swatch-search{max-width:620px;margin:24px 0}.swatch-search label{display:block;font-weight:600;margin-bottom:8px}.swatch-search input{width:100%;border:1px solid #68716a;border-radius:12px;padding:13px;background:#fff;color:#101415;min-height:48px}.swatch-count{color:#505958;font-size:.9rem}.seo-swatch[hidden],.swatch-search[hidden]{display:none}
.swatch-enquiry{display:inline-block;padding:12px 18px;margin-top:16px;background:var(--lime);color:#101415;border-radius:24px;font-size:.95rem;font-weight:700}
.seo-page .product-card h3{font-family:Manrope,"DM Sans",sans-serif}
[id]{scroll-margin-top:160px}
@media(max-width:1000px){.mobile-links{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 14px;padding:8px 14px;border-bottom:1px solid var(--line);font-size:.86rem}.mobile-links a{display:flex;align-items:center;min-height:44px;font-weight:600}.mobile-links a:hover{ text-decoration:underline }[id]{scroll-margin-top:100px}}

.seo-lightbox video{display:block;max-width:100%;max-height:65dvh;margin:auto;object-fit:contain}

.image-lightbox-media{flex-direction:column;gap:12px}
.video-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;max-width:100%;color:white;font-size:.9rem}
.video-actions button,.seo-lightbox .video-actions button{width:auto;height:auto;min-height:44px;padding:10px 18px;border:0;border-radius:22px;background:var(--lime);color:#101415;font:600 .95rem "DM Sans",sans-serif;cursor:pointer}
.video-actions a{color:white;text-decoration:underline;padding:10px}
.video-status{flex-basis:100%;margin:0;text-align:center}

.image-lightbox video,.seo-lightbox video{max-height:60dvh}

.comparison-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:14px}.material-comparison{width:100%;min-width:650px;border-collapse:collapse;background:#fff;text-align:left;font-size:.95rem}.material-comparison caption{padding:16px;text-align:left;font-weight:600;background:#eef1e6}.material-comparison th,.material-comparison td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.material-comparison thead{background:#101415;color:white}.material-comparison tbody th a{text-decoration:underline}.material-comparison tbody tr:last-child>*{border-bottom:0}

/* Keep anchor targets clear of the taller responsive header. */
@media(min-width:681px) and (max-width:1000px){[id]{scroll-margin-top:180px}}
@media(min-width:1001px) and (max-width:1399px){[id]{scroll-margin-top:240px}}
@media(min-width:1400px){[id]{scroll-margin-top:210px}}