.fbr-vitrin{width:100%;}

.fbr-baslik{
	display:table;
	margin:0 auto 30px;
	font-size:26px;
	font-weight:700;
	color:#1f3a8a;
	background:#eaf0ff;
	border-radius:50px;
	padding:12px 34px;
}

.fbr-raf{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	gap:34px;
	flex-wrap:wrap;
	max-width:1100px;
	margin:0 auto;
}

.fbr-urun{
	width:170px;
	display:flex;
	flex-direction:column;
}

.fbr-kitap{
	text-decoration:none;
	display:block;
}

.fbr-gorsel{
	height:240px;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	border-radius:10px;
	box-shadow:0 6px 18px rgba(0,0,0,.12);
	padding:12px;
	box-sizing:border-box;
	transition:transform .25s ease, box-shadow .25s ease;
}

.fbr-gorsel img{
	max-height:100%;
	max-width:100%;
	width:auto;
	height:auto;
}

.fbr-urun:hover .fbr-gorsel{
	transform:translateY(-8px);
	box-shadow:0 12px 26px rgba(0,0,0,.18);
}

.fbr-ad{
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	height:96px;
	margin-top:14px;
	color:#e8732a;
	font-weight:600;
	line-height:1.3;
	border:1px solid #f6d7bb;
	border-radius:10px;
	background:#fff8f1;
	padding:6px 10px;
	box-sizing:border-box;
	text-decoration:none;
}

.fbr-tahta{
	height:26px;
	border-radius:5px;
	background:linear-gradient(#cfa978,#a97c45);
	box-shadow:0 16px 20px -8px rgba(0,0,0,.45);
	max-width:1100px;
	margin:15px auto 30px;
}