/*
		Designated Style Sheet for Index Page. (index.php)
		Do not mix with other pages.
	*/
	
	:root {
		--green: #2bb24c;
		--yellow: #ffd54d;
	}

	body {
		background: #f6f7f9;
		padding-bottom: 150px;
		font-family: 'Inter', sans-serif;
		font-size:15px;
		font-weight:400;
		line-height:1.5;
		color:#222;
	}

	.header {
		background: linear-gradient(180deg,var(--yellow),#fff);
		padding: 10px 18px 18px;
		border-radius: 0 0 0px 0px
	}
	
	.logo-text{
		font-family:'Plus Jakarta Sans',sans-serif;
		font-size:42px;
		font-weight:800;
		letter-spacing:1px;

		background:linear-gradient(
			90deg,
			#1698F5,
			#FFD328,
			#FF1E24,
			#1698F5
		);

		background-size:300% auto;

		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		background-clip:text;

		animation:gradientFlow 6s linear infinite;

		text-shadow:
			0 0 8px rgba(255,30,36,.18),
			0 0 18px rgba(22,152,245,.12),
			0 0 30px rgba(255,211,40,.10);
	}

	@keyframes gradientFlow{

		0%{
			background-position:0% center;
		}

		100%{
			background-position:300% center;
		}

	}


	.search {
		background: #fff;
		border: 1px solid #e6e6e6;
		border-radius: 14px;
		padding: 12px 14px;
		width: 100%;
	}

	.carousel img {
		height: 140px;
		object-fit: cover;
		border-radius: 18px
	}

	.sec-title {
		font-size: 1.1rem;
		font-weight: 700;
		margin: 20px 0 12px
	}

	.cat {
		text-align: center;
		font-size: .68rem
	}

	.cat .i {
		font-size: 0.9rem
	}
	
	.quick-category {
		height:50px !important;
		width:auto;
	}
	
	.product {
		background: #fff;
		border-radius: 16px;
		padding: 10px;
		box-shadow: 0 2px 8px rgba(0,0,0,.06);
		height: 100%;
		position: relative
	}

	.product img {
		width: 100%;
		height: 110px;
		object-fit: cover;
		border-radius: 12px
	}

	.tag {
		position: absolute;
		top: 10px;
		left: 10px;
		background: #C62828;
		color: #fff;
		font-size: .65rem;
		padding: 2px 7px;
		border-radius: 7px
	}
	
	.tag-boneless {
		position: absolute;
		top: 10px;
		left: 10px;
		background: #1ea64b;
		color: #fff;
		font-size: .65rem;
		padding: 2px 7px;
		border-radius: 7px
	}
	
	.tag-bone {
		position: absolute;
		top: 10px;
		left: 10px;
		background: #ff7a00;
		color: #fff;
		font-size: .65rem;
		padding: 2px 7px;
		border-radius: 7px
	}
	
	.tag-skin {
		position: absolute;
		top: 10px;
		left: 10px;
		background: #f4a300;
		color: #fff;
		font-size: .65rem;
		padding: 2px 7px;
		border-radius: 7px
	}
	
	.tag-withoutskin {
		position: absolute;
		top: 10px;
		left: 10px;
		background: #1e9e5a;
		color: #fff;
		font-size: .65rem;
		padding: 2px 7px;
		border-radius: 7px
	}
	
	.tag-desi {
		position: absolute;
		top: 10px;
		left: 10px;
		background: #8d5b2c;
		color: #fff;
		font-size: .65rem;
		padding: 2px 7px;
		border-radius: 7px
	}

	.name {
		font-weight: 600;
		font-size: .92rem;
		margin-top: 8px
	}

	.price {
		font-weight: 700
	}

	.stepper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: var(--green);
		border-radius: 10px;
		color: #fff;
		height: 36px
	}

	.stepper button {
		background: none;
		border: 0;
		color: #fff;
		font-size: 20px;
		width: 34px
	}

	.addbtn {
		background: var(--green);
		border: 0;
		color: #fff;
		border-radius: 10px;
		padding: 8px 0;
		width: 100%;
		font-weight: 700
	}

	.cartbar {
		position: fixed;
		left: 12px;
		right: 12px;
		bottom: 76px;
		background: #178a3a;
		color: #fff;
		border-radius: 16px;
		padding: 12px 16px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-shadow: 0 10px 25px rgba(0,0,0,.18)
	}

	.bottom {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		border-top: 1px solid #ddd;
		height: 64px;
		display: flex;
		justify-content: space-around;
		align-items: center
	}

	.bottom a {
		text-decoration: none;
		color: #666;
		font-size: .75rem;
		text-align: center;
		font-weight: 600
	}

	.bottom .active {
		color: #0a8a3f;
		font-weight: 600
	}
	
	.bottom .bottom-img {
		height:26px;
		width:auto;
		text-decoration:none;
	}
	
	/* Headings */
	h1,h2,h3,h4,h5,h6{
		font-family:'Plus Jakarta Sans',sans-serif;
		font-weight:700;
		letter-spacing:-0.02em;
		color:#1A1A1A;
	}

	/* Sizes */
	h1{
		font-size:2.2rem;
		font-weight:800;
		line-height:1.1;
	}

	h2{
		font-size:1.8rem;
		font-weight:800;
	}

	h3{
		font-size:1.5rem;
		font-weight:700;
	}

	h4{
		font-size:1.25rem;
		font-weight:700;
	}

	h5{
		font-size:1.05rem;
		font-weight:700;
	}

	/* Product name */
	.product-title{
		font-size:0.95rem;
		font-weight:600;
	}

	/* Price */
	.price{
		font-size:1.00rem;
		font-weight:600;
	}
	.rupee-sign{
		font-size:0.80rem;
		margin-right:3px;
		font-weight:600;
	}

	/* Buttons */
	.btn,
	.add,
	.stepper{
		font-family:'Inter',sans-serif;
		font-weight:500 !important;
		font-size:0.9rem !important;
	}

	/* Small labels */
	small,
	.category,
	.delivery-time{
		font-size:.78rem;
		font-weight:500;
	}
	
	/* Highlight Badge */
	.highlight-badge{
		display:inline-flex;
		align-items:center;
		justify-content:center;
		padding:5px 8px;
		font-family:'Inter',sans-serif;
		font-size: 0.8rem;
		font-weight:600;
		letter-spacing:.3px;
		text-transform:uppercase;
		color:#C62828;
		background:rgba(244,67,54,.12);
		border:1px solid rgba(198,40,40,.28);
		border-radius:999px;
		backdrop-filter:blur(6px);
		box-shadow:
			inset 0 1px 0 rgba(255,255,255,.45),
			0 2px 6px rgba(198,40,40,.08);
	}
	
	/* Marquee Content */
	.marquee{
		width:100%;
		overflow:hidden;
		background:#fff;
		padding:8px 0;
		white-space:nowrap;
	}

	.marquee-content{
		display:flex;
		width:max-content;
		animation:marquee 25s linear infinite;
	}

	.marquee:hover .marquee-content{
		animation-play-state:paused;
	}

	.item{
		flex-shrink:0;
		margin-right:10px;
		padding:8px 16px;

		background:#FFF5F5;
		border:1px solid rgba(211,47,47,.25);
		border-radius:50px;

		color:#D32F2F;
		font-size:0.6rem;
		font-weight:500;
	}

	@keyframes marquee{
		from{
			transform:translateX(0);
		}
		to{
			transform:translateX(-50%);
		}
	}
	
	.category-banner{
		background:#fff;
		border-radius:18px;
		padding:14px 18px;
		display:flex;
		align-items:center;
		gap:14px;
		box-shadow:0 4px 18px rgba(0,0,0,.06);
		margin:22px 0 18px;
	}

	.category-icon{
		width:52px;
		height:52px;
		border-radius:16px;
		background:#fff5e8;
		color:#ff7a00;
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:1.35rem;
	}

	.category-info{
		flex:1;
	}

	.category-title{
		font-family:'Plus Jakarta Sans';
		font-size:1.15rem;
		font-weight:800;
		color:#222;
	}

	.category-desc{
		font-size:.82rem;
		color:#888;
	}
	.boneless-icon{
		width:52px;
		height:52px;
		border-radius:16px;
		background:#eafaf0;
		color:#1ea64b;
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:1.35rem;
	}
	.skin-icon{
		width:52px;
		height:52px;
		border-radius:16px;
		background:#fff4d6;
		color:#f4a300;
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:1.35rem;
	}
	.without-skin-icon{
		width:52px;
		height:52px;
		border-radius:16px;
		background:#e8f8f0;
		color:#1e9e5a;
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:1.35rem;
	}
	.desi-icon{
		width:52px;
		height:52px;
		border-radius:16px;
		background:#fdf3e3;
		color:#8d5b2c;
		display:flex;
		justify-content:center;
		align-items:center;
		font-size:1.35rem;
	}
	.desi-icon-img{
		width:28px;
		height:28px;
		object-fit:contain;
	}
	.text-decoration{
		color:#1A1A1A !important;
		text-decoration:none !important;
	}
	
	/*==========================
	Footer
	==========================*/
	.mc-footer{
		background:#f8f9fb;
		border-top:1px solid #ececec;
		padding:45px 0 20px;
		color:#666;
	}
	.footer-title{
		font-size:20px;
		font-weight:600;
		color:#222;
		margin-bottom:15px;
	}
	.footer-heading{
		font-size:14px;
		font-weight:600;
		color:#222;
		margin-bottom:14px;
	}
	.footer-text{
		font-size:13px;
		font-weight:450;
		line-height:1.9;
		color:#666;
	}
	.footer-links{
		list-style:none;
		padding:0;
		margin:0;
		text-decoration:none;
		color:#666;
	}
	.footer-links li{
		font-size:13px;
		font-weight:450;
		line-height:2;
		color:#666;
	}
	.footer-divider{
		border-top:1px solid #e9e9e9;
		margin:30px 0;
	}
	/*==========================
	Location Tags
	==========================*/
	.location-tags{
		display:flex;
		flex-wrap:wrap;
		gap:8px;
	}
	.location-tags span{
		padding:6px 12px;
		border:1px solid #e5e5e5;
		border-radius:50px;
		background:#fff;

		font-size:12px;
		font-weight:450;
		color:#666;
		transition:.25s;
	}
	.location-tags span:hover{
		background:#0CB14B;
		color:#fff;
		border-color:#0CB14B;
	}
	/*==========================
	Bottom
	==========================*/
	.mc-footer .row:last-child{
		font-size:12px;
		font-weight:450;
		color:#888;
	}
	
	
	/* WhatsApp Icon */
	.whatsapp-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 32px;
		height: 32px;
		background: #25D366;
		color: #fff;
		border-radius: 50%;
		font-size: 20px;
		margin-right:10px;
	}

	/* Map Container */
	.map-container {
		width: 100%;
		height: 450px;
		overflow: hidden;
	}

	.map-container iframe {
		width: 100%;
		height: 100%;
		border: 0;
	}

	@media (max-width: 768px) {
		.map-container {
			height: 300px;
		}
	}

	/* Store Contact Card */
	.store-contact-card{
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:12px;
		padding:14px 16px;
	}

	.store-contact-content{
		display:flex;
		align-items:center;
		gap:12px;
		min-width:0;
	}

	.store-gif{
		width:52px;
		height:52px;
		flex-shrink:0;
		border-radius:14px;
		background:#eaf8ee;
		display:flex;
		align-items:center;
		justify-content:center;
		overflow:hidden;
	}

	.store-gif img{
		width:38px;
		height:38px;
		object-fit:contain;
	}

	.store-contact-info{
		min-width:0;
	}

	.store-contact-title{
		font-family:'Plus Jakarta Sans',sans-serif;
		font-size:1rem;
		font-weight:700;
		color:#1A1A1A;
	}

	.store-contact-subtitle{
		font-size:.75rem;
		color:#777;
		margin-top:1px;
	}

	.store-phone{
		display:inline-flex;
		align-items:center;
		gap:5px;
		margin-top:3px;
		color:#178a3a;
		font-size:.9rem;
		font-weight:700;
		text-decoration:none;
	}

	.store-phone:hover{
		color:#0a7130;
	}

	.store-call-btn{
		flex-shrink:0;
		display:inline-flex;
		align-items:center;
		gap:6px;
		background:#178a3a;
		color:#fff;
		text-decoration:none;
		border-radius:10px;
		padding:8px 12px;
		font-family:'Inter',sans-serif;
		font-size:.85rem;
		font-weight:600;
	}

	.store-call-btn:hover{
		background:#0f7330;
		color:#fff;
	}

	/* =========================================
	   GOOGLE REVIEWS CARD
	   ========================================= */
	.google-review-card{
		width:100%;
		max-width:100%;
		box-sizing:border-box;
		display:flex;
		align-items:center;
		justify-content:space-between;
		gap:10px;
		padding:14px 16px;
		overflow:hidden;
	}

	.google-review-content{
		display:flex;
		align-items:center;
		gap:10px;
		min-width:0;
		flex:1 1 auto;
		overflow:hidden;
	}


	/* Google Icon */
	.google-review-icon{
		width:48px;
		height:48px;
		min-width:48px;
		flex-shrink:0;
		border-radius:14px;
		background:#f7f9fc;
		display:flex;
		align-items:center;
		justify-content:center;
		box-shadow:
			inset 0 0 0 1px rgba(0,0,0,.04);
	}

	.google-review-icon svg{
		width:30px;
		height:30px;
		display:block;
	}


	/* Text */
	.google-review-info{
		min-width:0;
		flex:1 1 auto;
		overflow:hidden;
	}

	.google-review-title{
		font-family:'Plus Jakarta Sans',sans-serif;
		font-size:1rem;
		font-weight:700;
		color:#1A1A1A;
		line-height:1.25;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.google-rating{
		display:flex;
		align-items:center;
		gap:4px;
		margin-top:3px;
		font-size:.85rem;
		white-space:nowrap;
	}

	.google-stars{
		color:#FBBC05;
		font-size:.78rem;
		letter-spacing:0;
	}

	.google-rating strong{
		font-size:.85rem;
		color:#222;
	}

	.google-review-count{
		color:#777;
		font-size:.75rem;
		overflow:hidden;
		text-overflow:ellipsis;
	}

	.google-review-subtitle{
		margin-top:2px;
		color:#888;
		font-size:.70rem;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;
	}


	/* Read Reviews Button */
	.google-review-btn{
		flex:0 0 auto;
		min-width:0;
		display:inline-flex;
		align-items:center;
		justify-content:center;
		gap:5px;
		background:#fff;
		color:#178a3a;
		border:1px solid #178a3a;
		text-decoration:none;
		border-radius:10px;
		padding:7px 10px;
		font-family:'Inter',sans-serif;
		font-size:.75rem;
		font-weight:700;
		white-space:nowrap;
		box-sizing:border-box;
		transition:.2s ease;
	}

	.google-review-btn i{
		font-size:.68rem;
	}

	.google-review-btn:hover{
		background:#178a3a;
		color:#fff;
	}


	/* =========================================
	   VERY SMALL MOBILE
	   ========================================= */
	@media(max-width:380px){
		.google-review-card{
			padding:12px;
			gap:7px;
		}

		.google-review-content{
			gap:8px;
		}

		.google-review-icon{
			width:44px;
			height:44px;
			min-width:44px;
			border-radius:13px;
		}

		.google-review-icon svg{
			width:27px;
			height:27px;
		}

		.google-review-title{
			font-size:.88rem;
		}

		.google-rating{
			font-size:.78rem;
			gap:3px;
		}

		.google-stars{
			font-size:.7rem;
		}

		.google-rating strong{
			font-size:.78rem;
		}

		.google-review-count{
			font-size:.7rem;
		}

		.google-review-subtitle{
			font-size:.65rem;
		}

		.google-review-btn{
			padding:6px 8px;
			font-size:.68rem;
			gap:4px;
		}
	}


	/* =========================================
	   EXTRA SMALL DEVICES
	   ========================================= */
	@media(max-width:340px){
		.google-review-btn{
			padding:6px 7px;
			font-size:.64rem;
		}

		.google-review-btn i{
			display:none;
		}
	}