@font-face {
  font-family: "gothambold";
  src: url("../fonts/newgotham/GothamBold.woff2") format("woff2"),
    url("../fonts/newgotham/GothamBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0020-00A0, U+00A2-00B0, U+00B2-10FFFF;
}
@font-face {
  font-family: "gothambook";
  src: url("../fonts/newgotham/GothamBook.woff2") format("woff2"),
    url("../fonts/newgotham/GothamBook.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0020-00A0, U+00A2-00B0, U+00B2-10FFFF;
}
@font-face {
  font-family: "gothamlight";
  src: url("../fonts/newgotham/GothamLight.woff2") format("woff2"),
    url("../fonts/newgotham/GothamLight.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "gothammedium";
  src: url("../fonts/newgotham/GothamMedium.woff2") format("woff2"),
    url("../fonts/newgotham/GothamMedium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0020-00A0, U+00A2-00B0, U+00B2-10FFFF;
} 

#search_section_main {
	background: #F7F7F7;
} 
#result-count {
	font-size: 16px;
} 
.product-content p { 
	max-width: 90%;
}
.searchbarandholer
{
	position:relative;
}	
.search_result-holder p {
	font-size: 21px;
	font-family: gothambook;
}
.filter-btns .btn-outline-secondary {
	color: #000;
	border-color: #000; 
	font-size: 16px;
	font-family: gothambook;
}
.filter-btns .btn.btn-outline-secondary.filter-btn:hover {
	background: #117a8b;
	color: #fff;
} 
#resetsearch {
	background: url("../images/search-close.svg") no-repeat;
	border: 0px;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 30px;
	right: 30px;
}
.searchiconplaceholder {
	content: url("../images/fa-search-placeholder-icon.svg"); 
	position: absolute;
	top: 25px;  
	left: 30px;
} 
.custsearch1 {
	width: 100%;
}
.product_boxes_content h5 {
	color: #505050;
	text-transform: uppercase;
	font-size: 18px;	
}
.product_boxes {
	background: #fff;
	padding: 20px;
	margin: 20px 0;
} 
#showonfocus1 {
	background: #00828c;
	color: #fff;
	border: 0;
	height: 31px;
	margin-top: 0px;
	margin-left: -6px;
	vertical-align: top;
}
.row.lesspad {
	margin-left: -30px;
	margin-right: -30px;
}
.searchsidebar,.searchsidebar h3 {
	color: #000;
}
.sidebarsearchbtn {
	background: #00828c;
	border: none;
	padding: 10px 15px;
	color: #fff;
}
.searchsidebar label {
	display: inline-block;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase !important;
	color: #5e5f5c;
} 
.news-show-more_button_div {
	text-align: center;
}
a.show_more_news_btn { 
	font-style: normal;
	font-weight: bold;
	font-size: 17px;
	line-height: 16px;
	text-align: center;
	color: #00828C !important;
	text-transform: uppercase;
	position: relative;
	text-decoration: none !important;
}
.show_more_news {
	display: none;
	width: 100%;
}
#custsearch_input2 {
	width: 100%;
	color:#000;
	font-family:gothambold;
	font-size:36px; 
	max-width: 100%; 
	border: 1px solid #bfbfbf;
	margin-top: 0;
	vertical-align: middle;
	height: 80px;
	line-height: 80px;
	padding-left: 80px;
} 
#custsearch_input2::placeholder {
	opacity:0.5;  
}  
.errorClass {
        color: red;
        font-size: 16px;
}
.blog_focus_right_div p {
	color: #000;
}
.searchcntholder {
	margin: 0 auto;
	background: #fff;
	padding-top: 45px;
	min-height: 172px;
}
#home_banner {
	background-image: none !important;
	background-color: #F3F3F3;
}
.border-top {
	border-top: 1px solid #dee2e6 !important;
}
.blog_focus_right_div a {
	color: #000;
}

.filter-btns .btn{
  border-radius:0;
}

.product-card{
  background:#fff;
  padding:25px;
  margin-bottom:20px;
  display:flex;
  align-items:center;
}

.product-img img{
  max-width:130px;
}

.product-content{
  flex:1;
  padding-left:25px;
}

.badge-product{
  border:1px solid #17a2b8;
  color:#17a2b8;
  padding:3px 10px;
  font-size:12px;
}

.product-title,.product-title a  {
	font-size: 28px;
	font-family: gothammedium;
	margin: 10px 0;
	color: #241C15;
} 
.product-title a:hover,.product-title a:focus { 
	color: #00828C;
}  

