/* Responsive behavior for Brandina Stories 1.32. */
@media (max-width:1024px){
	.brandina-stories{padding-right:14px;padding-left:14px}
	.brandina-stories-inner{padding-right:16px;padding-left:16px}
	.brandina-stories-scroll{width:36px;height:36px}
	.brandina-story-audio-option{min-width:54px;padding-inline:7px}
}
@media (min-width:768px){
	.brandina-stories.is-single .brandina-stories-rail,.brandina-stories.is-compact .brandina-stories-rail{justify-content:flex-start}
	.brandina-stories.is-single .brandina-stories-inner,.brandina-stories.is-compact .brandina-stories-inner{min-height:0}
}
@media (max-width:767px){
	.brandina-stories{padding:var(--brandina-story-margin-top-mobile,14px) 0 var(--brandina-story-margin-bottom-mobile,16px)}
	.brandina-stories-inner,.brandina-stories.is-single .brandina-stories-inner,.brandina-stories.is-compact .brandina-stories-inner{
		width:100%;max-width:none;min-width:0;padding:var(--brandina-story-padding-mobile,10px) 0;border-right:0;border-left:0;border-radius:0;box-shadow:0 8px 24px rgba(24,35,65,.04)
	}
	.brandina-stories-inner:after{left:10px}
	.brandina-stories-heading{padding:0 14px;margin-bottom:8px}.brandina-stories-heading h2{font-size:14px}
	.brandina-stories-rail-wrap:before,.brandina-stories-rail-wrap:after{width:20px}
	.brandina-stories-rail{gap:var(--brandina-story-gap-mobile,12px);padding:4px 14px 5px;scroll-snap-type:x mandatory;scroll-padding-inline:14px;cursor:auto;touch-action:pan-x}
	.brandina-story-trigger{width:calc(var(--brandina-story-avatar-mobile,64px) + 14px);gap:5px;padding:4px 3px 6px;scroll-snap-align:start;scroll-snap-stop:normal;border-radius:16px}
	.brandina-story-trigger:hover{transform:none;background:transparent!important;border-color:transparent!important;box-shadow:none!important;color:var(--brandina-story-text,#172033)!important}
	.brandina-story-ring{width:var(--brandina-story-avatar-mobile,64px);height:var(--brandina-story-avatar-mobile,64px);padding:2.5px}
	.brandina-story-cover{padding:2.5px}.brandina-story-title{display:block;width:100%;max-width:100%;min-height:2.9em;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-align:center;font-size:10.5px;line-height:1.45}.brandina-story-live-dot{width:12px;height:12px;border-width:3px}
	.brandina-story-count{top:0;left:0;min-width:20px;height:20px;padding-inline:5px;font-size:8px}
	.brandina-stories-scroll{display:none!important}
	.brandina-story-viewer{padding:0;place-items:stretch}
	.brandina-story-shell{width:100%;height:100dvh;max-height:none;border:0;border-radius:0}
	.brandina-story-progress{top:max(9px,env(safe-area-inset-top));right:9px;left:9px;height:3px}
	.brandina-story-topbar{top:calc(max(9px,env(safe-area-inset-top)) + 11px);right:11px;left:11px;align-items:flex-start}
	.brandina-story-owner{max-width:calc(100% - 48px)}
	.brandina-story-owner-avatar{width:36px;height:36px}.brandina-story-owner strong{font-size:12.5px}.brandina-story-owner small{font-size:9px}
	.brandina-story-controls{gap:4px}
	.brandina-story-time{height:29px;min-width:39px;padding-inline:7px;font-size:10px}
	.brandina-story-close{width:33px!important;height:33px!important;min-width:33px!important;min-height:33px!important}
	.brandina-story-audio-actions{position:absolute;top:44px;left:50%;transform:translateX(-50%);gap:4px;padding:4px;background:rgba(7,10,19,.52);box-shadow:0 8px 24px rgba(0,0,0,.18)}
	.brandina-story-audio-option{height:31px;min-width:74px;padding:0 10px;font-size:9.5px}
	.brandina-story-audio-option svg{width:15px;height:15px}
	.brandina-story-nav{display:none!important}
	.brandina-story-caption{right:11px;left:11px;bottom:calc(11px + env(safe-area-inset-bottom));padding:11px 12px;border-radius:15px}
	.brandina-story-caption p{font-size:11px}.brandina-story-caption a{padding:8px 10px;font-size:10px}
	.brandina-story-hold-hint{bottom:calc(13px + env(safe-area-inset-bottom));opacity:.72}
	.brandina-story-stage:before{filter:blur(34px) brightness(.22) grayscale(1) saturate(0);opacity:.16}
}
@media (max-width:380px){
	.brandina-story-trigger{width:calc(var(--brandina-story-avatar-mobile,64px) + 18px)}.brandina-story-title{max-width:100%;white-space:normal;overflow:visible}
	.brandina-story-controls{gap:3px}.brandina-story-time{display:none}
	.brandina-story-audio-actions{top:43px}.brandina-story-audio-option{min-width:68px;padding-inline:8px;font-size:9px}
}


/* Brandina 2.0.1 — compact mobile stories and square touch/focus card. */
@media (max-width:767px){
	.brandina-stories{
		padding-top:var(--brandina-story-margin-top-mobile,8px);
		padding-bottom:var(--brandina-story-margin-bottom-mobile,8px);
	}
	.brandina-stories-inner,
	.brandina-stories.is-single .brandina-stories-inner,
	.brandina-stories.is-compact .brandina-stories-inner{
		padding-top:var(--brandina-story-padding-mobile,6px);
		padding-bottom:var(--brandina-story-padding-mobile,6px);
	}
	.brandina-stories-rail{padding-top:2px;padding-bottom:2px}
	.brandina-story-trigger{
		--brandina-story-touch-size:calc(var(--brandina-story-avatar-mobile,64px) + 32px);
		width:var(--brandina-story-touch-size);
		height:var(--brandina-story-touch-size);
		min-height:var(--brandina-story-touch-size);
		aspect-ratio:1/1;
		justify-content:flex-start;
		gap:4px;
		padding:4px 5px;
		border-radius:18px;
	}
	.brandina-story-title{
		min-height:0;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow-wrap:normal;
	}
	button.brandina-story-trigger:focus,
	button.brandina-story-trigger:focus-visible,
	button.brandina-story-trigger:active{
		border-radius:18px!important;
		outline:0!important;
	}
}
@media (max-width:380px){
	.brandina-story-trigger{
		--brandina-story-touch-size:calc(var(--brandina-story-avatar-mobile,64px) + 30px);
		width:var(--brandina-story-touch-size);
		height:var(--brandina-story-touch-size);
		min-height:var(--brandina-story-touch-size);
	}
}