.register-wrapper {padding: 30px;}
.register-card {border-radius: 22px;overflow: hidden;backdrop-filter: blur(10px);}
.info-side {background: linear-gradient(180deg, #111827, #1f2937);position: relative;padding: 40px;}
.info-content {margin: auto;}
.info-content h2 {font-size: 32px;}
.info-content p {opacity: 0.85;}
.form-control {height: 52px;border-radius: 12px;border: 1px solid #d1d5db;box-shadow: none !important;}
.form-control:focus {border-color: #6366f1;}
.input-group-text {border-radius: 12px 0 0 12px;background: #f9fafb;border: 1px solid #d1d5db;}
.input-group .form-control {border-left: 0;}
.btn-register {background: linear-gradient(135deg, #4f46e5, #7c3aed);border: none;border-radius: 14px;padding: 14px;font-weight: 600;color: #fff;transition: 0.3s;}
.btn-register:hover {transform: translateY(-2px);opacity: 0.95;}
.login-link {color: #4f46e5;font-weight: 600;text-decoration: none;}
.login-link:hover {text-decoration: underline;}
@media(max-width:768px) {.register-card {border-radius: 18px;}
.register-wrapper {padding: 15px;}}    
.card{backdrop-filter: blur(10px);}
.form-control{height: 50px;border-radius: 10px;}
.input-group-text{border-radius: 10px;}
.btn-primary{background: linear-gradient(135deg, #4e73df, #224abe);border: none;transition: 0.3s;}
.btn-primary:hover{transform: translateY(-2px);box-shadow: 0 10px 20px rgba(0,0,0,0.15);}        
.account-section .nav-link{color:#555;font-weight:500;transition:0.3s;border:none;}
.account-section .nav-link.active{background:#0d6efd;color:#fff;box-shadow:0 10px 20px rgba(13,110,253,0.2);}
.account-section .nav-link:hover{background:#f1f5ff;color:#0d6efd;}
.account-section .card{transition:0.3s;}
.account-section .card:hover{transform:translateY(-4px);}
.icon-box{width:70px;height:70px;display:flex;align-items:center;justify-content:center;border-radius:20px;}
.form-control{border:1px solid #e5e7eb;}
.form-control:focus{box-shadow:none;border-color:#0d6efd;}
.table td, .table th{vertical-align:middle;}
.product_img{height:300px;}
.product_img img{width:100%;}
.product_img_zoom{position:absolute;bottom:20px;right:20px;width:45px;height:45px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;text-decoration:none;}
.gallery-thumb img{transition:.3s;border:2px solid transparent;width:100%;}
.gallery-thumb.active img, .gallery-thumb:hover img{border-color:#000;transform:scale(1.05);}
.color-box{width:32px;height:32px;border-radius:50%;cursor:pointer;border:3px solid #fff;box-shadow:0 0 0 1px #ddd;}
.color-box.active{transform:scale(1.1);}
.size-box{min-width:45px;height:45px;display:flex;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:12px;cursor:pointer;font-weight:600;transition:.3s;}
.size-box:hover, .size-box.active{background:#000;color:#fff;border-color:#000;}
.quantity-wrapper{display:flex;align-items:center;width:140px;overflow:hidden;border:1px solid #ddd;border-radius:50px;}
.nav-pills .nav-link{background:#f8f9fa;color:#000;font-weight:600;}
.nav-pills .nav-link.active{background:#000;color:#fff;}
.review-box{background:#fafafa;}
.cart-card{transition: all 0.3s ease;background: #fff;}
.cart-card:hover{transform: translateY(-3px);box-shadow: 0 12px 30px rgba(0,0,0,0.08) !important;}
.product-image-wrapper{overflow: hidden;border-radius: 20px;}
.product-image{width: 100%;height: 120px;object-fit: cover;transition: 0.4s;}
.product-image:hover{transform: scale(1.08);}
.summary-card{position: sticky;top: 20px;background: linear-gradient(180deg,#ffffff,#fafafa);}
.btn-warning{background: linear-gradient(135deg,#ffd54f,#ffb300);border: none;}
.btn-warning:hover{background: linear-gradient(135deg,#ffca28,#ffa000);transform: translateY(-2px);}
input.form-control{height: 50px;}
@media(max-width:768px){
.summary-card{position: relative;top: 0;}
.product-image{height: 90px;}}
.form-control {border: 1px solid #e5e7eb;padding: 14px 16px;transition: 0.3s;}
.form-control:focus {border-color: #111827;box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.1);}
.card {transition: 0.3s ease;}
.card:hover {transform: translateY(-2px);}
.btn-dark {transition: 0.3s;}
.btn-dark:hover {transform: translateY(-1px);}
/* ================= PAGE ================= */
 .cart-page{ max-width:1400px; } 
 /* ================= EMPTY CART ================= */ 
 .empty-cart-card{ background:linear-gradient(135deg,#ffffff,#f9fafc); }
 .empty-icon-wrapper{ width:120px; height:120px; margin:auto; border-radius:50%; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#ffe082,#ffca28); box-shadow:0 10px 30px rgba(255,193,7,0.3); } 
 .empty-icon-wrapper i{ font-size:60px; color:#212529; } 
 /* ================= CART CARD ================= */ 
 .cart-item-card{ transition:all .3s ease; background:#fff; } 
 .cart-item-card:hover{ transform:translateY(-5px); box-shadow:0 15px 40px rgba(0,0,0,0.08)!important; } 
 /* ================= PRODUCT IMAGE ================= */ 
 .product-image-box{ width:110px; height:110px; border-radius:25px; overflow:hidden; background:#f8f9fa; padding:10px; display:flex; align-items:center; justify-content:center; } 
 .product-image{ max-height:100%; object-fit:contain; transition:0.3s; } 
 .cart-item-card:hover .product-image{ transform:scale(1.08); } 
 /* ================= QUANTITY ================= */ 
 .quantity-wrapper{ display:inline-flex; align-items:center; background:#f8f9fa; border-radius:50px; padding:8px 10px; gap:10px; } 
 .qty-btn{ width:36px; height:36px; border:none; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; transition:0.3s; box-shadow:0 2px 6px rgba(0,0,0,0.08); } 
 .qty-btn:hover{ background:#212529; color:#fff; } .qty-number{ font-weight:700; font-size:18px; min-width:20px; text-align:center; } 
 /* ================= REMOVE BUTTON ================= */ 
 .remove-btn{ width:48px; height:48px; transition:0.3s; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.08); } 
 .remove-btn:hover{ background:#dc3545; color:#fff!important; transform:scale(1.1); } 
 /* ================= SUMMARY ================= */ 
 .summary-card{ background:linear-gradient(135deg,#ffffff,#fdfdfd); top:30px; }
 .summary-badge{ background:#212529; color:#fff; padding:10px 18px; border-radius:50px; font-size:14px; font-weight:600; } 
 .summary-item{ display:flex; justify-content:space-between; align-items:center; margin-bottom:18px; font-size:16px; } 
 .grand-total{ font-size:34px; font-weight:800; color:#212529; } 
 /* ================= CHECKOUT BUTTON ================= */ 
 .checkout-btn{ background:linear-gradient(135deg,#ffca28,#ffb300); border:none; color:#212529; transition:0.3s; box-shadow:0 10px 25px rgba(255,193,7,0.35); } 
 .checkout-btn:hover{ transform:translateY(-3px); box-shadow:0 15px 35px rgba(255,193,7,0.45); color:#000; } 
 /* ================= FEATURES ================= */ 
 .features-box{ border-top:1px solid #eee; padding-top:20px; } 
 .feature-item{ display:flex; align-items:center; gap:12px; margin-bottom:18px; font-size:15px; color:#6c757d; } 
 .feature-item i{ font-size:20px; color:#212529; } 
 /* ================= MOBILE ================= */ 
 @media(max-width:768px){ .product-image-box{ width:90px; height:90px; } 
 .grand-total{ font-size:28px; } .summary-card{ margin-top:10px; } }
 .checkout-section {min-height: 100vh;}
.modern-input {height: 55px;border-radius: 14px;border: 1px solid #e5e7eb;padding: 12px 18px;font-size: 15px;transition: 0.3s ease;background: #fafafa;}
.modern-input:focus {border-color: #f59e0b;box-shadow: 0 0 0 0.2rem rgba(245, 158, 11, 0.15);background: #fff;}
.summary-card {position: sticky;top: 20px;}
.product-item {padding-bottom: 15px;border-bottom: 1px dashed #ececec;}
.product-item:last-child {border-bottom: none;padding-bottom: 0;}
.product-image {width: 75px;height: 75px;overflow: hidden;border-radius: 14px;background: #f3f4f6;flex-shrink: 0;}
.product-image img {width: 100%;height: 100%;object-fit: cover;}
.product-name {font-size: 15px;line-height: 1.4;}
.checkout-btn {height: 55px;border-radius: 14px;font-size: 16px;font-weight: 700;transition: 0.3s ease;}
.checkout-btn:hover {transform: translateY(-2px);box-shadow: 0 10px 20px rgba(245, 158, 11, 0.25);}
.empty-cart-box {max-width: 450px;background: #fff;padding: 50px 30px;border-radius: 25px;box-shadow: 0 10px 30px rgba(0,0,0,0.06);}
@media(max-width: 991px) {.summary-card {position: relative;top: 0;}}
.order-success-section{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);padding:60px 0;}
.success-card{background:#fff;border-radius:30px;box-shadow:0 20px 60px rgba(0,0,0,0.08);position:relative;z-index:1;}
.success-header{padding:70px 40px 40px;position:relative;z-index:2;}
.success-body{padding:20px 50px 60px;position:relative;z-index:2;}
/* Success Icon */
.success-icon{width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;box-shadow:0 15px 35px rgba(34,197,94,0.35);}
/* Order ID */
.order-id-box{background:#f8fafc;border:1px dashed #cbd5e1;padding:25px;border-radius:20px;}
/* Info Cards */
.info-card{background:#fff;border:1px solid #f1f5f9;border-radius:22px;padding:30px 20px;transition:all .3s ease;box-shadow:0 8px 25px rgba(0,0,0,0.04);}
.info-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px rgba(0,0,0,0.08);}
.info-icon{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:28px;margin:auto;}
/* Buttons */
.btn{transition:all .3s ease;}
.btn:hover{transform:translateY(-2px);}
/* Decorative Shapes */
.shape{position:absolute;border-radius:50%;z-index:0;}
.shape-1{width:220px;height:220px;background:rgba(59,130,246,0.08);top:-80px;right:-80px;}
.shape-2{width:180px;height:180px;background:rgba(34,197,94,0.08);bottom:-70px;left:-70px;}
/* Responsive */
@media(max-width:768px){.success-header{padding:50px 25px 30px;}
.success-body{padding:20px 25px 40px;}
.success-icon{width:90px;height:90px;font-size:40px;}
h1{font-size:2rem;}}