#main h1,form{margin-bottom:2.5rem}.product-card,select{background:#fff;box-shadow:var(--shadow);transition:var(--transition)}.product-card,.product-image{overflow:hidden;display:flex;position:relative}#main h1,.product-info h2,label,select{color:var(--secondary)}#main h1::after,.product-info h2::after{content:'';position:absolute;background:var(--primary)}#cards>p,#main h1{text-align:center}#cards>p,#main{animation:.8s ease-out fadeIn}#main{padding:2rem 1rem;max-width:1400px;margin:0 auto}#main h1{position:relative;padding-bottom:15px;font-size:2.5rem;font-weight:700}#main h1::after{bottom:0;left:50%;transform:translateX(-50%);width:120px;height:4px;border-radius:2px;animation:1s ease-out widthGrow}form{display:flex;align-items:center;justify-content:center;gap:1rem;animation:.6s ease-out slideInDown;flex-wrap:wrap}label{font-size:1.2rem;font-weight:600}select{padding:.8rem 1.2rem;border:2px solid #b2e900;border-radius:10px;font-size:1.1rem;cursor:pointer;outline:0;width:250px}select:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(255,107,53,.2)}#products{margin-top:2rem}#cards{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem}.product-card{border-radius:15px;flex-direction:column;height:100%;gap:2px}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.product-image{width:100%;height:auto;background:#f5f7fa;align-items:center;justify-content:center;border-radius:15px 15px 0 0;border:6px solid #b2e900}.product-card:hover .product-image::before{opacity:1}.product-image img{max-height:100%;max-width:100%;object-fit:contain;display:block;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.05)}.product-info{padding:1rem;flex:1;display:flex;flex-direction:column}.product-info h2{margin-top:0;margin-bottom:.8rem;font-size:2.4rem;position:relative;display:inline-block}.product-info h2::after{bottom:-5px;left:0;width:50px;height:3px;border-radius:2px}.product-info p{margin:0;color:var(--text);font-size:1rem;line-height:1.5}.product-info p:nth-child(2){font-size:1.3rem;font-weight:700;color:var(--primary)}.product-info p:nth-child(3){color:var(--accent);font-weight:600}.category-badge{background:var(--accent);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.9rem;display:inline-block;margin-top:.5rem;align-self:flex-start;transition:var(--transition)}.product-card:hover .category-badge{background:var(--primary);transform:translateY(-3px)}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:4px;border-top:1px solid rgba(0,0,0,.05)}.product-actions form{display:contents;margin:0}.product-actions button{width:100%;padding:.9rem;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:var(--transition);border:none;box-shadow:0 4px 12px rgba(0,0,0,.1)}.product-actions button:first-child{background:var(--primary);color:#fff}.product-actions button:first-child:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 6px 15px rgba(255,107,53,.3)}.product-actions button:last-child{background:var(--accent);color:#fff}.product-actions button:last-child:hover{background:#5a7d9c;transform:translateY(-3px);box-shadow:0 6px 15px rgba(106,142,174,.3)}#cards>p{grid-column:1/-1;padding:3rem;font-size:1.3rem;color:var(--text)}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes widthGrow{from{width:0}to{width:120px}}@media (max-width:1200px){#cards{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){#cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:676px){#cards{grid-template-columns:repeat(2,1fr);gap:1rem}.product-card{width:100%}.product-info h2{font-size:2rem}.product-info p{font-size:.85rem}.product-image{height:auto}.product-actions{display:flex;flex-direction:column}.product-actions button{font-size:.9rem;padding:5px}}@media (max-width:450px){.product-info{padding:.2rem}.product-image{height:auto}.product-info p:nth-child(2){font-size:15PX;font-weight:700;color:var(--primary)}.product-info p:nth-child(4){display:none}}#products::after,#products::before{display:none}