ul.topmenu li {
    line-height: 30px;
    padding: 0 9px;
}

#search .btn-lg{
      width: 100px;
    padding: 24px ;
    border-radius: 0 5px 5px 0 !important;
    border: 0;
    margin: 0;
}
#cart>.btn {
    /* font-size: 12px; */
    /* line-height: 18px; */
    /* color: #FFF; */
    /* background: #FFF URL(../image/basket.png) no-repeat 10px 10px; */
    background: #FFF URL(../image/basket.svg) no-repeat 9px 10px;
    border: 0px;
    width: auto;
    /* padding: 15px; */
    border-radius: 100px;
    width: 45px;
    height: 45px;
    position: relative;
    box-shadow: inherit;
    border: 1px solid #e5e5e5;
}

#cart-total {
    background: #ed202a;
    font-size: 11px;
    /* padding: 5px 8px 5px; */
    border-radius: 100px;
    line-height: 11px;
    position: absolute;
    top: -9px;
    right: -11px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    padding: 0;
}

.wishlist-header {
    background: #FFF URL(../image/wishlist.svg) no-repeat 12px 12px;
    width: 45px;
    height: 45px;
    box-shadow: inherit;
    border: 1px solid #e5e5e5;
  margin-left: 10px;
}

.wish-total{ background: #ed202a;
    font-size: 11px;
    /* padding: 5px 8px 5px; */
    border-radius: 100px;
    line-height: 11px;
    position: absolute;
    top: -9px;
    right: -11px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    padding: 0;
}

header .myaccount {
    background: #FFF URL(../image/myaccount.svg) no-repeat 10px 10px;
    /* padding: 15px; */
    border-radius: 100px;
    float: left;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    width: 45px;
    height: 45px;
    box-shadow: inherit;
    border: 1px solid #e5e5e5;
    float: right;
    /* margin-right: 10px !important; */
    margin: 25px 0px 0px 0px;
}

#cart {
    /* margin: 25px 10px 0px 10px; */
    margin:0;

}

.myacc-dropdown ul li img{
    background-color: #fff;
    padding: 6px 8px;
    border-radius: 4px;
    margin-right: 10px;
}
.header-myacc-dropdown {
    display: flex;
    /* flex-direction: column; */
    margin-left: 10px;
    align-items: center;
    gap: 5px;
}

/*.header-myacc-dropdown{
  position: relative;
    float: right;}*/

.myacc-dropdown{ min-width: 200px; right: 0;}
.header-myacc-dropdown:hover .myacc-dropdown li a {
    padding: 5px;
}

ul.topmenu li:nth-child(3).dropdown:hover ul.submenu {
    width: 667px;
    background: #fff;
  gap:0;
}


ul.topmenu li:nth-child(3).dropdown:hover ul.submenu li {
    width: 30%;
    border-bottom: 1px solid #dedede;
      margin-right: 2%;
}

ul.topmenu li:nth-child(3).dropdown:hover ul.submenu a{ background-color: inherit !important;
  border-radius: 0; border: 0; transition: 0.4s ease-in-out; padding: 5px 5px;}
ul.topmenu li:nth-child(3).dropdown:hover ul.submenu li a img{ background: #008FB1;
    padding: 0px 10px;}

ul.topmenu li:nth-child(3).dropdown:hover ul.submenu a:hover{ background-color: #008FB1 !important; padding-left:15px; }



/* nav#top ul.topmenu.desktop-hide-menu li.dropdown a:hover:after {
    transform: translateY(-50%) rotate(225deg);
    border-color: #000;
} */

.mobile-logout {
    position: absolute;
    bottom: 109px;
    right: 0;
    width: 98px !important;
}

.mobile-logout img {
    display: block !important;
    float: left;
    height: 43px !important;
    margin-right: 11px;
}
.mobile-logout a{ font-size: 0 !important;}


.my-account-mobile{       
    position: absolute;
    bottom: 115px;
  background: #fff;
    left: -11px;
    width: 184px !important;}
.my-account-mobile img {
    display: block !important;
    float: left;
    height: 43px !important;
    margin-right: 11px;
}

.toggle-menu-close{ float:right;}

/* nav#top ul.topmenu.desktop-hide-menu .my-account-mobile a {
    line-height: 42px !important;
    border-bottom: 0 !important;
} */

#togglemenu-close{ display: block !important;}

/* nav#top ul.topmenu.desktop-hide-menu li.my-account-mobile a.active {
    background: inherit !important;
    color: #000;
} */

.registerbox{  padding: 40px 20px 0px; text-align: left;}

header div#search input.form-control.input-lg{ background: inherit;}

.search-input-4-w{ display:block;}

header ul.topmenu {
    margin-left: -98px;
  margin-top:3px;
}

/* header div#search {
    margin-right: -15px;
  margin-left: 32px;
} */


ul.topmenu li:nth-child(3).dropdown:hover ul.submenu li:nth-child(11){ border-bottom:0;} 
ul.topmenu li:nth-child(3).dropdown:hover ul.submenu li:nth-child(12){ border-bottom:0;}
ul.topmenu li:nth-child(3).dropdown:hover ul.submenu li:nth-child(13){ border-bottom:0;} 

/* .search-unlocked {
    margin-right: -42px !important;
    margin-left: 58px !important;
} */

/* .header-myacc-dropdown{ 
    margin-left:10px; float: right;
} */
#logo {
    margin: 0px 0 0px 0;
    width: 110px;
}

