.dn {
	display: none
}

.clearfix {
	clear: both;
}

.success-msg {
	clear: both;
	background: url(../images/valid.png) no-repeat left #D8FBD7;
	border: 1px solid #090;
	background-position: 6px 10px;
	padding: 10px 20px 9px 40px;
	margin: 10px;
	font-size: 16px;
	font-weight: normal;
	color: #3f8b02;
}

.error-msg {
	clear: both;
	background: url(../images/error.png) no-repeat left #f9ccccd9;
	border: 1px solid #f50303d9;
	background-position: 6px 10px;
	padding: 10px 20px 9px 40px;
	margin: 10px;
	font-size: 16px;
	font-weight: normal;
	color: #f50303d9;
}

.notify-msg {
	clear: both;
	background: #28282a;
	background-position: 6px 10px;
	padding: 20px;
	margin: 0px;
	font-size: 16px;
	font-weight: normal;
	color: #ffffff;
}

.active-heart {
	color: red;
}

/* Search block styling */
.search-block {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    /* background-color: rgba(255, 255, 255, 0.96) !important; */
	background-color: #28282a !important;
    color: #1f1f1f !important;
    padding: 10px 12px !important;
    box-shadow: 0 4px 18px rgba(0,0,0,0.08);
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

.search-block .search {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    gap: 8px;
    padding: 4px;
    background: #ffffff;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1px rgba(216,216,216,0.8);
    box-sizing: border-box;
}

.search-block .search .form-control {
    background: transparent !important;
    border: none !important;
    border-radius: 999px !important;
    color: #222 !important;
    font-size: 15px !important;
    font-weight: 500;
    padding: 10px 14px !important;
    width: 100%;
    box-shadow: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    text-transform: none;
    letter-spacing: normal;
    box-sizing: border-box;
}

.search-block .search .form-control:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.search-block .search .btnSearch {
    width: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    padding: 0 !important;
    border: none !important;
    background: #eff2f5 !important;
    color: #333 !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

.search-block .search .btnSearch:hover {
    background: #e4e8ec !important;
    transform: none;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    .search-block {
        padding: 5px 10px 5px !important;
    }
    .search-block .search {
        gap: 6px;
    }
    .search-block .search .form-control {
        padding: 10px 12px !important;
        font-size: 14px !important;
    }
    .search-block .search .btnSearch {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        aspect-ratio: 1 / 1 !important;
        padding: 0 !important;
    }
    .search-block .search .btnSearch i {
        font-size: 18px;
        line-height: 1;
    }
}

/* // code by Muhammad  */
#resContainer .addMoreProductMsg {
	padding: 10px !important;
	font-size: 16px !important;
}

#resContainer #VerificationContainer h4.title {
	display: none !important;
}

.cshow-overall .discount-items:nth-child(2) {
	display: none !important;
}

.right-header .submenu .minus-item,
.right-header .submenu .plus-item {
	display: none !important;
}

.submenu .show-cart .pro-img {
	text-align: center !important;
}

.cartRow .pro-desc .show-mbl-only button,
.cartRow .pro-desc .show-mbl-only input[type=text] {
	height: 30px !important;
	width: 30px !important;
}

.cartRow .pro-desc .show-mbl-only button i {
	font-size: 13px !important;
}

.show-mbl-only {
	margin-top: 10px;
	font-size: 17px;
	font-weight: 800;
	margin-bottom: 15px;
}

/* this will run 992 and above  */
@media screen and (min-width: 992px) {

	.checkout-tbl tbody.cshow-cart tr td:nth-child(6),
	.checkout-tbl tfoot tr.discount-items:nth-child(1) #baseDiscountRate {
		font-size: 17px !important;
	}

	.checkout-tbl tfoot tr.discount-items td:nth-child(4) {
		font-size: 18px !important;
	}

	.checkout-tbl tfoot tr.discount-items td:nth-child(2) {
		padding: 8px 35px !important;
	}

	.show-mbl-only {
		display: none !important;
		margin-top: 25px;
		font-size: 17px;
		font-weight: 800;
	}

	.category-menu-sticky-wrapper {
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 99;
		background: #fff;
	}
}

/* this will run below  */
@media screen and (max-width: 768px) {
	.checkout-tbl tbody.cshow-cart tr td:nth-child(4) {
		position: absolute;
		left: 95px;
		border: 0;
		margin-top: 78px;
	}

	.checkout-tbl tbody.cshow-cart tr td:nth-child(6) {
		position: absolute;
		left: 260px;
		margin-top: 85px;
		border: 0;
	}

	.checkout-tbl tbody.cshow-cart .pro-desc span {
		min-width: 147px !important;
	}
}

