.variant{text-decoration:none;color:#000000;appearance:none;outline:none;position:relative}.variant .content{height:100%;cursor:pointer;position:relative}.variant .content .reduction{position:absolute;line-height:18px;font-size:12px;display:inline-block;padding:0 8px;border-radius:3px;z-index:1;right:10px;margin-top:-14px;background:var(--color-1);color:#000000;border:1px solid var(--color-1)}@media (min-width: 992px){.variant .content .reduction{line-height:20px;font-size:14px;padding:0 10px;right:20px;margin-top:-10px}}.variant .content .c{overflow:hidden;border-radius:5px;border:2px solid var(--color-1);transition:all 0.3s ease;height:100%;display:flex;flex-direction:row}.variant .content .c .content-image{width:80px;font-size:0px;line-height:0px}@media (min-width: 992px){.variant .content .c .content-image{width:100px}}.variant .content .c .content-image img{object-fit:contain;width:80px}@media (min-width: 992px){.variant .content .c .content-image img{width:100px}}.variant .content .c .content-title{padding:10px 10px 0px 10px}.variant .content .c .content-title h3{font-size:12px;text-align:center;color:#000000;text-align:left}.variant .content .c .content-title h4{font-size:10px;color:#666666;text-align:center}.variant .content .c .content-price{padding:0 10px 10px 10px;display:flex;align-items:flex-end;justify-content:flex-end;text-align:right;flex:1}.variant .content .c .content-price .price{text-align:center;display:flex;flex-direction:column}.variant .content .c .content-price .price .currentprice{font-size:14px}.variant .content .c .content-price .price .oldprice{text-decoration:line-through;font-size:12px;color:#666666}.variant.selected .content .reduction{border:1px solid #ffffff}.variant.selected .content .c{background:var(--color-1)}.variant:hover .content .reduction{border:1px solid #ffffff}.variant:hover .content .c{background:var(--color-1)}.variant.out-of-stock{pointer-events:none;opacity:0.6}.variant .badge{position:absolute;line-height:18px;font-size:10px;padding:0 12px;background:#ffffff;border-radius:3px;top:10px;right:10px;z-index:1}