.full-width-navbar{width:100%;background-color:#0d6efd;color:#fff;box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:100}.customer-header-navbar{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:10px 20px}.logo h1{margin:0;font-size:1.8rem;font-weight:700;cursor:pointer}.customer-tabs{display:flex;gap:10px}.tab{background:transparent;border:none;color:#fff;padding:8px 16px;font-size:1rem;cursor:pointer;border-radius:5px;transition:background .3s,transform .2s}.tab:hover{background-color:#fff3;transform:scale(1.05)}.active-tab{background-color:#fff;color:#0d6efd;font-weight:700}@media screen and (max-width:768px){.customer-header-navbar{flex-direction:column;align-items:flex-start}.customer-tabs{flex-wrap:wrap;width:100%}.tab{margin-bottom:5px}}.liked-page{width:100%;min-height:100vh;padding:20px;background:pink;box-sizing:border-box}.liked-page h2{text-align:center;margin-bottom:20px;font-size:26px;color:#333}.liked-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-top:20px}.dashboard-card{background:#fff;border-radius:12px;padding:12px;cursor:pointer;box-shadow:0 2px 10px #00000014;transition:.3s ease;display:flex;flex-direction:column;height:100%}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.dashboard-card img{width:100%;height:200px;object-fit:contain;background:#f9f9f9;border-radius:10px;margin-bottom:10px}.dashboard-card h3{font-size:16px;margin:6px 0;color:#333}.dashboard-card p{font-size:15px;font-weight:700;color:#2e7d32;margin-bottom:10px}.remove-btn{margin-top:auto;padding:8px;border:none;border-radius:6px;background:#ff4d4d;color:#fff;cursor:pointer;transition:.2s}.remove-btn:hover{background:#d93636}.liked-page p{text-align:center;color:#666;font-size:16px}.loading{text-align:center;margin-top:100px;font-size:18px;color:#666}@media(max-width:768px){.liked-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.dashboard-card img{height:150px}}.navbar{width:100%;background-color:#db7093;color:#fff;box-shadow:0 2px 5px #0000001a;position:sticky;top:0;z-index:100}.navbar-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:10px 20px}.logo a{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none;cursor:pointer}.search-bar{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.search-bar input{width:50%;max-width:400px;padding:8px 12px;border-radius:5px;border:none;outline:none}.search-bar button{padding:8px 14px;border:none;border-radius:5px;background:#fff;color:#0d6efd;font-weight:700;cursor:pointer;transition:.2s}.search-bar button:hover{background:#e9ecef}.nav-links{display:flex;align-items:center;gap:10px}.nav-links a{color:#fff;text-decoration:none;padding:8px 14px;border-radius:5px;transition:.3s}.nav-links a:hover{background-color:#fff3}.nav-links button{background:transparent;border:none;color:#fff;padding:8px 14px;font-size:1rem;cursor:pointer;border-radius:5px;transition:.3s,transform .2s}.nav-links button:hover{background-color:#fff3;transform:scale(1.05)}.active-tab{background-color:#fff!important;color:#0d6efd!important;font-weight:700}.nav-links button:last-child{background-color:#dc3545;color:#fff}.nav-links button:last-child:hover{background-color:#b02a37}@media screen and (max-width:768px){.navbar-inner{flex-direction:column;align-items:flex-start;gap:10px}.search-bar{width:100%;justify-content:flex-start}.search-bar input{width:70%}.nav-links{flex-wrap:wrap;width:100%}}.container{padding:20px;min-height:100vh;width:100%;font-family:Arial,sans-serif}.page-title{text-align:center;margin-bottom:25px;font-size:28px;font-weight:600;color:#222}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.dashboard-card{background:#fff;border-radius:12px;padding:15px;cursor:pointer;box-shadow:0 4px 12px #00000014;transition:all .25s ease;display:flex;flex-direction:column;align-items:center}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.dashboard-card img{width:100%;height:180px;object-fit:contain;border-radius:10px;margin-bottom:10px}.dashboard-card h4{font-size:16px;margin:8px 0;text-align:center;color:#333;height:40px;overflow:hidden}.price{font-size:18px;font-weight:700;color:#e63946;margin-bottom:10px}.card-actions{display:flex;gap:10px;margin-top:auto}.card-actions button{border:none;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13px;transition:.2s ease}.card-actions button:first-child{background-color:#007bff;color:#fff}.card-actions button:first-child:hover{background-color:#0056b3}.like-btn{background-color:#ff4d6d;color:#fff}.like-btn:hover{background-color:#e63950}@media(max-width:600px){.dashboard-card img{height:150px}.page-title{font-size:22px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(https://static.vecteezy.com/system/resources/previews/004/299/830/non_2x/shopping-online-on-phone-with-podium-paper-art-modern-pink-background-gifts-box-illustration-free-vector.jpg);background-size:cover;background-position:center 100%;position:relative;background-repeat:no-repeat}.login-card{position:relative;z-index:1;background:pink;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:30px;width:350px;border-radius:12px;margin-left:-210px;margin-top:-170px;box-shadow:0 8px 30px #0000004d;display:flex;flex-direction:column}.login-card h2{text-align:center;margin-bottom:20px}.login-card input{margin-bottom:15px;padding:10px;border-radius:5px;border:1px solid #ddd;outline:none}.login-card input:focus{border-color:red}.login-card button{background:#f08080;color:#fff;font-weight:700;padding:10px}.form{width:300px;margin:80px auto;background:#fff;padding:30px;border-radius:12px;color:#000;display:flex;flex-direction:column}.form input,.form select{margin:10px 0;padding:10px}.form button{background:red;border:none;padding:10px;color:#fff;cursor:pointer}.register-text{margin-top:14px;font-size:15px;color:#000;text-align:center}.register-text span{color:red;cursor:pointer;font-weight:600}.register-text span:hover{text-decoration:underline}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(https://static.vecteezy.com/system/resources/previews/004/299/830/non_2x/shopping-online-on-phone-with-podium-paper-art-modern-pink-background-gifts-box-illustration-free-vector.jpg);background-size:cover;background-position:center 100%;position:relative;background-repeat:no-repeat}.register-card{background:pink;padding:30px;width:400px;border-radius:8px;margin-left:-10%;margin-top:-3%;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column}.register-card h2{margin-bottom:20px;text-align:center}.register-card input,.register-card select{margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:5px;outline:none}.register-card input:focus,.register-card select:focus{border-color:#2874f0}.register-card button{background:#f08080;color:#fff;font-weight:700;padding:10px}.login-text{margin-top:14px;font-size:15px;color:#000;text-align:center}.login-text span{color:red;cursor:pointer;font-weight:600}.login-text span:hover{text-decoration:underline}.cart-page{background:pink;display:flex;gap:2rem;padding-top:80px;margin:0 auto;min-height:100vh;width:100%;box-sizing:border-box}.cart-left{flex:2}.cart-summary{flex:1;border:1px solid #ddd;padding:1rem;border-radius:8px;height:fit-content}.cart-card{display:flex;gap:1rem;border-bottom:1px solid #eee;padding:1rem 0}.cart-image img{width:120px;height:120px;object-fit:cover;border-radius:8px}.cart-details h3{margin:0;font-size:1.2rem}.cart-details p{margin:.2rem 0}.out-of-stock{color:red;font-weight:700;margin-top:.5rem}.qty-controls{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.qty-controls button{width:32px;height:32px;font-size:1.2rem;font-weight:700;border:1px solid #ccc;background-color:#f7f7f7;color:#333;border-radius:4px;cursor:pointer;transition:.2s}.qty-controls button:hover{background-color:#e0e0e0;border-color:#999}.qty-controls button:disabled{cursor:not-allowed;opacity:.5}.qty-controls span{min-width:24px;text-align:center;font-weight:500}.checkout-btn{width:100%;padding:.8rem;background-color:#ff6b00;color:#fff;font-weight:700;border:none;border-radius:6px;cursor:pointer;margin-top:1rem}.checkout-btn:hover{background-color:#e65c00}.orders-page{padding:20px}.order-card{background:#fff;padding:15px;margin-bottom:20px;border-radius:10px;box-shadow:0 0 5px #0000001a}.order-header{display:flex;justify-content:space-between;margin-bottom:10px}.order-product-modern{display:flex;align-items:center;gap:15px;padding:10px;border-top:1px solid #eee;position:relative}.order-img{width:60px;height:60px;object-fit:cover;border-radius:8px}.order-info{flex:1}.stars span{font-size:18px;margin-right:3px}.review-btn{margin-top:5px;padding:4px 8px;font-size:12px;cursor:pointer}.go-product{font-size:22px;cursor:pointer;color:#333}.details-top{display:flex;gap:40px;margin-top:40px}.details-container{background:pink;margin-left:30px}.details-image img{width:350px;height:350px;object-fit:cover;border-radius:8px}.details-info{flex:1}.details-info h2{margin-bottom:10px}.price{margin:15px 0;font-size:24px;font-weight:700}.reviews-section{margin-top:50px}.review-card{background:#fff;padding:15px;margin-top:10px;border-radius:6px;box-shadow:0 3px 10px #0000001a}@media(max-width:900px){.details-top{flex-direction:column;align-items:center}.details-image img{width:100%}}.product-actions{display:flex;gap:1rem;margin-top:1rem}.add-btn,.like-btn{border:none;cursor:pointer;font-size:1rem;border-radius:5px;padding:10px 20px;margin-top:20px}.add-btn{background-color:#28a745;color:#fff}.like-btn{background-color:#ff4d4d;color:#fff}.checkout-page{margin-top:60px;text-align:center;min-height:100vh;width:100%;box-sizing:border-box}.checkout-page button{margin-top:20px;background:#2874f0;color:#fff;padding:10px 20px}.customer-dashboard{min-height:100vh;background-color:pink;padding-bottom:40px;font-family:Arial,Helvetica,sans-serif}.top-navbar{width:100%;background-color:#f08080;display:flex;justify-content:space-between;align-items:center;padding:15px 25px;box-sizing:border-box;position:sticky;top:0;z-index:1000}.nav-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logo{color:#fff;margin-right:15px}.top-navbar button{border:none;background-color:#fff;color:#f08080;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:700;transition:.3s}.top-navbar button:hover{background-color:#ffe3e3;transform:scale(1.05)}.logout-btn{background-color:#dc143c!important;color:#fff!important}.logout-btn:hover{background-color:#8b0000!important}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;padding:25px}.dashboard-card{background-color:#fff;border-radius:18px;padding:16px;text-align:center;box-shadow:0 4px 12px #0000001a;transition:.3s;cursor:pointer}.dashboard-card:hover{transform:translateY(-5px)}.dashboard-card img{width:100%;height:220px;object-fit:cover;border-radius:14px}.dashboard-card h4{margin-top:12px;color:#333}.dashboard-card p{margin-top:6px;color:#555}.dashboard-card button{margin-top:10px;margin-right:8px;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;transition:.3s}.dashboard-card button:nth-child(4){background-color:#f08080;color:#fff}.dashboard-card button:nth-child(4):hover{background-color:#ff5f5f}.dashboard-card button:nth-child(5){background-color:#ff69b4;color:#fff}.dashboard-card button:nth-child(5):hover{background-color:#ff1493}.dashboard-card button:nth-child(6){background-color:orange;color:#fff}.dashboard-card button:nth-child(6):hover{background-color:#ff8c00}.dashboard-card button:nth-child(7){background-color:#dc143c;color:#fff}.dashboard-card button:nth-child(7):hover{background-color:#8b0000}.profile-card{width:90%;max-width:600px;margin:30px auto;background-color:#fff;padding:30px;border-radius:20px;box-shadow:0 4px 15px #0000001a}.profile-card h2,.profile-card h3{color:#f08080;margin-bottom:20px}.profile-card p{margin-bottom:12px;color:#444}.profile-card input,.profile-card textarea{width:100%;padding:12px;margin-top:8px;margin-bottom:18px;border-radius:10px;border:1px solid #ccc;outline:none;box-sizing:border-box}.profile-card button{margin-right:10px;border:none;background-color:#f08080;color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:700}.profile-card button:hover{background-color:#ff6f6f}.order-product{margin-top:15px;background-color:#fff0f3;border-radius:14px;padding:12px}.order-product img{width:100%;height:170px;object-fit:cover;border-radius:12px}.order-product h5{margin-top:10px;color:#333}select{width:100%;padding:10px;border-radius:10px;margin-top:12px;border:1px solid #ccc;outline:none}h2,h3{text-align:center;margin-top:25px;color:#d6336c}.stats-box{width:90%;max-width:700px;margin:25px auto;background-color:#fff;padding:25px;border-radius:18px;text-align:center;box-shadow:0 4px 15px #0000001a}.stats-box h2{color:#f08080;margin-bottom:20px}.stats-box p{margin-top:12px;font-size:18px;color:#444}@media screen and (max-width:768px){.top-navbar{flex-direction:column;gap:15px}.nav-left{justify-content:center}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-card img{height:180px}}.add-product-btn{background-color:#f08080;color:#fff;border:none;padding:12px 18px;border-radius:10px;cursor:pointer;font-weight:700;transition:.3s}.add-product-btn:hover{background-color:#f66;transform:scale(1.05)}.offer-btn{width:100%;margin-top:10px;border:none;background-color:orange;color:#fff;padding:12px;border-radius:10px;cursor:pointer;font-weight:700}.offer-btn:hover{background-color:#ff8c00}.edit-btn{width:100%;margin-top:10px;border:none;background-color:#4169e1;color:#fff;padding:12px;border-radius:10px;cursor:pointer;font-weight:700}.edit-btn:hover{background-color:#00f}.delete-btn{width:100%;margin-top:10px;border:none;background-color:#dc143c;color:#fff;padding:12px;border-radius:10px;cursor:pointer;font-weight:700}.delete-btn:hover{background-color:#8b0000}.add-product-form{width:90%;max-width:600px;margin:20px auto;background-color:#fff;padding:25px;border-radius:18px;box-shadow:0 4px 15px #0000001a}.add-product-form h2{text-align:center;color:#f08080;margin-bottom:20px}.add-product-form input,.add-product-form textarea{width:100%;padding:12px;margin-top:12px;border-radius:10px;border:1px solid #ccc;outline:none;box-sizing:border-box}.add-product-form textarea{min-height:120px;resize:vertical}.submit-product-btn{width:100%;margin-top:20px;border:none;background-color:#f08080;color:#fff;padding:14px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700}.submit-product-btn:hover{background-color:#f66}.vendor-orders-container{display:flex;flex-direction:column;gap:25px;margin-top:25px}.vendor-order-card{background:#fff;border-radius:20px;padding:22px;box-shadow:0 4px 15px #00000014}.vendor-order-header{display:flex;justify-content:space-between;flex-wrap:wrap;background:#fff0f3;padding:18px;border-radius:16px;margin-bottom:20px}.vendor-products-list{display:flex;flex-direction:column;gap:15px}.vendor-product-item{display:flex;gap:18px;align-items:center;background:#fafafa;padding:14px;border-radius:15px}.vendor-product-item img{width:85px;height:85px;object-fit:cover;border-radius:12px}.vendor-product-item h4{margin-bottom:6px;color:#d6336c}.vendor-order-footer{margin-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.vendor-order-footer select{padding:10px;border-radius:10px;border:1px solid #ddd}.my-products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.add-product-btn{background:#f08080;color:#fff;border:none;padding:12px 18px;border-radius:12px;cursor:pointer;font-weight:700}.stock-controls{margin-top:12px}.stock-buttons{display:flex;gap:10px;margin-top:10px}.stock-btn{width:38px;height:38px;border:none;border-radius:50%;background:#f08080;color:#fff;font-size:22px;cursor:pointer;font-weight:700}.stock-btn:hover{opacity:.85}.vendor-product-actions{display:flex;gap:12px;margin-top:18px}.offer-btn{flex:1;background:#ff85a2;color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer}.delete-btn{flex:1;background:#dc143c;color:#fff;border:none;padding:10px;border-radius:10px;cursor:pointer}.admin-container{min-height:100vh;background:#ffe6eb;padding:20px}.admin-navbar{background:#f08080;padding:20px;border-radius:20px;display:flex;justify-content:space-between;align-items:center;color:#fff;flex-wrap:wrap}.nav-links{display:flex;gap:12px;flex-wrap:wrap}.nav-links button,.logout-btn{border:none;padding:10px 16px;border-radius:10px;cursor:pointer;background:#fff;color:#f08080;font-weight:700}.admin-grid,.stats-grid{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.admin-card,.stats-card,.order-card{background:#fff;border-radius:20px;padding:18px;box-shadow:0 5px 15px #0000001a}.admin-card img,.stats-img{width:100%;height:220px;object-fit:cover;border-radius:15px}.admin-card button,.delete-btn,.approve-btn{margin-top:10px;width:100%;border:none;padding:10px;border-radius:10px;cursor:pointer;color:#fff;font-weight:700}.delete-btn{background:#dc143c}.approve-btn{background:green}.section-heading{margin-top:35px;color:#d6336c}.order-card{margin-top:20px}.order-header{display:flex;justify-content:space-between;flex-wrap:wrap}.order-products{margin-top:15px}.single-order-product{display:flex;gap:15px;align-items:center;background:#fff0f3;padding:12px;border-radius:12px;margin-top:10px}.single-order-product img{width:70px;height:70px;object-fit:cover;border-radius:10px}select{margin-top:15px;padding:10px;border-radius:10px;width:100%}.graph-bg{width:100%;height:25px;background:#eee;border-radius:20px;overflow:hidden;margin-top:15px}.graph-fill{height:100%;background:#f08080;color:#fff;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center}.modal-box{width:500px;max-height:90vh;overflow-y:auto;background:#fff;padding:25px;border-radius:20px;position:relative}.modal-box img{width:100%;height:300px;object-fit:cover;border-radius:15px}.close-btn{position:absolute;right:15px;top:15px;background:#dc143c;color:#fff;border:none;padding:8px 12px;border-radius:10px;cursor:pointer}.review-box{background:#fff0f3;padding:12px;border-radius:10px;margin-top:10px}.orders-page{margin-top:25px}.customer-orders-card{background:#fff;border-radius:22px;padding:25px;margin-bottom:35px;box-shadow:0 4px 15px #00000014}.customer-header{display:flex;justify-content:space-between;align-items:center;background:#ffe3e8;padding:20px;border-radius:18px;margin-bottom:25px}.customer-header h2{color:#d6336c;margin-bottom:8px}.customer-order-count{text-align:center;background:#fff;padding:15px 20px;border-radius:15px;min-width:120px}.customer-order-count p{font-size:24px;font-weight:700;color:#f08080}.order-section-title{margin-top:20px;margin-bottom:15px;color:#d6336c}.single-customer-order{background:#fff7f8;border-radius:18px;padding:20px;margin-bottom:18px}.completed-order{background:#eefaf0}.order-top-bar{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:15px}.products-list-admin{display:flex;flex-direction:column;gap:12px}.admin-product-row{display:flex;align-items:center;gap:15px;background:#fff;padding:12px;border-radius:14px}.admin-product-row img{width:70px;height:70px;object-fit:cover;border-radius:12px}.order-status-admin{margin-top:15px}.order-status-admin select{width:220px;padding:10px;border-radius:10px;border:1px solid #ddd}.form-container{display:flex;justify-content:center;margin-top:40px}.product-form{background:#fff;padding:30px;width:400px;border-radius:8px;box-shadow:0 3px 10px #0000001a;display:flex;flex-direction:column}.product-form input,.product-form textarea{margin-bottom:15px;padding:10px;border-radius:5px;border:1px solid #ddd}.product-form button{background:#2874f0;color:#fff;padding:10px}.customer-dashboard{width:100%;min-height:100vh;background:pink;padding:20px;box-sizing:border-box}.fixed-img{width:200px;height:200px;object-fit:cover;border-radius:8px}.customer-header-navbar{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:12px 20px}.customer-header-navbar .logo h1{color:#fff;margin:0;font-size:28px;font-weight:700;cursor:pointer}.customer-tabs{display:flex;gap:25px;border-bottom:none}.customer-tabs .tab{position:relative;background-color:pink;color:#fff;padding:8px 0;font-weight:500;cursor:pointer;border:none}.customer-tabs .tab:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:#fff;transition:width .3s ease}.customer-tabs .tab:hover:after,.customer-tabs .active-tab:after{width:100%}.dashboard-grid{display:grid;background-color:transparent;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;padding:20px}.dashboard-card,.order-product{border:1px solid #ddd;border-radius:10px;padding:15px;background-color:#fff;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.dashboard-card:hover,.order-product:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.dashboard-card img,.order-product img{max-width:100%;height:150px;object-fit:contain;margin-bottom:10px}.dashboard-card button{margin:5px;padding:6px 12px;border:none;border-radius:5px;cursor:pointer;font-weight:500}.dashboard-card button:first-of-type{background-color:#28a745;color:#fff}.dashboard-card button:last-of-type{background-color:#ff4c4c;color:#fff}.profile-card{max-width:700px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#fff}.profile-card input,.profile-card textarea{width:100%;margin-bottom:10px;padding:8px;border-radius:5px;border:1px solid #ccc}.profile-card button{padding:8px 15px;margin-top:10px;border:none;border-radius:5px;cursor:pointer;background-color:#007bff;color:#fff;font-weight:500}.product-details-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.product-details-card{background:#fff;padding:2rem;max-width:600px;width:90%;border-radius:8px;overflow-y:auto;max-height:90%;position:relative}.close-btn{position:absolute;top:1rem;right:1rem;font-size:1.5rem;background:transparent;border:none;cursor:pointer}.review-card{border-top:1px solid #ccc;padding:.5rem 0}button{padding:10px 20px;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease;border-radius:5px}button:hover{background-color:#4caf50;color:#fff;transform:scale(1.05)}button:active{transform:scale(1)}button.add-to-cart{background-color:#ff9800}button.add-to-cart:hover{background-color:#f57c00}button.like-button{background-color:#e91e63}button.like-button:hover{background-color:#c2185b}.container{max-width:100%;padding:20px;background:pink;min-height:100vh;width:500%;box-sizing:border-box;border-radius:12px;box-shadow:0 2px 10px #0000001a}.container h2{text-align:center;margin-bottom:20px;font-size:28px;color:#333}.container p{font-size:16px;margin:12px 500px;color:#444;padding:8px 12px;background:#f9f9f9;border-radius:6px}.container p strong{color:#0d6efd}.container-loading{text-align:center;margin-top:100px;font-size:18px;color:#666}@media(max-width:768px){.container{margin:20px;padding:15px}.container h2{font-size:22px}.container p{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,sans-serif}body{background-color:pink}.container{width:90%;margin:auto}button{border:none;border-radius:4px;cursor:pointer;transition:.3s ease}button:hover{opacity:.9}@media(max-width:900px){.home-page,.cart-page{flex-direction:column}}