.mobile-logo img,.header-logo img,.footer-logo2 img,
.logo-style1 img,.footer-logo img{
	max-width: 100px; 
}



.header-layout3{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	
}
/* Main Header Structure Fix */
.header-layout3 .sticky-wrapper .sticky-active {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 70%, transparent 100%) !important;
    backdrop-filter: blur(12px) !important;
    padding: 0 !important; /* Reset padding to use flex height */
    margin: 0 !important;
    border: none !important;
}

.header-inner-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 100px !important; /* Use min-height */
    height: 100px !important;
    width: 100%;
    position: relative !important;
}

.header-logo-wrap {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 100% !important;
}

.custom-logo-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    border-radius: 50% !important;
    width: 80px !important;
    height: 80px !important;
    padding: 0 !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;
}

.custom-logo-link img {
    max-width: 65% !important;
    height: auto !important;
}

.header-right-actions {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.header-logo img{
	transition: .5s;
}
.stickytop .header-logo img{

	max-width:70px ;
	padding: 10px;
}
.stickytop .header-layout3 .main-menu>ul>li>a{
		padding: 20px 0;
}
.header-layout3 .main-menu>ul>li>a{
	color: #fff;
}
.header-layout3 .main-menu>ul>li>a:hover,
.header-layout3 .will-sticky .sticky-active.active  
.main-menu>ul>li>a:hover{
	color: var(--theme-color);
}
.header-layout3 .will-sticky .sticky-active.active  
.main-menu>ul>li>a{
	color: #000;
}
.header-layout3 .sticky-wrapper.will-sticky .sticky-active.active{
	background: #fff;
}
.header-logo a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #fff !important;
    border-radius: 50% !important;
    width: 90px !important;
    height: 90px !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-shadow: 0 10px 35px rgba(0,0,0,0.3) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    border: 4px solid rgba(255, 255, 255, 0.2) !important;
    margin: 0 !important;
    position: relative;
    z-index: 10;
}

.header-logo a:hover {
    transform: scale(1.08) rotate(2deg);
    box-shadow: 0 12px 30px rgba(0,0,0,0.2);
}

.header-logo a img {
    max-width: 65%;
    height: auto;
    object-fit: contain;
}

.stickytop .header-logo a {
    width: 65px;
    height: 65px;
    margin: 2px 0;
}

.bannermain{
	position: relative;
	background: #000;
	padding-top: 0;
}
.bannerContent{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
	width: 100%;
	z-index: 1;
}
.bannerContentHolder{
	max-width: 800px;
	position: relative;
	padding-left: 50px;
	margin: 0 auto;
	text-align: center;
}
.bannerContentHolder:before{
	pointer-events: none;
	position: absolute;
	content: "";
	background: url(../img/hero/hero_shape_2.png) no-repeat 0 0;
	width: 300px; height: 300px;
	background-size: contain;
	content: "";
	left: 50px;
	top: -100px;
}
.bannerContentHolder:after{
	pointer-events: none;
	position: absolute;
	content: "";
	background: url(../img/hero/hero_shape_3.png) no-repeat 0 0;
	width: 300px; height: 300px;
	background-size: contain;
	content: "";
	left: -30px;
	top: 0px;
}
.bannerContent h1{
	color: #fff;
	margin: 0 0 20px;
	font-size: 60px;
	position: relative;
	z-index: 1;
}
.bannerContentHolder p{
	margin: 0 0 30px;
	color: #fff;
}
.bannerContent h1 span{
	color: var(--theme-color) ;
	display: inline-block;
}
.btnholder{
	display: flex;
	gap: 20px;
}
.btnholder .ls-layer-link{
	display: inline-block;
	padding: 8px 25px;
	border-radius: 25px;
	font-size: 16px;
	line-break: 20px;
	background: #017907;
	color: #fff;
	text-transform: capitalize;
}
.btnholder .ls-layer-link:nth-child(2n){
	background: #eb0029;
	color: #fff;
}
 
.header-shape1{
	background: #017505;
}
.copyright-text{
	text-align: center;
}

.bannersearch{
	display: flex;
	gap: 20px; 
	margin: 0 auto;
}
.bannersearch input{
	width: 100%;
    border-radius: 10px;
    border: none;
    background: #fff;
    padding: 10px;
}
.bannersearch input[type="search"]{
	background: #fff  url(../img/address.png) no-repeat 5px center;
	background-size: 15px;
	padding-left: 30px;
}
.bannersearch input[type="submit"]{
	display: inline-block;
	min-width: 120px;
	text-align: center;
	padding: 8px 25px;
	border-radius: 10px;
	font-size: 16px;
	line-height: 20px;
	background: var(--theme-color) ;
	color: #fff;
	text-transform: capitalize;
	border: none;
	width: auto;
	text-transform: uppercase;
}
.bannersearch input[type="submit"]:hover{
	background: #000;
}