.faq-part{ border: 2px solid #c3c3c3;
    padding: 15px; border-radius: 3px;}

.faq-part h3{  margin-top: 0; font-weight: 700;}

footer ul li a {

    font-size: 13px !important;

}



/* menu css  */

/* WRAPPER */
.foods-mega-wrap{
    position:relative ;
    width:220px ;
}

/* TOP BUTTON */
.foods-cat-toggle {
    background: #009fc2;
    color: #fff;
    padding: 12px 15px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

/* MAIN DROPDOWN */
.foods-mega-dropdown{
    display:none ;
    position:absolute ;
    top:100% ;
    left:0 ;
    /* width:900px ; */
    background:#fff ;
    box-shadow:0 8px 20px rgba(0,0,0,0.1) ;
    z-index:999 ;
}

.foods-mega-wrap:hover .foods-mega-dropdown{
    display:flex ;
}

/* LEFT PANEL */
.foods-mega-left{
    width:220px ;
    margin:0 ;
    padding:0 ;
    list-style:none ;
    border-right:1px solid #eee ;
}

.foods-mega-left li{
    position:relative ;
}

.foods-mega-left li a{
    display:block ;
    padding:8px 15px ;
    color:#333 ;
    text-decoration:none ;
        font-size: 14px;
    font-weight: 300;
}

/* RIGHT PANEL */
.foods-mega-right{
    position:absolute ;
    left:220px ;
    top:0 ;
    width:680px ;
    min-height:100% ;
    background:#fff ;
    display:none ;
    padding:20px ;
    grid-template-columns:repeat(3,1fr) ;
    gap:20px ;
}

.foods-mega-parent:hover .foods-mega-right{
    display:grid ;
}

/* COLUMNS */
.foods-mega-column a{
    display:block ;
    padding:6px 0 ;
    color:#444 ;
    text-decoration:none ;
}

.foods-child-title{
    font-weight:700 ;
    margin-bottom:8px ;
}

ul.header-static-menu {
    display: flex;
    list-style: none;
    gap: 40px;
    align-items: center;
    margin: 0;
    padding: 0;
}
/* .top-menu-wrapper {
    display: flex;
    background: #2E5DAA1A;
    border-radius: 5px;
} */
ul.header-static-menu li a {
    color: #000;
    font-size: 15px;
}
ul.header-static-menu li a:hover {
    text-decoration: underline;
    color: #2c4e9c;
}

.foods-parent-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
}

.foods-cat-icon{
    width:16px;
    height:16px;
    object-fit:contain;
    margin-right:8px;
}

.foods-parent-link span{
    flex:1;
    font-size: 14px;
}

.foods-arrow{
    color:#00a6c8;
    font-size:20px;
}
li.foods-mega-parent a {
    display: flex;
}
span.input-group-btn button img {
    width: 22px !important;
    padding-left: 5px;
}

.foods-mega-left {
    width: 220px;
    background: #fff;
}

.foods-mega-parent {
    position: relative;
}

.foods-parent-link {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
}

.foods-parent-link:hover {
    background: #f7f7f7;
}

.foods-mega-right {
    position: absolute;
    left: 100%;
    top: 0;
    width: 700px;
    min-height: 100%;
    background: #fff;
    display: none;
    padding: 20px;
    box-shadow: 0 4px 15px rgba(0,0,0,.1);
}

.foods-mega-parent:hover .foods-mega-right {
    display: flex;
    flex-wrap: wrap;
}

.foods-mega-column {
    width: 200px;
    margin-bottom: 15px;
}


/* ===== MAIN ===== */
/* ===== MAIN ===== */

.fw-menu {
    width: 240px;
    position: relative;
    z-index: 9999;
}

.fw-menu-header {
    height: 48px;
    background: #00a7c7;
    color: #fff;
    display: flex;
    align-items: center;
    padding: 0 14px;
    font-weight: 400;
    justify-content: space-between;
    font-size: 16px;
}

