.ls-vp{margin:0 0 26px;text-align:left}
.ls-vp__label{display:flex;flex-wrap:wrap;gap:0 14px;align-items:baseline;margin:0 0 14px;font-size:15px;letter-spacing:.06em;text-transform:uppercase;line-height:1.35}
.ls-vp__name{font-weight:400;opacity:.8}
.ls-vp__value{font-weight:500}
.ls-vp__grid{display:grid;gap:12px;margin:0;padding:0;border:0}
.ls-vp--color .ls-vp__grid{grid-template-columns:repeat(5,minmax(0,1fr));max-width:560px}
.ls-vp--size .ls-vp__grid{display:flex;flex-wrap:wrap;gap:10px}
.ls-vp .variant-input{margin:0!important;position:relative}
.ls-vp .variant-input input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ls-vp__tile{display:flex!important;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;margin:0!important;padding:4px!important;border:1px solid #dcdcdc!important;border-radius:6px!important;background:#fff!important;cursor:pointer;overflow:hidden;box-shadow:none!important;transition:border-color .15s}
.ls-vp__tile:hover{border-color:#999!important}
.ls-vp__img{width:100%;height:100%;object-fit:contain;display:block}
.ls-vp__placeholder{font-size:11px;line-height:1.2;text-align:center;text-transform:uppercase;letter-spacing:.04em;color:#555;padding:4px;background:#f3f3f3;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:4px}
.ls-vp .variant-input input:checked+.ls-vp__tile{border:2px solid #111!important;padding:3px!important}
.ls-vp__btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:72px;height:50px;margin:0!important;padding:0 14px!important;border:1.5px solid #222!important;border-radius:0!important;background:#fff!important;color:#222!important;font-size:17px;letter-spacing:.02em;cursor:pointer;box-shadow:none!important;white-space:nowrap}
.ls-vp .variant-input input:checked+.ls-vp__btn{background:#333!important;border-color:#333!important;color:#fff!important}
.ls-vp .variant-input input:focus-visible+label{outline:2px solid #111;outline-offset:2px}
.ls-vp label.disabled,.ls-vp .variant-input input.disabled+label{opacity:.45;position:relative}
.ls-vp__btn.disabled:after,.ls-vp .variant-input input.disabled+.ls-vp__btn:after{content:"";position:absolute;left:8%;right:8%;top:50%;border-top:1px solid currentColor;transform:rotate(-18deg)}
@media (max-width:768px){
 .ls-vp--color .ls-vp__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
 .ls-vp__label{font-size:14px}
 .ls-vp__btn{min-width:64px;height:46px;font-size:15px;padding:0 10px!important}
}
