:root{--bg:#f7fbff;--card:#fff;--muted:#69707a;--accent:#0072ff;--accent-2:#00c6ff;--accent-contrast:#fff;--radius:12px;--container:1100px;--shadow:0 8px 30px #02204714;--glass:#ffffffbf;--price-color:#0b5cff}*{box-sizing:border-box}html,body{height:100%}body{color:#0b1724;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f7fbff 0%,#eef6ff 100%);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.5}.container{max-width:var(--container);margin:0 auto;padding:24px}.site-header{background:var(--card);box-shadow:var(--shadow);z-index:40;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{color:var(--accent);font-size:1.2rem;font-weight:700;text-decoration:none}.main-nav{align-items:center;gap:14px;display:flex}.main-nav a{color:var(--muted);border-radius:8px;padding:10px;text-decoration:none}.main-nav a.active,.main-nav a:hover{color:var(--accent-contrast);background:linear-gradient(90deg,var(--accent),var(--accent-2))}.header-actions{align-items:center;gap:8px;display:flex}.lang-switch{gap:6px;display:flex}.lang-btn{cursor:pointer;background:#fff;border:1px solid #0b17240f;border-radius:8px;padding:6px 8px;font-weight:600}.lang-btn.active{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--accent-contrast)}.icon-btn{cursor:pointer;background:0 0;border:none;padding:8px;font-size:1rem;position:relative}.cart-count{background:var(--accent);color:#fff;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:.75rem}.hero{padding:48px 0}.hero-inner{grid-template-columns:1fr 480px;align-items:center;gap:28px;display:grid}.hero-text h1{color:#04223f;margin:0 0 12px;font-size:2.2rem}.lead,.hero-text p{color:var(--muted)}.hero-image img{border-radius:var(--radius);width:100%;box-shadow:var(--shadow);object-fit:cover;max-height:340px}.hero-cta{gap:10px;margin-top:18px;display:flex}.btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:var(--accent-contrast);cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-weight:700;text-decoration:none}.btn-outline{color:var(--accent);background:0 0;border:1px solid #0752ff1f}.features{grid-template-columns:repeat(4,1fr);gap:16px;margin:28px auto;display:grid}.feature-card{background:var(--card);box-shadow:var(--shadow);text-align:center;border-radius:12px;padding:18px}.category-grid{flex-wrap:wrap;gap:12px;display:flex}.cat{color:var(--accent);background:linear-gradient(90deg,#e9f3ff,#f0fbff);border-radius:10px;padding:10px 14px;text-decoration:none;box-shadow:0 6px 18px #0220470a}.product-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0 80px;display:grid}.product-card{background:var(--card);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex}.product-card img{object-fit:cover;border-radius:10px;width:100%;height:200px}.product-meta{justify-content:space-between;align-items:center;display:flex}.price{color:var(--price-color);font-weight:800}.product-actions{align-items:center;gap:8px;display:flex}.qty{border:1px solid #e6eefb;border-radius:8px;width:56px;padding:8px}.site-footer{color:var(--muted);background:0 0;margin-top:40px;padding:22px 0}.footer-inner{justify-content:space-between;align-items:center;gap:20px;display:flex}.cart-panel{background:var(--card);z-index:80;visibility:hidden;opacity:0;border-radius:12px;flex-direction:column;width:340px;max-height:70vh;transition:all .18s;display:flex;position:fixed;top:80px;right:20px;overflow:hidden;transform:translateY(-10px);box-shadow:0 20px 60px #0220472e}.cart-panel.open{visibility:visible;opacity:1;transform:translateY(0)}.cart-items{flex:1;padding:12px;overflow:auto}.cart-item{border-bottom:1px dashed #eef6ff;align-items:center;gap:10px;padding:8px 0;display:flex}.cart-item img{object-fit:cover;border-radius:8px;width:60px;height:60px}.cart-footer{border-top:1px solid #f1f6ff;flex-direction:column;gap:10px;padding:12px;display:flex}.cart-total{justify-content:space-between;align-items:center;display:flex}.cart-actions{justify-content:flex-end;gap:8px;display:flex}.contact-grid{grid-template-columns:1fr 360px;gap:20px;display:grid}.contact-form input,.contact-form textarea,select,input[type=search]{background:#fff;border:1px solid #e6eefb;border-radius:10px;width:100%;padding:10px}.contact-form label{color:var(--muted);margin:8px 0 6px;display:block}.team-grid{gap:12px;margin-top:18px;display:flex}.team-card{background:var(--card);text-align:center;box-shadow:var(--shadow);border-radius:12px;padding:12px}.team-card img{object-fit:cover;border-radius:8px;width:100%;height:140px}@media (max-width:900px){.hero-inner{grid-template-columns:1fr}.product-grid,.features{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.mobile-only{display:block}}@media (max-width:520px){.product-grid{grid-template-columns:1fr}.main-nav,.lang-switch{display:none}.mobile-only{display:block}}.mobile-only{display:none}.text-muted{color:var(--muted);font-size:.95rem}.products-list-wrapper{grid-template-columns:auto auto auto;gap:1rem;margin-top:1rem;display:grid}.product-card-title{margin:0 0 6px}.cart-overlay{z-index:1000;background:#00000080;justify-content:flex-end;display:flex;position:fixed;inset:0}.cart-sidebar{background:#fff;flex-direction:column;width:100%;max-width:450px;height:100%;animation:.3s ease-out slideIn;display:flex;box-shadow:-2px 0 10px #0000001a}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-sidebar-content{flex-direction:column;height:100%;display:flex}.cart-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.cart-header h2{margin:0;font-size:1.5rem}.close-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;padding:.5rem;font-size:1.5rem;transition:color .2s}.close-btn:hover{color:#1f2937}.empty-cart{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.empty-cart p{color:#6b7280;margin-bottom:1.5rem;font-size:1.125rem}.cart-items{flex:1;padding:1rem;overflow-y:auto}.cart-item{border-bottom:1px solid #e5e7eb;gap:1rem;padding:1rem;display:flex}.cart-item-image{object-fit:cover;border-radius:8px;width:80px;height:80px}.cart-item-details{flex-direction:column;flex:1;gap:.5rem;display:flex}.cart-item-details h4{color:#1f2937;margin:0;font-size:1rem}.cart-item-price{color:#2563eb;margin:0;font-size:1.125rem;font-weight:600}.cart-item-actions{align-items:center;gap:1rem;display:flex}.quantity-control{border:1px solid #d1d5db;border-radius:6px;align-items:center;gap:.5rem;padding:.25rem;display:flex}.qty-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.125rem;transition:background .2s;display:flex}.qty-btn:hover{background:#f3f4f6}.qty-display{text-align:center;min-width:30px;font-weight:500}.remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.875rem;transition:color .2s}.remove-btn:hover{color:#dc2626;text-decoration:underline}.cart-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:1.5rem}.cart-total{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex}.total-price{color:#2563eb}.btn-block{width:100%;margin-bottom:.5rem}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:.75rem;font-size:1rem;font-weight:600;transition:background .2s}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem;font-size:1rem;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.add-to-cart.adding{background:#10b981;animation:.5s pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.cart-count{color:#fff;text-align:center;background:#ef4444;border-radius:50%;min-width:20px;padding:.125rem .375rem;font-size:.75rem;font-weight:600;display:inline-block}@media (max-width:768px){.cart-sidebar{max-width:100%}}.checkout-page{max-width:1400px;margin:0 auto;padding:2rem 0}.page-title{text-align:center;margin-bottom:2rem;font-size:2rem}.checkout-grid{grid-template-columns:1fr 400px;gap:2rem;display:grid}.checkout-form-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:2rem;padding-bottom:2rem}.form-section:last-of-type{border-bottom:none}.form-section h2{color:#1f2937;margin-bottom:1.5rem;font-size:1.25rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-group{margin-bottom:1rem}.form-group label{color:#374151;margin-bottom:.5rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;outline:none}.form-group textarea{resize:vertical;font-family:inherit}.payment-methods{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.payment-option{cursor:pointer;border:2px solid #e5e7eb;border-radius:8px;align-items:center;padding:1rem;transition:all .2s;display:flex}.payment-option:hover{background:#eff6ff;border-color:#2563eb}.payment-option input[type=radio]{cursor:pointer;width:20px;height:20px;margin-right:.75rem}.payment-option span{font-weight:500}.card-details{background:#f9fafb;border-radius:8px;margin-top:1.5rem;padding:1.5rem}.order-summary{background:#fff;border-radius:12px;height:fit-content;padding:2rem;position:sticky;top:2rem;box-shadow:0 2px 8px #0000001a}.order-summary h2{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem;font-size:1.25rem}.summary-items{max-height:400px;margin-bottom:1.5rem;overflow-y:auto}.summary-item{border-bottom:1px solid #f3f4f6;gap:1rem;padding:1rem 0;display:flex}.summary-item img{object-fit:cover;border-radius:8px;width:60px;height:60px}.summary-item-details{flex:1}.summary-item-details h4{margin:0 0 .25rem;font-size:.875rem}.summary-item-details p{color:#6b7280;margin:0;font-size:.875rem}.summary-item-price{color:#1f2937;font-weight:600}.summary-totals{border-top:2px solid #e5e7eb;padding-top:1rem}.summary-row{justify-content:space-between;margin-bottom:.75rem;font-size:1rem;display:flex}.summary-row.total{color:#1f2937;border-top:1px solid #e5e7eb;margin-top:.75rem;padding-top:.75rem;font-size:1.25rem;font-weight:700}.btn-large{width:100%;margin-top:1.5rem;padding:1rem;font-size:1.125rem;font-weight:600}.checkout-empty{text-align:center;padding:4rem 2rem}.checkout-empty h1{margin-bottom:1rem}.checkout-empty p{color:#6b7280;margin-bottom:2rem}.confirmation-page{max-width:800px;margin:0 auto;padding:4rem 2rem}.confirmation-content{text-align:center}.success-icon{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;font-size:3rem;animation:.5s ease-out scaleIn;display:flex}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.confirmation-message{color:#6b7280;margin-bottom:2rem;font-size:1.125rem}.order-info-card{text-align:left;background:#f9fafb;border-radius:12px;margin-bottom:2rem;padding:2rem}.order-info-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:1rem 0;display:flex}.order-info-row:last-child{border-bottom:none}.order-info-row .label{color:#6b7280;font-weight:500}.order-info-row .value{color:#1f2937;font-weight:600}.status-badge{color:#1e40af;background:#dbeafe;border-radius:20px;padding:.25rem .75rem;font-size:.875rem}.confirmation-actions{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.help-section{border-top:1px solid #e5e7eb;padding-top:2rem}.help-section h3{margin-bottom:.5rem}.help-section p{color:#6b7280;margin-bottom:1rem}.contact-link{color:#2563eb;font-weight:600;text-decoration:none}.contact-link:hover{text-decoration:underline}.track-order-page{max-width:900px;margin:0 auto;padding:2rem 0}.tracking-search{background:#fff;border-radius:12px;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #0000001a}.search-group{gap:1rem;display:flex}.tracking-input{border:2px solid #d1d5db;border-radius:8px;flex:1;padding:1rem;font-size:1rem}.tracking-input:focus{border-color:#2563eb;outline:none}.tracking-hint{color:#6b7280;text-align:center;margin-top:.75rem;font-size:.875rem}.alert{border-radius:8px;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert span{font-size:1.5rem}.tracking-results{flex-direction:column;gap:2rem;display:flex}.tracking-overview{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.overview-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1.5rem;display:flex}.overview-header h2{margin:0;font-size:1.5rem}.tracking-number{color:#6b7280;margin:.5rem 0 0}.current-status{border-radius:20px;padding:.5rem 1rem;font-weight:600}.status-pending{color:#92400e;background:#fef3c7}.status-processing{color:#1e40af;background:#dbeafe}.status-shipped{color:#4338ca;background:#e0e7ff}.status-in-transit{color:#5b21b6;background:#ddd6fe}.status-out-for-delivery{color:#9a3412;background:#fed7aa}.status-delivered{color:#065f46;background:#d1fae5}.overview-details{flex-direction:column;gap:1rem;display:flex}.detail-item{justify-content:space-between;padding:.75rem 0;display:flex}.detail-label{color:#6b7280;font-weight:500}.detail-value{color:#1f2937;text-align:right;font-weight:600}.tracking-timeline{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.tracking-timeline h3{margin-bottom:1.5rem;font-size:1.25rem}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:#e5e7eb;width:2px;position:absolute;top:0;bottom:0;left:12px}.timeline-item{padding-bottom:2rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;left:-2rem}.marker-completed{color:#fff;background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.marker-pending{background:#d1d5db;border-radius:50%;width:14px;height:14px;margin:7px;display:block}.timeline-item.completed .timeline-content{opacity:1}.timeline-item.pending .timeline-content{opacity:.6}.timeline-content{padding-left:1rem}.timeline-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.timeline-header h4{color:#1f2937;margin:0;font-size:1rem}.timeline-time{color:#6b7280;font-size:.875rem}.timeline-description{color:#4b5563;margin:.5rem 0}.timeline-location{color:#6b7280;margin:0;font-size:.875rem}.delivery-map-placeholder{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;padding:3rem}.map-icon{margin-bottom:1rem;font-size:4rem}.map-description{opacity:.9}.tracking-help{padding:2rem 0}.tracking-help h3{text-align:center;margin-bottom:2rem;font-size:1.5rem}.help-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.help-card{text-align:center;background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a}.help-icon{margin-bottom:1rem;font-size:3rem;display:block}.help-card h4{color:#1f2937;margin-bottom:.75rem}.help-card p{color:#6b7280;margin:0;line-height:1.6}.loader{border:4px solid #f3f4f6;border-top-color:#2563eb;border-radius:50%;width:48px;height:48px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tracking-loading,.confirmation-loading{text-align:center;padding:4rem 2rem}.tracking-loading p,.confirmation-loading p{color:#6b7280;margin-top:1rem}@media (max-width:1024px){.checkout-grid{grid-template-columns:1fr}.order-summary{position:static}}@media (max-width:768px){.form-row{grid-template-columns:1fr}.search-group,.confirmation-actions{flex-direction:column}.help-grid{grid-template-columns:1fr}}