.app{background-color:#fff;color:#000}.app.dark-mode{background-color:#111;color:#fff}.header{width:100%;background-color:#fff;padding:1rem 2rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0009}.app.dark-mode .header{background:#222;box-shadow:0 2px 10px #ffffff80}.header-container{display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:10px}.header-logo img{width:2.8rem}.header-logo h2{font-size:1.4rem;font-weight:700;color:#333}.app.dark-mode .header-logo h2{color:#f9f9f9}.nav{display:flex;gap:2rem}.nav a,.nav a:visited,.nav a:link{text-decoration:none;font-size:1rem;color:#333;font-weight:500;transition:.3s ease-in-out}.nav a:hover{color:#f60;transform:translate(.3rem)}.app.dark-mode .nav a{color:#eee}.app.dark-mode .nav a:hover{color:orange}.header-icons{display:flex;align-items:center;gap:1rem}.dark-toggle{font-size:1.5rem;background:none;border:none;cursor:pointer;color:#333}.app.dark-mode .dark-toggle{color:#fff}.menu-btn{display:none;font-size:1.8rem;background:none;border:none;cursor:pointer;color:#333}.app.dark-mode .menu-btn{color:#fff}@media(max-width:768px){.nav{position:absolute;top:100%;right:0;background:#fff;width:200px;flex-direction:column;padding:1rem;gap:1.2rem;display:none;box-shadow:0 5px 15px #0000001a}.app.dark-mode .nav{background:#222}.nav.nav-open{display:flex}.menu-btn{display:block}}.footer{width:100%;text-align:center;padding:1.5rem 0;margin-top:2rem;background:#f3f3f3;color:#333;font-size:.95rem;border-top:1px solid #ddd}.app.dark-mode .footer{background:#1a1a1a;color:#ddd;border-color:#444}.banner{width:100%;height:300px;background:linear-gradient(#f57c0080,#ffc92829),url(/assets/banner-CXMZzZK2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:10px;overflow:hidden;position:relative;margin-bottom:2rem;transition:4s ease-in-out}.dark-mode .banner{background:linear-gradient(#ffa500b3,#0006),url(/assets/banner-CXMZzZK2.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;transition:4s ease-in-out}.banner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;gap:1rem;color:#000;text-shadow:1rem .1rem 1rem #f0f0f0;padding:1rem 2rem}.dark-mode .banner-content{color:#f0f0f0}.banner-title{font-size:2.5rem;font-weight:700;margin:0;white-space:nowrap}.dark-mode .banner-title{text-shadow:#000000 .1rem .07rem .4rem}.banner-subtitle{font-size:1.2rem;margin:0}.dark-mode .banner-subtitle{text-shadow:.1rem .1rem .7rem black}.banner-btn{padding:.8rem 1.5rem;background-color:#f57c00;color:#fff;font-weight:700;border:none;border-radius:5px;cursor:pointer;transition:.3s ease}.banner-btn:hover{background-color:#d86a00}@media(max-width:900px){.banner{height:240px}.banner-title{font-size:2rem}}@media(max-width:600px){.banner{height:180px}.banner-title{font-size:1.5rem}.banner-subtitle{font-size:.9rem}.banner-btn{padding:.7rem 1.2rem;max-width:150px;margin:0 auto}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:.8rem;place-items:stretch}.feature-item{width:100%;aspect-ratio:4 / 3;border-radius:12px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#fff;box-shadow:0 4px 12px #00000080;transition:.5s ease}.dark-mode .feature-item{background-color:#222;box-shadow:.1rem .1rem .5rem #ffa500cc}.item-1{background-image:url(/assets/free%20delivery-2u78TRzR.png)}.item-2{background-image:url(/assets/gifts-DhBtHByf.png)}.item-3{background-image:url(/assets/discount-BbA7gPCV.png)}.feature-item:hover{transform:translateY(-10px)}.cart-container{position:fixed;bottom:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.cart-icon-btn{background-color:#f60;color:#000;border:none;padding:.6rem;border-radius:20%;cursor:pointer;position:relative;box-shadow:0 4px 12px #0000004d}.cart-count{position:absolute;top:-6px;right:-6px;padding:.5rem;background:red;color:#fff;font-weight:700;font-size:.8rem;width:18px;height:18px;border:.01rem solid rgb(255,255,0);border-radius:50%;display:flex;align-items:center;justify-content:center}.cart-panel{position:absolute;bottom:80px;right:0;width:280px;max-height:420px;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #0006;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;z-index:1001;transition:all .3s ease}.cart-close-btn{position:absolute;top:10px;right:10px;background:#ff4500;color:#fff;border:none;font-size:1.2rem;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease}.cart-close-btn:hover{background-color:orange}.app.dark-mode .cart-panel{background-color:#383836;color:#f0f0f0;box-shadow:0 8px 30px #fff3}.cart-item{display:flex;gap:.8rem;align-items:center}.cart-item img{width:50px;height:50px;object-fit:cover;border-radius:8px;box-shadow:0 4px 10px #0000004d}.app.dark-mode .cart-item img{background-color:#f5f5f5}.cart-item-qty{display:flex;align-items:center;gap:.4rem}.cart-item-qty button{padding:2px 6px;border:1px solid #ff6600;background:#fff;color:#f60;font-weight:700;border-radius:4px;cursor:pointer;transition:.2s}.cart-item-qty button:hover{background:#f60;color:#fff}.cart-item-info span,.cart-item-info p{margin:0;font-size:.9rem;display:block}.cart-total{font-weight:700;font-size:1.1rem;text-align:right}.empty-cart{text-align:center;color:#666}.cart-panel .cart-total{font-size:1.1rem;font-weight:700;padding:.8rem 1rem;margin-top:1rem;background-color:#f5f5f5;color:#333;border-radius:8px;text-align:right}body.dark-mode .cart-panel .cart-total{background-color:#222;color:#fff}.cart-panel button.checkout-btn{display:block;width:100%;padding:.8rem;background-color:#f60;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;text-align:center;margin:1rem 0;transition:background-color .5s}.cart-panel button.checkout-btn a{color:inherit;text-decoration:none;display:block}.cart-panel button.checkout-btn:hover{background-color:#e65c00}body.dark-mode .cart-panel button.checkout-btn{background-color:#333;color:#fff}body.dark-mode .cart-panel button.checkout-btn:hover{background-color:#555}.products-page{width:100%;padding:2rem;animation:fadeIn .6s ease}.product-search{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;flex-wrap:nowrap}.product-search input{flex:1 1 200px;max-width:350px;min-width:120px;padding:.5rem 1rem;border:1px solid #ff6600;border-radius:6px;font-size:1rem;outline:none;transition:.3s ease}.product-search input:focus{border-color:#e65c00;box-shadow:0 0 6px #f606}.product-search button{flex:0 0 auto;padding:.5rem 1rem;background-color:#f60;color:#fff;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:.3s ease}.product-search button:hover{background-color:orange}.app.dark-mode .product-search input{background-color:#2c2c2c;color:#f0f0f0;border-color:orange}.app.dark-mode .product-search input:focus{border-color:#e6a000;box-shadow:0 0 6px #ffa50066}.app.dark-mode .product-search button{background-color:orange;color:#000}.app.dark-mode .product-search button:hover{background-color:#e6a000}.products-container{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap}.category-sidebar{text-align:center;position:sticky;top:.5rem;height:fit-content;min-width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:1rem;background-color:#fff;padding:1rem;border-radius:10px;box-shadow:0 4px 12px #0000001a;z-index:10}.app.dark-mode .category-sidebar{background-color:#2c2c2c;color:#f0f0f0}.category-sidebar h2{margin-bottom:1rem;color:#f60}.category-btn{padding:.6rem 1rem;border:1px solid #ff6600;background-color:#fff;color:#f60;border-radius:6px;cursor:pointer;font-weight:600;transition:.3s ease}.category-btn:hover,.category-btn.active{background-color:#f60;color:#fff}.app.dark-mode .category-btn{background-color:#3a3a3a;color:orange;border-color:orange}.app.dark-mode .category-btn:hover,.app.dark-mode .category-btn.active{background-color:orange;color:#000}.products-content{flex:1}.products-grid{display:grid;gap:1.7rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.product-card{background:#fff;border-radius:12px;padding:1rem;box-shadow:0 6px 18px #00000026;text-align:center;transition:.3s ease;display:flex;flex-direction:column;gap:.5rem}.app.dark-mode .product-card{background-color:#2c2c2c;color:#f0f0f0}.product-card:hover{transform:scale(1.03)}.product-card img{width:100%;height:180px;object-fit:cover;border-radius:10px;box-shadow:0 4px 12px #0003}.product-card h3{margin-top:.8rem;font-size:1.1rem}.product-price{font-weight:700;color:#f60}.app.dark-mode .product-price{color:orange}.add-to-cart-btn{padding:.5rem 1rem;background-color:#f60;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:.3s ease}.qty-controls{display:flex;align-items:center;justify-content:center;gap:.5rem}.qty-controls button{padding:.4rem .8rem;background:#f60;color:#fff;border:none;border-radius:4px;cursor:pointer}.qty-controls span{font-weight:700;min-width:20px;text-align:center}.add-to-cart-btn:hover{background-color:#e65c00}.app.dark-mode .add-to-cart-btn{background-color:orange;color:#000}.app.dark-mode .add-to-cart-btn:hover{background-color:#e6a000}@media(max-width:900px){.category-sidebar{position:relative;width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center}.category-btn{margin-bottom:.5rem}}.about-page{width:100%;padding-bottom:3rem;animation:fadeIn .6s ease}.about-hero{width:100%;height:260px;background:linear-gradient(#f57c008c,#ffc92840);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;margin-bottom:3rem;color:#000;text-shadow:.1rem .1rem .6rem #f0f0f0;transition:.4s ease-in-out}.app.dark-mode .about-hero{background:linear-gradient(#ffa500b3,#0009);background-color:#f0f0f0;color:#f5f5f5;text-shadow:.1rem .1rem .4rem black}.about-hero h1{font-size:2.6rem;font-weight:700;margin-bottom:1rem}.about-hero p{font-size:1.1rem;max-width:700px}.about-content{display:flex;align-items:center;justify-content:center;gap:3rem;padding:0 2rem;flex-wrap:wrap}.about-image img{width:320px;border-radius:12px;box-shadow:0 4px 12px #00000040;transition:.3s ease}.app.dark-mode .about-image img{background-color:#f0f0f089}.about-image img:hover{transform:scale(1.03)}.about-text{max-width:600px}.about-text h2{margin-top:1rem;color:#f60;font-size:1.5rem}.app.dark-mode .about-text h2{color:orange}.about-text p{margin:.5rem 0 1rem;line-height:1.6rem;font-size:1rem}.about-text ul{margin-top:1rem;list-style:none;padding:0}.about-text ul li{font-size:1.1rem;margin-bottom:.6rem}@media(max-width:900px){.about-hero{height:220px}.about-hero h1{font-size:2.2rem}.about-content{flex-direction:column;text-align:center}.about-image img{width:260px}}@media(max-width:600px){.about-hero{height:180px}.about-hero h1{font-size:1.8rem}.about-hero p{font-size:.95rem}.about-text h2{font-size:1.3rem}}.contact-page{width:100%;padding-bottom:3rem;animation:fadeIn .6s ease}.contact-hero{width:100%;height:260px;background:linear-gradient(#f57c008c,#ffc92840);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;margin-bottom:3rem;color:#000;text-shadow:.1rem .1rem .6rem #f0f0f0;transition:.4s ease-in-out}.app.dark-mode .contact-hero{background:linear-gradient(#ffa500b3,#0009);color:#f5f5f5;text-shadow:.1rem .1rem .4rem black}.contact-hero h1{font-size:2.6rem;font-weight:700;margin-bottom:1rem}.contact-hero p{font-size:1.1rem;max-width:700px}.contact-content{display:flex;justify-content:center;padding:0 2rem}.contact-form-wrapper{max-width:600px;width:100%}.contact-form-wrapper h2{margin-top:1rem;color:#f60;font-size:1.5rem}.app.dark-mode .contact-form-wrapper h2{color:orange}.contact-form{margin-top:1rem;display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:1rem;font-weight:600}.form-group input,.form-group textarea{padding:12px;font-size:1rem;border-radius:8px;border:1px solid #cfcfcf;outline:none;transition:.3s ease}.form-group input:focus,.form-group textarea:focus{border-color:#f60}.form-group textarea{resize:none;height:130px}.btn-submit{padding:12px 18px;background-color:#f60;color:#fff;font-size:1rem;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:.3s ease}.btn-submit:hover{background-color:#e65c00}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.contact-hero{height:220px}.contact-hero h1{font-size:2.2rem}.contact-content{text-align:center}}@media(max-width:600px){.contact-hero{height:180px}.contact-hero h1{font-size:1.8rem}.contact-hero p{font-size:.95rem}.contact-form-wrapper h2{font-size:1.3rem}}.checkout-page{max-width:800px;margin:2rem auto;padding:1rem;font-family:Arial,sans-serif;background-color:#f9f9f9;color:#000}.checkout-page h1{text-align:center;margin-bottom:2rem;color:#f60}.checkout-section{margin-bottom:1.5rem;background-color:#fff;padding:1rem;border-radius:10px;box-shadow:0 4px 12px #0000000d}.checkout-section h3{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;font-size:1rem}.checkout-section h3 span{font-size:.9rem;color:#f60;cursor:pointer}.input-group{display:flex;align-items:center}.input-group .country-code{background:#f0f0f0;padding:.5rem .8rem;border-radius:6px 0 0 6px;border:1px solid #ccc;border-right:none}.input-group input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:0 6px 6px 0}.checkout-section input,.checkout-section textarea,.checkout-section select{width:100%;padding:.6rem;border-radius:6px;border:1px solid #ccc;font-size:.9rem;background-color:#fff;color:#000}.checkout-section textarea{resize:none;min-height:60px}.order-summary{padding:1rem}.order-summary h2{text-align:center;margin-bottom:.2rem}.order-items{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:1rem 0}.order-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.order-item img{width:50px;height:50px;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-left:1rem}.order-qty-price{display:flex;align-items:center;gap:1rem}.qty-controls{display:flex;gap:.5rem}.qty-controls button{padding:2px 6px;border:1px solid #ff6600;background:#fff;color:#f60;border-radius:4px;cursor:pointer;font-weight:700}.qty-controls button:hover{background:#f60;color:#fff}.order-totals p{display:flex;justify-content:space-between;margin:.3rem 0;font-weight:700}.checkout-btn{text-decoration:none;width:100%;padding:.8rem;background-color:#f60;color:#fff;border:none;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;margin-top:1rem;transition:.2s}.checkout-btn:hover{background-color:#e65c00}.back-btn{display:inline-block;text-decoration:none;width:100%;padding:.8rem;background-color:#f60;color:#fff;border:none;font-size:1rem;font-weight:700;border-radius:8px;cursor:pointer;margin-top:1rem;text-align:center;transition:.2s}.back-btn:hover{background-color:#e65c00}.dark-mode .checkout-page{background-color:#1e1e1e;color:#f0f0f0}.dark-mode .input-group .country-code{background-color:#2c2c2c;border:1px solid #555}.dark-mode .checkout-section{background-color:#2c2c2c;box-shadow:0 4px 12px #ffffff0d}.dark-mode .checkout-section input,.dark-mode .checkout-section textarea,.dark-mode .checkout-section select{background-color:#383838;color:#f0f0f0;border:1px solid #555}.dark-mode .order-item img{box-shadow:0 4px 8px #00000080}.dark-mode .qty-controls button{background:#383838;border:1px solid #ff6600;color:#f60}.dark-mode .qty-controls button:hover{background:#f60;color:#fff}.dark-mode .checkout-btn,.dark-mode .back-btn{background-color:#f60;color:#fff}.dark-mode .checkout-btn:hover,.dark-mode .back-btn:hover{background-color:#e65c00}.dark-mode .order-totals p{color:#f0f0f0}.thank-you-page{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:70vh;padding:2rem;text-align:center}.thank-you-title{font-size:2.5rem;color:#f60;margin-bottom:1rem}.thank-you-message{font-size:1.2rem;color:#333;margin-bottom:2rem}.dark-mode .thank-you-message{color:#ddd}.return-home-btn{padding:.8rem 2rem;font-size:1rem;border-radius:8px;background-color:#f60;color:#fff;text-decoration:none;font-weight:700;transition:.3s}.return-home-btn:hover{background-color:#e65c00}body.dark-mode .return-home-btn{background-color:#ffa64d;color:#111}body.dark-mode .return-home-btn:hover{background-color:#ff8c1a}@media(max-width:600px){.checkout-page{padding:.5rem;margin:1rem}.checkout-section{padding:.8rem}.checkout-section h3{font-size:.95rem}.order-totals p{flex-direction:column;align-items:flex-start}}*{margin:0;padding:0;box-sizing:border-box}.header a,.banner-content a{text-decoration:none;color:inherit;display:inline-block}.error-page{height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:1rem;animation:fadeIn .6s ease-in-out}.error-page h1{font-size:6rem;font-weight:900;color:#f57c00;margin:0;letter-spacing:2px}.error-page h2{font-size:2rem;margin:0;font-weight:600}.error-page p{font-size:1.1rem;color:#555;max-width:400px;margin:0 auto}.error-btn{margin-top:1rem;padding:.8rem 1.5rem;background:#f57c00;color:#fff;border-radius:6px;text-decoration:none;font-weight:600;transition:.3s ease-in-out;box-shadow:0 4px 10px #0003}.error-btn:hover{background:#d86a00;transform:translateY(-2px)}.app.dark-mode .error-page h1{color:orange}.app.dark-mode .error-page h2{color:#f1f1f1}.app.dark-mode .error-page p{color:#ccc}.app.dark-mode .error-btn{background:orange;color:#111}.app.dark-mode .error-btn:hover{background:#ffb733}@media(max-width:600px){.error-page h1{font-size:4rem}.error-page h2{font-size:1.5rem}.error-page p{font-size:.95rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}