.as-product.as-restro .product-img{
	
	height: 200px; 
	margin: 0 auto;
}
.as-product.as-restro .product-content{
	padding: 30px 30px;
	text-align: left;
}
.as-product.as-restro .product-content .time ,
.as-product.as-restro .product-content address{
	font-size: 15px;
	font-weight: 500;
}
.as-product.as-restro .product-content address{
	margin-top: 10px;
}
.as-product.as-restro .product-content .time i,
.as-product.as-restro .product-content address i{
	color:  var(--theme-color);
	display: inline-block;
	margin-right: 5px;
}
.as-product.as-restro .actions{
	text-align: left;
}
.as-restro .product-img img{
	width: 100%;
	height: 100%; 
	object-fit: cover;
}

.advertisement img{
	width: 100%;
}
.category-list{
	display: block;
}


@media (max-width:1023px){
	.bannermain >img{
		height: 450px;
		object-fit: cover;
	}
	.bannerContent h1{
		font-size: 48px;
		line-height: 55px;
	}
}
@media (max-width:767px){
	.bannerContentHolder{
		padding: 0;
	}
	.bannerContent h1 {
        font-size: 35px;
        line-height: 45px;
        margin: 0 0 20px;
    }
    .bannerContent{
    	top: 60%;
    }
    .bannerContentHolder p{
    	display: none;
    }
    .bannersearch{
    	flex-wrap: wrap;
    	gap: 10px;
    }
    .bannersearch input{
    	width: 48%;
    }
    .bannersearch input[type="submit"]{
    	width: 100%;
    }
    .bannerContentHolder:after{
    	left: 0;
    	pointer-events: none;
    }
    .bannerContentHolder:before{
    	width: 150px;
    	height: 150px;
    	top: -50px;
    	pointer-events: none;
    }
}

/* Responsive Header Icons */
.header-button {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

/* Clean Custom Icons Reset */
.icon-btn-custom {
    width: 48px !important;
    height: 48px !important;
    background: #fff !important;
    background-color: #fff !important;
    border-radius: 50% !important;
    color: #333 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
    font-size: 18px !important;
    position: relative !important;
    padding: 0 !important;
    overflow: visible !important;
    outline: none !important;
}

/* Hard Reset to kill any theme squares */
.icon-btn-custom::before, 
.icon-btn-custom::after,
.header-right-actions a::before,
.header-right-actions a::after {
    display: none !important;
    content: none !important;
    background: transparent !important;
    box-shadow: none !important;
}

.icon-btn-custom:hover {
    background-color: var(--theme-color) !important;
    color: #fff !important;
    transform: translateY(-3px) !important;
}

.icon-btn-custom .badge {
    position: absolute !important;
    top: -4px !important;
    right: -4px !important;
    background: #eb0029 !important;
    color: #fff !important;
    border-radius: 50% !important;
    width: 20px !important;
    height: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 10px !important;
    border: 2px solid #fff !important;
}

.mini-toggle-custom {
    display: none !important; /* Hide on large screens by default */
    width: 48px !important;
    height: 48px !important;
    background: var(--theme-color) !important;
    color: #fff !important;
    border-radius: 12px !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 20px !important;
    border: none !important;
}

@media (max-width: 991px) {
    .header-inner-wrap { height: 90px !important; }
    .custom-logo-link { width: 70px !important; height: 70px !important; }
    .icon-btn-custom { width: 40px !important; height: 40px !important; font-size: 16px !important; }
    .mini-toggle-custom { display: flex !important; } /* Show on mobile/tablet */
}

@media (max-width: 575px) {
    .header-inner-wrap { height: 80px !important; }
    .custom-logo-link { width: 60px !important; height: 60px !important; }
    .header-right-actions { gap: 8px !important; }
    .icon-btn-custom { width: 36px !important; height: 36px !important; font-size: 14px !important; }
}

.as-menu-toggle {
    width: 40px;
    height: 40px;
    background: var(--theme-color);
    color: #fff;
    border: none;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    margin-left: 10px;
}

@media (max-width: 991px) {
    .header-layout3 .menu-area {
        padding: 10px 0;
    }
    .header-logo a {
        width: 65px;
        height: 65px;
    }
    .header-button {
        gap: 8px;
    }
}

@media (max-width: 575px) {
    .header-logo a {
        width: 55px;
        height: 55px;
    }
    .header-button {
        gap: 5px;
    }
    .icon-btn {
        width: 34px;
        height: 34px;
        font-size: 14px;
    }
    .icon-btn .badge {
        top: -4px;
        right: -4px;
        min-width: 16px;
        height: 16px;
        font-size: 9px;
    }
    .as-menu-toggle {
        width: 34px;
        height: 34px;
        font-size: 16px;
        margin-left: 5px;
    }
}