.app{min-height:100vh}body{color:#0f172a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial}h1,h2,h3{color:#0f172a}.navbar{align-items:center;gap:20px;height:72px;padding:0 28px;display:flex}.navbar .logo span{color:#111827;font-size:20px;font-weight:800}.navbar{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffc;position:sticky;top:0}.hero.banner{color:#fff;background-image:linear-gradient(#040c1ba3 0%,#040c1b5c 40%,#040c1b3d 100%),url(https://source.unsplash.com/1600x900/?stainless-steel,kitchen,utensils);background-position:50%;background-size:cover;width:100%;padding:80px 0}.hero.banner .banner-inner{max-width:1200px;margin:0 auto;padding:48px 24px}.hero.banner .banner-content{text-align:left;max-width:680px}.hero.banner h1{color:#fff;text-shadow:0 6px 20px #02061773;margin-bottom:12px;font-size:48px;font-weight:800;line-height:1.02}.hero.banner p{color:#ffffffe6;margin-bottom:22px;font-size:18px}.hero.banner .cta{color:#04203a;background:#d4af37;border-radius:12px;padding:14px 26px;font-weight:800;text-decoration:none;display:inline-block;box-shadow:0 8px 24px #040c1b2e}@media (width<=800px){.hero.banner{padding:48px 0}.hero.banner h1{font-size:28px}.hero.banner .banner-content{padding:0 18px}.hero.banner .cta{padding:12px 18px}.hero.banner .banner-content{text-align:center}}.navbar{z-index:60;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 6px 22px #0206170f}.logo{color:#04203a;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.brand-logo{object-fit:contain;border-radius:6px;width:56px;height:auto;box-shadow:0 6px 18px #040c1b14}.brand-title{color:#04203a;font-size:20px;font-weight:800}.cart-button{color:#04203a;cursor:pointer;background:#d4af37;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:flex;position:relative;box-shadow:0 8px 20px #040c1714}.cart-count{color:#fff;background:#ef4444;border-radius:999px;padding:3px 7px;font-size:12px;position:absolute;top:-8px;right:-8px}.hero{text-align:center;padding:56px 24px 32px}.hero h1{margin-bottom:12px;font-size:42px}.hero p{color:#6b7280;font-size:18px}.filters{gap:16px;max-width:1100px;margin:0 auto 32px;padding:0 24px;display:flex}.search-box{background:#fff;border-radius:14px;flex:1;align-items:center;gap:10px;padding:0 16px;display:flex;box-shadow:0 4px 14px #0000000f}.search-box input{border:none;outline:none;width:100%;padding:16px 0;font-size:15px}.filters select{background:#fff;border:none;border-radius:14px;outline:none;padding:0 18px;font-size:15px;box-shadow:0 4px 14px #0000000f}.product-grid{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px;margin:0 auto;padding:0 24px 60px;display:grid}.product-card.modern .image-wrap{position:relative;overflow:hidden}.product-card.modern .image-wrap img{object-fit:cover;width:100%;height:320px;transition:transform .35s}.product-card.modern:hover .image-wrap img{transform:scale(1.04)}.badge{color:#fff;background:#000000b3;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.badge.discount{background:#ef4444;left:auto;right:12px}.badge.featured{background:#2563eb}.badge.trending{background:#f59e0b}.product-info .description{color:#6b7280;height:40px;margin:8px 0;font-size:14px;overflow:hidden}.product-info .rating{color:#f59e0b;align-items:center;gap:6px;display:flex}.product-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.price{font-size:18px;font-weight:800}.price-old{color:#9ca3af;margin-left:8px;text-decoration:line-through}.actions{gap:8px;display:flex}.quick-add{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:10px;padding:8px 12px}.details{cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px}.nav-center{flex:1;justify-content:center;display:flex}.search-box{width:100%;max-width:600px}.search-box input{border:none;border-radius:999px;width:100%;padding:12px 16px}.admin-link{color:#374151;margin-right:12px;font-weight:600;text-decoration:none}.cart-button .cart-label{margin-left:6px;font-weight:700}.featured.container{max-width:1100px;margin:26px auto;padding:0 24px}.featured-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.category-filters{justify-content:center;gap:10px;padding:12px 24px;display:flex}.category-chip{cursor:pointer;background:#fff;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;display:flex;box-shadow:0 6px 18px #0000000f}.category-chip.active{outline:2px solid #2563eb}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:0 auto;padding:0 24px;display:grid}.skeleton-card{background:linear-gradient(90deg,#f3f4f6,#e5e7eb);border-radius:18px;height:360px}.empty-state{text-align:center;padding:40px}.empty-state img{border-radius:12px;width:220px;margin-bottom:14px}.cart-summary{border-top:1px solid #eef2f7;padding-top:16px}.summary-row{justify-content:space-between;margin-bottom:10px;display:flex}.summary-row.total{font-size:18px}.checkout-button.sticky{position:sticky;bottom:20px}.product-card{background:#fff;border-radius:22px;transition:all .25s;overflow:hidden;box-shadow:0 8px 24px #00000012}.product-card:hover{transform:translateY(-6px)}.product-card img{object-fit:cover;width:100%;height:220px}.product-info{padding:18px}.category{color:#2563eb;margin-bottom:8px;font-size:13px;font-weight:700}.product-info h3{margin-bottom:8px;font-size:19px}.rating{color:#6b7280;margin-bottom:18px}.product-footer{justify-content:space-between;align-items:center;display:flex}.product-footer h2{font-size:22px}.product-footer button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:12px;padding:10px 14px;font-weight:600}.cart-sidebar{z-index:50;background:#fff;flex-direction:column;width:390px;height:100vh;padding:22px;display:flex;position:fixed;top:0;right:0;box-shadow:-6px 0 24px #0000001f}.admin-root{min-height:calc(100vh - 70px);display:flex}.admin-sidebar{color:#fff;background:#0f172a;width:220px;padding:22px;box-shadow:4px 0 20px #02061733}.admin-brand{margin-bottom:18px;font-size:18px;font-weight:800}.admin-nav-item{text-align:left;color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;margin-bottom:6px;padding:10px 12px}.admin-nav-item.active,.admin-nav-item:hover{color:#fff;background:#ffffff0f}.admin-main{background:#f8fafc;flex:1;padding:28px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.products-grid{grid-template-columns:380px 1fr;gap:20px;display:grid}.form-card,.table-card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 8px 32px #0206170f}.product-table{border-collapse:collapse;width:100%}.product-table th,.product-table td{text-align:left;border-bottom:1px solid #eef2f7;padding:10px 12px}.table-thumb{object-fit:cover;border-radius:6px;width:64px;height:48px}.btn{cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;margin-right:8px;padding:8px 10px}.btn.small{padding:6px 8px;font-size:13px}.btn.primary{color:#fff;background:#2563eb}.product-form.modern .form-row{gap:12px;margin-bottom:12px;display:flex}.product-form .field{flex:1}.product-form label{margin-bottom:6px;font-weight:600;display:block}.product-form input,.product-form select,.product-form textarea{border:1px solid #e6eef8;border-radius:8px;width:100%;padding:10px 12px}.image-preview{background:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;width:140px;height:100px;display:flex;overflow:hidden}.image-preview img{object-fit:cover;width:100%;height:100%}.image-placeholder{color:#9ca3af}.toggles label{align-items:center;gap:8px;margin-right:12px;display:inline-flex}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:1fr}.admin-sidebar{display:none}}.cart-overlay{z-index:40;opacity:0;pointer-events:none;background:#0000004d;transition:opacity .3s;position:fixed;inset:0}.cart-sidebar.premium{z-index:50;background:#fff;flex-direction:column;width:420px;height:100vh;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #00000026}.cart-sidebar.premium.open{transform:translate(0)}.cart-sidebar.premium.open~.cart-overlay{opacity:1;pointer-events:auto}.cart-header.premium{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.cart-header.premium h2{margin:0;font-size:20px}.close-btn{cursor:pointer;color:#374151;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.close-btn:hover{color:#000}.shipping-promo{background:linear-gradient(135deg,#f0fdf4 0%,#e0f7e0 100%);border-bottom:1px solid #d1e7d1;padding:14px 16px;font-size:13px}.promo-text{color:#047857;margin-bottom:8px;font-weight:600}.promo-hint{color:#059669;margin-top:6px;font-size:12px}.progress-bar{background:#d1e7d1;border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:999px;height:100%;transition:width .3s}.promo-success{color:#059669;text-align:center;font-weight:600}.cart-items.premium{flex:1;padding:0;overflow-y:auto}.cart-item.premium{border-bottom:1px solid #f0f0f0;grid-template-columns:80px 1fr 80px;align-items:start;gap:12px;padding:14px 16px;display:grid}.item-image{background:#f9fafb;border-radius:10px;width:80px;height:80px;overflow:hidden}.item-image img{object-fit:cover;width:100%;height:100%}.item-details{flex-direction:column;gap:6px;display:flex}.item-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.item-header h4{flex:1;margin:0;font-size:14px;line-height:1.3}.remove-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;transition:color .2s;display:flex}.remove-btn:hover{color:#ef4444}.item-price-row{gap:8px;font-size:13px;display:flex}.price-label{color:#6b7280}.price-value{color:#111827;font-weight:600}.savings-badge{color:#92400e;background:#fef3c7;border-radius:6px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:600}.item-controls{align-items:center;gap:8px;display:flex}.quantity-group{background:#f3f4f6;border-radius:20px;align-items:center;gap:8px;padding:4px 8px;display:flex}.qty-btn{cursor:pointer;color:#2563eb;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;box-shadow:0 2px 6px #00000014}.qty-btn:hover{color:#fff;background:#2563eb;transform:scale(1.05)}.qty-display{text-align:center;min-width:24px;font-size:14px;font-weight:600}.item-total{text-align:right;flex-direction:column;justify-content:flex-start;gap:2px;display:flex}.final-total{color:#111827;font-size:15px;font-weight:700}.empty-cart{text-align:center;color:#6b7280;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-icon{margin-bottom:12px;font-size:64px}.empty-cart h3{color:#111827;margin:0 0 8px;font-size:18px}.empty-cart p{margin:0;font-size:14px}.cart-footer.premium{background:#fafafa;border-top:1px solid #f0f0f0;padding:16px}.summary-section{margin-bottom:14px}.summary-row{color:#6b7280;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;display:flex}.summary-row strong{color:#111827;font-size:16px}.checkout-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:10px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #2563eb40}.checkout-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2563eb59}.checkout-button:active{transform:translateY(0)}.empty-message{color:#6b7280;max-width:1100px;margin:20px auto;padding:0 24px;font-size:18px}.featured-categories{background:linear-gradient(135deg,#f8fafc 0%,#f0f7ff 100%);margin:28px 0;padding:48px 24px}.section-header{text-align:center;margin-bottom:40px}.section-header h2{color:#111827;margin-bottom:8px;font-size:32px}.section-header p{color:#6b7280;font-size:16px}.categories-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1200px;margin:0 auto;display:grid}.category-card{text-align:center;cursor:pointer;background:#fff;border-radius:16px;padding:24px;transition:all .3s;box-shadow:0 4px 16px #0000000f}.category-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.category-icon{border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.category-card h3{color:#111827;margin:0;font-size:16px;font-weight:700}.why-choose-us{background:#fff;margin:28px 0;padding:48px 24px}.reasons-grid{grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto;display:grid}.reason-card{text-align:center;padding:20px}.reason-icon{margin-bottom:16px}.reason-card h3{color:#111827;margin-bottom:8px;font-size:18px;font-weight:700}.reason-card p{color:#6b7280;font-size:14px}.footer{color:#fff;background:#0f172a;margin-top:60px;padding:48px 24px 0}.footer-content{grid-template-columns:repeat(4,1fr);gap:40px;max-width:1200px;margin:0 auto 40px;display:grid}.footer-section h3,.footer-section h4{margin:0 0 16px;font-size:16px;font-weight:700}.footer-section p{color:#ffffffb3;font-size:14px;line-height:1.6}.footer-section ul{margin:0;padding:0;list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section a{color:#ffffffb3;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#fff}.social-icons{gap:12px;margin-top:16px;display:flex}.social-icons a{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.social-icons a:hover{background:#2563eb}.contact-item{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.contact-item p{margin:0}.footer-bottom{color:#fff9;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:24px;font-size:14px;display:flex}.footer-links{gap:20px;display:flex}.footer-links a{color:#fff9;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer .footer-section .footer-logo{object-fit:contain;border-radius:8px;width:72px;height:72px;margin-bottom:8px}.hero.banner.household{background-image:linear-gradient(135deg,#3b82f6e6 0%,#6366f1d9 100%),url(https://images.unsplash.com/photo-1556909114-f6e7ad7d3136?w=1600)}@media (width<=900px){.product-grid{grid-template-columns:repeat(2,1fr)}.navbar{padding:0 24px}.categories-grid,.reasons-grid,.footer-content,.stats-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:1fr}.admin-sidebar{display:none}}.navbar .brand-logo{border-radius:8px;width:54px;height:54px;margin-right:12px}.navbar .brand-title{margin-left:6px;font-weight:800;line-height:1}.product-modal-backdrop{z-index:120;background:#0a0b0d73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.product-modal{background:#fff;border-radius:14px;gap:22px;width:calc(100% - 48px);max-width:920px;animation:.26s cubic-bezier(.2,.9,.2,1) forwards modalIn;display:flex;overflow:hidden;transform:translateY(18px);box-shadow:0 24px 80px #0f172a73}.product-modal .left{background:linear-gradient(#fafafa,#fff);flex:1;padding:22px}.product-modal .left img{object-fit:cover;border-radius:8px;width:100%;height:420px}.product-modal .right{flex-direction:column;gap:12px;width:360px;padding:22px;display:flex}.product-modal .price{color:#0f172a;font-size:26px;font-weight:900}.product-modal .meta{color:#6b7280;font-size:14px}.product-modal .modal-actions{gap:12px;margin-top:auto;display:flex}.modal-badge{color:#111827;background:#f3f4f6;border-radius:999px;margin-right:8px;padding:6px 10px;font-weight:700;display:inline-block}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.hero.banner.household{background-image:linear-gradient(#02061799,#02061747),url(https://images.unsplash.com/photo-1546554137-f86b9593a222?q=80&w=1600&auto=format&fit=crop&ixlib=rb-4.0.3&s=1d9d7f1ea0f2d6e9c2b5a8b5d5e8b2d5);background-position:50%;background-size:cover;padding:84px 0}.hero.banner.household .cta{color:#fff;background:linear-gradient(90deg,#b45309,#f59e0b);border-radius:12px;padding:14px 26px;font-weight:800;box-shadow:0 12px 30px #f59e0b29}.hero.banner.household h1{font-size:48px}.hero.banner.household p{opacity:.95;font-size:18px}.product-table th{background:#fbfdff}.product-table tr:hover td{background:#fff}.product-table .table-thumb{border-radius:8px;width:80px;height:60px}.products-grid .form-card{min-height:420px}.product-card.modern .image-wrap img{height:260px}.orders-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.orders-card{background:#fff;border-radius:10px;padding:16px;box-shadow:0 8px 24px #0206170f}.orders-card h4{color:#6b7280;margin:0;font-size:14px}.orders-card .value{margin-top:8px;font-size:20px;font-weight:800}.admin-sidebar{color:#fff;box-sizing:border-box;background:#0b1220;width:220px;min-height:100vh;padding:20px;position:fixed}.admin-brand{align-items:center;gap:12px;margin-bottom:20px;display:flex}.admin-logo{border-radius:6px;width:44px;height:44px}.brand-name{font-weight:800}.brand-sub{color:#9aa4b2;font-size:12px}.admin-nav-item{text-align:left;width:100%;color:inherit;background:0 0;border:none;border-radius:6px;margin-bottom:6px;padding:10px;display:block}.admin-nav-item.active{background:#111827}.admin-main{margin-left:240px;padding:28px}.admin-header h1{margin:0 0 12px}.admin-dashboard .stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.stat-card{background:#fff;border-radius:8px;padding:18px;box-shadow:0 6px 18px #0000000f}.stat-value{font-size:20px;font-weight:800}.stat-label{color:#6b7280;margin-top:6px}.recent-activity{margin-top:12px}.recent-list{background:#fff;border-radius:8px;padding:12px}.recent-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px;display:flex}.category-form{gap:8px;margin-bottom:12px;display:flex}.categories-list{background:#fff;border-radius:8px;padding:12px}.category-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px;display:flex}.btn.danger{color:#fff;background:#ef4444}.footer .social-icons a{color:#fffffff2;background:#ffffff0a;border-radius:6px;justify-content:center;align-items:center;margin-right:8px;padding:6px 10px;text-decoration:none;display:inline-flex}.best-sellers .product-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:24px;display:grid}.customer-trust{background:#f8fafc;margin:20px 0;padding:36px 24px}.trust-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1100px;margin:0 auto;display:grid}.trust-card{text-align:center;background:#fff;border-radius:8px;padding:20px;box-shadow:0 6px 18px #0000000f}.social-icon{color:#fff;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .18s,background .18s;display:inline-flex}.social-icon svg{width:18px;height:18px}.social-icon:hover{background:#2563eb;transform:translateY(-4px)}.responsive-table{border-collapse:collapse;width:100%}.responsive-table th,.responsive-table td{text-align:left;border-bottom:1px solid #eef2f7;padding:10px 12px}@media (width<=900px){.best-sellers .product-grid,.trust-grid{grid-template-columns:repeat(2,1fr)}.responsive-table th,.responsive-table td{padding:8px}}@media (width<=768px){.cart-sidebar.premium{width:100%}}@media (width<=600px){.hero h1{font-size:30px}.filters{flex-direction:column}.filters select{padding:14px 18px}.product-grid{grid-template-columns:1fr}.cart-sidebar.premium{width:100%}}.checkout-page{background:#f8fafc;min-height:calc(100vh - 70px);padding:28px}.checkout-container{max-width:1200px;margin:0 auto}.progress-steps{justify-content:center;gap:40px;margin-bottom:40px;display:flex}.progress-steps .step{flex-direction:column;align-items:center;gap:8px;display:flex}.progress-steps .step-number{color:#6b7280;background:#e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;transition:all .3s;display:flex}.progress-steps .step.active .step-number{color:#fff;background:#2563eb}.progress-steps .step p{color:#6b7280;font-size:14px}.progress-steps .step.active p{color:#111827;font-weight:600}.checkout-content{grid-template-columns:1fr 380px;gap:28px;display:grid}.checkout-form{background:#fff;border-radius:12px;padding:28px;box-shadow:0 4px 20px #0000000f}.form-section h2{margin-bottom:20px;font-size:20px}.form-group{margin-bottom:16px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px 14px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.form-row{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.payment-options{grid-template-columns:1fr;gap:12px;display:grid}.payment-option{cursor:pointer;border:2px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.payment-option:hover{background:#f0f7ff;border-color:#2563eb}.payment-option input[type=radio]{cursor:pointer}.payment-option input[type=radio]:checked+.payment-icon+.payment-label{color:#2563eb;font-weight:600}.payment-icon{font-size:24px}.payment-label{flex:1;font-weight:500}.form-navigation{border-top:1px solid #e5e7eb;gap:12px;margin-top:28px;padding-top:28px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.btn.primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);flex:1}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.btn.secondary{color:#111827;background:#f3f4f6}.btn.secondary:hover{background:#e5e7eb}.order-summary{background:#fff;border-radius:12px;height:fit-content;padding:20px;position:sticky;top:100px;box-shadow:0 4px 20px #0000000f}.order-summary h3{margin-bottom:16px;font-size:18px}.summary-items{max-height:300px;margin-bottom:16px;overflow-y:auto}.summary-item{background:#f9fafb;border-radius:8px;gap:12px;margin-bottom:8px;padding:12px;display:flex}.summary-item img{object-fit:cover;border-radius:6px;width:60px;height:60px}.item-info{flex:1}.item-name{margin:0 0 4px;font-size:13px;font-weight:600}.item-qty{color:#6b7280;margin:0;font-size:12px}.item-price{text-align:right;min-width:60px;font-size:14px;font-weight:700}.summary-divider{background:#e5e7eb;height:1px;margin:12px 0}.cost-breakdown{margin-bottom:12px;font-size:13px}.cost-row{color:#6b7280;justify-content:space-between;margin-bottom:8px;display:flex}.cost-row.total{color:#111827;padding-top:8px;font-size:16px;font-weight:700}.free-shipping-badge{color:#047857;text-align:center;background:#f0fdf4;border:1px solid #d1e7d1;border-radius:6px;margin-top:12px;padding:10px;font-size:13px;font-weight:600}.checkout-empty{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 140px);display:flex}.checkout-empty h2{color:#111827;margin:16px 0}.checkout-empty .btn{margin-top:20px}.order-success{justify-content:center;align-items:center;min-height:calc(100vh - 140px);padding:40px;display:flex}.success-content{text-align:center;background:#fff;border-radius:16px;max-width:500px;padding:60px 40px;box-shadow:0 8px 32px #00000014}.success-content h1{color:#111827;margin:20px 0 8px;font-size:28px}.order-id{color:#2563eb;margin-bottom:20px;font-weight:700}.success-details{color:#6b7280;margin-bottom:28px;font-size:14px}.success-details p{margin:8px 0}.success-actions{justify-content:center;gap:12px;display:flex}.success-actions .btn{flex:1}@media (width<=900px){.checkout-content{grid-template-columns:1fr}.order-summary{position:static}.form-row{grid-template-columns:1fr}.progress-steps{gap:20px}}@media (width<=600px){.checkout-page,.checkout-form,.order-summary{padding:16px}.progress-steps{flex-direction:column;gap:12px}.progress-steps .step{flex-direction:row;gap:12px}.success-content{padding:40px 20px}.success-actions{flex-direction:column}}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,sans-serif}body{color:#1f2937;background:#f5f7fb}