.fcat-product-variant-container{display:flex;flex-direction:column;gap:20px}.variant-wrapper{margin-bottom:20px}.variant-title{font-size:16px;font-weight:700;margin-bottom:10px}.variant-options{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap}.variant-options li{width:auto;min-width:40px;height:40px;padding:5px;border:1px solid #ccc;border-radius:0;display:flex;justify-content:center;align-items:center;text-align:center;font-size:14px;user-select:none;transition:opacity .3s ease,background-color .3s ease;background-color:#fff;position:relative}.variant-options li.color-pattern-type{width:60px;height:80px;background-size:calc(100% - 6px);background-repeat:no-repeat;background-position:center}.variant-options li.color-pattern-type:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:3px solid #fff}.variant-options li.active{border-color:#ff8100;font-weight:600}.variant-options li.unavailable{opacity:.5;cursor:default;position:relative}.variant-options li.unavailable:hover{background-color:#f0f0f0}.variant-options li.unavailable::before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:rgba(0,0,0,.7);transform:rotate(-45deg);transform-origin:center;pointer-events:none;z-index:2}