.card-colors{display:flex;flex-wrap:wrap;gap:6px;padding:6px 20px 16px;align-items:center}
.color-label{width:100%;font-size:.67rem;font-weight:700;color:#656b72;margin-bottom:2px}
.color-choice{display:inline-flex;gap:6px;align-items:center;border:1px solid #dce0db;border-radius:20px;background:#fff;color:#242932;font-family:inherit;font-size:.68rem;font-weight:600;line-height:1.2;padding:8px 9px;min-height:38px;cursor:pointer}
.color-choice:hover{background:#f5f8ed}.color-choice.is-active{border-color:#365823;background:#edf5dd}
.color-dot{display:inline-block;width:12px;height:12px;border:1px solid #0002;border-radius:50%;flex-shrink:0}
.detail-gallery{min-width:0}
.detail-zoom{position:relative;display:block;width:100%;padding:0;border:0;border-radius:20px;background:white;cursor:zoom-in;overflow:hidden}
.detail-zoom .detail-image{display:block;width:100%;height:390px;max-height:none;object-fit:contain}
.detail-zoom>span{position:absolute;bottom:12px;right:16px;font-size:.68rem;background:#f3f5ef;border-radius:20px;padding:7px 12px;color:#343b40}
.gallery-caption{font-size:.84rem;font-weight:700;margin:14px 0 10px}
.gallery-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.gallery-thumb{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:8px 4px;background:#fff;border:1px solid #d8ddd2;border-radius:11px;cursor:pointer;font:inherit;color:#222b20}
.gallery-thumb img{width:100%;height:66px;object-fit:contain}
.gallery-thumb span{font-size:.68rem;line-height:1.3}
.gallery-thumb.is-active{border:2px solid #42602b;padding:7px 3px;background:#f2f8e7}
.gallery-note{font-size:.72rem;color:#657060;line-height:1.7;margin:15px 0}
.color-image-dialog{max-width:1000px;width:90vw;max-height:92vh;border:0;border-radius:18px;padding:20px;background:#fff}
.color-image-dialog::backdrop{background:#0c1018c9}
.color-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:18px}
.color-dialog-header h2{font-family:inherit;font-size:1rem;font-weight:600;line-height:1.4;margin:0}
.color-dialog-header button{padding:10px 14px;border:1px solid #d8ddd2;border-radius:8px;background:#f4f6f0;cursor:pointer;font:inherit;white-space:nowrap}
.color-image-dialog>img{display:block;width:100%;height:calc(85vh - 95px);object-fit:contain;margin-top:10px}
:is(.color-choice,.gallery-thumb,.detail-zoom,.color-dialog-header button):focus-visible{outline:3px solid #0079c0;outline-offset:3px}
body.color-gallery-open{overflow:hidden}
@media(max-width:600px){.detail-zoom .detail-image{height:320px}.gallery-thumbnails{gap:6px}.gallery-thumb img{height:56px}.gallery-thumb span{font-size:.63rem}.color-image-dialog{width:94vw;padding:14px}.color-dialog-header{align-items:start}.color-dialog-header h2{font-size:.85rem}}