/* // css for smaller screen 992 */
@media screen and (max-width: 992px) {

	/* #resContainer .checkout-text-wrapper .heading{
     margin: 0 auto !important;
	}
	#resContainer .checkout-text-wrapper{
		margin-bottom: 15px !important;
	}
	#resContainer .checkout-head-wrapper{
		padding-top: 15px !important;
	} */
	.checkout-tbl tfoot tr:nth-child(1) td {
		border-top: 0px !important;
	}

	.checkout-tbl tfoot.cshow-overall {
		display: inline-block;
		/* position: absolute; */
		left: 0;
		margin-left: -30px;
	}

	.checkout-tbl tfoot tr:nth-child(3) td:nth-child(2),
	.checkout-tbl tfoot tr:nth-child(1) td {
		text-align: center !important;
	}

	.container #signInDiv {
		margin-top: 50px !important;
	}

	.checkout-tbl thead tr th:nth-child(1),
	.checkout-tbl thead tr th:nth-child(3),
	.checkout-tbl thead tr th:nth-child(4),
	.checkout-tbl thead tr th:nth-child(5),
	.checkout-tbl thead tr th:nth-child(6),
	.checkout-tbl tbody.cshow-cart tr td:nth-child(5),
	.checkout-tbl tbody.cshow-cart tr td:nth-child(1) {
		display: none !important;
	}

	.cartRow .pro-desc {
		padding-right: 0px !important;
	}

	.cartRow td.unit-price {
		display: none !important;
	}

	.cartRow td.unit-price .unit-price {
		display: none !important;
	}

	.show-desk-only {
		display: none !important;
	}

	.page {
		padding-top: 0px !important;
	}

	.btn-cate-menu .btn {
		height: 35px !important;
		letter-spacing: 1px !important;
	}

	.btn-cate-menu {
		width: 50% !important;
		padding-left: 4px !important;
		padding-right: 4px !important;
	}

	.btn-cate-menu a {
		font-size: 15px !important;
	}

	/* Mobile category buttons: two columns on small screens */
	@media screen and (max-width: 767px) {
		.categories-links {
			margin-left: -4px;
			margin-right: -4px;
		}

		.categories-links .btn-cate-menu {
			width: 50% !important;
			max-width: 50% !important;
			padding-left: 4px !important;
			padding-right: 4px !important;
			float: left !important;
		}

		.categories-links .btn-cate-menu .btn,
		.categories-links .btn-cate-menu a {
			display: block !important;
			width: 100% !important;
			padding: 10px 12px !important;
			font-size: 16px !important;
			text-align: left !important;
			white-space: normal !important;
		}

		.categories-links .col-md-2,
		.categories-links .col-md-3,
		.categories-links .col-md-4,
		.categories-links .col-md-6 {
			flex: 0 0 50% !important;
			max-width: 50% !important;
		}

		.categories-links-product {
			margin-left: -4px;
			margin-right: -4px;
		}

		.categories-links-product .btn-cate-menu {
			width: 50% !important;
			max-width: 50% !important;
			padding-left: 4px !important;
			padding-right: 4px !important;
			float: left !important;
		}

		.categories-links-product .btn-cate-menu .btn,
		.categories-links-product .btn-cate-menu a {
			display: block !important;
			width: 100% !important;
			padding: 10px 12px !important;
			font-size: 16px !important;
			text-align: left !important;
			white-space: normal !important;
		}

		.categories-links-product .col-md-2,
		.categories-links-product .col-md-3,
		.categories-links-product .col-md-4,
		.categories-links-product .col-md-6 {
			flex: 0 0 50% !important;
			max-width: 50% !important;
		}
	}

	.choose-price #price-choose {
		border: 0 !important;
	}

	/* .choose-price #price-choose .priceHead {
		display: table-row !important;
	} */

	.price-choose th,
	.price-choose td {
		padding: 8px 6px !important;
		font-size: 14px;
	}

	.mob-price-tr {
		padding: 15px 20px 15px 40px !important;
	}

	.mob-price-tr-top {
		margin-bottom: 10px !important;
		text-align: left !important;
		border-bottom: 2px solid #000;
		padding-bottom: 10px;
		margin-right: 20px;
	}

	.price-choose .priceDiv tr {
		border: 2px solid #000 !important
	}
}

.prices-show {
	color: #215ce7;
	font-size: 20px;
	font-weight: 600;
}

.checkout_hide_section {
	display: none;
}

.cat-pro-list .btns {
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px -60px;
	transition: all 400ms ease-in-out;
}

.cat-pro-list .proImgDiv .product {
	height: 100%;
	object-fit: contain;
}

.cat-pro-list .proImgDiv {
	position: relative;
}

.cat-pro-list .proImgDiv a.img-link {
	display: inline-block;
	height: 350px;
}

.cat-pro-list .proImgDiv:hover .btns {
	opacity: 1;
	background: rgba(255, 255, 255, .7);
}

.cat-pro-list .cartDiv .btn-cart {
	width: 100%;
}


.cat-pro-list .item {
	border-bottom: 3px solid #000;
	padding-bottom: 20px;
}

.cat-pro-list #price-choose .table th,
.table td {
	padding: 0 !important;
	text-align: center;
}

