@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');:root{--primary:#2d5a61;--secondary:#e68d44;--info:#5ba3ad;--accent:#f2a663;--dark:#1e3d42;--light:#fdfaf7;--text:#2c2c2c;--text-light:#6b7d7f;--success:#69b578;--warning:#f4a261;--danger:#d9534f;--border:#e2dcd5;--bs-font-sans-serif:'Inter',system-ui,-apple-system,sans-serif;--bs-body-font-family:var(--bs-font-sans-serif)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px;border:2px solid #f1f5f9}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--bs-body-font-family);background:var(--light);color:var(--text);line-height:1.5;overflow-x:hidden}html,body{max-width:100%;overflow-x:hidden;position:relative}html{scroll-behavior:smooth}.row{margin-left:0 !important;margin-right:0 !important}.bg-orange{background-color:#fd7e14 !important}.container,.container-fluid{overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--bs-body-font-family);font-weight:700;line-height:1.2}.breadcrumb{background:#fff;padding:12px 16px;border-radius:10px}.breadcrumb-item a{color:#0d6efd;text-decoration:none;font-weight:500}.breadcrumb-item a:hover{text-decoration:underline}.breadcrumb-item+.breadcrumb-item::before{content:"›";color:#adb5bd;font-weight:bold}.breadcrumb-item.active{color:#495057;font-weight:600}.navbar-custom{background:white;box-shadow:0 2px 20px rgba(45,53,97,0.08);padding:1rem 0;border-bottom:3px solid var(--primary)}.navbar-brand{font-family:var(--bs-body-font-family);font-size:1.8rem;font-weight:900;color:var(--primary) !important;letter-spacing:-0.5px;display:flex;align-items:center;gap:8px}.navbar-brand::before{content:"✦";color:var(--accent);font-size:1.5rem}.nav-link{color:var(--text) !important;font-weight:500;padding:.5rem 1.2rem !important;transition:all .3s ease;position:relative}.nav-link::after{content:'';position:absolute;bottom:0;left:1.2rem;right:1.2rem;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .3s ease}.nav-link:hover{color:var(--primary) !important}.nav-link:hover::after{transform:scaleX(1)}.btn-cart{background:var(--primary);color:white;border:none;padding:.5rem 1.5rem;border-radius:10px;font-weight:600;transition:all .3s ease;position:relative}.btn-cart:hover{background:var(--dark);transform:translateY(-2px);box-shadow:0 5px 15px rgba(45,53,97,0.3)}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--accent);color:white;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.white-surface{background:#fff;}@media(max-width:576px){.white-surface{padding:0 8px;}}.track-hero,.hero{background:linear-gradient(135deg,var(--primary) 0,var(--dark) 100%) !important;padding:50px 0 30px;color:white;text-align:center}.hero1{background:linear-gradient(135deg,var(--primary) 0,var(--dark) 100%) !important;color:white;padding:100px 0 80px;position:relative;overflow:hidden}.hero .container{position:relative;z-index:5}.hero::before,.hero::after{content:'';position:absolute;border-radius:10%;pointer-events:none;z-index:1}.hero::before{top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,157,0.15) 0,transparent 70%)}.hero::after{bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(193,151,210,0.12) 0,transparent 70%)}.hero h1{font-size:clamp(2.5rem,8vw,4rem);margin-bottom:1.5rem;animation:fadeInUp .8s ease}.hero p{font-size:1.2rem;opacity:.95;max-width:600px;margin:0 auto 2rem;animation:fadeInUp .8s ease .2s backwards}.btn-hero{display:inline-block;background:var(--accent);color:white;padding:1rem 3rem;border-radius:10px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .3s ease;animation:fadeInUp .8s ease .4s backwards}.btn-hero:hover{background:white;color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,0.2)}.section-header{text-align:center;margin-bottom:4rem;padding-top:5rem}.section-header h2{font-size:clamp(2rem,5vw,3rem);color:var(--primary);margin-bottom:1rem;position:relative;display:inline-block}.section-header h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--accent),var(--secondary));border-radius:2px}.product-card{background:white;border-radius:10px;overflow:hidden;box-shadow:0 5px 10px rgba(0,0,0,0.08);transition:all .3s ease;height:100%;border:2px solid transparent}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 20px rgba(45,53,97,0.15);border-color:var(--secondary)}.product-image{width:100%;height:auto;max-height:400px;object-fit:fill;border-radius:10px;display:block;aspect-ratio:1 / 1;background:var(--light);overflow:hidden}.product-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:fill;transition:transform .5s ease}.product-card:hover .product-image img{transform:scale(1.08)}.product-badge{position:absolute;top:15px;right:15px;background:var(--accent);color:white;padding:6px 15px;border-radius:10px;font-size:.85rem;font-weight:600;z-index:2}.product-body{padding:1.8rem}.product-category{color:var(--secondary);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem}.product-title{font-size:1.4rem;color:var(--primary);margin-bottom:1rem;font-weight:700}.product-price{font-size:1.8rem;color:var(--accent);font-weight:700;margin-bottom:1.5rem}.btn-add-cart{width:100%;background:var(--primary);color:white;border:none;padding:.9rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-add-cart:hover{background:var(--dark);transform:translateY(-2px);box-shadow:0 5px 15px rgba(45,53,97,0.3)}.cart-item{background:white;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 3px 15px rgba(0,0,0,0.06);display:flex;align-items:center;gap:1.5rem}.cart-item-image{width:100px;height:100px;border-radius:10px;object-fit:fill;flex-shrink:0}.cart-summary{background:white;border-radius:10px;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,0.08);position:sticky;top:100px}.form-modern{background:white;border-radius:10px;padding:2.5rem;box-shadow:0 5px 20px rgba(0,0,0,0.08)}.form-label{font-weight:600;color:var(--primary);margin-bottom:.5rem;display:block}.form-control,.form-select{width:100%;border:2px solid var(--border);border-radius:10px;padding:.8rem 1.2rem;transition:all .3s ease;outline:none}.form-control:focus{border-color:var(--secondary);box-shadow:0 0 0 .2rem rgba(193,151,210,0.25)}.status-badge{padding:.4rem 1rem;border-radius:10px;font-size:.85rem;font-weight:600;display:inline-block}.status-nou{background:#e3f2fd;color:#1976d2}.status-confirmat{background:#e1f5fe;color:#0288d1}.status-procesat{background:#fff3e0;color:#f57c00}.status-expediat{background:#e8f5e9;color:#388e3c}.status-livrat{background:#c8e6c9;color:#2e7d32}.status-anulat{background:#ffebee;color:#c62828}.footer{background:var(--dark);color:white;padding:4rem 0 2rem;margin-top:5rem}.footer h5{color:var(--secondary);margin-bottom:1.5rem}.footer a{color:rgba(255,255,255,0.7);text-decoration:none;transition:color .3s ease}.footer a:hover{color:white}.admin-card{background:white;border-radius:10px;padding:2rem;box-shadow:0 3px 15px rgba(0,0,0,0.06);margin-bottom:2rem;border-left:4px solid var(--primary)}.stat-card{background:linear-gradient(135deg,var(--primary),#4a5298);color:white;border-radius:10px;padding:2rem;text-align:center}.stat-number{font-size:3rem;font-weight:700;font-family:var(--bs-body-font-family);display:block}.cart-item{transition:transform .2s ease,box-shadow .2s ease}.cart-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,0.05) !important}.input-group .btn-light:hover{background-color:#f8f9fa;color:var(--primary)}.cart-item h5 a:hover{opacity:.8}@media (max-width:768px){.hero{padding:60px 0}.cart-item{flex-direction:column;text-align:center}.cart-item-image{width:100%;height:200px}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.text-gradient{background:linear-gradient(135deg,var(--accent),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bg-pattern{background-image:repeating-linear-gradient(45deg,transparent,transparent 35px,rgba(45,53,97,0.02) 35px,rgba(45,53,97,0.02) 70px)}