/* ===== DROPDOWN ===== */

.fw-menu-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
}
.fw-menu:hover .fw-menu-dropdown {
    display: flex;
}
.fw-menu-left {
    width: 240px;
    max-height: 44vh;
    overflow-y: auto;
    background: #fff;
    border: 1px solid #eee;
}

/* ===== CATEGORY ===== */

.fw-menu-item {
    position: relative;
}

.fw-menu-link {
    display: flex;
    align-items: center;
    padding: 11px 14px;
    text-decoration: none;
    color: #444;
    font-size: 14px;
}

.fw-menu-link:hover {
    background: #f7f7f7;
    color: #e53935;
}

.fw-menu-icon {
    width: 14px;
    margin-right: 10px;
}

.fw-arrow {
    margin-left: auto;
    font-size: 22px;
}

/* ACTIVE */
.fw-menu-item.active > .fw-menu-link {
    background: #f5f5f5;
    color: #2c4e9c;
}

/* ===== SUBMENU LAYER ===== */

.fw-submenu-layer {
    position: absolute;
    left: 240px;
    top: 0;
    width: 620px;
    pointer-events: none;
}

.fw-submenu {
    position: absolute;
    left: 0;
    width: 620px;
    background: #fff;
    border: 1px solid #eee;
    box-shadow: 0 6px 16px rgba(0,0,0,.12);
    padding: 20px;
    display: none;
    pointer-events: auto;
}

.fw-submenu.active {
    display: block;
}

/* LINKS */
.fw-sub-link {
    display: inline-block;
    width: 45%;
    margin-bottom: 12px;
    text-decoration: none;
    color: #333;
    font-size: 13px;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 10px;
}

.fw-sub-link:hover {
    color: #2c4e9c;
}
ul.breadcrumb li a:hover i {
    color: #2c4e9c;
}

.catproducts.single-product{
    padding-bottom: 30px;
}

nav#top {
    position: sticky;
    top: 80px;
    z-index: 99;
    background: #fff;
    padding: 0px 0 10px 0;
}

.mobile-wislist {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
   
}
span.username {
    font-size: 13px;
    display: inline-block;
    max-width: 9ch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.row.fw-flex {
    display: flex;
    align-items: center;
    background: #2E5DAA1A; 
    position: sticky;
    margin: 0;
}

/* ===== SLIM SCROLLBAR ===== */

.fw-menu-left {
    scrollbar-width: thin;            /* Firefox */
    scrollbar-color: #bdbdbd transparent;
}

/* Chrome / Edge / Safari */
.fw-menu-left::-webkit-scrollbar {
    width: 2px;                       /* slim size */
}

.fw-menu-left::-webkit-scrollbar-track {
    background: transparent;
}

.fw-menu-left::-webkit-scrollbar-thumb {
    background: #bdbdbd;
    border-radius: 10px;
}

.fw-menu-left::-webkit-scrollbar-thumb:hover {
    background: #9e9e9e;
}


/* mobile responsive  */
/* ===============================
   MOBILE MENU
=============================== */

.fw-mobile-header {
    display: none;
    /* position: absolute;
    top: -50px; */
}

/* show only tablet/mobile */
@media (max-width:1024px){

    .fw-menu {
        display:none; /* hide desktop */
    }

    .fw-mobile-header{
        display:block;
    }
}

/* TOGGLE BUTTON */
.fw-mobile-toggle{
    background:#00a7c7;
    color:#fff;
    border:0;
    padding:10px 14px;
    font-size:20px;
}

/* OVERLAY */
.fw-mobile-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.4);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:9998;
}

.fw-mobile-overlay.active{
    opacity:1;
    visibility:visible;
}

/* DRAWER */
.fw-mobile-drawer{
    position:fixed;
    top:0;
    left:0;
    width:280px;
    height:100vh;
    background:#fff;
    transform:translateX(-100%);
    transition:.3s;
    z-index:9999;
    display:flex;
    flex-direction:column;
}

.fw-mobile-drawer.active{
    transform:translateX(0);
}

