.rvb-urunler{
	--rvb-cream:#FBF7F1;
	--rvb-rose:#C77B84;
	--rvb-rose-deep:#B15C68;
	--rvb-gold:#C79A3E;
	--rvb-ink:#3E322B;
	--rvb-ink-2:#6E5D53;
	--rvb-border:#ECE2D3;
	--rvb-serif:"Cormorant Garamond","Playfair Display",Georgia,"Times New Roman",serif;
	--rvb-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
	--rvb-sutun:4;
	position:relative;
	background:transparent;
	padding:60px 40px;
	border-radius:18px;
	overflow:hidden;
}
.rvb-urunler *{box-sizing:border-box;}

.rvb-urunler__deco{
	position:absolute;
	bottom:-120px;left:-100px;
	width:340px;height:340px;
	background:radial-gradient(circle,rgba(235,195,199,.35),rgba(235,195,199,0) 70%);
	pointer-events:none;
}

.rvb-urunler__head{position:relative;text-align:center;margin-bottom:34px;}
.rvb-urunler__title{
	margin:0;
	font-family:var(--rvb-serif);
	font-weight:600;
	font-size:33px;
	color:var(--rvb-ink);
	letter-spacing:.3px;
}

.rvb-urunler__tabs{
	display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
	margin-top:20px;
}
.rvb-urunler__tab{
	appearance:none;cursor:pointer;
	font-family:var(--rvb-sans);font-size:13px;font-weight:600;
	color:var(--rvb-ink-2);
	background:transparent;
	border:1px solid var(--rvb-border);
	padding:8px 20px;border-radius:30px;
	transition:all .2s;
}
.rvb-urunler__tab:hover{border-color:var(--rvb-rose);color:var(--rvb-rose-deep);}
.rvb-urunler__tab.is-active{
	background:var(--rvb-rose);border-color:var(--rvb-rose);color:#fff;
	box-shadow:0 10px 20px -10px rgba(177,92,104,.6);
}

.rvb-urunler__grid{
	position:relative;
	display:grid;
	grid-template-columns:repeat(var(--rvb-sutun),1fr);
	grid-auto-rows:1fr;
	gap:18px;
}

.rvb-urun{
	display:flex;flex-direction:column;
	height:100%;
	background:#fff;
	border:1px solid var(--rvb-border);
	border-radius:14px;
	overflow:hidden;
	transition:transform .22s,box-shadow .22s;
}
.rvb-urun:hover{transform:translateY(-4px);box-shadow:0 22px 40px -22px rgba(120,78,62,.4);}

.rvb-urun__media{
	display:block;
	aspect-ratio:1/1;
	background:linear-gradient(160deg,#FBF4EC,#F6E9DD);
	padding:16px;
	overflow:hidden;
}
.rvb-urun__media img{
	width:100%;height:100%;
	object-fit:contain;
	display:block;
	mix-blend-mode:multiply;
	transition:transform .45s ease;
}
.rvb-urun:hover .rvb-urun__media img{transform:scale(1.05);}

.rvb-urun__body{
	display:flex;flex-direction:column;align-items:center;
	text-align:center;
	padding:16px 14px 18px;
	flex:1 1 auto;
}

.rvb-urun__cat{
	font-family:var(--rvb-serif);
	font-size:10px;font-weight:700;
	letter-spacing:2px;text-transform:uppercase;
	color:var(--rvb-gold);
	margin-bottom:7px;
}

.rvb-urun__name{
	font-family:var(--rvb-sans);
	font-size:17.5px;font-weight:600;line-height:1.25;
	color:var(--rvb-ink);
	text-decoration:none;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	min-height:2.5em;
}
.rvb-urun__name:hover{color:var(--rvb-rose-deep);}

.rvb-urun__rule{
	position:relative;
	width:30px;height:1px;
	background:var(--rvb-gold);
	opacity:.7;
	margin:11px 0 12px;
}
.rvb-urun__rule::before{
	content:"";
	position:absolute;left:50%;top:50%;
	width:4px;height:4px;
	background:var(--rvb-gold);
	transform:translate(-50%,-50%) rotate(45deg);
}

.rvb-urun__price{
	font-family:var(--rvb-sans);
	font-size:15.5px;font-weight:600;
	color:var(--rvb-ink);
	margin-bottom:15px;
}
.rvb-urun__price del{color:var(--rvb-ink-2);font-weight:400;opacity:.7;margin-right:6px;}
.rvb-urun__price ins{text-decoration:none;color:var(--rvb-rose-deep);}

.rvb-urun__btn{
	margin-top:auto;
	display:inline-flex;align-items:center;gap:7px;
	background:var(--rvb-rose);color:#fff;
	font-family:var(--rvb-sans);font-size:12.5px;font-weight:600;
	letter-spacing:.3px;
	text-decoration:none;
	padding:10px 22px;border-radius:28px;
	transition:background .2s,transform .2s;
}
.rvb-urun__bag{width:15px;height:15px;flex:none;}
.rvb-urun__btn:hover{background:var(--rvb-rose-deep);color:#fff;transform:translateY(-1px);}

.rvb-urun.is-hidden{display:none;}

.rvb-urun--tall{grid-row:span 2;}
.rvb-urun--tall .rvb-urun__media{
	aspect-ratio:auto;
	flex:1 1 auto;
	min-height:240px;
	padding:0;
}
.rvb-urun--tall .rvb-urun__media img{
	object-fit:cover;
	mix-blend-mode:normal;
}
.rvb-urun--tall .rvb-urun__body{flex:0 0 auto;}

.rvb-urunler__more{position:relative;text-align:center;margin-top:36px;}
.rvb-urunler__more-btn{
	display:inline-block;
	font-family:var(--rvb-sans);font-size:14px;font-weight:600;
	color:var(--rvb-gold);
	text-decoration:none;
	border:1.5px solid var(--rvb-gold);
	padding:12px 32px;border-radius:30px;
	transition:all .2s;
}
.rvb-urunler__more-btn:hover{background:var(--rvb-gold);color:#fff;}

@media (max-width:1024px){
	.rvb-urunler__grid{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:768px){
	.rvb-urunler{padding:46px 22px;}
	.rvb-urunler__title{font-size:27px;}
	.rvb-urunler__grid{grid-template-columns:repeat(2,1fr);gap:14px;}

	.rvb-urun--tall{
		grid-row:auto;
		grid-column:1 / -1;
		flex-direction:row;
	}
	.rvb-urun--tall .rvb-urun__media{
		flex:0 0 46%;
		aspect-ratio:1/1;
		min-height:0;
	}
	.rvb-urun--tall .rvb-urun__body{
		flex:1 1 auto;
		align-items:flex-start;
		text-align:left;
		justify-content:center;
	}
	.rvb-urun--tall .rvb-urun__rule{margin-left:0;}
	.rvb-urun--tall .rvb-urun__btn{margin-top:14px;}
}
@media (max-width:460px){
	.rvb-urun__name{font-size:16px;}
	.rvb-urunler__tab{padding:7px 15px;font-size:12px;}
}