*{margin:0;padding:0;box-sizing:border-box;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}.App{font-family:Segoe UI,sans-serif;background-color:#f0f2f5;padding:40px;min-height:100vh}h1{text-align:center;margin-bottom:40px;color:#1a1a1a}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.card-image{position:relative;height:200px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-image img{transform:scale(1.1)}.card-price{position:absolute;top:15px;right:15px;background:#000000b3;color:#fff;padding:5px 12px;border-radius:20px;font-weight:700;font-size:.9rem}.card-content{padding:20px;text-align:center}.card-content h3{margin:0 0 15px;font-size:1.2rem;color:#333}.card-content button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;font-weight:600;cursor:pointer;transition:background .2s}.card-content button:hover{background-color:#0056b3}.card.selected{border:3px solid #007bff;transform:scale(1.05);box-shadow:0 0 20px #007bff66;z-index:10}.card{transition:all .2s ease-in-out;border:3px solid transparent}.card-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding-bottom:50px}.card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:transform .2s ease-in-out,box-shadow .2s;border:3px solid transparent;position:relative;display:flex;flex-direction:column}.card.selected{border:3px solid #007bff;transform:scale(1.05);box-shadow:0 0 25px #007bff66;z-index:10}.card-image-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;height:200px}.card-image-slider::-webkit-scrollbar{display:none}.card-image-slider img{min-width:100%;height:100%;object-fit:cover;scroll-snap-align:center;cursor:grab}.card-image-slider img:active{cursor:grabbing}.price-tag{position:absolute;top:15px;right:15px;background:#000c;color:#fff;padding:5px 10px;border-radius:20px;font-weight:700;font-size:.9em;pointer-events:none}.card-content{padding:15px;text-align:center;cursor:pointer}.card-content h3{margin:0;font-size:1.1rem;color:#333}.slider-wrapper{position:relative;width:100%;height:200px}.card-image-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;height:100%;scroll-behavior:smooth}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;font-size:18px;padding:10px;cursor:pointer;z-index:5;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:background .3s;opacity:0}.card:hover .slider-btn{opacity:1}.slider-btn:hover{background-color:#000c}.slider-btn.prev{left:10px}.slider-btn.next{right:10px}.search-container{display:flex;justify-content:center;margin-bottom:20px}.search-input{width:100%;max-width:500px;padding:12px 20px;border:2px solid #ddd;border-radius:25px;font-size:16px;transition:all .3s ease;outline:none;box-shadow:0 4px 6px #0000000d}.search-input:focus{border-color:#007bff;box-shadow:0 4px 12px #007bff33}