.home-page{align-items:center;background:linear-gradient(135deg,#d0d7e2,#a1aec4);box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:flex-start;min-height:100vh;padding:60px 40px;text-align:center;transition:background .4s ease,color .3s ease}.page-title{color:#222;font-weight:700;letter-spacing:.5px;margin-bottom:30px}.search-bar{display:flex;justify-content:center;margin-bottom:60px;width:100%}.search-bar input{background-color:#f4f4f4;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 5px #0000000d;color:#111;font-size:1rem;max-width:90%;padding:12px 15px;transition:all .3s ease;width:360px}.search-bar input:focus{border-color:#007bff;box-shadow:0 0 8px #007bff66;outline:none}body.dark .search-bar input{background-color:#1e293b;border:1px solid #444;box-shadow:0 2px 8px #00000080;color:#f5f5f5}body.dark .search-bar input:focus{border-color:#66b2ff;box-shadow:0 0 8px #66b2ff99}.home-product-grid{grid-gap:70px;align-items:start;box-sizing:border-box;display:grid;gap:70px;grid-template-columns:repeat(3,1fr);justify-items:center;margin:0 auto;max-width:1140px;padding:40px 20px 80px;width:100%}.product-card{background:#fff;border:1px solid #ddd;border-radius:16px;box-shadow:0 4px 10px #00000014;display:flex;flex-direction:column;justify-content:space-between;max-width:340px;padding:25px;text-align:center;transition:all .3s ease;width:100%}.product-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-8px)}.product-img{border-radius:10px;height:230px;margin-bottom:15px;object-fit:cover;transition:transform .3s ease;width:100%}.product-card:hover .product-img{transform:scale(1.03)}.add-btn{background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 18px;transition:all .3s ease}.add-btn:hover{background-color:#0056b3;transform:scale(1.05)}body.dark .product-card{background-color:#2b2f3a;border-color:#3a3f4b;box-shadow:0 4px 14px #ffffff0d,0 0 12px #0006;color:#f5f5f5}body.dark .add-btn{background-color:#4a5568;border:1px solid #5c677d;color:#fff}body.dark .add-btn:hover{background-color:#007bff;color:#fff}body.dark .home-page{background:linear-gradient(135deg,#0f172a,#1e293b)}body.dark .page-title{color:#dbeafe;text-shadow:0 1px 3px #0006}@media (max-width:1100px){.home-product-grid{gap:50px;grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.home-product-grid{gap:30px;grid-template-columns:1fr}.product-img{height:200px}.home-page{padding:40px 20px}}.checkout-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:50px auto;max-width:800px;padding:20px}.checkout-list{list-style:none;padding:0}.checkout-item{align-items:center;display:flex;margin-bottom:15px}.checkout-img{border-radius:8px;height:80px;margin-right:15px;object-fit:cover;width:80px}.checkout-total{color:#000;font-size:1.4rem;font-weight:700;margin-top:25px;text-align:right}body.dark .checkout-total{color:#000}.checkout-confirm-btn,.place-order-btn{background:linear-gradient(135deg,#007bff,#0056b3);border:none;border-radius:10px;box-shadow:0 4px 10px #007bff4d;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-top:25px;padding:12px 26px;transition:all .3s ease}.checkout-confirm-btn:hover,.place-order-btn:hover{background:linear-gradient(135deg,#0056b3,#004080);box-shadow:0 6px 14px #007bff66;transform:translateY(-2px) scale(1.05)}body.dark .checkout-confirm-btn,body.dark .place-order-btn{background:linear-gradient(135deg,#3b82f6,#1e40af);border:1px solid #5c677d;box-shadow:0 4px 12px #3b82f64d;color:#fff}body.dark .checkout-confirm-btn:hover,body.dark .place-order-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px) scale(1.05)}.cart-page{background-color:#f9f9f9;font-family:Arial,sans-serif;min-height:100vh;padding:60px 40px;text-align:center}.page-title{color:#333;font-size:2.4rem;margin-bottom:40px}.cart-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.cart-card{align-items:center;background:#fff;border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 10px #0000000d;display:flex;flex-direction:column;padding:20px;transition:all .3s ease}.cart-card:hover{box-shadow:0 8px 18px #0000001a;transform:translateY(-5px)}.cart-img{border-radius:8px;height:180px;margin-bottom:15px;max-width:250px;object-fit:contain;width:100%}.cart-info h3{color:#333;margin-bottom:8px}.cart-info p{color:#007bff;font-weight:700}.remove-btn{background-color:#ff4d4d;border:none;border-radius:8px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 14px;transition:background .2s ease}.remove-btn:hover{background-color:#d93636}.cart-summary{margin-top:50px}.checkout-btn{background-color:#007bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:14px 22px;transition:background .3s ease}.checkout-btn:hover{background-color:#0056b3}body.dark .cart-page{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f5f5f5}body.dark .cart-card{background-color:#2b2f3a;border-color:#3a3f4b;box-shadow:0 4px 14px #ffffff0d,0 0 12px #0006;color:#f5f5f5}body.dark .cart-info p{color:#66b2ff}body.dark .remove-btn{background-color:#933;border:1px solid #a44}body.dark .remove-btn:hover{background-color:#c00}body.dark .checkout-btn{background-color:#4a5568;border:1px solid #5c677d;color:#fff}body.dark .checkout-btn:hover{background-color:#007bff;color:#fff}@media (max-width:600px){.cart-page{padding:40px 20px}}.order-complete{align-items:center;animation:fadeIn .6s ease forwards;background-color:#f9f9f9;display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;padding:40px;text-align:center}.order-box{animation:fadeUp .8s ease forwards;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:480px;opacity:0;padding:60px 40px;transform:translateY(20px);width:100%}.checkmark{height:90px;margin:0 auto 25px;opacity:0;transform:scale(.5);transition:all .4s ease;width:90px}.checkmark.animate{opacity:1;transform:scale(1)}.checkmark-svg{stroke-width:2;stroke:#28a745;stroke-miterlimit:10;border-radius:50%;box-shadow:inset 0 0 0 #28a745;display:block;height:90px;margin:0 auto;width:90px}.checkmark-circle{fill:none;stroke:#28a745;stroke-width:3;stroke-dasharray:166;stroke-dashoffset:166;stroke-linecap:round;animation:strokeCircle .6s ease forwards}.checkmark-check{stroke:#28a745;stroke-width:3;stroke-dasharray:48;stroke-dashoffset:48;stroke-linecap:round;animation:strokeCheck .4s ease .6s forwards}.order-box h1{color:#28a745;font-size:2.2rem;margin-bottom:10px}.order-box p{color:#333;font-size:1.1rem;margin-bottom:30px}.back-home{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 24px;transition:background .3s ease}.back-home:hover{background-color:#0056b3}@keyframes strokeCircle{to{stroke-dashoffset:0}}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:600px){.order-box{padding:40px 20px}.order-box h1{font-size:1.8rem}.order-box p{font-size:1rem}}.thankyou-note{animation:fadeInText 1.2s ease forwards;color:#555;font-size:1rem;margin-top:20px;opacity:0}@keyframes fadeInText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.navbar{align-items:center;background-color:#007bff;color:#fff;display:flex;flex-wrap:wrap;font-family:Arial,sans-serif;justify-content:space-between;padding:15px 40px;transition:background-color .3s ease,color .3s ease}.logo{color:#fff;font-size:1.4rem;font-weight:700;text-decoration:none;transition:color .2s ease}.logo:hover{color:#ffe082}.nav-right{align-items:center;display:flex;gap:20px}.cart-link{color:#fff;font-size:1.5rem;position:relative;text-decoration:none;transition:transform .2s ease}.cart-link:hover{transform:scale(1.1)}.cart-count{background:red;border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;padding:3px 7px;position:absolute;right:-12px;top:-8px}.dark-toggle{background:none;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;padding:8px 12px;transition:all .3s ease}.dark-toggle:hover{background-color:#fff;color:#007bff}@media (max-width:900px){.navbar{padding:15px 20px;text-align:center}.nav-right,.navbar{flex-direction:column}.nav-right{gap:10px}}body.dark .navbar{background-color:#1e1e1e;color:#f5f5f5}body.dark .cart-link,body.dark .logo{color:#f5f5f5}body.dark .dark-toggle{border-color:#f5f5f5;color:#f5f5f5}footer{background-color:#007bff;color:#fff;font-family:Arial,sans-serif;font-size:1rem;margin-top:60px;padding:25px 15px;text-align:center;transition:background-color .3s ease,color .3s ease}footer a{color:#ffe082;font-weight:700;margin:0 10px;text-decoration:none;transition:opacity .3s ease,color .3s ease}footer a:hover{color:#fff;opacity:.8}@media (max-width:600px){footer{font-size:.9rem;padding:20px}}body.dark footer{background-color:#1e1e1e;color:#f5f5f5}body.dark footer a{color:#90caf9}body.dark footer a:hover{color:#fff}.footer-links{margin-top:10px}.footer-links a{font-weight:500;margin:0 12px}
/*# sourceMappingURL=main.53fd64f6.css.map*/