.swatch-container{display:flex;margin-bottom:10px;flex-wrap:wrap}@media only screen and (min-width:1025px){.swatch-container{margin-right:20%}}.swatch{width:30%;height:auto;margin:1.5%;cursor:pointer;border:2px solid #ddd;transition:border .3s ease,transform .2s ease;box-sizing:border-box;border-radius:5px}.swatch:hover{border-color:#555;transform:scale(1.05)}.swatch img{max-width:100%;max-height:100%;object-fit:cover;display:block;border-radius:5px}.swatch.selected{border-color:#0071a1;box-shadow:0 0 10px rgba(0,113,161,.5)}.swatch-label{display:block;text-align:center;font-size:13px;color:#333;font-weight:400}.swatch-btn{display:inline-block;background-color:#333;color:#fff;border:2px solid #333;padding:8px 16px;margin:5px;font-size:14px;font-weight:500;cursor:pointer;border-radius:4px;transition:background-color .3s ease,border-color .3s ease,color .3s ease,transform .2s ease,box-shadow .3s ease;outline:none;box-shadow:none;font-family:inherit;text-align:center}.swatch-btn:hover{background-color:#444;border-color:#444;transform:translateY(-1px)}.swatch-btn.selected{background-color:#f60;border-color:#f60;color:#fff;box-shadow:0 4px 12px rgba(255,102,0,.4);transform:scale(1.03)}.swatch-btn:active{transform:translateY(0)}