/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1600px) {



}

@media only screen and (max-width : 1400px) {


}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

	.main-header-icons{
		justify-content: space-around;
		margin-top: 20px;
		margin-bottom: 10px;
	}

	.map-grid{
		grid-template-columns: 1fr;
		gap: 0;
	}

	.map-container {
		margin: 0 -12px 12px;
	}

	.show-mobile{
		display: block;
	}

	.show-pc{
		display: none;
	}

	.products-grid{
		grid-template-columns: repeat(3, 1fr);
		gap: 10px 12px;
	}

	.delivery-zones{
		gap: 12px;
		margin-bottom: 24px;
	}





	:root {
		--gap: 12px;
	}

	.main-header-icon-item .item-title {
		font-size: 13px;
		line-height: 1;
	}

	a.main-header-icon-item:hover {
		background: transparent;
	}

	.main-header-icon-item {
		padding: 0;
		white-space: nowrap;
	}

	.main-header-icon-item .item-img img {
		--size: 18px;
	}

	.main-header-icon-item .item-text {
		font-size: 12px;
	}

	.logo {
		font-size: 32px;
		font-weight: 900;
	}

	.main-header-container .header-icon {
		width: 24px;
		height: 24px;
	}

	.category-nav a {
		padding: 10px 0 6px;
	}

	.category-nav {
		padding: 0 12px;
		margin: 0 -12px 0;
		border-radius: 0;

		padding: 0 12px 12px;
		margin: 0 -12px 0;
		border-radius: 0;
		/*box-shadow: 0 24px 24px 0px rgba(0, 0, 0, 0.05);*/
	}

	.category-nav.fixed{
		box-shadow: 0 24px 24px 0px rgba(0, 0, 0, 0.05);
	}

	.category-nav:after{
		display: none;
	}

	.wrapper {
	}

	header.main-header {
		margin-bottom: 2px;
	}

	.section-title {
		font-size: 25px;
		line-height: 26px;
		margin: 24px 0 12px 0;
	}

	.cart-controls input {
		width: 60px;
	}

	a.btn {
		font-size: 14px;
	}

	ul.menu {
		font-size: 15px;
	}

	.popup-menu-container {
		padding: 16px;
	}



	.product-popup {
		padding: 0;
	}


	.popup-content:before {
		width: 34px;
		height: 4px;
		content: '';
		background: rgba(255,255,255,.5);
		position: absolute;
		top: 5px;
		left: 0;
		right: 0;
		margin: auto;
		border-radius: 2.5px;
		z-index: 2;
	}

	.product-popup .popup-content {
		margin-bottom: 0;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		max-width: 500px;
		max-height: calc(100dvh - 40px);
		height: 100%;
		padding-bottom: 106px;
	}

	.popup-body {
		max-height: calc(100dvh - 20px);
	}

	.popup-body-header {
		padding: 0;
		display: block;
	}

	.popup-header-img {
		aspect-ratio: 4 / 3;
	}

	.popup-body-header img {
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		object-fit: cover;
	}

	.popup-content .popup-close {
		background: #fff;
		border-radius: 50%;
		box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.07);
		right: 12px;
		top: 12px;
		width: 40px;
		height: 40px;
	}

	.popup-header-content {
		padding: 16px;
	}

	.popup-product-name {
		font-size: 18px;
		letter-spacing: 0;
	}

	.popup-product-weight {
		font-size: 14px;
	}

	.popup-product-price {
		font-size: 18px;
	}

	.popup-add-to-cart {
		flex: 1;
	}

	.popup-controls {
		gap: 5px;
	}

	.popup-body-content {
		padding: 16px;
	}

	.popup-cart-controls .popup-qty-input {
		font-size: 16px;
		width: 40px;
	}

	.popup-cart-controls {
		gap: 0;
	}

	.popup-cart-controls button {
		width: 40px;
	}

	.popup-content .discount{
		--pos: 12px;
	}

	.popup-content {
		transition: transform 0.3s ease;
		will-change: transform;
		touch-action: pan-y;
	}








a.btn.show-mobile {
	display: flex;
}

a.btn.show-pc {
	display: none;
}




}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.products-grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.main-footer-container {
		flex-direction: column;
		align-items: center;
		gap: 12px;
		text-align: center;
	}
}



@media only screen and (max-width : 576px) {


}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {


}


/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {


}

@media only screen and (min-width : 1400px) {

}

@media only screen and (min-width : 2000px) {

}


@media (min-resolution: 108dpi) and (min-width: 1200px) {

}