:root{--primary-color:#00bcd4;--primary-dark:#0097a7;--secondary-color:#00e5ff;--success-color:#4caf50;--danger-color:#f44336;--text-dark:#2c3e50;--text-light:#7f8c8d;--bg-light:#f8f9fa;--white:#fff;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.1);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--border-radius:12px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#e0f7fa,#e1f5fe);color:var(--text-dark);line-height:1.6;padding-top:80px;letter-spacing:.3px}body h1,body h2,body h3,body h4,body h5,body h6{font-family:Playfair Display,serif;font-weight:700;letter-spacing:.5px}.shopping-cart{min-height:100vh;font-family:Poppins,Inter,sans-serif;padding:120px 20px 40px;animation:fadeIn .6s ease-out}.container{max-width:1400px;margin:0 auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.section-header h2{font-size:2rem;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:10px}.continue-shopping{background:var(--white);border:2px solid var(--primary-color);color:var(--primary-color);padding:12px 24px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:8px}.continue-shopping:hover{background:var(--primary-color);color:var(--white);transform:translateX(-5px);box-shadow:var(--shadow-md)}.cart-content{display:grid;grid-template-columns:1fr 400px;grid-gap:30px;gap:30px;align-items:start}.cart-items-section{background:var(--white);border-radius:var(--border-radius);padding:30px;box-shadow:var(--shadow-md);animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.empty-cart{text-align:center;padding:80px 20px;animation:fadeIn .6s ease-out}.empty-icon{margin-bottom:20px;animation:swing 2s ease-in-out infinite}@keyframes swing{0%,to{transform:rotate(0deg)}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}.empty-cart h3{font-size:1.5rem;color:var(--text-light);margin-bottom:20px}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:var(--white);border:none;padding:14px 40px;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-item{display:grid;grid-template-columns:100px 1fr auto auto auto auto;grid-gap:20px;gap:20px;align-items:center;padding:20px;background:var(--bg-light);border-radius:var(--border-radius);transition:var(--transition);border:2px solid transparent}.cart-item:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-image{width:100px;height:100px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow-sm);position:relative}.item-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,188,212,.1),rgba(0,229,255,.1));opacity:0;transition:var(--transition)}.cart-item:hover .item-image:after{opacity:1}.item-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.cart-item:hover .item-image img{transform:scale(1.1)}.item-details h3{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:5px}.item-details p{font-size:.9rem;color:var(--text-light);margin-bottom:8px}.item-details div{display:inline-block;background:var(--primary-color);color:var(--white);padding:4px 12px;border-radius:20px;font-size:.85rem;font-weight:600}.item-pricing{display:flex;flex-direction:column;gap:5px;font-weight:600}.item-pricing div:first-child{font-size:1.2rem;color:var(--primary-color)}.item-pricing div:last-child{font-size:.9rem;color:var(--text-light)}.quantity-controls{display:flex;align-items:center;gap:10px;background:var(--white);padding:8px;border-radius:50px;box-shadow:var(--shadow-sm)}.quantity-controls button{width:32px;height:32px;border:none;background:var(--primary-color);color:var(--white);border-radius:50%;font-size:1rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.quantity-controls button:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.1)}.quantity-controls button:disabled{background:#ddd;cursor:not-allowed;opacity:.5}.quantity-controls span{min-width:30px;text-align:center;font-weight:600;font-size:1.1rem;color:var(--text-dark)}.item-total{font-size:1.3rem;font-weight:700;color:var(--primary-color);min-width:100px;text-align:right}.item-actions{display:flex;flex-direction:column;gap:10px}.item-actions button{background:var(--white);border:2px solid var(--bg-light);width:40px;height:40px;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.item-actions button:first-child:hover{border-color:var(--danger-color);background:var(--danger-color);color:var(--white);transform:scale(1.1)}.item-actions button:last-child:hover{border-color:var(--success-color);background:var(--success-color);color:var(--white);transform:scale(1.1)}.order-section{display:flex;flex-direction:column;gap:20px;position:-webkit-sticky;position:sticky;top:100px;animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.delivery-address{background:var(--white);border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow-md)}.delivery-address h3{font-size:1.3rem;font-weight:700;color:var(--text-dark);margin-bottom:20px;display:flex;align-items:center;gap:10px}.address-form{display:flex;flex-direction:column;gap:15px}.address-form input,.address-form textarea{width:100%;padding:14px 18px;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;font-family:inherit;transition:var(--transition);background:var(--bg-light)}.address-form input:focus,.address-form textarea:focus{outline:none;border-color:var(--primary-color);background:var(--white);box-shadow:0 0 0 4px rgba(0,188,212,.15)}.address-form textarea{min-height:80px;resize:vertical}.order-summary{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:var(--border-radius);padding:25px;box-shadow:var(--shadow-lg);color:var(--white)}.order-summary h3{font-size:1.3rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center;gap:10px}.order-summary>div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.2);font-size:1rem}.order-summary>div:last-of-type{border-bottom:none;font-size:1.4rem;font-weight:700;padding-top:15px;margin-top:10px;border-top:2px solid hsla(0,0%,100%,.3)}.checkout-btn{width:100%;background:var(--white);color:var(--primary-color);border:none;padding:16px;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:20px;transition:var(--transition);box-shadow:var(--shadow-md);text-transform:uppercase;letter-spacing:.5px}.checkout-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--shadow-lg);background:#e0f7fa}.checkout-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width:1200px){.cart-content{grid-template-columns:1fr 350px}}@media (max-width:968px){.cart-content{grid-template-columns:1fr}.shopping-cart{padding:100px 20px 40px}body{padding-top:70px}.order-section{position:static;top:0}.cart-item{grid-template-columns:80px 1fr;gap:15px}.item-details{grid-column:1/-1}.item-actions,.item-pricing,.item-total,.quantity-controls{grid-column:2}}@media (max-width:640px){.shopping-cart{padding:90px 10px 20px}body{padding-top:60px}.cart-items-section{padding:20px 15px}.section-header{flex-direction:column;align-items:flex-start}.section-header h2{font-size:1.5rem}.cart-item{grid-template-columns:1fr;padding:15px}.item-image{width:100%;height:200px}.item-actions,.item-details,.item-image,.item-pricing,.item-total,.quantity-controls{grid-column:1}.item-actions{flex-direction:row}.item-actions,.quantity-controls{justify-content:center}.item-total{text-align:center}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.checkout-btn:disabled{animation:pulse 1.5s infinite}.success-message{background:var(--success-color);color:var(--white);padding:15px 20px;border-radius:var(--border-radius);margin-bottom:20px;display:flex;align-items:center;gap:10px;animation:slideDown .5s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.success-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.success-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.3);padding:50px 40px;max-width:500px;width:90%;text-align:center;animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) .1s both}.success-icon svg{width:45px;height:45px;color:#fff;stroke-width:3}.success-modal h2{font-size:28px;font-weight:700;color:var(--text-dark);margin-bottom:15px}.order-id{font-size:14px;color:var(--text-light);margin-bottom:10px;background:#f0f7f7;padding:12px;border-radius:8px;font-family:Courier New,monospace}.order-id strong{color:var(--primary-color);font-weight:700;font-size:16px}.order-message{font-size:15px;color:var(--text-light);margin-bottom:30px;line-height:1.6}.success-buttons{display:flex;gap:12px;justify-content:center}.success-buttons .btn-primary,.success-buttons .btn-secondary{padding:12px 28px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);flex:1 1;max-width:200px}.success-buttons .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;box-shadow:0 4px 15px rgba(0,188,212,.3)}.success-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,188,212,.4)}.success-buttons .btn-secondary{background:var(--bg-light);color:var(--primary-color);border:2px solid var(--primary-color)}.success-buttons .btn-secondary:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}