.arrow{
  font-size:28px;
}
.btn.search_sort_btn {
	width: 119px;
	border: 1px solid;
	height: 50px;
	font-family: gothambold;
	font-size: 16px;
	color: #000;
}
.search_sort_btn span {
	margin-left: 15px;
}

/* --- THIS IS THE NEW FIX --- */
	/* This rule ensures the unchecked checkbox is always visible */
	.filtersortform .checkbox__checkmark {
		border: 2px solid #000 !important; /* Adds a visible grey border */
	}

	/* This rule is highly specific and uses !important to guarantee it works */
.filtersortform .checkbox__body {
	color: #000 !important;
	line-height: 22px;
} 

	/* Real-time filtering styles */
	.filter-count {
		color: #666;
		font-size: 0.9em;
		margin-left: 5px;
	}

	.filter-disabled .checkbox__body {
		color: #999 !important;
		opacity: 0.7;
	}

	.filter-disabled input[type="checkbox"] {
		opacity: 0.6;
		cursor: not-allowed;
	}

	.filter-disabled .checkbox__checkmark {
		border-color: #ccc !important;
		background-color: #f8f8f8 !important;
	}

	.checkbox.style-till.disabled {
		opacity: 0.7;
		cursor: not-allowed;
	}

	.checkbox.style-till.disabled .checkbox__body {
		color: #999 !important;
	}
	
	/* Modal structure for sticky footer */
	#filterandsortpopup .modal-content {
		display: flex;
		flex-direction: column;
		max-height: 98vh;
	}
	
	#filterandsortpopup .modal-body {
		flex: 1;
		overflow-y: auto;
		overflow-x: hidden;
	}
	
	/* Apply button styling */
	.modal-footer {
		position: sticky;
		bottom: 0;
		padding: 8px 20px;
		border-top: 1px solid #e5e5e5;
		text-align: center;
		background: #fff;
		z-index: 10;
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
		flex-shrink: 0;
	}
	
	.apply-filters-btn {
		background: #00828c;
		color: #fff;
		border: none;
		border-radius: 4px;
		width: 100%;
		max-width: 392px;
		height: 44px;
		font-family: gothambold;
		font-size: 15px;
		cursor: pointer;
		transition: background 0.3s ease;
		text-transform: uppercase;
		letter-spacing: 0.5px;
	}
	
	.apply-filters-btn:hover {
		background: #006b73;
	}
	
	.apply-filters-btn:active {
		background: #005a61;
	}
	
	/* Add the collapse icon to any checkbox label that has children */
	.checkbox.style-till[data-toggle="collapse"] {
		position: relative;
		padding-right: 25px; /* Make space for the icon */
		padding-left: 0 !important; /* remove left indent for headers without checkbox */
	}
	.checkbox.style-till[data-toggle="collapse"]::after {
		content: url("catalog/view/theme/default/assets/images/product2025/chevr-top-black.svg");
		position: absolute;
		top: 2px;
		right: 0;
		cursor: pointer;
		transition: transform 0.2s ease-in-out;
	}
	/* Rotate the icon when the section is not collapsed (i.e., it's open) */
	.checkbox.style-till[data-toggle="collapse"][aria-expanded="true"]::after {
		transform: rotate(180deg);
	}
	/* Root filter lists should align flush-left like subcategories */
	.filtersortform .filter-nested-list {
		list-style: none;
		padding-left: 0;
		margin: 0;
	}
	/* Indent only nested lists */
	.filter-nested-list .filter-nested-list {
		padding-left: 20px;
	}

	/* Nested subcategories styling - indent each level progressively */
	.filter-nested-list li.nested-level-0 {
		padding-left: 0;
	}
	.filter-nested-list li.nested-level-1 {
		padding-left: 20px;
	}
	.filter-nested-list li.nested-level-2 {
		padding-left: 40px;
	}
	.filter-nested-list li.nested-level-3 {
		padding-left: 60px;
	}
	.filter-nested-list li.nested-level-4 {
		padding-left: 80px;
	}

	/* Nested subcategories lists */
	.filter-nested-list ul.nested-subcategories {
		list-style: none;
		padding-left: 0;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	/* Pill styling */
	/* Make pill list items display inline */
	.filtersortform li.pill-item {
		display: inline-block !important;
		width: auto !important;
	}

	/* Unselected pill - white background, teal border, black text */
	.filtersortform label.checkbox.style-till.pill {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		padding: 8px 20px;
		border: 2px solid #0aa4b5;
		border-radius: 0;
		background: #fff;
		margin: 6px 6px 0 0;
		cursor: pointer;
		width: auto !important;
		box-shadow: none !important;
	}

	.filtersortform label.checkbox.style-till.pill input[type="checkbox"] {
		display: none !important;
	}

	.filtersortform label.checkbox.style-till.pill .checkbox__checkmark {
		display: none !important;
	}

	.filtersortform label.checkbox.style-till.pill .checkbox__body {
		font-size: 14px;
		font-weight: 500;
		color: #000;
		line-height: 1.2;
	}

	/* Selected pill - teal background, white text */
	.filtersortform label.checkbox.style-till.pill.active {
		background: #0aa4b5;
		border-color: #0aa4b5;
	}

	.filtersortform label.checkbox.style-till.pill.active .checkbox__body {
		color: #fff !important;
	}

	/* Hover state */
	.filtersortform label.checkbox.style-till.pill:hover {
		opacity: 0.9;
	}

	/* Legacy style-tillpill support (if used anywhere) */
	.filtersortform label.checkbox.style-tillpill {
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		padding: 8px 20px;
		border: 2px solid #0aa4b5;
		border-radius: 0;
		background: #fff;
		margin: 6px 6px 0 0;
		cursor: pointer;
		width: auto !important;
	}

	.filtersortform label.checkbox.style-tillpill input[type="checkbox"] {
		display: none !important;
	}

	.filtersortform label.checkbox.style-tillpill .checkbox__checkmark {
		display: none !important;
	}

	.filtersortform label.checkbox.style-tillpill .checkbox__body {
		font-size: 14px;
		font-weight: 500;
		color: #000;
		line-height: 1.2;
	}

	.filtersortform label.checkbox.style-tillpill.active {
		background: #0aa4b5;
		border-color: #0aa4b5;
	}

	.filtersortform label.checkbox.style-tillpill.active .checkbox__body {
		color: #fff !important;
	}

#searchfilters .smart-tinity-popup .modal-header {
  border-bottom: 1px solid #eceff1;
}
#searchfilters .modal-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#searchfilters .modal-content {
	padding-left: 5px;
	padding-right: 5px;
	max-width: 432px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	overflow-y: scroll;
} 
#searchfilters .modal-header h3 {
	font-size: 18px;
	font-family: gothambold;
	line-height: 1.5;
}
#searchfilters.smart-tinity-popup .close {
	right: 20px;
	top: 20px;
}
 
