.bvcn-root{
	--bvcn-gold:#c89b4a;
	--bvcn-navy:#102e55;
	--bvcn-background:#fff;
	--bvcn-item-width:116px;
	--bvcn-icon-size:82px;
	width:100%;
	direction:rtl;
	font-family:inherit;
}

.bvcn-root *,
.bvcn-root *::before,
.bvcn-root *::after{
	box-sizing:border-box;
}

.bvcn-shell{
	position:relative;
	width:100%;
	padding:14px 13px 12px;
	overflow:hidden;
	border:1px solid rgba(16,46,85,.08);
	border-radius:22px;
	background:
		linear-gradient(
			180deg,
			var(--bvcn-background),
			#fdfcf9
		);
	box-shadow:0 12px 35px rgba(16,46,85,.075);
}

.bvcn-topbar{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	min-height:30px;
	margin:0 3px 7px;
}

.bvcn-topbar[hidden],
.bvcn-back[hidden],
.bvcn-view-all[hidden]{
	display:none!important;
}

.bvcn-back{
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:6px 11px;
	border:1px solid rgba(200,155,74,.25);
	border-radius:999px;
	background:#fff;
	color:var(--bvcn-gold);
	box-shadow:0 4px 13px rgba(16,46,85,.055);
	font:inherit;
	font-size:11px;
	font-weight:750;
	cursor:pointer;
}

.bvcn-stage{
	position:relative;
	padding-inline:37px;
}

.bvcn-track{
	display:flex;
	gap:11px;
	width:100%;
	padding:5px 3px 7px;
	overflow-x:auto;
	overflow-y:hidden;
	scroll-snap-type:x mandatory;
	scroll-behavior:smooth;
	scroll-padding-inline:4px;
	overscroll-behavior-inline:contain;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
	touch-action:pan-x;
}

.bvcn-track::-webkit-scrollbar{
	display:none;
}

.bvcn-track.is-changing .bvcn-item{
	animation:bvcnItemIn .25s ease both;
}

.bvcn-item{
	position:relative;
	flex:0 0 var(--bvcn-item-width);
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:7px;
	min-width:0;
	padding:1px 1px 3px;
	border:0;
	background:transparent;
	color:var(--bvcn-navy);
	font:inherit;
	text-decoration:none!important;
	cursor:pointer;
	scroll-snap-align:start;
	transition:transform .2s ease,color .2s ease;
}

.bvcn-item:hover,
.bvcn-item:focus-visible{
	color:var(--bvcn-gold);
	transform:translateY(-2px);
	outline:none;
}

.bvcn-icon-wrap{
	display:grid;
	place-items:center;
	width:var(--bvcn-icon-size);
	height:var(--bvcn-icon-size);
	overflow:hidden;
	border:1px solid rgba(200,155,74,.20);
	border-radius:50%;
	background:#fff;
	box-shadow:0 6px 17px rgba(16,46,85,.065);
	transition:border-color .2s ease,box-shadow .2s ease;
}

.bvcn-item:hover .bvcn-icon-wrap,
.bvcn-item:focus-visible .bvcn-icon-wrap{
	border-color:rgba(200,155,74,.58);
	box-shadow:0 9px 22px rgba(16,46,85,.10);
}

.bvcn-icon-wrap img{
	display:block;
	width:72%;
	height:72%;
	object-fit:contain;
	object-position:center;
}

.bvcn-svg{
	display:block;
	width:54%;
	height:54%;
	overflow:visible;
	color:var(--bvcn-gold);
	fill:currentColor!important;
	stroke:none!important;
}

.bvcn-svg *{
	fill:currentColor!important;
	stroke:none!important;
}

.bvcn-item-name{
	width:100%;
	min-height:39px;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	color:inherit;
	font-size:12px;
	font-weight:760;
	line-height:1.65;
	text-align:center;
}

.bvcn-subcount{
	display:block;
	width:100%;
	min-height:18px;
	margin-top:-4px;
	color:#8996a5;
	font-size:9.5px;
	font-weight:550;
	line-height:1.5;
	text-align:center;
}

.bvcn-arrow{
	position:absolute;
	inset-block-start:50%;
	z-index:5;
	display:grid;
	place-items:center;
	width:31px;
	height:31px;
	padding:0;
	border:1px solid rgba(16,46,85,.10);
	border-radius:50%;
	background:rgba(255,255,255,.98);
	color:var(--bvcn-navy);
	box-shadow:0 6px 17px rgba(16,46,85,.085);
	cursor:pointer;
	transform:translateY(-50%);
	transition:.18s ease;
}

