:root{--primary: #12316e;--secondary: #ff6b00;--text-dark: #1d1d1f;--text-gray: #86868b;--text-light: #86868b;--bg-body: #fbfbfd;--bg-light: #f5f5f7;--border-color: #d2d2d7;--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .04);--shadow-md: 0 8px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .12);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px}body{margin:0;font-family:var(--font-body);background-color:var(--bg-body);color:var(--text-dark);line-height:1.47059;font-weight:400;letter-spacing:-.022em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em;margin:0;color:var(--text-dark)}a{text-decoration:none;color:inherit;transition:color .3s cubic-bezier(.25,.1,.25,1)}ul{list-style:none;padding:0;margin:0}button{font-family:var(--font-heading);cursor:pointer;border:none;transition:all .3s cubic-bezier(.25,.1,.25,1)}.main-header{background-color:#ffffffb8;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(0,0,0,.05)}.header-container{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;justify-content:space-between;align-items:center}.logo a{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:var(--primary);display:flex;align-items:center;gap:5px}.logo span{color:var(--secondary)}.header-search{display:flex;background:#0000000a;border-radius:980px;padding:6px 16px;width:320px;align-items:center;transition:background .3s ease;position:relative}.header-search:focus-within{background:#00000014}.header-search input{border:none;background:transparent;width:100%;outline:none;font-family:var(--font-body);font-size:.95rem;color:var(--text-dark)}.header-search button{background:var(--primary);color:#fff;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.header-search button:hover{transform:scale(1.05)}nav.main-nav ul{display:flex;gap:32px;align-items:center}nav.main-nav a{font-family:var(--font-heading);font-weight:500;font-size:.95rem;color:var(--text-dark);opacity:.8;transition:opacity .3s ease,color .3s ease}nav.main-nav a:hover,nav.main-nav a.active{opacity:1;color:var(--primary)}.header-actions{display:flex;gap:20px;align-items:center}.cart-btn,.user-btn{background:transparent;font-size:1.2rem;color:var(--text-dark);position:relative;opacity:.8}.cart-btn:hover,.user-btn:hover{opacity:1;color:var(--primary)}.cart-badge{position:absolute;top:-6px;right:-8px;background:var(--secondary);color:#fff;font-size:.7rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.container{max-width:1536px;width:92%;margin:0 auto}.section{padding:80px 0}.apple-reveal{opacity:0;transform:translateY(40px) scale(.98);filter:blur(10px);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1)}.apple-reveal.is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}.btn-primary{background-color:var(--primary);color:#fff;padding:12px 24px;border-radius:980px;font-weight:500;font-size:.95rem;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #12316e33}.btn-primary:hover{background-color:#0d2452;transform:translateY(-1px);box-shadow:0 6px 20px #12316e4d}.btn-secondary{background-color:var(--secondary);color:#fff;padding:12px 24px;border-radius:980px;font-weight:500;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #ff6b0033}.btn-secondary:hover{background-color:#e65c00;transform:translateY(-1px);box-shadow:0 6px 20px #ff6b004d}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}main{min-height:calc(100vh - 300px)}.main-footer{background-color:var(--primary);color:#f9fafb;padding:30px 20px 10px}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px}.footer-logo{font-family:var(--font-heading);font-size:2rem;font-weight:800;margin-bottom:15px}.footer-logo span{color:var(--secondary)}.footer-col h4{font-size:1.1rem;margin-bottom:12px;color:#fff}.footer-col ul li{margin-bottom:12px}.footer-col a{color:#d1d5db}.footer-col a:hover{color:#fff}.footer-bottom{text-align:center;margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:.9rem;color:#9ca3af}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{background:#ffffff1a;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.social-links a:hover{background:var(--secondary)}@media (max-width: 992px){.header-search{display:none}}@media (max-width: 768px){nav.main-nav{display:none}.header-actions .user-btn[aria-label="Men\fa  m\f3vil"]{display:flex!important}.section-header{flex-direction:column;align-items:flex-start;gap:10px}}@media (max-width: 480px){.logo a{font-size:1.5rem}.header-container{padding:10px 15px}}.mobile-nav-overlay{position:fixed;top:70px;left:0;width:100vw;height:calc(100vh - 70px);background:#0006;backdrop-filter:blur(4px);z-index:99;display:flex;flex-direction:column}.mobile-nav{background:#fff;width:100%;padding:20px 0;box-shadow:0 10px 25px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.mobile-nav li{border-bottom:1px solid rgba(0,0,0,.05)}.mobile-nav a{display:block;padding:15px 25px;font-family:var(--font-heading);font-size:1.1rem;font-weight:500;color:var(--text-dark);text-decoration:none}.mobile-nav a:hover,.mobile-nav a.active{color:var(--primary);background:#00000005}