.picker-section{width:100%;padding:40px 0}#app{width:100%;min-height:400px}.container{max-width:1200px;margin:0 auto;padding:20px}header{text-align:center;margin-bottom:40px}.picker-heading{margin-bottom:15px;font-size:var(--picker-heading-size, 40px)}.picker-description{margin:0 auto 25px;max-width:600px;line-height:1.6}.picker-counter{display:inline-block;padding:10px 30px;background:#0000000d;border-radius:30px;font-size:var(--picker-counter-size, 18px)}.picker-counter.complete{background:#4ade801a;animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:40px}.card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.card:hover:not(.disabled){transform:translateY(-5px);box-shadow:0 8px 15px #0003}.card.selected{border:3px solid #4ade80;transform:scale(1.02)}.card.disabled{opacity:.5;cursor:not-allowed}.card.error{border:3px solid #ef4444;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.image{position:relative;width:100%;padding-top:70%;overflow:hidden;background:#f3f4f6}.image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.check{position:absolute;top:10px;right:10px;background:#4ade80;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;animation:checkAppear .3s ease}@keyframes checkAppear{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.card-content{padding:0 15px 15px;text-align:left;margin:0}.card h3{font-size:.9rem;font-weight:500;margin:0 0 6px;padding:12px 0 0;text-align:left;line-height:1.3}.card-description{font-size:.75rem;color:#6b7280;line-height:1.4;margin:0;text-align:left}footer{text-align:center;padding:20px 0}.picker-button{background:var(--picker-button-bg, #000000);color:var(--picker-button-text, #ffffff);border:none;padding:18px 50px;font-size:1rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s ease}.picker-button:hover:not(:disabled){opacity:.9}.picker-button:disabled{opacity:.3;cursor:not-allowed}.picker-error{background:#fef2f2;border:2px solid #ef4444;border-radius:8px;padding:20px;margin-bottom:30px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-content{text-align:center}.error-icon{font-size:2rem;margin-bottom:10px}.error-message{color:#991b1b;font-size:1rem;margin-bottom:15px;line-height:1.5}.retry-button{background:#ef4444;color:#fff;border:none;padding:10px 30px;font-size:.9rem;font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#dc2626}@media (max-width: 768px){.grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}header h1{font-size:2rem}.counter{font-size:1.2rem;padding:8px 20px}footer button{padding:15px 40px;font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-picker-10.css.map */