body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#f7f7f7;color:#333;margin:0}header{position:relative;width:100%;height:100vh;background:url("./media/cap-banner-WQSC7Q4B.jpg") no-repeat center;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding-top:20px;background-size:100% 100vh;background-position-y:0}header:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a}header .content{position:relative;z-index:2;padding:20px}header h1{font-size:4rem;margin-bottom:20px}header p{font-size:1.5rem;margin-bottom:30px}.btn{background:#9e61bc;color:#fff;padding:15px 30px;text-decoration:none;border-radius:30px;transition:background .3s}section.features{padding:60px 20px;background:#fff;text-align:center}section.features h2{font-size:2.5rem;margin-bottom:40px}.features-container{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.feature{background:#f9f9f9;padding:15px;border-radius:8px;width:375px;box-shadow:0 4px 12px #0000001a}.feature img{width:100%;margin-bottom:20px}.feature h3{font-size:1.5rem;margin-bottom:15px}.feature p{font-size:1rem;line-height:1.5}section.gallery{padding:60px 20px;margin-bottom:30px;background:#fff;text-align:center}section.gallery h2{font-size:2.5rem;margin-bottom:40px}.gallery-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.gallery-container img{width:300px;border-radius:8px;box-shadow:0 4px 12px #0000001a}section.order{padding:60px 20px;background:#f7f7f7}.order-container{max-width:600px;background:#fff;margin:auto;padding:40px;border-radius:8px;box-shadow:0 4px 12px #0000001a}.order-container h2{text-align:center;margin-bottom:20px}.order-container form{display:flex;flex-direction:column;gap:15px}.order-container label{font-weight:700}.order-container input,.order-container select{padding:10px;font-size:1rem;border:1px solid #ddd;border-radius:5px}.order-container button{background:#4a195c;color:#fff;padding:15px;border:none;font-size:1rem;border-radius:30px;cursor:pointer;transition:background .3s}.order-container button:hover{background:#218838}.summary{text-align:center;font-size:1.2rem;margin-top:15px}.container{max-width:900px;margin:auto;background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000001a}h1{text-align:center}.caps-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.cap{background:#fff;border:1px solid #ddd;border-radius:8px;width:225px;padding:15px;text-align:center;position:relative}.cap img{width:100%;border-radius:5px}.cap h3{margin:10px 0;font-size:18px}.description{font-size:14px;color:#555;margin:10px 0}.price{font-size:18px;color:#e74c3c;font-weight:700}.price del{color:#777;margin-left:5px}.quantity{display:flex;justify-content:center;align-items:center;margin-top:10px}.quantity button{background:#9e61bc;color:#fff;border:none;padding:5px 10px;cursor:pointer;font-size:16px;border-radius:4px}.quantity input{width:50px;text-align:center;font-size:16px;margin:0 8px;border:1px solid #ddd;border-radius:4px;padding:5px}.select-checkbox{position:absolute;top:10px;left:10px;transform:scale(1.3)}.order-form{margin-top:30px}.order-form label{font-weight:700;display:block;margin-top:10px}.order-form input,.order-form select{width:100%;padding:10px;margin-top:5px;border:1px solid #ddd;border-radius:5px}.btn{background:#9e61bc;color:#fff;padding:15px;border:none;width:100%;font-size:18px;border-radius:5px;cursor:pointer;margin-top:15px}.btn:hover{background:#4a195c}.summary{font-size:18px;text-align:center;margin-top:15px}footer{text-align:center;padding:20px;background:#333;color:#fff;margin-top:30px}@media screen and (max-width: 480px){.page-container{width:100%}header{background:url("./media/cap-banner-mobile-ZBPPFM2C.jpg") no-repeat center center/cover;padding-top:0}section.features{padding:60px 20px 20px}section.gallery h2{margin-top:0}section.gallery{padding:20px}.gallery-container img{width:150px}.cap{width:120px}}@media screen and (max-width: 370px){.cap{width:110px}}