@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary:#1a2b49;--primary-hover:#121e33;--secondary:#d6a258;--secondary-hover:#b8853d;--accent:#2ec4b6;--accent-hover:#25a195;--danger:#e63946;--warning:#f4a261;--success:#2a9d8f;--bg-main:#fdfbf7;--bg-card:#ffffffd9;--bg-input:#fff;--text-main:#2b2d42;--text-muted:#6c757d;--text-light:#fff;--border-color:#d6a25833;--border-light:#ffffff4d;--shadow-sm:0 2px 8px #1a2b490a;--shadow-md:0 8px 24px #1a2b490f;--shadow-lg:0 16px 40px #1a2b491a;--glass-bg:#ffffffa6;--glass-border:#fff6;--glass-filter:blur(16px) saturate(120%);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary);font-weight:700}a{color:inherit;transition:var(--transition);text-decoration:none}button,input,select,textarea{font-family:inherit}img{max-width:100%;height:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--secondary-hover)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:80px 0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition);padding:24px}.glass-card:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-4px)}.btn{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--text-light)}.btn-primary:hover{background-color:var(--primary-hover);transform:scale(1.02)}.btn-secondary{background-color:var(--secondary);color:var(--text-light)}.btn-secondary:hover{background-color:var(--secondary-hover);transform:scale(1.02)}.btn-accent{background-color:var(--accent);color:var(--text-light)}.btn-accent:hover{background-color:var(--accent-hover);transform:scale(1.02)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:var(--text-light)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-disabled{cursor:not-allowed;background-color:var(--text-muted)!important;color:#ffffffb3!important;transform:none!important}.grid-2{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=992px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-padding{padding:40px 0}}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--primary);font-size:.9rem;font-weight:600}.form-input{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-input);width:100%;color:var(--text-main);transition:var(--transition);outline:none;padding:12px 16px}.form-input:focus{border-color:var(--secondary);box-shadow:0 0 0 3px #d6a25826}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-flex}.badge-pending{color:var(--warning);background-color:#f4a26126}.badge-confirmed{color:var(--accent);background-color:#2ec4b626}.badge-processing{color:var(--primary);background-color:#1a2b491a}.badge-packed{color:var(--secondary);background-color:#d6a25826}.badge-outfordelivery{color:var(--warning);background-color:#f4a26133}.badge-delivered{color:var(--success);background-color:#2a9d8f26}.badge-cancelled{color:var(--danger);background-color:#e639461a}.table-container{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-input);width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:var(--primary);border-bottom:1px solid var(--border-color);background-color:#1a2b4908;padding:16px;font-size:.9rem;font-weight:600}td{border-bottom:1px solid #0000000d;padding:16px;font-size:.9rem}tr:last-child td{border-bottom:none}tr:hover td{background-color:#1a2b4903}.stepper{justify-content:space-between;align-items:center;margin:40px 0;display:flex;position:relative}.stepper:before{content:"";z-index:1;background-color:#1a2b491a;height:4px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.step-progress-bar{background-color:var(--secondary);z-index:1;height:4px;transition:width .5s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.step-node{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{background-color:var(--bg-main);width:40px;height:40px;color:var(--text-muted);transition:var(--transition);border:3px solid #1a2b491a;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.step-node.active .step-circle{border-color:var(--secondary);background-color:var(--secondary);color:var(--text-light)}.step-node.completed .step-circle{border-color:var(--primary);background-color:var(--primary);color:var(--text-light)}.step-label{color:var(--text-muted);text-align:center;margin-top:12px;font-size:.8rem;font-weight:600}.step-node.active .step-label{color:var(--secondary)}.step-node.completed .step-label{color:var(--primary)}@media (width<=768px){.stepper{flex-direction:column;align-items:flex-start;gap:24px;margin-left:20px}.stepper:before{width:4px;height:100%;top:0;bottom:0;left:20px;transform:translate(-50%)}.step-progress-bar{width:4px;transition:height .5s;top:0;left:20px;transform:translate(-50%)}.step-node{flex-direction:row;flex:none;align-items:center;gap:16px}.step-label{text-align:left;margin-top:0}}@keyframes floatAnim{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulseGlow{0%{box-shadow:0 0 #d6a25866}70%{box-shadow:0 0 0 10px #d6a25800}to{box-shadow:0 0 #d6a25800}}@keyframes textGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-float{animation:6s ease-in-out infinite floatAnim}.animate-pulse-glow{animation:2s infinite pulseGlow}.text-gradient{background:linear-gradient(135deg, var(--primary) 30%, var(--secondary) 70%);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:6s infinite textGradient}.cat-card-modern{border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition);background:#fff;position:relative;overflow:hidden}.cat-card-modern:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-8px)}.cat-card-modern .cat-img-wrapper{height:200px;overflow:hidden}.cat-card-modern img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.cat-card-modern:hover img{transform:scale(1.1)}.cat-card-modern .cat-badge{border-radius:var(--radius-full);color:var(--primary);border:1px solid var(--border-color);background:#ffffffe6;padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px}.product-card{transition:all .4s cubic-bezier(.165,.84,.44,1)!important}.product-card:hover{box-shadow:0 20px 40px #1a2b4914, 0 0 0 1px var(--secondary)!important;transform:translateY(-8px)!important}.product-card img{transition:transform .6s cubic-bezier(.165,.84,.44,1)!important}.product-card:hover img{transform:scale(1.08)rotate(1deg)!important}.calculator-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:var(--transition);background:linear-gradient(135deg,#fffffff2,#fdfbf7f2);border:1px solid #d6a25840;padding:36px}.calc-option-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.calc-option-card{border:2px solid var(--border-color);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:var(--transition);background:#fff;padding:16px 8px}.calc-option-card:hover{border-color:var(--secondary);background:var(--bg-main)}.calc-option-card.selected{border-color:var(--primary);background:#1a2b490d;box-shadow:0 4px 12px #1a2b490f}.calc-summary-box{background:var(--primary);color:#fff;border-radius:var(--radius-md);text-align:center;box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex}.calc-summary-title{color:var(--secondary);letter-spacing:2px;text-transform:uppercase;margin-bottom:8px;font-size:.85rem;font-weight:700}.calc-summary-price{font-size:2.2rem;font-weight:800;font-family:var(--font-heading);color:#fff;margin-bottom:8px}.calc-summary-details{opacity:.85;font-size:.85rem}.journey-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-top:40px;display:grid;position:relative}.journey-step{text-align:center;z-index:2;position:relative}.journey-circle{border:3px solid var(--border-color);width:72px;height:72px;box-shadow:var(--shadow-sm);transition:var(--transition);color:var(--primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.journey-step:hover .journey-circle{border-color:var(--secondary);color:var(--secondary);transform:scale(1.1)rotate(5deg);box-shadow:0 10px 20px #d6a25826}.journey-title{color:var(--primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.journey-text{color:var(--text-muted);font-size:.85rem;line-height:1.5}.review-card-modern{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;padding:32px;position:relative}.review-card-modern:hover{box-shadow:var(--shadow-lg);border-color:var(--secondary);transform:translateY(-5px)}.review-avatar{object-fit:cover;border:2px solid var(--secondary);border-radius:50%;width:50px;height:50px}.form-input-premium{border-radius:var(--radius-sm);width:100%;transition:var(--transition);background:#fff;border:1px solid #1a2b491f;padding:14px 18px;font-size:.95rem}.form-input-premium:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 4px #d6a25826}.form-row{gap:20px;display:flex}@media (width<=900px){.form-row{flex-direction:column;gap:0}}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;display:grid}.hero-content{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.hero-text{color:var(--text-muted);max-width:600px;margin-bottom:36px;font-size:1.1rem;line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:48px;display:flex}.stats-banner{border-top:1px solid #1a2b491a;flex-wrap:wrap;align-items:center;gap:24px;width:100%;padding-top:32px;display:flex}.calc-layout-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;display:grid}.calc-info-side{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.contact-grid{grid-template-columns:1.05fr .95fr;gap:64px;display:grid}.floating-badge-left{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;z-index:10;background:#ffffffd9;border:1px solid #fff9;border-radius:18px;align-items:center;gap:12px;padding:12px 20px;display:flex;position:absolute;bottom:40px;left:-60px;box-shadow:0 8px 30px #1a2b4914}.floating-badge-right{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:left;z-index:10;background:#ffffffd9;border:1px solid #fff9;border-radius:18px;align-items:center;gap:12px;padding:12px 20px;display:flex;position:absolute;top:40px;right:-60px;box-shadow:0 8px 30px #1a2b4914}.wholesale-flex{text-align:left;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}@media (width<=992px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-content{text-align:center;align-items:center}.hero-text{text-align:center;margin-left:auto;margin-right:auto}.hero-actions,.stats-banner{justify-content:center}.calc-layout-grid{grid-template-columns:1fr;gap:48px}.calc-info-side{text-align:center;align-items:center}.contact-grid{grid-template-columns:1fr;gap:48px}.floating-badge-left,.floating-badge-right{display:none}}.shop-layout{grid-template-columns:260px 1fr;align-items:start;gap:32px;display:grid}.shop-sidebar{background:#ffffff80;border:1px solid #d6a25826;border-radius:16px;padding:24px;position:sticky;top:100px}.shop-header{border-bottom:1px solid #d6a2581f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;padding-bottom:24px;display:flex}.shop-search-wrapper{width:100%;max-width:360px;position:relative}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.shop-layout{grid-template-columns:1fr}.shop-sidebar{margin-bottom:24px;position:relative;top:0}.shop-header{flex-direction:column;align-items:flex-start}.shop-search-wrapper{max-width:100%}}.cart-grid{grid-template-columns:1.1fr .9fr;align-items:start;gap:32px;display:grid}.cart-item-card{background:#fff;border:1px solid #d6a2581f;border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.cart-price-details{flex-direction:column;align-items:flex-end;display:flex}.cart-qty-wrapper{background:var(--bg-main);border:1px solid var(--border-color);border-radius:20px;align-items:center;gap:12px;padding:4px 12px;display:flex}@media (width<=900px){.cart-grid{grid-template-columns:1fr;gap:24px}.cart-item-card{flex-wrap:wrap}.cart-price-details{align-items:flex-start;width:100%;margin-top:10px}.cart-qty-wrapper{margin-left:auto}}.checkout-grid{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.checkout-address-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=900px){.checkout-grid,.checkout-address-list{grid-template-columns:1fr}}.product-detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.product-detail-image-card{background:#fff;border:1px solid #d6a25826;border-radius:16px;justify-content:center;align-items:center;height:450px;padding:20px;display:flex;overflow:hidden}.product-detail-reviews-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:48px;margin-top:40px;display:grid}@media (width<=900px){.product-detail-grid{grid-template-columns:1fr;gap:32px}.product-detail-image-card{height:300px}.product-detail-reviews-grid{grid-template-columns:1fr;gap:32px}}.subscriptions-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.subs-radio-group{gap:12px;width:100%;display:flex}.subs-radio-btn{flex:1}@media (width<=900px){.subscriptions-grid{grid-template-columns:1fr}.subs-radio-group{border-radius:8px;flex-wrap:wrap}.subs-radio-btn{flex:none;width:100%;border-radius:8px!important}}.track-order-grid{grid-template-columns:1.2fr .8fr;gap:32px;display:grid}.track-order-left-col{flex-direction:column;gap:32px;display:flex}@media (width<=900px){.track-order-grid{grid-template-columns:1fr}.track-order-left-col{gap:20px}}.wholesale-apply-grid{grid-template-columns:1fr 1.2fr;align-items:start;gap:48px;display:grid}@media (width<=900px){.wholesale-apply-grid{grid-template-columns:1fr;gap:32px}}.dashboard-layout{grid-template-columns:240px 1fr;align-items:start;gap:32px;display:grid}.dashboard-sidebar{flex-direction:column;gap:8px;display:flex}.dashboard-nav-btn{width:100%;color:var(--text-main);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:14px 20px;font-size:.95rem;font-weight:600;display:flex}.dashboard-nav-btn.active{background:var(--primary);color:#fff}.dashboard-nav-btn:hover:not(.active){background:#1a2b490d}.form-submit-btn{width:auto}.customer-dashboard-grid{grid-template-columns:240px 1fr;align-items:start;gap:32px;display:grid}.customer-sub-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.customer-address-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.wholesale-top-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.wholesale-metrics-row{flex-wrap:wrap;gap:16px;display:flex}.wholesale-dashboard-grid{grid-template-columns:1.1fr .9fr;gap:32px;display:grid}@media (width<=900px){.dashboard-layout,.customer-dashboard-grid{grid-template-columns:1fr;gap:24px}.dashboard-sidebar{flex-flow:wrap}.dashboard-nav-btn{flex:1;width:auto;min-width:140px}.form-submit-btn{width:100%;margin-top:10px}.customer-sub-grid,.customer-address-grid{grid-template-columns:1fr}.wholesale-top-banner{flex-direction:column;align-items:flex-start}.wholesale-metrics-row{width:100%}.wholesale-dashboard-grid{grid-template-columns:1fr;gap:24px}}.app-header{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fdfbf7cc;border-bottom:1px solid #d6a25826;align-items:center;height:80px;display:flex;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex}.desktop-nav{align-items:center;gap:32px;display:flex}.menu-btn{color:var(--primary);cursor:pointer;background:0 0;border:none;display:none}.desktop-only{display:inline}@media (width<=900px){.desktop-nav{display:none!important}.menu-btn{display:flex!important}.desktop-only{display:none!important}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}