/* TOP BAR */
.fw-mobile-top{
    padding:15px;
    background:#00a7c7;
    color:#fff;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

/* SCROLL */
.fw-mobile-scroll{
    overflow-y:auto;
    flex:1;
}

/* ITEM */
.fw-m-row{
    display:flex;
    align-items:center;
    border-bottom:1px solid #eee;
}

.fw-m-link{
    flex:1;
    padding:12px 15px;
    text-decoration:none;
    color:#333;
    font-size: 14px;
}

.fw-m-arrow{
    width:40px;
    text-align:center;
    cursor:pointer;
    font-size: 20px;
}

/* default icon */
.fw-m-arrow:after{
    content:"+";
    font-size:18px;
    font-weight:600;
}

/* when open */
.fw-m-item.open .fw-m-arrow:after{
    content:"-";
}

/* SUBMENU */
/* .fw-m-sub{
    display:none;
    background:#f8f8f8;
} */

.fw-m-sub{
    max-height:0;
    overflow:hidden;
    background:#f8f8f8;
    transition:max-height .28s ease;
}
.fw-m-sub-link{
    display:block;
    padding:10px 25px;
    text-decoration:none;
    color:#444;
}
button#fwMobileClose {
    background: #284b9d;
    font-size: 21px;
}
.fw-mobile-drawer{
    position:fixed;
    top:0;
    left:0;
    width:280px;
    height:100vh;
    background:#fff;
    transform:translate3d(-100%,0,0);
    transition:transform .32s cubic-bezier(.22,.61,.36,1);
    z-index:9999;
    display:flex;
    flex-direction:column;
    will-change:transform;
}

.fw-mobile-drawer.active{
    transform:translate3d(0,0,0);
}
.fw-m-icon{
    width:14px;
    height:14px;
    object-fit:contain;
    margin-right:10px;
}

.search-box div#search {
    margin: 0 !important;
}

.fw-mobile-top span {
    font-size: 18px;
}
.fw-mobile-header button svg {
    width: 26px;
    padding-right: 5px;
}
.fw-mobile-header button {
    font-size: 18px;
}

#search .input-lg:focus {
    border: 1px solid #898989 !important;
}
.con_info_footer li:not(:last-child) {
    display: none !important;
}



/* .f4u-catgrid-wrapper{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
    padding: 20px 15px 40px 15px;
}

.f4u-catgrid-box{
    background: #f4c73d;
    padding: 60px 20px;
    text-align: center;
    border-radius: 12px;
    color: #000;
    font-size: 16px;
    font-weight: 400;
} */


.f4u-catgrid-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
section#collections {
    padding-bottom: 30px;
}
/* CARD */
.f4u-catgrid-box {
    position: relative;
    display: block;
    height: 166px;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none;
    transition: all 0.3s ease;
}

/* BACKGROUND IMAGE */
.cat-bg {
   position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transition: transform 0.4s ease;
    filter: blur(1px);
}

/* FALLBACK */
.cat-bg.no-image {
       background: linear-gradient(135deg, #77e5ff, #008FB1);
}

/* OVERLAY */
.f4u-catgrid-box::after {
    content: "";
    position: absolute;
    inset: 0;
    /* background: rgba(0,0,0,0.35); */
    transition: all 0.3s ease;
}

/* TEXT */
.cat-content {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.cat-content span {
     background: #fff;
    color: #000;
    border-radius: 6px !important;
    font-size: 16px;
    padding: 11px 12px;
    font-weight: 600;
    text-transform: uppercase;
    border: 2px solid #f8c520;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

/* HOVER EFFECT */
.f4u-catgrid-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.f4u-catgrid-box:hover .cat-bg {
    transform: scale(1.1);
    filter: blur(0);
}


/* .f4u-catgrid-box:hover::after {
    background: rgba(0,0,0,0.55);
} */


/* 1 box */
.f4u-catgrid-wrapper:has(.f4u-catgrid-box:only-child){
    grid-template-columns:1fr;
}

/* 2 boxes */
.f4u-catgrid-wrapper:has(.f4u-catgrid-box:nth-child(2):last-child){
    grid-template-columns:repeat(2,1fr);
}

/* last row 1 item */
.f4u-catgrid-box:last-child:nth-child(3n+1){
    grid-column:1 / -1;
}

/* last row 2 items */
.f4u-catgrid-box:nth-last-child(2):nth-child(3n+1){
    grid-column:1 / 2;
}

.f4u-catgrid-box:last-child:nth-child(3n+2){
    grid-column:2 / 4;
}


@media (max-width:1024px){

.f4u-catgrid-wrapper{
grid-template-columns:repeat(2,1fr);
}

.f4u-catgrid-box{
grid-column:auto !important;
}

}


@media (max-width:600px){

.f4u-catgrid-wrapper{
grid-template-columns:1fr;
}

}


.deliveryinfo_block .row {
    display: flex;
    justify-content: center;
}
.blog_related_products .product-layout {
    width: 100% !important;
    padding: 0 !important;

}
.blog_related_products .tocart {
    background: #008FB1;
    border: 0px;
    color: #FFF ;
    margin: 0px auto;
    text-align: center;
    font-size: 15px;
    padding: 6px 14px;
    border-radius: 50px;
}