/* Brandina Stories 1.32 — multi-slide viewer, isolated groups and real video audio controls. */
.brandina-stories{
	position:relative;
	z-index:7;
	margin:0;
	padding:var(--brandina-story-margin-top-desktop,22px) 18px var(--brandina-story-margin-bottom-desktop,22px);
	color:var(--brandina-story-text,#172033);
	font-family:var(--brandina-font-family,"Vazirmatn",Tahoma,sans-serif);
	box-sizing:border-box;
	-webkit-tap-highlight-color:transparent;
}
.brandina-stories*,.brandina-stories *:before,.brandina-stories *:after{box-sizing:border-box}
.brandina-stories-inner{
	position:relative;
	width:min(100%,var(--brandina-stories-max,1360px));
	margin:0 auto;
	padding:var(--brandina-story-padding-desktop,14px) 22px;
	overflow:hidden;
	isolation:isolate;
	border:1px solid rgba(91,101,136,.10);
	border-radius:var(--brandina-story-radius,20px);
	background:var(--brandina-stories-bg,#fff);
	box-shadow:0 14px 42px rgba(24,34,64,.065),0 2px 8px rgba(24,34,64,.025);
}
.brandina-stories-inner:before{
	content:"";
	position:absolute;
	z-index:-2;
	inset:0;
	background:
		radial-gradient(circle at 92% -30%,rgba(239,64,86,.07),transparent 34%),
		radial-gradient(circle at 6% 130%,rgba(124,58,237,.075),transparent 36%),
		linear-gradient(135deg,rgba(255,255,255,.96),rgba(249,248,255,.94));
	pointer-events:none;
}
.brandina-stories-inner:after{
	content:"";
	position:absolute;
	z-index:-1;
	top:10px;
	left:22px;
	width:74px;
	height:34px;
	opacity:.18;
	background-image:radial-gradient(circle,rgba(98,82,190,.7) 1.3px,transparent 1.4px);
	background-size:11px 11px;
	pointer-events:none;
}
.brandina-stories-heading{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:0 4px}
.brandina-stories-heading-icon{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--brandina-story-ring-start,#7c3aed),var(--brandina-story-ring-end,#ef4056));box-shadow:0 0 0 5px rgba(124,58,237,.08)}
.brandina-stories-heading h2{margin:0;color:inherit;font-family:inherit;font-size:15px;font-weight:850;line-height:1.7}
.brandina-stories-rail-wrap{position:relative;display:flex;align-items:center;min-width:0}
.brandina-stories-rail-wrap:before,.brandina-stories-rail-wrap:after{
	content:"";
	position:absolute;
	z-index:3;
	top:0;
	bottom:0;
	width:34px;
	pointer-events:none;
	opacity:0;
	transition:opacity .22s ease;
}
.brandina-stories-rail-wrap:before{right:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.94))}
.brandina-stories-rail-wrap:after{left:0;background:linear-gradient(-90deg,transparent,rgba(255,255,255,.94))}
.brandina-stories-rail-wrap.has-overflow:before,.brandina-stories-rail-wrap.has-overflow:after{opacity:1}
.brandina-stories-rail{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	gap:var(--brandina-story-gap-desktop,18px);
	width:100%;
	min-width:0;
	padding:5px 8px 4px;
	overflow-x:auto;
	overflow-y:hidden;
	direction:rtl;
	overscroll-behavior-inline:contain;
	scroll-behavior:smooth;
	scroll-snap-type:x mandatory;
	scroll-padding-inline:14px;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
	touch-action:pan-x;
	cursor:grab;
}
.brandina-stories-rail::-webkit-scrollbar{display:none}
.brandina-stories-rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}
.brandina-story-trigger{
	appearance:none;
	border:1px solid transparent!important;
	background:transparent!important;
	display:flex;
	flex:0 0 auto;
	flex-direction:column;
	align-items:center;
	gap:7px;
	width:calc(var(--brandina-story-avatar-desktop,76px) + 18px);
	padding:5px 5px 7px;
	border-radius:20px;
	cursor:pointer;
	color:inherit;
	font:inherit;
	scroll-snap-align:start;
	opacity:0;
	transform:translateY(8px) scale(.98);
	animation:brandinaStoryItemIn .48s cubic-bezier(.2,.75,.25,1) both;
	animation-delay:calc(var(--brandina-story-order,0) * 45ms + 40ms);
	position:relative;
	z-index:1;
	pointer-events:auto;
	transition:transform .22s cubic-bezier(.2,.7,.2,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease;
}
button.brandina-story-trigger,
button.brandina-story-trigger:hover,
button.brandina-story-trigger:focus,
button.brandina-story-trigger:focus-visible,
button.brandina-story-trigger:active{
	color:var(--brandina-story-text,#172033)!important;
	text-decoration:none!important;
}
button.brandina-story-trigger:hover,
button.brandina-story-trigger:focus-visible{
	transform:translateY(-4px);
	background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(249,248,255,.94))!important;
	border-color:rgba(112,93,196,.16)!important;
	box-shadow:0 14px 34px rgba(31,39,75,.10),0 2px 7px rgba(31,39,75,.04)!important;
}
button.brandina-story-trigger:active{
	transform:translateY(-1px) scale(.985);
	background:linear-gradient(145deg,#fff,rgba(247,245,255,.96))!important;
	border-color:rgba(112,93,196,.24)!important;
	box-shadow:0 8px 20px rgba(31,39,75,.10),0 0 0 3px rgba(124,58,237,.07)!important;
}
button.brandina-story-trigger:focus-visible{outline:3px solid rgba(124,58,237,.15)!important;outline-offset:3px}
.brandina-story-ring{
	position:relative;
	display:grid;
	place-items:center;
	width:var(--brandina-story-avatar-desktop,76px);
	height:var(--brandina-story-avatar-desktop,76px);
	aspect-ratio:1/1;
	padding:3px;
	border-radius:50%;
	background:conic-gradient(from 205deg,var(--brandina-story-ring-start,#7c3aed),#b447df,var(--brandina-story-ring-end,#ef4056),#ff9b4b,var(--brandina-story-ring-start,#7c3aed));
	box-shadow:0 8px 22px rgba(82,67,170,.17);
	isolation:isolate;
	transition:filter .25s ease,box-shadow .25s ease,transform .25s ease;
}
.brandina-story-ring:before{
	content:"";
	position:absolute;
	inset:-3px;
	z-index:-1;
	border-radius:inherit;
	background:inherit;
	filter:blur(9px);
	opacity:.16;
	transition:opacity .25s ease;
}
.brandina-story-ring:after{
	content:"";
	position:absolute;
	inset:0;
	border-radius:inherit;
	background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.56) 45%,transparent 65%);
	background-size:230% 100%;
	animation:brandinaStoryShine 3.8s ease-in-out infinite;
	pointer-events:none;
	mix-blend-mode:screen;
	opacity:.42;
}
.brandina-story-trigger:hover .brandina-story-ring{transform:scale(1.035);box-shadow:0 12px 28px rgba(82,67,170,.22)}

.brandina-story-trigger.has-unseen .brandina-story-ring{background:linear-gradient(135deg,var(--brandina-story-ring-start,#ff304c),var(--brandina-story-ring-end,#ff0069));box-shadow:0 10px 26px rgba(239,64,86,.2)}
.brandina-story-trigger.has-unseen .brandina-story-live-dot{background:var(--brandina-story-ring-end,#ef4056);box-shadow:0 2px 8px rgba(239,64,86,.38)}
.brandina-story-cover{
	position:relative;
	z-index:1;
	display:block;
	width:100%;
	height:100%;
	aspect-ratio:1/1;
	padding:3px;
	overflow:hidden;
	border-radius:50%;
	background:#fff;
}
.brandina-story-cover img{
	display:block;
	width:100%!important;
	height:100%!important;
	max-width:none!important;
	aspect-ratio:1/1;
	border-radius:50%!important;
	object-fit:cover!important;
	object-position:center!important;
	background:#f3f4f8;
	transition:transform .4s cubic-bezier(.2,.7,.2,1),filter .25s ease;
}
.brandina-story-trigger:hover .brandina-story-cover img{transform:scale(1.06)}
.brandina-story-live-dot{position:absolute;z-index:3;right:3px;bottom:5px;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:var(--brandina-story-ring-end,#ef4056);box-shadow:0 2px 7px rgba(239,64,86,.35)}
.brandina-story-trigger.is-seen .brandina-story-ring{background:var(--brandina-story-seen,#d9dde7);box-shadow:none}
.brandina-story-trigger.is-seen .brandina-story-ring:before,.brandina-story-trigger.is-seen .brandina-story-ring:after{display:none}
.brandina-story-trigger.is-seen .brandina-story-cover img{filter:saturate(.72)}
.brandina-story-trigger.is-seen .brandina-story-live-dot{background:#aab1c1;box-shadow:none}
.brandina-story-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;font-size:11.5px;font-weight:760;line-height:1.55;color:var(--brandina-story-text,#172033)!important;text-shadow:none!important}
.brandina-story-count{display:none!important;position:absolute;top:2px;left:2px;z-index:5;display:grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border:2px solid #fff;border-radius:999px;background:linear-gradient(135deg,var(--brandina-story-ring-start,#7c3aed),var(--brandina-story-ring-end,#ef4056));color:#fff;font-size:9px;font-weight:850;line-height:1;box-shadow:0 5px 14px rgba(76,57,157,.22)}
.brandina-stories-scroll{
	position:absolute;
	z-index:5;
	top:50%;
	transform:translateY(-58%);
	width:40px;
	height:40px;
	border:1px solid rgba(85,95,126,.12);
	border-radius:50%;
	display:grid;
	place-items:center;
	background:rgba(255,255,255,.94);
	color:#252d43;
	box-shadow:0 9px 26px rgba(25,35,65,.15);
	cursor:pointer;
	transition:transform .2s ease,opacity .2s ease,visibility .2s ease,background .2s ease,box-shadow .2s ease;
	backdrop-filter:blur(10px);
}
.brandina-stories-scroll:hover{transform:translateY(-58%) scale(1.08);background:#fff;box-shadow:0 12px 30px rgba(25,35,65,.2)}
.brandina-stories-scroll:disabled,.brandina-stories-scroll.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.brandina-stories-scroll svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.brandina-stories-scroll.is-prev{right:-13px}.brandina-stories-scroll.is-next{left:-13px}

body.brandina-story-open{overflow:hidden!important;touch-action:none}
.brandina-story-viewer[hidden]{display:none!important}
.brandina-story-viewer{
	position:fixed;
	inset:0;
	z-index:2147483000;
	display:grid;
	place-items:center;
	padding:18px;
	box-sizing:border-box;
	font-family:var(--brandina-font-family,"Vazirmatn",Tahoma,sans-serif);
	-webkit-tap-highlight-color:transparent;
	opacity:0;
	visibility:hidden;
	transition:opacity .2s ease,visibility .2s ease;
}
.brandina-story-viewer.is-open{opacity:1;visibility:visible}
.brandina-story-backdrop{
	position:absolute;
	inset:0;
	border:0;
	padding:0;
	background:
		radial-gradient(circle at 50% 18%,rgba(67,72,96,.28),transparent 42%),
		rgba(5,7,13,.92)!important;
	backdrop-filter:blur(15px) saturate(.65);
	-webkit-backdrop-filter:blur(15px) saturate(.65);
	cursor:default;
}
.brandina-story-shell{
	position:relative;
	width:min(430px,calc(100vw - 36px));
	height:min(764px,calc(100vh - 36px));
	max-height:calc(100dvh - 36px);
	overflow:hidden;
	isolation:isolate;
	outline:0;
	border:1px solid rgba(255,255,255,.14);
	border-radius:26px;
	background:#0c101a;
	box-shadow:0 38px 120px rgba(0,0,0,.62),0 0 0 1px rgba(255,255,255,.04) inset;
	transform:translateY(15px) scale(.975);
	opacity:0;
	transition:transform .27s cubic-bezier(.2,.78,.2,1),opacity .22s ease;
}
.brandina-story-viewer.is-open .brandina-story-shell{transform:none;opacity:1}
.brandina-story-shell:before{
	content:"";
	position:absolute;
	z-index:6;
	inset:0 0 auto;
	height:116px;
	background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.18) 62%,transparent);
	pointer-events:none;
}
.brandina-story-progress{position:absolute;z-index:12;top:12px;right:12px;left:12px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;height:3px;direction:ltr}
.brandina-story-progress span{position:relative;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.30);box-shadow:0 1px 3px rgba(0,0,0,.14)}
.brandina-story-progress span i{position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:#fff;border-radius:inherit;will-change:transform}
.brandina-story-progress span.is-complete i{transform:scaleX(1)}
.brandina-story-topbar{position:absolute;z-index:11;top:25px;right:14px;left:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.48)}
.brandina-story-owner{display:flex;align-items:center;gap:9px;min-width:0}
.brandina-story-owner-avatar{display:block;width:38px;height:38px;overflow:hidden;border-radius:50%;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.92);box-shadow:0 4px 13px rgba(0,0,0,.24);flex:0 0 auto}
.brandina-story-owner-copy{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.brandina-story-owner strong{font-size:13px;font-weight:820;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.brandina-story-owner small{font-size:9.5px;font-weight:600;color:rgba(255,255,255,.72)}
.brandina-story-controls{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.brandina-story-time{min-width:42px;height:30px;padding:0 9px;border:1px solid rgba(255,255,255,.13);border-radius:999px;display:grid;place-items:center;background:rgba(8,11,20,.34);color:#fff;font:700 10.5px/1 var(--brandina-font-family,"Vazirmatn",Tahoma,sans-serif);direction:ltr;backdrop-filter:blur(8px)}
.brandina-story-close{
	appearance:none!important;
	-webkit-appearance:none!important;
	border:1px solid rgba(255,255,255,.16)!important;
	background:rgba(8,11,20,.42)!important;
	color:#fff!important;
	width:34px!important;
	height:34px!important;
	min-width:34px!important;
	min-height:34px!important;
	padding:0!important;
	margin:0!important;
	border-radius:50%!important;
	cursor:pointer;
	display:inline-grid!important;
	place-items:center!important;
	line-height:0!important;
	font-size:0!important;
	box-shadow:0 5px 16px rgba(0,0,0,.16)!important;
	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);
	transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.brandina-story-close:before,.brandina-story-close:after{display:none!important;content:none!important}
.brandina-story-close:hover,.brandina-story-close:focus-visible{transform:scale(1.07);background:rgba(8,11,20,.66)!important;border-color:rgba(255,255,255,.28)!important;box-shadow:0 7px 20px rgba(0,0,0,.22)!important}
.brandina-story-close:active{transform:scale(.96);background:rgba(8,11,20,.74)!important}
.brandina-story-close svg{display:block!important;width:18px!important;height:18px!important;margin:0!important;transform:none!important;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.brandina-story-audio-actions{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(8,11,20,.34);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 5px 16px rgba(0,0,0,.12)}
.brandina-story-audio-actions[hidden]{display:none!important}
.brandina-story-audio-option{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;min-width:62px;padding:0 8px;border:1px solid transparent;border-radius:999px;background:transparent;color:rgba(255,255,255,.72);font:750 9px/1 var(--brandina-font-family,"Vazirmatn",Tahoma,sans-serif);cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.brandina-story-audio-option svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.brandina-story-audio-option.is-active{background:#fff;color:#11182b;border-color:rgba(255,255,255,.72);box-shadow:0 4px 12px rgba(0,0,0,.16)}
.brandina-story-audio-option:hover{color:#fff}.brandina-story-audio-option.is-active:hover{color:#11182b}.brandina-story-audio-option:active{transform:scale(.97)}

.brandina-story-stage{
	position:absolute;
	inset:0;
	display:grid;
	place-items:center;
	overflow:hidden;
	background:#0c101a!important;
	touch-action:none;
	isolation:isolate;
}
.brandina-story-stage:before{
	content:"";
	position:absolute;
	z-index:0;
	inset:-38px;
	background-image:var(--brandina-story-backdrop-image,none);
	background-size:cover;
	background-position:center;
	filter:blur(38px) brightness(.25) grayscale(1) saturate(0);
	transform:scale(1.12);
	opacity:.18;
	transition:opacity .22s ease;
}
.brandina-story-stage:after{content:"";position:absolute;z-index:3;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.30),transparent 22%,transparent 67%,rgba(0,0,0,.44));pointer-events:none}
.brandina-story-media{position:absolute;z-index:1;inset:0;display:grid;place-items:center;background:transparent!important;overflow:hidden}
.brandina-story-media img,.brandina-story-media video{display:block;width:100%;height:100%;background:transparent!important;opacity:0;transform:scale(1.018);transition:opacity .22s ease,transform .45s cubic-bezier(.2,.75,.2,1);will-change:opacity,transform}
.brandina-story-media.is-ready img,.brandina-story-media.is-ready video{opacity:1;transform:none}
.brandina-story-media.is-cover img,.brandina-story-media.is-cover video{object-fit:cover}
.brandina-story-media.is-contain img,.brandina-story-media.is-contain video{object-fit:contain}
.brandina-story-loader{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;gap:10px;color:rgba(255,255,255,.78);font-size:11px;transition:opacity .16s ease}
.brandina-story-loader i{display:block;width:32px;height:32px;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;border-radius:50%;animation:brandinaStorySpin .75s linear infinite}
.brandina-story-loader.is-hidden{opacity:0;pointer-events:none}
.brandina-story-play{position:absolute;z-index:8;width:68px;height:68px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;background:rgba(8,11,20,.54);color:#fff;backdrop-filter:blur(10px);cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.3)}
.brandina-story-play[hidden]{display:none!important}.brandina-story-play svg{width:30px;height:30px;fill:currentColor;stroke:none;transform:translateX(2px)}
.brandina-story-nav{position:absolute;z-index:7;top:76px;bottom:92px;width:36%;border:0;background:transparent!important;color:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.brandina-story-nav span{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.13);border-radius:50%;background:rgba(5,8,18,.34);color:#fff;opacity:.72;transition:opacity .2s ease,transform .2s ease,background .2s ease;backdrop-filter:blur(8px)}
.brandina-story-nav:hover span{opacity:1;transform:translateY(-50%) scale(1.07);background:rgba(5,8,18,.54)}
.brandina-story-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.brandina-story-nav.is-prev{right:0}.brandina-story-nav.is-prev span{right:12px}
.brandina-story-nav.is-next{left:0}.brandina-story-nav.is-next span{left:12px}
.brandina-story-caption{position:absolute;z-index:10;right:16px;left:16px;bottom:18px;padding:13px 14px;border:1px solid rgba(255,255,255,.11);border-radius:17px;background:rgba(7,10,19,.56);color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 12px 30px rgba(0,0,0,.18)}
.brandina-story-caption[hidden]{display:none!important}.brandina-story-caption p{margin:0;font-size:12px;line-height:1.8;flex:1;white-space:pre-line;overflow-wrap:anywhere;transition:font-size .18s ease,color .18s ease}.brandina-story-caption a{flex:0 0 auto;text-decoration:none;color:#11182b;background:#fff;border-radius:11px;padding:9px 13px;font-size:11px;font-weight:850;white-space:nowrap;transition:transform .18s ease}.brandina-story-caption a:hover{transform:translateY(-1px)}
.brandina-story-hold-hint{position:absolute;z-index:9;right:0;left:0;bottom:14px;text-align:center;color:rgba(255,255,255,.55);font-size:9px;pointer-events:none;opacity:0;transition:opacity .2s ease}
.brandina-story-caption:not([hidden])~.brandina-story-hold-hint{display:none}
.brandina-story-shell:hover .brandina-story-hold-hint{opacity:1}
@keyframes brandinaStoryItemIn{to{opacity:1;transform:none}}
@keyframes brandinaStoryShine{0%,58%,100%{background-position:230% 0}76%{background-position:-40% 0}}
@keyframes brandinaStorySpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.brandina-story-viewer *,.brandina-stories *{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.brandina-home>.brandina-stories+.brandina-home-sections{padding-top:0}

/* v1.32: arrowless navigation; use drag/wheel on the rail and tap/click sides inside the viewer. */
.brandina-stories-scroll,.brandina-story-nav{display:none!important}
@media (min-width:768px){.brandina-story-stage{cursor:pointer}}