@import 'reset.css';

html{overflow-x: hidden}

.homeArea{background:url(../images/home_bg.png) no-repeat top center;padding-top: 150px}
.bizi-taniyin{background: url(../images/bizi_taniyin_bg.png) no-repeat top center;padding-top: 150px;height: 1050px;}
.olcme-degerlendirme{background:url(../images/olcmedegerlendirme_bg.png) no-repeat top center;padding-top: 150px;height: 1050px;}
.otherArea{background:url(../images/other-bg.png) no-repeat top center;padding-top: 280px;}

	.header{padding-top:25px;position:absolute;width:100%;z-index:1}
	.headerHome{padding-top:10px;position:absolute;width:100%;z-index:1}
.headerLeft {
	float: left;
	width: 20%;
}
		.headerRight{float:right;width:100%;margin-top:25px;}
/*.loginArea{float:right;margin-bottom: 10px}*/
			.loginArea{margin-bottom: 10px;}
/*			.loginArea a{float:left;font:normal 17px treeD;margin-right:7px}
*/			.loginArea a {float: left;font: normal 17px gilroyFont;margin-right: 7px}
				
				.socialMedia:hover{transform:rotate(360deg);transition:transform 0.2s}
				
				.online-satis{background: url(../images/online-satis-bg.png) no-repeat center center;padding:6px 15px;color:#fff}
				.online-satis:hover{color:#f4a31a}
				.bayi-girisi{background: url(../images/bayi-giris-bg.png) no-repeat center center;padding:6px 20px;color:#1b2f77}
				.bayi-girisi:hover{color:#fff}

.menu {
	margin-top: 15px;
	margin-right: 7px
}
			/*.menu{float:right;margin-top: 15px;margin-right:7px}*/
	.menu ul {
		
	}
@media (min-width: 768px) {
	.menu ul {
		display: flex;
		justify-content: space-around;
		list-style: none;
		padding: 0;
		margin: 0;
	}
}
			.menu ul li{float:left}
				.menu ul li .dropdown .dropbtn {
					font: normal 21px gilroyFontBold;
					color: #1b2f77;
					margin-left: 15px
				}
				.menu ul li a {
					font: normal 17px gilroyFontBold;
					color: #1b2f77;
					margin-left: 15px
				}
			.menu ul li a:hover{color:#f4a31a;}
			.menu ul li a.selected{background:url(../images/menu-selected.png) no-repeat center center;color:#fff;padding:20px;background-size:contain}
			
	.homeSlogan{text-align:center;transform:rotate(-3deg);margin-bottom:38px}
		.homeSlogan span {
			text-align: center;
			font: normal 56px gilroyFont;
		}

.homeLink {
	text-align: center;
	margin-bottom: 30px;
	padding-top: 50px; /* Üstten boşluk */
	padding-bottom: 50px; /* Alttan boşluk */
}
	.homeLink ul li{background:url(../images/1linkler-bg.png) no-repeat center center;width:318px;height: 140px;display:inline-block;}
		.homeLink ul li a h1 {
			color: #1b2f77;
			font: normal 25px gilroyFontBold;
			transform: rotate(4deg)
		}
	.homeLink ul li img{display:inline;margin-top: 15px}
	.homeLink ul li:first-child a h1{color:white}
	.homeLink ul li:nth-child(3) a h1{color:white}
	.homeLink ul li:nth-child(4) a h1{color:white}

.homeSocialArea{background:#fff;height:500px;margin-bottom:50px}

.homeBottom{}
.homeBottom div{width:33.3%;float:left;font-family:capture2}
.homeBottom div img{display:inline;margin:10px 0 13px 20px;}
.homeBottom div h1{font-size:16px;margin-left:30px;margin-bottom:5px}
.homeBottom div p{font-size:13px;color:#000;margin-left: 30px;margin-right:15px}
	.leftDiv{background:url(../images/homeBottomLeftDiv.png) no-repeat top center;height:333px;}
	.centerDiv{background:url(../images/homeBottomCenterDiv.png) no-repeat top center;height:333px;}
		.centerDiv h1{color:#4b9d2a}
	.rightDiv{background:url(../images/homeBottomRightDiv.png) no-repeat top center;height:333px;}
		.rightDiv h1{color:#f6b221}


footer{position: relative}
.footerTop{background:url(../images/1footer_bg.png) repeat-x center top;height: 75px;}
.footerCenter{/*background:#f0ebe4;*/padding-top:25px ;}
.footerCenter ul {width:18%;float:left;margin-right: 2%;text-align: center}
.footerCenter ul:last-child{margin-right: 0px !important;}
	.footerCenter ul li {
		color: #1495ad;
		font: normal 30px gilroyFont;
	}
.footerCenter ul li a{font:normal 16px capture2;color:#1495ad;}

.footerAreaM{display:none}

.footerLink{padding-bottom: 25px;}
.footerLink p{font:normal 15px gotham;color:#1495ad;float:left}	
.footerLink div{float:right;color:#1495ad}
.footerLink div a{font:normal 15px gotham;color:#1495ad;padding:0px 10px}

.pageArea{}

	.od{margin-top: 100px;margin-right:100px;text-align: center;font-family: gothic}
	.od h1{font-size:30px;margin-bottom: 15px}
	.od a{display: block;color:#1b2f77;font-size:22px;margin-bottom: 10px}
	
	.hakkimizda{margin-top: 75px;font:normal 19px gothic}
	.hakkimizda p{margin-bottom: 20px;line-height: 25px}
	.hakkimizda ul{margin-bottom: 15px}
	.hakkimizda ul li{margin-bottom: 3px}
	
	.referanslar{width:135% !important;margin-left:-45% !important;background: #fff;height: 580px;overflow-y:scroll;padding:5% 5% 0 5%;margin-right: 5px}
	.referanslar ul li{width:31%;margin:1%;float:left;border: 1px solid #ccc;text-align: center;padding-bottom: 1%}
	.referanslar ul li img{width:80%;display: inline;margin-bottom: 15px}
	.referanslar ul li b{display: block;font-size:15px;}
	.referanslar::-webkit-scrollbar{width: 10px;}
	.referanslar::-webkit-scrollbar-thumb{background: #000}
	.referanslar::-webkit-scrollbar-track{background:#fff}
	
	.iletisimBtn a{width:27% !important;background: url(../images/iletisim-tab.png) no-repeat center center;padding:21px 0px;}
	.iletisimBtn a.selected{background: url(../images/iletisim-tab-selected.png) no-repeat center center;color:#fff} 

	.dmBtn a{width:17% !important;background: url(../images/dm-tab.png) no-repeat center center;padding:30px 0px;}
	.dmBtn a.selected{background: url(../images/dm-tab-selected.png) no-repeat center center;color:#fff} 

	.other{width:100% !important;margin-left: 0% !important;margin-bottom: 3%}
		
		.otherTop{background: url(../images/other-page-top-bg.png) no-repeat top center;height: 55px;background-size:cover ;position:relative}
			
			.back{position:absolute;right:30px;top:20px;font:normal 25px gothic}
		
		.otherCenter{background: url(../images/other-page-center-bg.png) repeat top center;background-size:cover;margin: 0 7px;padding:2% 3%;position: relative}
		.otherCenter h1{background:url(../images/other-baslik.png) no-repeat center center;display: inline-block;font:normal 32px gothic;color:#fff;transform:rotate(-2deg);padding:8px 64px;margin-bottom:2%;}
			.merkez{font:normal 19px gothic;margin: 0 15%;}
			.merkez p{margin-bottom: 5px}
			.merkez p span{display: inline-block;width: 20%;color:#f6b221}
			.merkez p a{color:#1b2f77}	
			.merkez div{margin-bottom: 45px}
			
			.iletisimLeft{width:48%;float:left;padding-right:2%;}
				.iletisimText{margin-bottom: 32px}
				.iletisimText span{font:normal 18px gothic;color:#408f22;margin-bottom: 10px;display: block}
				.iletisimText p{font:normal 15px gothic;margin: 0 2% 0 0}
					
			.iletisimRight{width:50%;float:right}
		
			.satis-noktalari{}	
			.satis-noktalari ul{}
			.satis-noktalari ul li{width:16.4%;float:left;border:1px solid #ccc;background: #eee;padding:10px 0px;text-align: center}
			.satis-noktalari ul li:nth-child(2n-1){background: #fff}
			.satis-noktalari ul li a{font:normal 16px gothic;color:#1e428a;text-align: center}
		
			.site-haritasi ul li a{color:#1e428a;font:normal 25px gothic}
			
			.yasal-uyarilar p{font:normal 18px gothic;margin-bottom: 7px}
			
			.insan-kaynaklari{margin: 0 5%;font:normal 20px gothic}
			.insan-kaynaklari h1{padding:11px 23px;margin-left: -5%}	
			.insan-kaynaklari input{width:67%;border:1px solid #1b2f77;padding:5px 1%;}
			.insan-kaynaklari textarea{width:67%;border:1px solid #1b2f77;padding:5px 1%;resize: none}
			.insan-kaynaklari div div{margin-bottom: 10px}
			.insan-kaynaklari span{display: inline-block;width:30%;}
			.insan-kaynaklari button{float:right}
			.radio input{width:10%;}
			
			.fileupload{position:absolute;border:none !important;left:0px;opacity: 0;cursor: pointer}
			
			.kitapTur{width:70%;float:right;}
			.kitapTur input{width:14%;}
			.kitapTur b{display: block}
			
		.otherBottom{background: url(../images/other-page-bottom-bg.png) no-repeat bottom center;height: 55px;background-size:cover}

.yayinlarimizHead h1 {
	font: normal 40px gothic;
	background: url(../images/yayinlarimiz-head.png) no-repeat center left;
	transform: rotate(-5deg);
	color: #1b2f77;
	padding: 15px 25px;
	margin-bottom: 60px;
}
	
	.yayinSidebar{width:24%;float:left}
		.sidebarTop{background: url(../images/sidebar-top.png) no-repeat top center;height: 15px;background-size:cover }
		.sidebarCenter{background: #F6B220;padding:0 15px;}

		.sidebar a{color:#1b2f77}
		
		.sidebar .slide a{font:normal 30px capture2}
		.sidebar .slideContent{padding-left: 10px !important}
		.sidebar .slideContent a{font:normal 20px capture2;}
	
		.slideContent{display:none}




		.sidebarBottom{background: url(../images/sidebar_bottom.png) no-repeat bottom center;height: 15px;background-size:cover }
	
	.yayinArea{width:75%;float:right}
		.yayinTop{background: url(../images/1other-page-top-bg.png) no-repeat top center;height: 55px;background-size:cover }
		.yayinCenter{background: url(../images/1other-page-center-bg.png) repeat top center;background-size:cover;padding:2% 3%;}
		.yayinCenter ul{}
		.yayinCenter ul li{float:left;width:20%;margin: 0 1% 5% 1%;text-align: center;padding:3% 1%;perspective:500px;background-color: rgba(0, 181, 204, .2);}
		.yayinCenter ul li a{}
		.yayinCenter ul li a h1{display:-webkit-box;color:#1b2f77;font:normal 15px gothic;-webkit-line-clamp:2;-webkit-box-orient:vertical;height: 35px;overflow: hidden;margin-bottom:10px;}
		.yayinCenter ul li a img{display:inline;width:85%;transition:0.3s;transform:rotateY(35deg);position: relative;-webkit-box-shadow: -10px 10px 8px -2px rgba(6,55,61,1);-moz-box-shadow: -10px 10px 8px -2px rgba(6,55,61,1);box-shadow: -10px 10px 8px -2px rgba(6,55,61,1);height:150px !important;}
		.yayinCenter ul li a img:hover{transform:rotateY(-35deg);transition:0.3s;-webkit-box-shadow: 10px 10px 8px -2px rgba(6,55,61,1);-moz-box-shadow: 10px 10px 8px -2px rgba(6,55,61,1);box-shadow: 10px 10px 8px -2px rgba(6,55,61,1);}
	
		.yayinBottom{background: url(../images/1other-page-bottom-bg.png) no-repeat bottom center;height: 55px;background-size:cover}
	
	.yayinDetails{}
		.yayinImgArea{width:40%;float:left}
		.yayinImgArea a{}
		.yayinDescArea{width:60%;float:right;position:relative}
		.yayinDescArea h2{font:normal 45px gothic;margin-bottom: 30px}
		.yayinDescArea span{color:#f6b221;font:normal 20px gothic;margin-bottom: 20px;display: block}
		.yayinDescArea p {font:normal 15px capture2;margin-bottom: 5px}
		
		

	.destek-merkezi{font:normal 19px gothic}
	.destek-merkezi p{margin-bottom: 20px;line-height: 25px}
	.destek-merkezi p a{color:#4c9d2a;}
	.destek-merkezi h2{color:#4c9d2a;;font-size:20px;}
	
	.talepFormu{width:100%;border:none;min-height: 700px}
	
	.timeline{}
	.timeline ul {}
	.timeline ul li{width:45%;margin:0 1% 1% 1%;background: #fff;border-radius: 5px;padding:15px;box-sizing: border-box;display: inline-block}
	
	
	.timeline ul li h1{font:normal 16px capture2;color:#1495ad;margin-bottom: 10px;text-align: center}
	.timeline ul li img{width:100%;}
	
	article { break-inside: avoid-column;margin-bottom: 1rem; padding: 20px;border-radius: 5px; background: #fff;}	
	article img{width:100%;}
	article h1{font:bold 12px verdana;text-align: center;margin-bottom: 10px;line-height: 20px;color:#707070}
	main {columns: 480px;column-gap: 20px;margin-bottom: 20px }
	
	.bayiList h1{font:normal 35px capture1;text-align:center;color:#1b2f77;margin-bottom:15px;display:inline-block}
	.bayiList select{float:right;background-color:#1b2f77;color:#fff;padding:10px;border:none;border-radius: 10px;width:20%;}
	.bayiList li{width:46%;border:3px solid #fff;float:left;margin-bottom:20px;position: relative;height:175px;overflow-y:scroll;padding:1%;background-color: #fff;border-radius: 10px;}
	.bayiList li:nth-child(2n+0){float:right;}
	.bayiList li h2{text-align:left;font:normal 20px capture1;margin: 10px 0 10px 10px}
	.bayiList li p b{color:#f6b221}
	.bayiList li p {text-align:left;line-height:24px !important;font:normal 16px capture2;margin-left: 10px;color:#1b2f77}

@media (max-width: 1200px) {

.bayilist{}
.bayiList select{width:100%;margin-bottom:25px;}

}

@media (max-width: 999px) {
	.dropdown .dropbtn {
		color: white !important;
		margin-left: 0px !important;
	}
	.dropdown-content a{
		color: #1b2f77 !important;
	}
	.menu ul li a:hover {
		color: #f4a31a !important;
	}
}

@media (max-width: 999px) {.wAuto{width: 99%;} }	

@media only screen and (min-width:568px) and (max-width: 999px) {

body::-webkit-scrollbar{width:0px}

.header{position:inherit;padding-top:0px;}
.headerHome{position:absolute;padding-top:0px;}

.headerRight{width:100%;}

	.menu .dropdown .dropbtn {
		width: 98%;
		text-align: center;
		padding: 0px;
		display: none;
		background: none;
		margin: 0px;
	/*	position: absolute;*/
		z-index: 1
	}
.menu{width:98%;text-align: center;padding:0px;display: none;background: none;margin:0px;position:absolute;z-index: 1}
	.menu ul li .dropdown .dropbtn {
		float: none;
		border: none;
		display: block;
		width: 100%;
		background: url(../images/mobil-menu-li.png) no-repeat top center;
	/*	margin-bottom: 5px;*/
		/*padding: 10px 0px;*/
	}

.menu ul li{float:none;border:none;display: block;width:100%;background:url(../images/mobil-menu-li.png) no-repeat top center;margin-bottom: 5px;padding:10px 0px;}
	.menu ul li .dropdown .dropbtn {
		font-size: 20px !important;
		margin-left: 0px !important;
		color: #fff !important
	} 
.menu ul li a{font-size:20px;margin-left: 0px;color:#fff} 
.mobilMenuArea{float:right;margin-top:60px;display:block;}
	.mobilMenuArea .dropdown .dropbtn {
		width: 40px;
		height: 8px;
		display: inline-block;
		background: url(../images/icon_menu.png) no-repeat center center;
		padding: 10px 0px
	}
.mobilMenuArea a{width:40px;height:8px;display:inline-block;background:url(../images/icon_menu.png) no-repeat center center;padding:10px 0px}
.mobilMenuArea a.cancelMode{background:url(../images/icon_cencel.png) no-repeat center center;width:48px;height:20px;display:inline-block;padding:0}
.mobilMenuArea:hover a{}

.loginArea{position:absolute;top:15px;right:0px;}

.homeSlogan{transform: none}

.homeLink ul li{width:32%;background-size: contain}

.homeBottom div{width:48%;margin:0 1%;background-size: contain}
.homeBottom div img{width: 80%;margin-left:40px;}

.footerCenter ul{}
.footerLink p{float:none;text-align: center;margin-bottom: 15px}
.footerLink div{float:none;text-align: center}

.otherCenter{margin:0px;}

.satis-noktalari ul li{width:24.6%;}

.merkez{margin:0 5%;}

.tabsBtn{display: inherit}
.tabsBtn a{vertical-align: middle;font-size:25px;background-size: contain;transform: none;width:22.9%;}
.tabsBtn a:last-child{float:inherit}
.tabsBtn a.selected{background-size:contain}

.ks{width:43.6% !important;}

.referanslar ul li{width:30.9%;}

.od{float:none !important;margin-right:inherit}

.footerArea{}
.footerAreaM{display:none !important}

.accordion{border:none !important;}
	.accordion h2 {
		cursor: pointer;
		font: normal 19px gilroyFont;
		padding: 10px 10px 10px 0px;
		color: #1A428A;
		font-weight: normal;
		border-bottom: 1px solid #1A428A;
	}
.accordion h2 span{float:right;}
.accordion div{display:none;border:none !important;}	
.accordion div ul li a{padding-left:2%;}

.yayinImgArea img{width: 100%}

main {columns: 250px;column-gap: 20px;margin-bottom: 20px }

.bayiList li{width:97%;}
.bayiList li:nth-child(2n+0){float:none}


}
	
@media only screen and (min-width:200px) and (max-width: 567px) {	
	
body::-webkit-scrollbar{width:0px}
.bizi-taniyin{padding-top: 100px;height: 1100px;}
.homeArea{}

.header{position:inherit;padding-top:0px;}
.headerHome{position:absolute;padding-top:0px;background:url(../images/1home_bg.png) no-repeat top center;background-position: top right}

.headerRight{width:100%;}

.menu{width:98%;text-align: center;padding:0px;display: none;background: none;margin:0px;position:absolute;z-index: 1}
.menu ul li{float:none;border:none;display: block;width:100%;background:url(../images/mobil-menu-li.png) no-repeat top center;margin-bottom: 5px;padding:10px 0px;}	
.menu ul li a{font-size:20px;margin-left: 0px;color:#fff} 
.menu ul li a.selected{background:none}
.mobilMenuArea{float:right;margin-top:30px;display:block;margin-right: 15px}
.mobilMenuArea a{width:40px;height:8px;display:inline-block;background:url(../images/icon_menu.png) no-repeat center center;padding:10px 0px}
.mobilMenuArea a.cancelMode{background:url(../images/icon_cencel.png) no-repeat center center;width:48px;height:20px;display:inline-block;padding:0}
.mobilMenuArea:hover a{}

.logo img{width:200%;}

.loginArea{text-align: center;width: 100%}
.loginArea a{float:none;margin-right: 3px}
.loginArea a img{display: inline;vertical-align: middle;}

.bannerArea{padding-top: 233px}

.homeSlogan{transform: none}

.homeLink{padding-bottom:30px}
.homeLink ul li{width:100%;background-size: contain}

.homeBottom div{width:98%;margin:0 1%;background-size: contain;text-align: center}
.homeBottom div img{width: 82%;margin-left:0px;}
.homeBottom div h1{text-align: left;margin-left: 60px}
.homeBottom div p{text-align: left;margin-left: 60px}

.footerCenter ul{margin-right:0px;width:auto;float:none}
.footerLink p{float:none;text-align: center;margin-bottom: 15px}
.footerLink div{float:none;text-align: center}

.otherCenter{margin:0px;}

.satis-noktalari ul li{width:48.9%;}

.merkez{margin:0 5%;}

.tabsArea{width:98%;margin:0 1%}
.tabsBtn{display: inherit}
.tabsBtn a{vertical-align: middle;font-size:25px;background-size: contain;transform: none;width:46.9%;}
.tabsBtn a:last-child{float:inherit}
.tabsBtn a.selected{background-size:contain}

.iletisimBtn a{display: block;width:100% !important;text-align: center}

	.iletisimLeft{width:100%;}
	.iletisimRight{width:100%;}

.ks{width:44.5% !important;}

.referanslar{width:90% !important;margin-left:0px !important}
.referanslar ul li{width:46.9%;}
.referanslar ul li b{height: 40px;vertical-align: middle}

.od{float:none !important;margin-right:inherit}

.footerArea{display:none}
.footerAreaM{display:block}

.accordion{border:none !important;}
	.accordion h2 {
		cursor: pointer;
		font: normal 19px gilroyFont;
		padding: 10px 10px 10px 0px;
		color: #1A428A;
		font-weight: normal;
		border-bottom: 1px solid #1A428A;
	}
.accordion .last{border:none}
.accordion h2 span{float:right;}
.accordion div{display:none;border:none !important;}
.accordion div ul li a{padding-left:2%;font-family:gothic}

.yayinlarimizHead h1{transform: none}

.yayinSidebar{width:100%;}
.yayinArea{width:100%;}
	.yayinCenter ul li{width:48%;}

.yayinImgArea{width:100%;text-align: center;margin-bottom: 25px}
.yayinImgArea img{width: 100%;display: inline}

.otherLink{width:100% !important;}

.yayinDescArea{width:100%;}	

.insan-kaynaklari input{width:98%;}
.insan-kaynaklari textarea{width:98%;}
.insan-kaynaklari div div{margin-bottom: 10px}
.insan-kaynaklari span{display: inline-block;width:100%;}
main {columns: 400px;column-gap: 20px;margin-bottom: 20px }

.bayiList li{width:97%;}
.bayiList li:nth-child(2n+0){float:none}

.footerArea {display:none !important}

}


/*home page coksatanlar*/
.product-section {
	padding: 40px 0;
}

.section-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 2px solid #e0e0e0;
}

.section-title {
	font: normal 20px gilroyFontBold;
	color: #1b2f77;
	text-transform: uppercase;
}

.view-all {
	font: normal 14px gilroyFontBold;
	color: #1b2f77;
	text-decoration: none;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 8px;
}

	.view-all:hover {
		color: #f4a31a;
	}

	.view-all::after {
		content: "➜";
		font-size: 18px;
	}

.products-grid {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 15px;
}

.product-card {
	border-radius: 10px;
	padding: 10px;
	transition: transform 0.3s, box-shadow 0.3s;
	box-shadow: 0 2px 6px rgba(0,0,0,0.06);
}

	.product-card:hover {
		transform: translateY(-5px);
		box-shadow: 0 6px 15px rgba(0,0,0,0.12);
	}

.product-image {
	width: 100%;
	height: auto;
	border-radius: 6px;
	margin-bottom: 10px;
	display: block;
}

.product-info {
	margin-bottom: 10px;
	text-align: center;
}

	.product-info h4 {
		font: normal 12px gilroyFontBold;
		color: #1b2f77;
		margin-bottom: 5px;
		line-height: 1.2;
		min-height: 32px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

.product-actions {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 6px;
}

.btn-cart {
	background: #fff;
	border: 2px solid #ff6b35;
	color: #1b2f77;
	font: normal 12px gilroyFontBold;
	padding: 6px 12px;
	border-radius: 20px;
	cursor: pointer;
	text-transform: capitalize;
	transition: all 0.3s;
	white-space: nowrap;
}

	.btn-cart:hover {
		background: #ff6b35;
		border-color: #ff6b35;
		color: #fff;
	}

	.btn-cart.in-cart {
		background: #ff6b35;
		border-color: #ff6b35;
		color: #fff;
	}

.icon-btn {
	background: #fff;
	border: 2px solid #ff6b35;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #999;
	transition: all 0.3s;
}

	.icon-btn:hover {
		background: #ff6b35;
		border-color: #ff6b35;
		color: #fff;
	}

	.icon-btn.favorite:hover {
		border-color: #ff6b35;
		color: white;
	}

/* Responsive */
@media (max-width: 1200px) {
	.products-grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

@media (max-width: 999px) {
	.products-grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.section-title {
		font-size: 24px;
	}
}

@@media (max-width: 567px) {
	.products-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.section-title {
		font-size: 20px;
	}

	.product-card {
		padding: 8px;
	}

	.product-info h4 {
		font-size: 10px;
		min-height: 28px;
	}

	.btn-cart {
		font-size: 9px;
		padding: 5px 10px;
	}

	.icon-btn {
		width: 26px;
		height: 26px;
		font-size: 12px;
	}
}