.set-components{margin:1.5rem 0;padding:1rem;background:linear-gradient(135deg,#f9f7f4,#fefdfb);border-radius:.8rem;border-left:4px solid #d4a574}.set-components-title{font-size:1.5rem;font-weight:600;color:#2c2c2c;margin-bottom:.75rem;letter-spacing:.5px}.set-components-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:.75rem;list-style:none;padding:0;margin:0}.set-component-item{position:relative;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.set-component-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;background:#fff;border-radius:.6rem;border:2px solid transparent;transition:all .3s ease;box-shadow:0 2px 6px #0000000f;min-height:60px;justify-content:center}.set-component-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.6rem;background:#f5f5f5;max-height:0;overflow:hidden;transition:max-height .3s ease,margin-bottom .3s ease;margin-bottom:0}.set-component-item:hover .set-component-image{max-height:80px;margin-bottom:.4rem}.set-component-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:.6rem;background:#f5f5f5}.set-component-name{font-size:1.15rem;font-weight:500;color:#2c2c2c;text-align:center;line-height:1.2;word-break:break-word;transition:color .3s ease;width:100%;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.set-component-item:hover .set-component-name{color:#d4a574}.set-component-item:hover .set-component-card{border-color:#d4a574;box-shadow:0 8px 20px #d4a57426;transform:translateY(-4px)}.set-product-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;animation:fadeIn .3s ease;overflow-y:auto}.set-product-modal.active{display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content-wrapper{background:#fff;border-radius:1.2rem;max-width:90vw;max-height:90vh;overflow-y:auto;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#2c2c2c;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;z-index:1001}.modal-close-btn:hover{background:#f5f5f5;transform:rotate(90deg)}.modal-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;position:relative}.modal-image-container{display:flex;align-items:center;justify-content:center;background:#f9f7f4;border-radius:1rem;overflow:hidden;min-height:400px}.modal-image{width:100%;height:100%;object-fit:cover;border-radius:1rem}.modal-info{display:flex;flex-direction:column;justify-content:space-between}.modal-product-title{font-size:2rem;font-weight:700;color:#2c2c2c;margin-bottom:1rem;line-height:1.2}.modal-product-price{font-size:1.6rem;font-weight:600;color:#d4a574;margin-bottom:1.5rem}.modal-product-description{font-size:1.1rem;color:#555;line-height:1.6;margin-bottom:1.5rem}.modal-product-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}.detail-row{display:flex;justify-content:space-between;font-size:1.1rem}.detail-label{font-weight:600;color:#2c2c2c}.detail-value{color:#666}.modal-button{background:linear-gradient(135deg,#d4a574,#c9985f);color:#fff;border:none;padding:1.2rem 2rem;border-radius:.5rem;font-size:1.15rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #d4a5744d;text-decoration:none;text-align:center;display:inline-block;width:100%}.modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #d4a57466}@media screen and (max-width: 749px){.set-components{padding:.8rem;margin:1.5rem 0}.set-components-title{font-size:1.25rem;margin-bottom:.6rem}.set-components-list{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:.6rem}.set-component-card{padding:.6rem;gap:.4rem;min-height:55px}.set-component-name{font-size:1.05rem}.set-component-item:hover .set-component-image{max-height:75px;margin-bottom:.4rem}.modal-content{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.modal-image-container{min-height:300px}.modal-product-title{font-size:1.6rem}.modal-product-price{font-size:1.35rem}.detail-row{font-size:1rem}.modal-close-btn{top:1rem;right:1rem;width:36px;height:36px}}@media screen and (max-width: 450px){.set-components{padding:.7rem;margin:1rem 0}.set-components-title{font-size:1.15rem;margin-bottom:.5rem}.set-components-list{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:.5rem}.set-component-card{padding:.5rem;gap:.35rem;min-height:50px}.set-component-name{font-size:1rem}.set-component-item:hover .set-component-image{max-height:70px;margin-bottom:.35rem}.modal-image-container{min-height:250px}.modal-product-title{font-size:1.4rem}.modal-product-price{font-size:1.2rem}.detail-row{font-size:.95rem}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/set-components-modal.css.map */