@media screen and (max-width: 992px) {
	.cat-pro-list .mob-price-tr {
		padding: 5px !important;
	}
}

tr.variation-row {
  background-color: #f1f0d1;
}

/* Checkout page css */
.error {
		border-color: #ff0000 !important;
		color: #ff0000 !important
	}

	.firstLi {
		/*width: 30%;*/
	}

	.lastLi {
		float: right !important;
	}

	.disableLi {
		width: 59%;
		text-align: center !important;
		opacity: 1 !important;
		border: 0 !important;
		background-color: #E9E9E9 !important;
	}

	.disableLi a {
		text-align: center !important;
		float: none !important;
		font-weight: bold !important;
		font-size: 25px !important;
	}
	.login-buttons{
		display: flex;
		align-items: center;
		gap: 15px;
	}
	@media (max-width: 767px) {
		.page {
			padding: 0 !important;
		}

		.container {
			padding: 0 15px !important;
		}

		/* .bb-1 {
			padding: 15px 0 !important;
		} */

		.heading {
			font-size: 20px !important;
		}

		/* Form columns stack on mobile */
		.col-md-2,
		.col-md-3,
		.col-md-4,
		.col-md-6 {
			flex: 0 0 100% !important;
			max-width: 100% !important;
		}

		.form-group {
			margin-bottom: 12px !important;
		}

		.form-group label {
			display: block;
			margin-bottom: 5px !important;
		}

		.form-control {
			width: 100% !important;
		}

		/* Button styling on mobile */
		.login-buttons{
			flex-direction: column;
			justify-content: center;
			align-items: center;
			gap: 10px;
		}	

		.btn {
			width: 100% !important;
			margin-right: 0 !important;
			margin-left: 0 !important;
			margin-bottom: 8px !important;
		}

		/* Flex button groups */
		.fleft {
			float: none !important;
			width: 100% !important;
			margin-right: 0 !important;
		}

		.btnor {
			text-align: center;
			padding: 0 15px !important;
			margin: 0 !important;
			float: none !important;
			width: fit-content !important;
			display: inline-block !important;
		}

		/* Address and card lists */
		.blocks-container {
			width: 100% !important;
		}

		div[style*="float: left;width: 85%"] {
			float: none !important;
			width: 100% !important;
		}

		/* div[style*="float: right"] {
			float: none !important;
			width: 100% !important;
			margin-top: 15px;
		} */
		.right-header .cart {
			float: none !important;
			width: 100% !important;
			margin-top: 8px;
		}

		div[style*="float: left;width: 100%"] {
			float: none !important;
			width: 100% !important;
		}

		/* Table responsive improvements */
		.table {
			font-size: 13px !important;
		}

		.table td,
		.table th {
			padding: 8px 4px !important;
		}

		/* Tab styling for mobile */
		#tabs ul {
			flex-wrap: wrap !important;
		}

		#tabs ul li {
			flex: 1 1 calc(50% - 5px) !important;
			margin-right: 5px !important;
		}

		.firstLi {
			flex: 1 1 100% !important;
		}

		.disableLi {
			width: 100% !important;
			margin: 8px 0 !important;
		}

		.lastLi {
			float: none !important;
			flex: 1 1 100% !important;
		}

		/* Input groups on mobile */
		.input-group {
			flex-direction: column !important;
		}

		.input-group-append {
			width: 100% !important;
			margin-left: 0 !important;
			margin-top: 8px !important;
		}

		.input-group .btn {
			width: 100% !important;
		}

		/* Reduce spacing for new forms */
		.m-t-space {
			margin-top: 15px !important;
		}

		/* Select elements */
		select.form-control {
			width: 100% !important;
		}

		/* Textarea */
		textarea.form-control {
			width: 100% !important;
		}
	}

	/* Mobile: keep header left and right buttons in one row below the logo */
	@media (max-width: 767px) {
		.header {
			flex-direction: row;
			flex-wrap: wrap;
			align-items: center;
			justify-content: flex-start !important;
			padding-left: 10px !important;
			padding-right: 10px !important;
		}
		.header .mid-header {
			order: 1;
			width: 100%;
			text-align: center;
			margin-bottom: 10px;
		}
		.header .left-header {
			order: 2;
			display: flex;
			align-items: center;
			gap: 8px;
			flex-wrap: nowrap;
			overflow-x: auto;
			-webkit-overflow-scrolling: touch;
			flex: 1 1 auto;
			justify-content: flex-start;
		}
		.header .right-header {
			order: 3;
			width: auto;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			flex: 0 0 auto;
			margin: 0 0 0 auto;
		}
		.left-header .btn,
		.left-header a.btn {
			align-items: center;
			justify-content: center;
			padding: 6px 8px;
			margin: 0 !important;
			min-width: 36px;
		}
	}

	@media (max-width: 420px) {
		.left-header .btn,
		.left-header a.btn {
			padding: 4px 6px;
			min-width: 32px;
		}
	}