.mohair-palette-page{padding:54px max(24px,calc((100vw - 1320px)/2)) 100px;background:#f8f4f0;color:#2b2022}
.mohair-palette-heading{max-width:730px;margin:0 0 52px}
.mohair-palette-heading .back{display:inline-block;margin-bottom:52px}
.mohair-palette-heading .eyebrow{color:#6b2334}
.mohair-palette-heading h1{max-width:680px;margin:12px 0 24px;font:500 clamp(48px,6vw,96px)/.95 var(--serif);letter-spacing:-.055em}
.mohair-palette-heading>p:last-child{max-width:590px;font:14px/1.75 var(--sans);color:#67585a}
.mohair-palette-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 18px}
.mohair-palette-swatch{min-width:0;margin:0}
.mohair-palette-swatch img{display:block;width:100%;aspect-ratio:1;object-fit:cover;background:#e9e0dc}
.mohair-palette-swatch figcaption{padding:12px 0 0;font:10px/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase}
.mohair-palette-footer{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:68px;padding:28px 0;border-top:1px solid #d8ccc8}
.mohair-palette-footer p{max-width:610px;margin:0;font:12px/1.7 var(--sans);color:#67585a}
.mohair-palette-footer .button{flex:0 0 auto}
.mohair-product-selector{margin:25px 0;padding:20px;border:1px solid #d8ccc8;background:#faf5f1}
.mohair-product-selector fieldset{min-width:0;margin:0;padding:0;border:0}
.mohair-product-selector legend{padding:0;font:600 16px/1.3 var(--sans);color:#2b2022}
.mohair-product-selector fieldset>p{margin:8px 0 19px;font:11px/1.6 var(--sans);color:#67585a}
.mohair-product-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mohair-product-option{position:relative;display:block;min-width:0;cursor:pointer}
.mohair-product-option input{position:absolute;top:9px;left:9px;width:19px;height:19px;margin:0;accent-color:#6b2334;z-index:1}
.mohair-product-option img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:#e9e0dc;border:2px solid transparent}
.mohair-product-option:has(input:checked) img{border-color:#6b2334;outline:2px solid #6b2334;outline-offset:2px}
.mohair-product-option:focus-within img{outline:2px solid #6b2334;outline-offset:2px}
.mohair-product-option span{display:block;padding:7px 0 0;font:9px/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#2b2022}
.mohair-product-selector .mohair-colour-add{width:100%;margin:23px 0 0}
.mohair-product-selector .mohair-selection-error{margin:10px 0 0;color:#8b243c;font:11px/1.5 var(--sans)}
.product-pair-note{margin:-14px 0 22px;color:#6b2334;font:11px/1.45 var(--sans)}
.yarn-pair-selector legend span{display:inline-block;margin-left:8px;color:#6b2334;font:600 12px/1.4 var(--sans)}
.yarn-leg-panel{margin:18px 0 0;border:1px solid #d9c9c8;background:#fffaf7}
.yarn-leg-panel summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;cursor:pointer;list-style:none;font:12px/1.4 var(--sans)}
.yarn-leg-panel summary::-webkit-details-marker{display:none}
.yarn-leg-panel summary strong{font-size:13px}
.yarn-leg-panel summary span{color:#6b2334;text-align:right}
.yarn-leg-panel summary::after{content:'+';font-size:18px;line-height:1;color:#6b2334}
.yarn-leg-panel[open] summary::after{content:'−'}
.yarn-leg-panel .yarn-pair-options{margin:0 12px 12px}
.yarn-copy-left{display:block;margin:10px 0 0;padding:0;border:0;background:none;color:#6b2334;text-decoration:underline;text-underline-offset:4px;cursor:pointer;font:11px/1.5 var(--sans)}
.yarn-pair-selector .yarn-pair-options{max-height:440px;overflow:auto;overscroll-behavior:contain;padding:5px;scrollbar-color:#b99da3 #faf5f1}
.yarn-pair-selector .yarn-pair-count{margin:15px 0 0;font:11px/1.5 var(--sans);color:#6b2334}
.yarn-pair-selector .yarn-pair-add{width:100%;margin:15px 0 0}
@media(max-width:900px){.mohair-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mohair-palette-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.mohair-palette-page{padding:34px 20px 100px}.mohair-palette-heading{margin-bottom:32px}.mohair-palette-heading .back{margin-bottom:36px}.mohair-palette-heading h1{font-size:54px}.mohair-palette-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 10px}.mohair-palette-swatch figcaption{font-size:9px}.mohair-palette-footer{margin-top:48px}.mohair-palette-footer .button{width:100%}.mohair-product-selector{padding:16px}.mohair-product-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.yarn-pair-selector .yarn-pair-options{max-height:330px}}