/* TOP STRIP */
 .top-strip{
 background:#1d1d1d;
 color:#fff;
 font-size:13px;
 text-align:center;
 padding:6px 10px;
 font-weight:500;
 }


 /* HEADER */
 .main-header{
 background:#fff;
 border-bottom:1px solid #ddd;
 position:sticky;
 top:0;
 z-index:999;
 }
 .desktop-header{
 height:72px;
 }
 .logo{
 width:180px;
 }
 .search-box{
 position:relative;
 width:100%;
 }
 .search-box input{
 width:100%;
 border-radius:50px;
 border:1px solid #d7d7d7;
 padding:14px 55px 14px 20px;
 outline:none;
 font-size:16px;
 background:#fafafa;
 }
 .search-box i{
 position:absolute;
 right:20px;
 top:50%;
 transform:translateY(-50%);
 color:#777;
 font-size:20px;
 }
 .login-btn{
 background:#046b3d;
 color:#fff;
 border:none;
 border-radius:40px;
 padding:12px 25px;
 font-size:13px;
 font-weight:600;
 line-height:18px;
 }
 .header-icons i{
 font-size:26px;
 margin-left:18px;
 cursor:pointer;
 color:#111;
 position:relative;
 }
 .badge-cart{
 position:absolute;
 top:-8px;
 right:-10px;
 width:18px;
 height:18px;
 border-radius:50%;
 background:red;
 color:#fff;
 font-size:11px;
 display:flex;
 align-items:center;
 justify-content:center;
 }
 .view-all{
 color:#ff5722;
 font-weight:700;
 font-size:18px;
 }



 /* MOBILE HEADER */
 .mobile-header{
 display:none;
 }
 /* BOTTOM NAV */
 .bottom-nav{
 position:fixed;
 bottom:0;
 left:0;
 right:0;
 background:#fff;
 border-top:1px solid #ddd;
 z-index:999;
 display:none;
 }
 .bottom-nav a{
 flex:1;
 text-align:center;
 padding:10px 0;
 color:#777;
 font-size:12px;
 font-weight:600;
 }
 .bottom-nav i{
 display:block;
 font-size:22px;
 margin-bottom:5px;
 }
 .bottom-nav .active{
 color:#e53935;
 }
 /* MOBILE */
 @media(max-width:991px){
 .desktop-header{
 display:none !important;
 }
 .mobile-header{
 display:block;
 background:#fff;
 padding:14px 14px 10px;
 }
 .mobile-top{
 display:flex;
 align-items:center;
 justify-content:space-between;
 }
 .mobile-logo{
 width:110px;
 }
 .mobile-icons i{
 font-size:28px;
 margin-left:16px;
 }
 .mobile-search{
 margin-top:14px;
 }
 .mobile-search input{
 height:48px;
 border-radius:12px;
 }
 .category-scroll{
 padding:10px 0;
 gap:14px;
 }
 .category-item{
 min-width:140px;
 padding:18px 12px;
 }
 .category-item img{
 width:70px;
 height:70px;
 }
 .category-arrow{
 display:none;
 }
 .bottom-nav{
 display:flex;
 }