.comfort-colors{margin:16px 0 20px;padding:12px;border:1px solid #e1e5e2;border-radius:10px;background:#fff;color:#17312a}
.comfort-colors__picture{width:100%;max-width:390px;margin:auto;aspect-ratio:1024/722;position:relative}
.comfort-colors__picture canvas,.comfort-colors__picture img{display:block;width:100%;height:auto;object-fit:contain}
.comfort-colors__picture [hidden]{display:none!important}
.comfort-colors figcaption{margin:8px 0 0}
.comfort-colors__status{font-size:12px;line-height:1.5;margin:0 0 6px;font-weight:600}
.comfort-colors__note{font-size:12px;line-height:1.5;margin:0;color:#626b66}
.comfort-colors[aria-busy=true] .comfort-colors__picture{opacity:.65}
@media(max-width:749px){.comfort-colors{padding:10px}.comfort-colors__picture{max-width:320px}}

.bock-config .bock-accessory-photo{margin:12px 0 4px;border:1px solid #dde3df;border-radius:8px;overflow:hidden;background:#fff}
.bock-config .bock-accessory-photo>summary{display:flex;align-items:center;gap:16px;padding:10px;cursor:pointer;font-size:.875rem;font-weight:500}
.bock-config .bock-accessory-photo>summary img{width:108px;height:76px;object-fit:contain;flex:0 0 auto}
.bock-config .bock-accessory-photo>summary::after{content:'+';margin-left:auto;font-size:1.25rem}
.bock-config .bock-accessory-photo[open]>summary::after{content:'−'}
.bock-config .bock-accessory-photo figure{margin:0;padding:12px;border-top:1px solid #dde3df}
.bock-config .bock-accessory-photo figure img{display:block;width:100%;max-height:400px;height:auto;object-fit:contain}
.bock-config .bock-accessory-photo figcaption{font-size:.8125rem;margin-top:8px;color:#53635b}
.bock-config .bock-accessory-photo summary:focus-visible{outline:2px solid #234c3b;outline-offset:-3px}
@media(max-width:480px){.bock-config .bock-accessory-photo>summary{gap:10px}.bock-config .bock-accessory-photo>summary img{width:84px;height:60px}}

.comfort-colors__picture{max-width:520px;aspect-ratio:auto;min-height:160px}.comfort-colors__picture canvas{width:100%;height:auto}.comfort-colors__picture img{width:100%;height:auto}


.comfort-colors__picture img[data-color-preview]{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}