.header-top::before,.social-links li a::before{position:absolute;top:0;left:-100%;height:100%;content:'';width:100%}.contact-item a,.contact-item-item a{font-weight:500;text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}.contact-item-item{display:flex;align-items:center;gap:12px;margin:0;color:rgba(255,255,255,.9);backdrop-filter:blur(10px);transition:.3s}.contact-item-item:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 5px 20px rgba(0,0,0,.2)}.contact-item-item i{color:#3498db;font-size:16px;transition:.3s}.contact-item-item:hover i{color:#2ecc71;transform:scale(1.1)}.contact-item-item a{color:#ecf0f1!important;font-size:9px;transition:.3s}.contact-item-item:hover a{color:#fff!important}.header-main{position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,.1);transition:.3s}.header-top,.nav-item,.nav-item>a,.social-links li a{position:relative}.header-main.scrolled{background:#fff;box-shadow:0 4px 30px rgba(0,0,0,.2)}.header-top{background:linear-gradient(135deg,#1a365d 0,#2d3748 50%,#1a202c 100%);padding:15px 0;border-bottom:2px solid rgba(255,255,255,.1);overflow:hidden}.header-contact,.social-links{display:flex;padding:0;list-style:none;margin:0}.header-top::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:4s infinite shimmer}@keyframes shimmer{0%{left:-100%}100%{left:100%}}.header-top .container{max-width:1200px;margin:0 auto;padding:0 20px}.header-top .logo-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;align-items:center!important}.social-links{align-items:center;gap:12px}.social-links li a{display:flex;align-items:center;justify-content:center;transition:.4s cubic-bezier(.175, .885, .32, 1.275);text-decoration:none;overflow:hidden}.social-links li a::before{background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.social-links li a:hover::before{left:100%}.social-links li a:hover{background:rgba(255,255,255,.2);transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px rgba(0,0,0,.3);border-color:rgba(255,255,255,.4)}.social-links li a img{width:25px;height:25px;transition:.3s;z-index:1;position:relative}.social-links li a:hover img{transform:scale(1.1)}.social-links li:first-child a:hover{background:linear-gradient(135deg,red,#c00)}.social-links li:nth-child(2) a:hover{background:linear-gradient(135deg,#1877f2,#0d47a1)}.social-links li:nth-child(3) a:hover{background:linear-gradient(135deg,#1da1f2,#0d47a1)}.social-links li:nth-child(4) a:hover{background:linear-gradient(135deg,#e4405f,#c13584)}.social-links li:nth-child(5) a:hover{background:linear-gradient(135deg,#00af87,#086)}.header-contact{align-items:center;justify-content:flex-end;gap:25px}.contact-item,.logo-container{align-items:center;display:flex}.contact-item{gap:8px}.contact-item a{color:#ecf0f1;font-size:14px;transition:color .3s}.contact-item a:hover{color:#3498db}.contact-item i{color:#3498db;font-size:16px}.best-selling{background:linear-gradient(135deg,#e74c3c,#c0392b);padding:6px 15px;border-radius:20px;animation:2s infinite pulse}.best-selling a{color:#fff!important;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:1px}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.header-middle{padding:10px 0;background:0 0}.logo-container img{max-height:70px;width:auto;transition:transform .3s}.logo-container:hover img{transform:scale(1.05)}.nav-menu{display:flex;align-items:center;list-style:none;gap:30px;margin:0;padding:0}.nav-item>a{color:#000;text-decoration:none;font-weight:500;font-weight: bold;font-size:11px;padding:10px 0;transition:.3s;text-transform:uppercase}.nav-item>a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(135deg,#000,#073260);transition:.3s;transform:translateX(-50%)}.nav-item.active>a::after,.nav-item:hover>a::after{width:100%}.nav-item.active>a,.nav-item:hover>a{color:#000}.dropdown-menu-custom{position:absolute;top:100%;left:0;background:#fff;min-width:250px;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(10px);transition:.3s;z-index:1000;list-style:none;padding:10px 0;margin:0}.nav-item:hover .dropdown-menu-custom{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu-custom li a{display:block;padding:12px 20px;color:#2c3e50;text-decoration:none;font-size:12px;transition:.3s;border-left:3px solid transparent}.dropdown-menu-custom li a:hover{background:#f8f9fa;color:#3498db;border-left-color:#3498db;padding-left:10px}.dropdown-caret{margin-left:5px;transition:transform .3s}.nav-item:hover .dropdown-caret{transform:rotate(180deg)}.mobile-toggle{display:none;background:0 0;border:none;color:#ecf0f1;font-size:24px;cursor:pointer;padding:10px;border-radius:5px;transition:.3s}.mobile-toggle:hover{background:rgba(255,255,255,.1);color:#3498db}@media (max-width:1024px){.nav-menu{gap:20px}.nav-item>a{font-size:14px}}body{margin-top:120px}@media (max-width:768px){.mobile-toggle,.nav-item>a{display:block}.nav-item>a{color:#fff;padding:15px 0;width:100%}.header-top{padding:12px 0}.header-top .logo-header{flex-direction:column;gap:0!important;text-align:center}.social-links{gap:10px;justify-content:center}.social-links li a{width:35px;height:35px}.social-links li a img{width:20px;height:20px}.header-contact{gap:0;justify-content:center;flex-wrap:wrap}.contact-item-item,.contact-item-item a{font-size:12px}.contact-item-item i{font-size:14px}.main-navigation{position:fixed;top:90%;left:0;right:0;background:#4b6b8c;padding:20px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:.3s;z-index:999}.dropdown-menu-custom,.main-navigation.active{opacity:1;visibility:visible}.nav-menu{flex-direction:column;gap:0;width:100%}.nav-item{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-menu-custom{position:static;transform:none;background:rgb(75 107 140);box-shadow:none;border-radius:0;margin-top:0;max-height:0;overflow:hidden;transition:max-height .3s}.nav-item.dropdown-open .dropdown-menu-custom{max-height:300px}.dropdown-menu-custom li a{color:#ecf0f1;padding:10px 20px;border-left:none}.dropdown-menu-custom li a:hover{background:rgba(255,255,255,.1);padding-left:10px}body{margin-top:100px}}html{scroll-behavior:smooth}.header-main{animation:.5s ease-out slideDown}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.logo-header{display:flex;align-items:center;justify-content:space-between}.header-top ul li a{border:none!important}.header-top .logo-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;align-items:flex-start}