/* ================= PAGE ================= */

body{
background:#f1f3f6;
font-family:Arial;
padding-bottom:70px;
}

/* ================= MOBILE BOTTOM NAV ================= */

.mobile-bottom-bar{
position:fixed;
bottom:0;
left:0;
right:0;
height:60px;
background:#EBDFDF;
border-top:1px solid #ddd;
display:flex;
justify-content:space-between;
align-items:center;
z-index:9999;
}

.mobile-nav-items{
flex:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
text-decoration:none;
color:#F03C13;
font-size:12px;
}

.mobile-nav-items i{
font-size:24px;
margin-bottom:3px;
}

.mobile-nav-items:hover{
background:#f5f5f5;
color:#000;
}

/* ================= HEADER ================= */

.mobile-bottom-bar2{
position:fixed;
top:0;
left:0;
right:0;
height:60px;
background:#0B3042;
display:flex;
justify-content:space-between;
align-items:center;
z-index:9999;
}

.site-logo{
height:45px;
margin-left:5px;
}

.user-name{
color:#fff !important;
font-size:18px;
font-weight:bold;
}

/* ================= FILTER SIDEBAR ================= */

.filter-sidebar{
background:#fff;
padding:15px;
border-radius:6px;
position:sticky;
top:80px;
height:90vh;
overflow:auto;
box-shadow:0 2px 6px rgba(0,0,0,0.1);
}

/* ================= SEARCH ================= */

.header-search-box{
position:sticky;
top:65px;
background:#fff;
padding:10px;
border-radius:6px;
margin-bottom:15px;
z-index:100;
box-shadow:0 2px 5px rgba(0,0,0,0.1);
}

/* ================= PRODUCT GRID ================= */

#get_product{
display:grid;
grid-template-columns:repeat(6,1fr);
gap:12px;
}

/* ================= PRODUCT CARD ================= */

.product-card{
background:#fff;
border:1px solid #eee;
border-radius:6px;
padding:10px;
text-align:center;
transition:0.3s;
}

.product-card:hover{
box-shadow:0 4px 12px rgba(0,0,0,0.2);
transform:translateY(-3px);
}

.product-card img{
width:100%;
height:120px;
object-fit:contain;
}

.product-title{
font-size:13px;
height:35px;
overflow:hidden;
}

.product-price{
color:#e53935;
font-weight:bold;
}

/* ADD CART */

.add-cart-btn{
background:#4AE34A;
border:none;
font-size:13px;
width:100%;
border-radius:6px;
padding:6px;
}

.add-cart-btn:hover{
background:#fb641b;
}

/* CART BADGE */

.cart-badge{
position:absolute;
top:-6px;
right:35px;
background:red;
color:#fff;
font-size:10px;
padding:2px 6px;
border-radius:50%;
}

/* ================= MOBILE FILTER PANEL ================= */

.mobile-filter{
position:fixed;
top:0;
right:-100%;
width:70%;
height:100%;
background:linear-gradient(327deg,#22c1c3 0%,#e8d1a2 66%);
z-index:9999;
padding:20px;
overflow:auto;
transition:0.3s;
}

.mobile-filter.open{
right:0;
}

/* ================= MOBILE VIEW ================= */

@media(max-width:768px){

/* hide sidebar */
.filter-sidebar{
display:none;
}

/* product grid */
#get_product{
grid-template-columns:repeat(2,1fr);
}

/* smaller product image */
.product-card img{
height:120px;
object-fit:contain;
width:100%;
}

/* search sticky fix */
.header-search-box{
top:60px;
}

/* hide desktop nav */
.desktop-nav-item{
display:none;
}
}
		.rating
		{
		top:4px;
		left:4px;
		background:#ff9800;
		color:#fff;
		font-size:10px;
		padding:2px 6px;
		border-radius:3px;
		}
		/* PRICE BOX */
		.price-box{
		margin-bottom:6px;
		}

		/* DISCOUNT PRICE */
		.discount-price{
		color:#e53935;
		font-weight:bold;
		font-size:14px;
		margin-right:5px;
		}

		/* ORIGINAL PRICE */
		.original-price{
		color:#777;
		font-size:11px;
		text-decoration:line-through;
		}
/* ================= DESKTOP ONLY ================= */

@media(min-width:768px){

.mobile-bottom-bar{
display:none;
}

/* Row-wise layout 25% | 75% - desktop only */
.shop-desktop-row{
display:flex;
flex-wrap:wrap;
}
.shop-left-col-desktop{
flex:0 0 25%;
min-width:200px;
}
.shop-right-col-desktop{
flex:1 1 75%;
min-width:280px;
}

}

/* Mobile: right column full width when left is hidden */
@media(max-width:767px){
.shop-right-col-desktop{
width:100%;
}
}