.ready-made-designs-section{margin-top:20px;margin-bottom:20px;border:1px solid #e0e0e0;padding:15px;border-radius:5px;background-color:#f9f9f9}.designs-title{font-size:1.2em;margin-bottom:15px;color:#333}.design-selection-dropdown select,.design-selection-radio-group label{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;margin-bottom:10px;box-sizing:border-box;font-size:1em}.design-selection-radio-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.design-selection-radio-group input[type=radio]{display:none}.design-selection-radio-group label{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:2px solid #eee;padding:10px;border-radius:8px;transition:all .2s ease-in-out;text-align:center;flex:1 1 calc(33% - 20px);max-width:calc(33% - 20px)}.design-selection-radio-group label img{max-width:100px;height:auto;margin-bottom:5px;border-radius:4px}.design-selection-radio-group input[type=radio]:checked+label{border-color:#007bff;background-color:#e7f3ff}.design-preview-container{margin-top:20px;padding-top:15px;border-top:1px solid #eee}.design-preview{text-align:center;margin-bottom:15px}.design-preview img{max-width:100%;height:auto;border:1px solid #ddd;border-radius:5px;box-shadow:0 2px 5px #0000001a}.preview-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px;background-color:#f0f0f0;border:1px dashed #ccc;border-radius:5px;color:#888}.preview-placeholder svg{width:50px;height:50px;margin-bottom:10px;fill:#888}.design-info{background-color:#fff;border:1px solid #e0e0e0;padding:15px;border-radius:5px}.selected-design-name{font-size:1.1em;margin-bottom:5px;color:#333}.selected-design-id{font-size:.9em;color:#666;margin-bottom:10px}.selected-design-description{font-size:.95em;color:#555;line-height:1.5}@media (max-width: 768px){.design-selection-radio-group label{flex:1 1 calc(50% - 15px);max-width:calc(50% - 15px)}}@media (max-width: 480px){.design-selection-radio-group label{flex:1 1 100%;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/metaobject-design-selection.css.map */