:root{--primary-blue: #007BFF;--primary-blue-dark: #0056b3;--secondary-color: #f8f9fa;--text-dark: #212529;--text-light: #ffffff;--text-muted: #6c757d;--border-color: #dee2e6;--font-family: "Montserrat", sans-serif;--container-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--text-light);color:var(--text-dark);line-height:1.6}a{text-decoration:none;color:var(--primary-blue);transition:color .3s ease}a:hover{color:var(--primary-blue-dark)}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 20px}.text-center{text-align:center}.header{background-color:var(--text-light);padding:15px 0;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;box-shadow:0 2px 4px #0000000d}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:8px}.logo svg{width:32px;height:32px;color:var(--primary-blue)}.nav-links{display:flex;gap:25px}.nav-links a{color:var(--text-dark);font-weight:500;padding:5px 0;position:relative}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-blue);transition:width .3s ease}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.header-icons{display:flex;align-items:center;gap:20px}.header-icons .icon{width:24px;height:24px;color:var(--text-dark);cursor:pointer;transition:color .3s ease}.header-icons .icon:hover{color:var(--primary-blue)}.cart-icon{position:relative}.cart-icon-button{background:none;border:none;padding:0;cursor:pointer}.cart-badge{position:absolute;top:-8px;right:-8px;background-color:var(--primary-blue);color:var(--text-light);width:18px;height:18px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:600}.hero{background:url(https://images.unsplash.com/photo-1483985988355-763728e1935b?q=80&w=2070&auto=format&fit=crop) no-repeat center center/cover;height:70vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;color:var(--text-light)}.hero:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.hero-content{position:relative;z-index:1}.hero h1{font-size:3.5rem;font-weight:900;margin-bottom:1rem}.hero p{font-size:1.25rem;margin-bottom:2rem;max-width:600px}.btn{display:inline-block;background-color:var(--primary-blue);color:var(--text-light);padding:12px 30px;border-radius:5px;font-weight:600;transition:background-color .3s ease;border:none;cursor:pointer;font-family:var(--font-family);font-size:1rem}.btn:hover{background-color:var(--primary-blue-dark);color:var(--text-light)}.btn.btn-secondary{background-color:var(--text-muted);color:var(--text-light)}.btn.btn-secondary:hover{background-color:var(--text-dark)}.products-section{padding:60px 0}.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:40px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.product-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;text-align:center;transition:box-shadow .3s ease,transform .3s ease;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.product-image-container{overflow:hidden;position:relative}.product-image{width:100%;height:300px;object-fit:cover;transition:transform .4s ease}.product-card:hover .product-image{transform:scale(1.05)}.add-to-cart-btn{position:absolute;bottom:20px;left:50%;transform:translate(-50%) translateY(20px);opacity:0;transition:all .3s ease;width:80%}.product-card:hover .add-to-cart-btn{opacity:1;transform:translate(-50%) translateY(0)}.product-info{padding:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.product-name{font-size:1.1rem;font-weight:600;margin-bottom:10px}.product-price{font-size:1.2rem;font-weight:700;color:var(--primary-blue)}.page-container{padding-top:60px;padding-bottom:60px}.category-filters{display:flex;justify-content:center;gap:15px;margin-bottom:40px;flex-wrap:wrap}.category-btn{padding:10px 20px;border:1px solid var(--border-color);background-color:transparent;border-radius:20px;cursor:pointer;font-family:var(--font-family);font-weight:600;transition:all .3s ease}.category-btn:hover{background-color:var(--secondary-color);border-color:var(--text-dark)}.category-btn.active{background-color:var(--primary-blue);color:var(--text-light);border-color:var(--primary-blue)}.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:40px}.cart-item{display:flex;gap:20px;padding:20px 0;border-bottom:1px solid var(--border-color)}.cart-item-image{width:100px;height:100px;object-fit:cover;border-radius:8px}.cart-item-details{flex-grow:1}.cart-item-details h3{font-size:1.1rem;margin-bottom:10px}.quantity-controls{display:flex;align-items:center;gap:10px;margin-top:10px}.quantity-controls button{width:30px;height:30px;border:1px solid var(--border-color);background-color:var(--secondary-color);cursor:pointer;font-size:1.2rem}.cart-item-actions{text-align:right}.cart-item-total{font-size:1.2rem;font-weight:700}.remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;margin-top:10px}.remove-btn:hover{color:red;text-decoration:underline}.order-summary{background-color:var(--secondary-color);padding:30px;border-radius:8px;height:fit-content}.order-summary h3{font-size:1.5rem;margin-bottom:20px;border-bottom:1px solid var(--border-color);padding-bottom:10px}.summary-row{display:flex;justify-content:space-between;margin-bottom:15px;font-size:1.1rem}.summary-row.total-row{font-weight:700;font-size:1.3rem;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color)}.checkout-title{margin-top:30px}.checkout-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:600}.form-group input{padding:10px;border:1px solid var(--border-color);border-radius:5px;font-family:var(--font-family);font-size:1rem}.checkout-btn{width:100%;margin-top:10px}.cart-dropdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1050;transition:opacity .3s ease}.cart-dropdown{position:absolute;top:75px;right:20px;width:360px;max-height:80vh;background-color:var(--text-light);border-radius:8px;box-shadow:0 10px 30px #00000026;z-index:1051;display:flex;flex-direction:column}.cart-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid var(--border-color)}.cart-dropdown-header h3{margin:0;font-size:1.2rem}.close-btn{background:none;border:none;font-size:2rem;cursor:pointer;color:var(--text-muted);padding:0;line-height:1}.cart-dropdown-empty{padding:40px 20px;text-align:center}.cart-dropdown-empty p{margin-bottom:20px}.cart-dropdown-items{padding:10px 20px;overflow-y:auto;flex-grow:1}.cart-dropdown-item{display:flex;align-items:center;gap:15px;padding:10px 0}.cart-dropdown-item+.cart-dropdown-item{border-top:1px solid var(--border-color)}.cart-dropdown-item img{width:60px;height:60px;object-fit:cover;border-radius:4px}.cart-dropdown-item .item-details{flex-grow:1;display:flex;flex-direction:column}.remove-item-btn{background:none;border:1px solid var(--border-color);border-radius:50%;width:24px;height:24px;cursor:pointer;color:var(--text-muted);font-size:1rem;line-height:1}.remove-item-btn:hover{background-color:var(--secondary-color);color:red}.cart-dropdown-footer{padding:20px;border-top:1px solid var(--border-color)}.cart-dropdown-total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700;margin-bottom:20px}.cart-dropdown-actions{display:flex;gap:10px}.cart-dropdown-actions .btn{flex:1;padding:10px;text-align:center}.footer{background-color:var(--text-dark);color:var(--text-light);padding:50px 0 20px;margin-top:60px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:40px}.footer-column h4{font-size:1.2rem;margin-bottom:20px;position:relative;padding-bottom:10px}.footer-column h4:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background-color:var(--primary-blue)}.footer-column p,.footer-column li{color:var(--text-muted);margin-bottom:10px}.footer-column ul{list-style:none}.footer-column a{color:var(--text-muted)}.footer-column a:hover{color:var(--text-light)}.social-icons{display:flex;gap:15px}.social-icons a{color:var(--text-muted);font-size:1.2rem}.footer-bottom{border-top:1px solid #444;padding-top:20px;text-align:center;color:var(--text-muted);font-size:.9rem}@media (max-width: 992px){.nav-links{display:none}.cart-layout{grid-template-columns:1fr}}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero p{font-size:1rem}}@media (max-width: 480px){.header .container{flex-direction:column;gap:15px}.product-grid{grid-template-columns:1fr}.cart-item{flex-direction:column;align-items:center;text-align:center}.cart-item-actions{text-align:center}.cart-dropdown{width:95%;right:2.5%}}