.fabric-form-layout{display:flex;flex-wrap:wrap;gap:40px;margin-top:60px}.form-column{flex:1 1 60%}.preview-column{flex:1 1 35%;background:#f9f9f9;padding:20px;border-radius:6px;border:1px solid #ddd}.preview-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.preview-list p{text-wrap:nowrap}.preview-swatch{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;flex-direction:column}.preview-swatch .remove-swatch{position:absolute;top:-14px;right:-5px;background:#fff;border:.5px solid red;font-size:14px;line-height:1;padding:4px 6px;border-radius:50%;cursor:pointer;aspect-ratio:1}.preview-swatch .remove-swatch:hover{background:#c00}.preview-swatch img{width:80px;height:80px;object-fit:cover;border:1px solid #ccc;border-radius:4px}.preview-swatch span{display:block;font-size:10px;margin-top:4px;font-weight:500}.fabric-group{border-bottom:1px solid #00000026;padding-bottom:30px;margin-bottom:50px}.fabric-title{font-size:3rem}.fabric-description{font-size:1.6rem;color:#666;margin-bottom:15px}.fabric-swatches-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}@media (min-width: 768px){.fabric-swatches-grid{grid-template-columns:repeat(4,1fr)}.fabric-swatches-wrapper{padding-right:20px;padding-left:20px}}@media (min-width: 1024px){.fabric-swatches-grid{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width: 750px){.swatch-item .checkmark-icon{font-size:0;padding:4px 5px;width:18px;height:18px}.swatch-item.selected .checkmark-icon{font-size:10px!important}.fabric-form-layout{flex-direction:column-reverse}.preview-list{grid-template-columns:repeat(3,1fr)}}.swatch-item.selected{border-color:#1e575c}.swatch-item{text-align:center;transition:opacity .3s ease;border:2px solid #0000000a;padding:10px;border-radius:10px}.swatch-item img{width:100%;height:auto;border:1px solid #ccc;border-radius:8px}.swatch-name{font-size:12px;margin-top:6px;font-weight:600;text-align:center}.fabric-checkbox{margin-bottom:5px}.swatch-item.disabled{opacity:.4;pointer-events:none}.checkmark-icon{position:absolute;top:16px;right:16px;background:#fff;color:#fff!important;font-size:0;padding:5px 6px;border-radius:6px;z-index:2;font-weight:700;line-height:1;width:24px;height:24px}.swatch-item{position:relative}.swatch-item.selected .checkmark-icon{background:#1e575c;font-size:14px}button[type=submit]{background:linear-gradient(90deg,#0aaea4,#1e575c);color:#fff;border:none;padding:12px 20px;cursor:pointer;margin-top:20px;border-radius:8px;font-size:16px}button[disabled]{background:#ccc;cursor:not-allowed}.form-success{color:green;margin-top:20px}.form-errors{color:red;margin-top:20px}.form-group{display:flex;flex-direction:column;gap:15px}.form-row{display:flex;flex-wrap:wrap;gap:15px}.form-row input{flex:1 1 48%}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #ccc;border-radius:8px;font-size:15px;font-family:inherit;background:#fff;box-sizing:border-box}.form-group textarea{min-height:120px;resize:vertical}@media (max-width: 768px){.form-row input{flex:1 1 100%}}.fabric-swatches-wrapper .popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:flex;justify-content:center;align-items:center}.fabric-swatches-wrapper .popup.hidden{display:none}.fabric-swatches-wrapper .popup-content{background:#fff;padding:20px 30px;border-radius:8px;text-align:center;max-width:90%}.fabric-swatches-wrapper .popup-content button{margin-top:15px;padding:8px 16px;background:#1e575c;color:#fff;border:none;border-radius:4px;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/31/assets/free-swatches.css.map */