.board-samples{color:#252722;max-width:1360px;margin:auto;padding:48px 32px 80px}.board-samples-heading{max-width:720px;margin-bottom:44px}.board-samples-heading>p:first-child{color:#685e56;margin:0 0 14px;font-size:13px}.board-samples-heading h1{letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(30px,3.5vw,48px);font-weight:500;line-height:1.12}.board-samples-intro{color:#62645e;margin:0;font-size:16px;line-height:1.7}.board-samples-heading-price{flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-top:20px;display:flex}.board-samples-heading-price strong{font-size:22px;font-weight:500}.board-samples-heading-price span{color:#62645e;font-size:13px}.board-samples-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:64px;display:grid}.board-samples h2{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:500}.board-samples-library-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.board-samples-library-heading>span{color:#62645e;font-size:13px}.board-samples-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 18px;display:grid}.board-sample{text-align:start;cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;min-width:0;padding:0}.board-sample-image{aspect-ratio:1;outline-offset:4px;background:#e9e5df;border-radius:6px;outline:2px solid #0000;display:block;position:relative;overflow:hidden}.board-sample-image>img{object-fit:cover;width:100%;height:100%}.board-sample>span:last-child{margin-top:13px;font-size:14px;line-height:1.4;display:block}.board-sample.is-selected .board-sample-image{outline-color:#8b1f26}.board-sample-check{background:#fff;border:1px solid #a49a8f;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;inset-block-start:9px;inset-inline-end:9px}.board-sample.is-selected .board-sample-check{color:#fff;background:#8b1f26;border-color:#8b1f26}.board-samples button:focus-visible{outline-offset:6px;outline:2px solid #8b1f26}.board-samples-summary{background:#fff;border:1px solid #e6e2db;border-radius:8px;padding:26px;position:sticky;top:120px}.board-samples-summary ol{margin:18px 0 0;padding:0;list-style:none}.board-samples-summary li{border-bottom:1px solid #efede8;align-items:center;gap:12px;min-height:80px;padding:12px 0;font-size:14px;display:flex}.board-samples-summary li>img,.board-sample-slot{object-fit:cover;border-radius:4px;flex-shrink:0;width:56px;height:56px}.board-sample-slot{color:#777970;border:1px dashed #c9c4ba;place-items:center;display:grid}.board-sample-empty{color:#777970}.board-samples-summary li button{color:#62645e;cursor:pointer;background:0 0;border:0;margin-inline-start:auto;padding:10px}.board-samples-status{color:#62645e;min-height:42px;margin:18px 0;font-size:13px;line-height:1.6}.board-samples-status.is-limit{color:#8b1f26}.board-samples-total{flex-direction:column;gap:6px;margin-bottom:20px;display:flex}.board-samples-total strong{font-size:30px;font-weight:500}.board-samples-total span{color:#62645e;font-size:12px;line-height:1.5}.board-samples-add{color:#fff;width:100%;font:inherit;cursor:pointer;background:#8b1f26;border:0;border-radius:5px;padding:15px 12px;font-size:14px;line-height:1.5}.board-samples-add:hover:not(:disabled){background:#70181e}.board-samples-add:disabled{color:#79776f;cursor:not-allowed;background:#e5e1db}.board-samples-note{color:#777970;max-width:650px;margin:28px 0 0;font-size:13px;line-height:1.7}@media (min-width:1600px){.board-samples{max-width:1564px}}@media (max-width:1100px){.board-samples-layout{grid-template-columns:minmax(0,1fr) 290px;gap:32px}.board-samples-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.board-samples-summary{padding:20px}}@media (max-width:767px){.board-samples{padding:28px 20px 50px}.board-samples-heading{margin-bottom:30px}.board-samples-intro{font-size:14px}.board-samples-layout{flex-direction:column;gap:28px;display:flex}.board-samples-layout>section,.board-samples-summary{width:100%}.board-samples-grid{gap:20px 14px}.board-sample>span:last-child{font-size:12px}.board-samples-summary{position:static}.board-samples h2{font-size:18px}.board-sample-check{width:22px;height:22px;inset-block-start:6px;inset-inline-end:6px}}