.recent-decors { display: grid; gap: 12px; min-width: 0; padding: 12px 14px; background: #fff; border: 1px solid #d9ded7; border-radius: 6px; }
.recent-decors[hidden], .recent-decors [hidden] { display: none; }
.recent-decors h3 { margin: 0 0 7px; color: #264a38; font-size: .78rem; line-height: 1.35; }
.recent-decors__list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
body.storefront .recent-decors .recent-decors__choice { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 7px; align-items: center; min-width: 0; min-height: 44px; padding: 5px; border: 1px solid #d8dfd7; border-radius: 5px; background: #fff; color: #264a38; box-shadow: none; text-align: left; font-size: .68rem; line-height: 1.3; }
body.storefront .recent-decors .recent-decors__choice[aria-pressed="true"], body.storefront .recent-decors .recent-decors__choice:hover { border-color: #286246; background: #f1f7f2; box-shadow: inset 0 0 0 1px #286246; transform: none; }
body.storefront .recent-decors .recent-decors__choice:focus-visible { outline: 2px solid #286246; outline-offset: 2px; }
.recent-decors__swatch { display: block; width: 32px; height: 32px; overflow: hidden; border: 1px solid #dde2d9; border-radius: 3px; background: #f3f3f0; }
.recent-decors__swatch img { width: 100%; height: 100%; object-fit: cover; }
.recent-decors__label { overflow-wrap: anywhere; }
.recent-decors__status { margin: 0; font-size: .72rem; color: #3d5a48; }
.recent-decors__status:empty { display: none; }