body{box-sizing:border-box;font-family:Inter,sans-serif}header{width:100%;background:#fff;box-shadow:0 2px 10px #00000014;position:sticky;top:0;z-index:1000}.header-main{max-width:1200px;height:80px;margin:0 auto;padding:0 25px;display:flex;justify-content:space-between;align-items:center}.logo img{width:5rem;cursor:pointer}.logo{width:5rem;height:5rem}footer{background:#1f1f1f;color:#fff;padding:50px 0;margin-top:80px}.footer-main{max-width:1200px;margin:0 auto;padding:0 25px}.footer-info{display:flex;justify-content:space-between;align-items:flex-start;gap:80px;flex-wrap:wrap}.logo-black{width:8rem;height:8rem}.logo-black img{width:170px}.info-us ul,.contact-us ul{list-style:none;padding:0;margin:0}.info-us li,.contact-us li{margin-bottom:14px}.info-us li{cursor:pointer;transition:.3s}.info-us li:hover{color:#ff9800}.contact-us a{text-decoration:none;color:#fff;transition:.3s}.contact-us a:hover{color:#ff9800}.info-contact img{width:1rem}.inf0-us ul{list-style:none}.info-us p,.contact-us p{font-size:20px;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.info-contact{display:flex;align-items:center;gap:12px}.info-contact img{width:22px;height:22px}.cart-link{position:relative}.cart-icon{width:24px}.order{width:55px;height:55px;border:none;background:#f5f5f5;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;transition:.3s}.order:hover{background:#ff9800;transform:translateY(-2px)}.cart-count{position:absolute;top:-5px;right:-5px;width:22px;height:22px;border-radius:50%;background:red;color:#fff;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:700}.navigation{display:none;flex-direction:column;justify-content:space-between;padding:15px 40px;background:#fff;box-shadow:0 4px 15px #00000014}.navigation ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0;flex-direction:column}.menu-item{position:relative;font-size:1.2rem;font-weight:500;cursor:pointer;color:#333;transition:color .3s}.menu-item:hover{color:#3b82f6}.my-order-header{width:7rem;padding:10px 22px;border:none;border-radius:8px;background:#3b82f6;color:#fff;font-size:.8rem;margin-top:1rem;cursor:pointer;transition:.3s}.my-order-header:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 8px 20px #3b82f64d}.my-order-header:active{transform:scale(.97)}.show{display:flex}.burger{width:3rem;cursor:pointer}.burger-navigation{align-items:center;justify-content:center;display:flex}.burger img{width:2rem;cursor:pointer;transition:.3s}.burger img:hover{transform:scale(1.1)}.header-left{display:flex;align-items:center;gap:2rem}.cards-container{max-width:1200px;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:auto;margin-top:1rem}.card-image{cursor:pointer}.card{display:flex;flex-direction:column;justify-content:space-between;background-color:#faf7f7;border-radius:5%;padding:.3rem;min-height:8rem}.card-name{font-weight:700}.card-category{font-weight:600}.card-price{font-weight:600;font-size:.8rem}.hidden{display:none}.item-cart{width:400px;height:50px;display:flex;gap:10px}.item-cart img{width:30px;height:30px}.badge{font-size:25px;color:red;padding-top:7px}.plus{font-size:25px;padding-top:7px}.modal-image{display:none;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000064}.modal-image.show{display:flex}.modal-image img{width:100%}.modal-body-image{width:30%;min-height:500px;background:#fff}#modal-image{width:100%;height:100%;object-fit:contain}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;visibility:hidden;transition:.3s}.overlay.active{opacity:1;visibility:visible}.cart-sidebar{position:fixed;top:0;right:-420px;width:420px;height:100vh;background:#fff;display:flex;flex-direction:column;transition:.3s;overflow:hidden;z-index:1000}.cart-sidebar.active{right:0}.item-info{display:flex;justify-content:space-between;width:100%;font-size:.9rem}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #ececec}.cart-header h2{font-size:24px;font-weight:700}.close-cart{width:40px;height:40px;border:none;border-radius:50%;background:#f5f5f5;cursor:pointer;transition:.3s}.close-cart:hover{background:#000;color:#fff}.buy-card{width:100%;margin-top:15px;padding:12px 0;border:none;border-radius:8px;background:#0f172a;color:#fff;font-size:16px;font-weight:500;cursor:pointer;transition:.3s;letter-spacing:11%}.buy-card:hover{background:#2563eb;box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}.buy-card:active{transform:scale(.97)}form{display:flex;flex-direction:column;gap:15px}.checkout-header{padding-top:2rem;padding-bottom:2rem}.submit{margin-top:.5rem}.error{border:2px solid red!important}.success{border:2px solid green!important}.modal-body-checkout{font-size:3rem;width:30%;min-height:500px;background:#fff;border-radius:10%;justify-content:center;align-items:center;background-color:#031337;color:#fff;font-weight:500;display:flex;letter-spacing:20%;text-align:center}.modal-checkout.show{display:flex}.modal-checkout{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:none;justify-content:center;align-items:center;z-index:2000}.close-cart{width:1.5rem;height:1.5rem;background-color:none;border:none;cursor:pointer;justify-content:center;align-items:center;align-self:center}.counter button{width:2rem;height:2rem;border:none;border-radius:50%;background:#f2f2f2;cursor:pointer;font-size:20px;transition:.2s}.counter button:hover{background:#ff6b00;color:#fff}.counter{display:flex;align-items:center;gap:.3rem}.quantity{min-width:25px;text-align:center;font-size:18px;font-weight:700}.cart-container{flex:1}.item-cart{display:flex;gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.item-image{width:90px;height:90px;object-fit:cover;border-radius:12px;background:#fafafa}.item-info{flex:1;display:flex;justify-content:space-between}.item-title{font-size:1rem;font-weight:600}.item-price{color:#ff6b00;font-weight:700;font-size:1rem}.cart-footer{padding:20px;border-top:1px solid #ececec}#total{margin-bottom:20px;font-size:24px}.checkout-btn{width:100%;height:55px;border:none;border-radius:12px;background:#ff6b00;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:.3s}.checkout-btn:hover{background:#e45c00;transform:translateY(-2px)}.cart-content{flex:1;overflow-y:auto;padding:20px}.checkoutInput{margin-top:25px;background:#fafafa;border:1px solid #ececec;border-radius:18px;padding:20px;animation:fade .3s}.checkout-header{text-align:center;font-size:22px;font-weight:700;margin-bottom:20px;color:#222}.input-form form{display:flex;flex-direction:column;gap:16px}.input-form input{width:100%;box-sizing:border-box;padding:14px 16px;border:1px solid #dcdcdc;border-radius:10px;font-size:16px;outline:none;transition:.3s}.submit{width:100%;margin-top:20px;height:52px;border:none;border-radius:12px;background:#0f172a;color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:.3s}.submit:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 10px 20px #2563eb4d}.cart-content::-webkit-scrollbar{width:8px}.cart-content::-webkit-scrollbar-track{background:#f3f3f3}.cart-content::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:20px}.cart-content::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width: 1200px){header{width:100%;margin:0 auto}.header-main{padding:0 20px}.cards-container{grid-template-columns:repeat(3,1fr)}.modal-body-checkout{letter-spacing:5%}}@media (max-width: 992px){body{font-size:14px}.cards-container{grid-template-columns:repeat(3,1fr)}.modal-body-checkout{width:40%;font-size:2rem;letter-spacing:10%}.modal-body-image{width:35%;min-height:350px}}@media (max-width: 768px){.header-main{height:70px}.footer-info{flex-direction:column;gap:40px}.logo-black{align-self:center}.info-us,.contact-us{width:100%}.header-main{padding:0 15px}.logo img{width:4rem}.header-left{gap:15px}.order{width:48px;height:48px}.burger img{width:2rem}.cards-container{grid-template-columns:repeat(2,1fr);gap:20px}.modal-body-checkout{width:50%;font-size:2rem;letter-spacing:10%}.modal-body-image{width:40%;min-height:300px}}@media (max-width: 576px){.cards-container{grid-template-columns:1fr}.buy-btn{width:100%}.modal-body-image{width:60%;min-height:250px}.modal-body-checkout{width:60%;min-height:300px;font-size:2rem;letter-spacing:5%}}@media (max-width: 400px){body{font-size:14px}.order{width:45px;height:45px}.modal-body-checkout{width:50%;min-height:300px;font-size:1rem;letter-spacing:5%}}*{box-sizing:border-box}body{margin:0}a{color:inherit}.icon-btn{display:inline-flex;align-items:center;justify-content:center}.icon-btn svg{display:block}.close-cart svg{width:18px;height:18px}.counter button svg{width:16px;height:16px}.remove-btn{width:2rem;height:2rem;border:none;border-radius:50%;background:#f2f2f2;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.remove-btn:hover{background:#ff3b3b;color:#fff}.remove-btn svg{width:16px;height:16px}.navigation{position:relative}.card a{text-decoration:none;color:inherit}.product-page{max-width:1000px;margin:2rem auto;padding:0 25px;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.product-page .product-image{width:100%;background:#faf7f7;border-radius:16px;padding:1.5rem}.product-page .product-image img{width:100%;object-fit:contain}.product-page .product-info h1{margin-top:0}.product-page .product-info .product-category{text-transform:capitalize;color:#888;margin-bottom:.5rem}.product-page .product-info .product-price{font-size:1.6rem;font-weight:700;color:#ff6b00;margin:1rem 0}.back-link{display:inline-flex;align-items:center;gap:6px;margin:1.5rem 25px 0;max-width:1000px;color:#3b82f6;text-decoration:none;font-weight:600}.back-link:hover{color:#2563eb}.cart-empty{padding:30px 20px;text-align:center;color:#888}.menu-item.active{color:#3b82f6}@media (max-width: 768px){.product-page{grid-template-columns:1fr}}.burger{background:none;border:none;padding:0;display:inline-flex;align-items:center;justify-content:center}.burger svg{width:2rem;height:2rem;color:#333;transition:.3s}.burger:hover svg{transform:scale(1.1)}.order svg{width:24px;height:24px;color:#333}.order:hover svg{color:#fff}.cart-icon{display:inline-flex}