@media (min-width: 768px) {
.filter-btns-dropdown 
{
display:none;
}	
}
   
  
/* Fix for mobile search input visibility */
@media (max-width: 767px) {
.filter-btns {
	display: none;
} 	
.searchfiltesdropdowns option {
	margin: 0 !important;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
} 
.searchfiltesdropdowns {
	background: url("../images/select-cherv.png")#fff no-repeat right 20px top 20px;
	color: #000000a1 !important;
	border: 1px solid;
	padding: 10px 15px !important;
	width: 100% !important;
	appearance: none;
	height: 50px;
}	 
#result-count {
  margin-bottom: 20px !important;
} 	
.product-content p {
  max-width: 100% !important;  
}
#search_section_main {
	padding: 130px 0px 20px 0px !important; 
} 	
.searchcntholder {
	padding-top: 40px;  
	min-height: 130px;
} 	
.product-card {
	padding: 25px 20px !important;  
}	
.product-title, .product-title a {
	font-size: 24px;
	font-family: gothambold;
	color: #00828C !important;
}  	
.product-card .arrow { 
	display: none;
}    
.product-content {
	padding-left: 0px !important; 
} 
	#home_banner.section_padding {
		padding-top: 120px !important; /* Ensure enough space from header */
	}
	
	.searchcntholder {
		position: relative;
		z-index: 1; /* Ensure it's above other elements */
	}
	.btn.search_sort_btn {
	width: 58px; 
	height: 50px; 
   }
   	.btn.search_sort_btn span{
	 display:none; 
   }
   
.filter-btns .btn {
	margin-bottom: 20px;
} 

#custsearch_input2 { 
	font-size: 28px;  
	height: 50px;
	line-height: 50px;
	padding-left: 50px;
}
.searchiconplaceholder { 
	top: 10px;
	left: 15px;
	height: 30px;
	width: 30px; 
}
#resetsearch {
	display: none;
}
.product-title {
	font-size: 24px;
	font-family: gothambold; 
}
.search_result-holder p {
	font-size: 18px; 
}
 
}

@media (max-width: 580px) {
	.product-card { 
	flex-wrap: wrap;
} 
.product-img {
	text-align: center;
	width: 100%; 
} 
}
@media (min-width: 581px) {
.product-img {
	margin-right: 50px;
	padding-left: 50px;
}
}