.dinchel-variant-photo-option{display:inline-flex!important;flex-direction:column;align-items:center;justify-content:flex-start;vertical-align:top;width:calc(var(--dinchel-variant-product-size) + 12px);min-height:calc(var(--dinchel-variant-product-size) + 38px);padding:5px!important;margin:3px!important;border:1px solid #d7dce2!important;border-radius:6px;background:#fff!important;box-shadow:none!important;cursor:pointer;box-sizing:border-box;transition:border-color .15s,box-shadow .15s,background .15s}
.dinchel-variant-photo-option:hover{border-color:#8aaed1!important}.dinchel-variant-photo-option.is-selected,.dinchel-variant-photo-option:has(input[type=radio]:checked){border-color:#1769aa!important;box-shadow:0 0 0 2px rgba(23,105,170,.16)!important;background:#f4f9fd!important}
.dinchel-variant-photo-option input[type=radio]{position:absolute!important;opacity:0!important;width:1px!important;height:1px!important}
.dinchel-variant-photo-option img{display:block;width:var(--dinchel-variant-product-size);height:var(--dinchel-variant-product-size);object-fit:contain;margin:0 0 5px;background:#fff}
.dinchel-variant-photo-option .radio_attr_label{font-size:12px;line-height:1.25;text-align:center;white-space:normal}
.dinchel-variant-gallery-shell{position:relative;max-width:100%;margin:7px 0 5px}
.dinchel-variant-gallery{display:flex;flex-wrap:nowrap;gap:4px;justify-content:flex-start;align-items:stretch;width:100%;max-width:100%;margin:0;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.dinchel-variant-gallery::-webkit-scrollbar{display:none;width:0;height:0}
.dinchel-variant-thumb{display:inline-flex;flex:0 0 calc(var(--dinchel-variant-category-size) + 8px);align-items:center;justify-content:center;width:calc(var(--dinchel-variant-category-size) + 8px);padding:3px;border:1px solid #d9dde2;border-radius:4px;background:#fff;color:#333;cursor:pointer;box-sizing:border-box}
.dinchel-variant-thumb:hover,.dinchel-variant-thumb.is-selected{border-color:#1769aa;background:#f4f9fd}
.dinchel-variant-thumb img{display:block;width:var(--dinchel-variant-category-size);height:var(--dinchel-variant-category-size);object-fit:contain;background:#fff}
.dinchel-variant-arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid #d5d9de;border-radius:50%;background:rgba(255,255,255,.96);color:#4b5563;font-size:24px;line-height:1;box-shadow:0 1px 4px rgba(0,0,0,.14);cursor:pointer;transform:translateY(-50%)}
.dinchel-variant-arrow:hover{border-color:#1769aa;color:#1769aa}.dinchel-variant-arrow.is-prev{left:2px}.dinchel-variant-arrow.is-next{right:2px}.dinchel-variant-arrow[hidden]{display:none!important}
@media(max-width:767.98px){.dinchel-variant-photo-option{width:76px;min-height:106px}.dinchel-variant-photo-option img{width:64px;height:64px}}