.bvcn-arrow:hover{
	color:var(--bvcn-gold);
	border-color:rgba(200,155,74,.42);
}

.bvcn-arrow:disabled{
	opacity:.22;
	cursor:default;
}

.bvcn-arrow--right{
	inset-inline-start:0;
}

.bvcn-arrow--left{
	inset-inline-end:0;
}

.bvcn-arrow svg{
	width:16px;
	height:16px;
	fill:none;
	stroke:currentColor;
	stroke-width:2;
	stroke-linecap:round;
	stroke-linejoin:round;
}

.bvcn-view-all{
	display:flex;
	align-items:center;
	justify-content:center;
	width:max-content;
	min-width:108px;
	max-width:150px;
	margin:9px auto 0;
	padding:7px 13px;
	border:1px solid rgba(200,155,74,.30);
	border-radius:999px;
	background:#fff;
	color:var(--bvcn-gold);
	font-size:10.5px;
	font-weight:760;
	text-align:center;
	text-decoration:none!important;
	transition:.18s ease;
}

.bvcn-view-all:hover{
	border-color:var(--bvcn-navy);
	background:var(--bvcn-navy);
	color:#fff;
}

.bvcn-empty{
	padding:13px;
	border:1px dashed #ccd7e3;
	border-radius:12px;
	background:#f8fbfe;
	color:#536b84;
	font-size:12px;
	line-height:1.8;
}

@keyframes bvcnItemIn{
	from{
		opacity:0;
		transform:translateY(5px) scale(.985);
	}
	to{
		opacity:1;
		transform:translateY(0) scale(1);
	}
}

@media(max-width:767px){
	.bvcn-root{
		--bvcn-item-width:79px;
		--bvcn-icon-size:61px;
	}

	.bvcn-shell{
		padding:10px 6px 9px;
		border-radius:17px;
	}

	.bvcn-topbar{
		min-height:28px;
		margin:0 4px 4px;
	}

	.bvcn-back{
		padding:5px 9px;
		font-size:9.8px;
	}

	.bvcn-stage{
		padding-inline:27px;
	}

	.bvcn-track{
		gap:7px;
		padding:4px 1px 6px;
	}

	.bvcn-item{
		gap:6px;
		padding-inline:0;
	}

	.bvcn-item-name{
		min-height:32px;
		font-size:10px;
		line-height:1.55;
	}

	.bvcn-subcount{
		min-height:15px;
		font-size:8.5px;
	}

	.bvcn-arrow{
		display:grid!important;
		width:25px;
		height:25px;
	}

	.bvcn-arrow svg{
		width:13px;
		height:13px;
	}

	.bvcn-view-all{
		min-width:96px;
		max-width:130px;
		margin-top:7px;
		padding:6px 11px;
		font-size:9.5px;
	}
}

@media(max-width:390px){
	.bvcn-root{
		--bvcn-item-width:74px;
		--bvcn-icon-size:57px;
	}

	.bvcn-stage{
		padding-inline:25px;
	}

	.bvcn-track{
		gap:6px;
	}

	.bvcn-item-name{
		font-size:9.5px;
	}

	.bvcn-subcount{
		font-size:8px;
	}

	.bvcn-arrow{
		width:23px;
		height:23px;
	}
}

@media(prefers-reduced-motion:reduce){
	.bvcn-track,
	.bvcn-item,
	.bvcn-icon-wrap{
		scroll-behavior:auto;
		transition:none;
		animation:none;
	}
}


/* =========================================================
   v7 — عکس واقعی محصول برای زیردسته‌ها
   ========================================================= */

.bvcn-icon-wrap .bvcn-image{
	display:block;
	width:88%;
	height:88%;
	object-fit:contain;
	object-position:center;
	filter:none;
}

.bvcn-icon-wrap .bvcn-image--product{
	width:92%;
	height:92%;
}

.bvcn-icon-wrap .bvcn-image--category,
.bvcn-icon-wrap .bvcn-image--custom{
	width:86%;
	height:86%;
}

.bvcn-letter{
	display:grid;
	place-items:center;
	width:100%;
	height:100%;
	color:var(--bvcn-gold);
	font-size:25px;
	font-weight:800;
	line-height:1;
}

@media(max-width:767px){
	.bvcn-letter{
		font-size:20px;
	}
}