.bookmark-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.saved-link{display:flex;gap:7px;align-items:center}.card-tools button[data-save]{display:flex;align-items:center;gap:7px}.is-saved .bookmark-icon{fill:currentColor}.category-group{margin-top:25px;padding-top:18px;border-top:1px solid #ddd}.category-group h3{font-size:14px;text-transform:uppercase;letter-spacing:.06em;color:#777;font-weight:400;margin:0 0 12px}.family-discovery{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0 90px;border-top:1px solid #ddd}.family-discovery h2{font-size:clamp(40px,4.7vw,75px);line-height:1.12;font-weight:400;margin:22px 0}.family-discovery p:not(.eyebrow){font-size:20px;line-height:1.5;max-width:540px}.family-discovery .btn{margin-top:20px}.family-discovery>a{background:#f2f2ef}.family-discovery img{width:100%;height:420px;object-fit:contain;mix-blend-mode:multiply}.visual-material-fields{display:block}.material-picker{border-top:1px solid #bbb;padding:24px 0 30px;margin-top:20px}.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.picker-heading h3{font-size:21px;font-weight:400;margin:0}.picker-heading button{font-size:14px}.material-picker>input[type=search],.material-picker>select{margin-top:15px}.picker-result-status{font-size:14px;color:#666;margin:15px 0 12px}.picker-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-height:480px;overflow-y:auto;overscroll-behavior:contain;padding:3px 6px 10px 2px}.material-option{text-align:left;background:white;border:1px solid #ddd;padding:9px;cursor:pointer;display:flex;flex-direction:column;min-width:0;color:#191919;font:inherit;border-radius:0}.material-option:hover{border-color:#666}.material-option.is-selected{border:2px solid #171717;padding:8px}.material-photo{position:relative;display:block;width:100%}.visual-swatch{display:block;position:relative;width:100%;height:150px;overflow:hidden;background:#eee}.visual-swatch img{width:100%;height:100%;object-fit:cover;display:block}.visual-swatch.wood-crop img{transform:scale(1.85)}.material-tick{position:absolute;top:7px;right:7px;background:#171717;color:#fff;width:24px;height:24px;display:grid;place-items:center;font-size:15px}.material-option-name{display:block;font-size:16px;line-height:1.3;margin:13px 0 7px}.material-option-type{font-size:14px;line-height:1.4;color:#666;display:block}.material-option-rub{font-size:14px;line-height:1.4;margin-top:8px;display:block}.picker-options .visual-swatch{height:125px}.picker-options .material-option-name{font-size:15px}.picker-options .material-option-type,.picker-options .material-option-rub{font-size:14px}.picker-more{padding:12px 18px;font-size:14px;margin-top:18px}.picker-more[hidden]{display:none}.public-material-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}.public-material-grid .visual-swatch{height:240px}.public-material-grid .material-option{padding:12px}.public-material-grid .material-option-name{font-size:21px}.material-dialog{width:min(1100px,calc(100% - 40px));max-height:90dvh;overflow-y:auto;border:0;padding:55px 40px 40px}.material-dialog::backdrop{background:#0008}.material-dialog>.close-dialog{position:absolute;right:25px;top:16px;border:0;background:none;font-size:16px;padding:8px;cursor:pointer}#material-dialog-content{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.material-detail-photo .visual-swatch{height:470px}.material-dialog h2{font-size:38px;line-height:1.2;font-weight:400;margin:15px 0 30px}.material-dialog dl>div{display:grid;grid-template-columns:1fr 1.3fr;gap:15px;border-top:1px solid #ddd;padding:16px 0;font-size:16px;line-height:1.5}.material-dialog dt{color:#666}.material-dialog dd{margin:0}.material-dialog .meta{line-height:1.6;font-size:15px}.finish-board>img{position:sticky;top:110px;align-self:start;max-height:calc(100dvh - 150px)}.finish-preview figcaption span:empty{display:none}.finish-preview figcaption span{line-height:1.4}.material-unavailable{min-height:100px;display:grid;place-items:center;padding:20px;color:#777;background:#eee;font-size:14px;line-height:1.4}
@media(max-width:1100px){.public-material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.picker-options{grid-template-columns:repeat(2,minmax(0,1fr))}.family-discovery{gap:40px}}
@media(max-width:760px){.family-discovery{grid-template-columns:1fr;gap:25px;padding:45px 0}.family-discovery h2{font-size:43px}.family-discovery img{height:310px}.family-discovery p:not(.eyebrow){font-size:18px}.public-material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.public-material-grid .visual-swatch{height:165px}.public-material-grid .material-option-name{font-size:18px}.public-material-grid .material-option{padding:8px}.picker-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:470px}.picker-options .visual-swatch{height:145px}.material-dialog{width:calc(100% - 24px);padding:60px 20px 25px}#material-dialog-content{grid-template-columns:1fr;gap:25px}.material-detail-photo .visual-swatch{height:300px}.material-dialog h2{font-size:30px}.material-dialog dl>div{font-size:16px}.finish-board>img{position:static;max-height:none}.category-group{margin-top:18px;padding-top:12px}.category-group h3{font-size:14px}.picker-heading h3{font-size:21px}.bookmark-icon{width:17px;height:19px}}

.selection-empty>span .bookmark-icon{width:40px;height:48px}.material-option:focus-visible{outline:2px solid #171717;outline-offset:3px}.public-material-grid .material-option .material-option-rub{margin-bottom:4px}
