@media (max-width: 767px){.section-title{font-size:2rem;margin-bottom:5vh}}.card-item{display:none;opacity:0;transition:opacity .5s ease-in-out}.card-item.visible{display:block;opacity:1}.card{display:flex;flex-direction:column;min-height:45vh;max-height:45vh;border:none;margin-bottom:2vh;overflow:hidden;transition:box-shadow .3s ease-in-out,transform .3s ease-in-out;background-color:#0000001a;border-radius:.5rem;box-shadow:0 .5rem 1rem #0000001a}.product-card .card a{text-decoration:none;color:var(--black)}.card:hover{box-shadow:0 1rem 2rem #0003;transform:translateY(-.3rem)}.card-img-container{position:relative;width:100%;height:auto;padding-bottom:56.25%;overflow:hidden;border-radius:.5rem .5rem 0 0}.card-img-top{min-height:28vh;max-height:28vh;-o-object-fit:cover;object-fit:cover;width:100%}.card-img-overlay{position:absolute;bottom:0;left:0;width:100%;background:#0006;color:var(--white);padding:1rem;text-align:center;transition:background .3s ease-in-out}.card-img-top:hover .card-img-overlay{background:#0000001a}.card-img-overlay .text-box{background:#9b9b9b4d;padding:.5rem;border-radius:.3rem;display:inline-block;margin:0 auto}.card-title{margin:0;font-size:1rem;letter-spacing:.1rem;margin-bottom:.5rem}@media (max-width: 768px){.section-title{font-size:2.5rem}.card-container{padding:10vh 0}.card-img-top{height:25vh}.card{max-height:40vh}.card-title{font-size:1rem}.card-price{font-size:.9rem}}@media (max-width: 480px){.card{max-height:30vh}.card-img-top{height:22vh}.card-title{font-size:.9rem}.card-price{font-size:.8rem}}.text-center{text-align:center}.card-price{font-size:1rem;color:var(--black)}.count{position:absolute;bottom:0;left:0;width:100%;padding:1rem;box-sizing:border-box}.form-control,.form-select{width:102%}.form-control,.form-select,.btn.reset{border-radius:.3rem;border:1px solid var(--dark-gray);box-shadow:inset 0 .1rem .2rem #0000001a;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select{margin-left:1rem}.btn.reset{margin-left:1.5rem;padding:.8rem 1.2rem}.form-control:focus,.form-select:focus{border-color:var(--light-blue);box-shadow:0 0 0 .2rem #009ee040}.btn.reset{background-color:var(--light-blue);color:var(--white);border:none;font-size:1rem;transition:background .3s ease-in-out}.btn.reset:hover{background-color:var(--hot-pink)}.btn.reset:active{background-color:var(--dark-blue)}.info-button-container{flex:1;display:flex;justify-content:center}.info-button-container.left{text-align:left}.info-button-container.right{text-align:right}.info-button{background-color:var(--light-blue);color:var(--white);border:none;border-radius:.5rem;padding:1rem 1.5rem;font-size:1rem;cursor:pointer;font-weight:700;transition:background-color .3s ease;min-width:25vw;max-width:90%;margin-bottom:1rem;text-align:center;display:inline-block}.info-button:hover{background-color:var(--hot-pink)}.info-tooltip{display:none;position:absolute;width:90%;min-width:30vw;max-width:600px;background-color:var(--white);border:1px solid var(--light-gray);border-radius:.5rem;padding:1rem;box-shadow:0 .2rem 1rem var(--transparent-black);z-index:1000;text-align:left;font-size:1rem}.info-button-container:hover .info-tooltip{display:block}.info-button-container.left,.info-button-container.right{flex:1;display:flex;justify-content:center}@media (min-width: 768px){.info-button-container.left .info-tooltip{left:15vw;top:60vh}.info-button-container.right .info-tooltip{right:15vw;top:60vh}}@media (max-width: 768px){#toggle-tooltip1:checked+.info-button+.info-tooltip,#toggle-tooltip2:checked+.info-button+.info-tooltip{display:block}.info-button-container.left .info-tooltip,.info-button-container.right .info-tooltip{left:5%;right:5%;min-width:50vw;max-width:90%}.info-tooltip{font-size:.85rem;padding:.8rem;top:50%;transform:translateY(-50%)}}.toggle-checkbox{display:none}