/* Full-bleed like sample — break out of theme.json contentSize (720px).
   html/body overflow-x:clip contains the classic 100vw scrollbar side-effect. */
.shamsa-hero,
.wp-block-acf-shamsa-home-hero.alignfull,
.wp-block-acf-home-hero.alignfull {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
	box-sizing: border-box;
	overflow-x: clip;
}

.shamsa-hero__outer {
	position: relative;
	width: 100%;
	max-width: none;
	padding: 0;
}

.sh-cslider-shell {
	position: relative;
	padding-bottom: 0;
}

/* Default background: current navy, full-bleed like sample */
.sh-cslider-main {
	position: relative;
	overflow: hidden;
	border-radius: 0;
	background: #293454;
	box-shadow: none;
	direction: rtl;
	touch-action: pan-y;
	cursor: grab;
	user-select: none;
	-webkit-user-select: none;
}

.sh-cslider-main.is-dragging {
	cursor: grabbing;
}

.sh-cslider-main .sh-cslider-slide {
	position: absolute;
	inset: 0;
	z-index: 0;
	display: flex;
	height: 590px;
	min-height: 590px;
	align-items: center;
	overflow: hidden;
	background-color: #293454;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(28px);
	transition:
		opacity .85s ease,
		transform .85s ease,
		visibility .85s ease;
}

.sh-cslider-main .sh-cslider-slide.is-active {
	position: relative;
	z-index: 1;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateX(0);
}

.sh-cslider-main .sh-cslider-slide.is-leaving {
	z-index: 0;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateX(-28px);
}

/* Banner slides: full image visible; height follows image ratio */
.sh-cslider-main .sh-cslider-slide.is-banner {
	display: block;
	height: auto;
	min-height: 0;
	aspect-ratio: 1024 / 400;
	padding: 0;
	background-color: #eef1f6;
	background-image: none;
}

.sh-cslider-slide__banner {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	-webkit-user-drag: none;
	user-select: none;
	pointer-events: none;
}

.sh-cslider-slide__link {
	display: block;
	width: 100%;
	height: 100%;
	color: inherit;
	text-decoration: none;
	cursor: inherit;
}

.sh-cslider-slide__link--overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
}

.sh-cslider-main.is-animating {
	pointer-events: none;
}

.sh-cslider-inner {
	position: relative;
	z-index: 1;
	display: grid;
	width: min(1200px, calc(100% - 96px));
	height: 100%;
	min-height: inherit;
	margin-inline: auto;
	grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr);
	align-items: center;
	gap: 20px;
	padding: 0;
}

.sh-cslider-copy {
	padding-block: 30px;
	position: relative;
	z-index: 2;
}

/* Visual + caption — exact new-design cascade (.hero-visual / .hero-art / .visual-caption) */
.sh-cslider-visual {
	align-self: stretch;
	position: relative;
	min-width: 0;
	display: flex;
	align-items: center;
}

.sh-cslider-art {
	display: block;
	position: relative;
	width: 115%;
	max-width: none !important;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	object-position: center;
	margin-right: -4%;
	mix-blend-mode: screen;
	mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
	-webkit-mask-image: linear-gradient(to right, transparent, #000 5%, #000 95%, transparent);
}

.sh-cslider-visual.is-framed {
	align-items: stretch;
}

.sh-cslider-campus-frame {
	position: relative;
	width: 100%;
	height: 79%;
	overflow: hidden;
	border-radius: 58px 10px 10px 10px;
	border: 1px solid #ffffff25;
	align-self: center;
}

.sh-cslider-campus {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 44%;
}

.sh-cslider-campus-shade {
	position: absolute;
	inset: 0;
	background: linear-gradient(0deg, #1028448c, transparent 45%);
	pointer-events: none;
}

.sh-cslider-caption {
	position: absolute;
	bottom: 77px;
	right: 4px;
	left: 2px;
	z-index: 2;
	display: flex;
	align-items: center;
	gap: 13px;
	padding: 19px 23px;
	border: 1px solid #c4ece830;
	border-radius: 10px;
	background: #102844bd;
	backdrop-filter: blur(16px);
	font-size: 11px;
	color: #bfced6;
	box-shadow: 0 8px 45px #0001;
}

.sh-cslider-caption strong {
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.8;
}

.sh-cslider-caption-icon {
	padding: 11px;
	background: #79e1d218;
	border-radius: 50%;
	color: #70e0d2;
	flex-shrink: 0;
}

.sh-cslider-caption-icon svg {
	width: 24px;
	height: 24px;
	display: block;
	flex-shrink: 0;
}

.sh-cslider-caption-arrow {
	margin-right: auto;
	font-size: 25px;
	color: #70e0d2;
	flex-shrink: 0;
	line-height: 1;
}

.sh-cslider-image-index {
	position: absolute;
	left: 0;
	bottom: 39px;
	z-index: 2;
	font-family: Arial, sans-serif;
	font-size: 9px;
	letter-spacing: 2.4px;
	color: #9cbbc5;
}

.sh-cslider-visual.is-framed .sh-cslider-image-index,
.sh-cslider-visual.campus-visual .sh-cslider-image-index {
	font-family: Vazirmatn, sans-serif;
	letter-spacing: 0;
	font-size: 9px;
}

/* Program card visual — sample .hero-program-* */
.sh-cslider-program-visual {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	isolation: isolate;
	height: 100%;
	min-height: 0;
	align-self: stretch;
}

.sh-cslider-program-orbit {
	position: absolute;
	height: 390px;
	width: 390px;
	border: 1px solid #a4d9c51c;
	border-radius: 50%;
	pointer-events: none;
}

.sh-cslider-program-orbit::before,
.sh-cslider-program-orbit::after {
	content: "";
	position: absolute;
	inset: -28px;
	border: 1px solid #a4d9c511;
	border-radius: 50%;
}

.sh-cslider-program-orbit::after {
	inset: 27px;
}

.sh-cslider-program-back {
	position: absolute;
	width: 340px;
	height: 355px;
	border: 1px solid #aac9b751;
	border-radius: 11px;
	background: #c4efd312;
	transform: rotate(7deg);
	pointer-events: none;
}

.sh-cslider-program-paper {
	position: relative;
	width: 340px;
	padding: 27px 29px 23px;
	border: 1px solid #dddcc6;
	border-radius: 10px;
	background: linear-gradient(135deg, #fffef5, #f3f3e5);
	color: #102844;
	transform: rotate(-5deg);
	box-shadow: 0 23px 50px #03142540;
}

.sh-cslider-program-paper-head {
	display: flex;
	align-items: center;
	gap: 14px;
	color: #688268;
	font-size: 11px;
	line-height: 1.9;
}

.sh-cslider-program-paper-head > span:first-child {
	display: flex;
	height: 43px;
	width: 43px;
	align-items: center;
	justify-content: center;
	border: 1px solid #c3d1b7;
	border-radius: 9px;
	background: #ecf1e2;
	flex-shrink: 0;
	color: #688268;
}

.sh-cslider-program-paper-head svg {
	height: 26px;
	width: 26px;
	display: block;
	stroke-width: 1.2;
}

.sh-cslider-program-paper-head strong {
	font-size: 19px;
	color: #274a3b;
	font-weight: 900;
	letter-spacing: -.4px;
}

.sh-cslider-program-rule {
	height: 1px;
	display: block;
	background: #d5dcc5;
	margin: 19px 0 13px;
}

.sh-cslider-program-label {
	font-size: 9px;
	color: #8b9b7d;
	margin: 0 0 4px;
}

.sh-cslider-program-row {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid #e1e5d2;
}

.sh-cslider-program-row > span {
	font-size: 10px;
	color: #9aaa88;
	flex-shrink: 0;
}

.sh-cslider-program-row strong {
	font-size: 13px;
	font-weight: 700;
	line-height: 1.9;
	color: #456448;
}

.sh-cslider-program-paper-foot {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: space-between;
	margin-top: 18px;
	font-size: 9px;
	color: #8b9a7c;
}

.sh-cslider-program-paper-foot > span:first-child {
	color: #5d7958;
	background: #e4ebd7;
	border-radius: 4px;
	padding: 4px 8px;
}

.sh-cslider-program-caption {
	position: absolute;
	bottom: 40px;
	right: 0;
	left: 0;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	font-size: 10px;
	color: #9fb8bd;
}

.sh-cslider-right {
	min-width: 0;
	color: #fff;
}

.sh-cslider-eyebrow {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 0 17px;
	color: #70e0d2;
	font-size: 11px;
	font-weight: 700;
}

.sh-cslider-status-dot {
	width: 6px;
	height: 6px;
	flex-shrink: 0;
	border-radius: 50%;
	background: #70e0d2;
	box-shadow: 0 0 0 5px rgb(112 224 210 / 8%);
}

.sh-cslider-title {
	position: relative;
	z-index: 1;
	max-width: 100%;
	margin: 19px 0;
	padding: 0;
	background: none;
	color: #fff;
	font-size: 55px;
	font-weight: 900;
	line-height: 1.6;
	letter-spacing: -1.6px;
	overflow-wrap: anywhere;
}

.sh-cslider-title::before {
	content: none;
}

.sh-cslider-title span {
	position: relative;
	color: #70e0d2;
}

.sh-cslider-title span::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 4px;
	left: 0;
	height: 5px;
	background: #70e0d2;
	opacity: .25;
	transform: rotate(-1deg);
}

.sh-cslider-subtitle {
	margin: 0 0 27px;
	color: #bfcdd9;
	font-size: 14px;
	line-height: 2.2;
}

.sh-cslider-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
}

.sh-cslider-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border: 1px solid rgb(255 255 255 / 32%);
	border-radius: 999px;
	background: rgb(255 255 255 / 12%);
	color: #fff;
	font-size: var(--shamsa-fs-meta, 0.875rem);
}

.sh-cslider-chip img {
	display: block;
	width: 18px;
	height: 18px;
	object-fit: contain;
}

.sh-cslider-actions {
	position: relative;
	z-index: 3;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 20px;
}

.sh-cslider-inner .sh-cslider-btn {
	display: inline-flex !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
	min-height: 51px !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	margin-top: 0;
	padding: 13px 22px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: #df484e !important;
	color: #fff !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	line-height: 1.5;
	text-decoration: none !important;
	pointer-events: auto !important;
	transition: transform .2s ease, background .2s ease;
}

.sh-cslider-inner .sh-cslider-btn:hover {
	background: #c93640 !important;
	transform: translateY(-2px);
	filter: none;
}

.sh-cslider-btn span {
	font-size: 1.15rem;
	font-weight: 400;
	line-height: 1;
}

.sh-cslider-secondary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	color: #e5edef;
	font-size: var(--shamsa-fs-meta, 0.875rem);
	font-weight: 600;
	text-decoration: none;
}

.sh-cslider-secondary:hover {
	color: #fff;
}

.sh-cslider-play {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	border: 1px solid rgb(255 255 255 / 23%);
	border-radius: 50%;
	font-size: 15px;
	line-height: 1;
}

.sh-cslider-footnote {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-top: 28px;
	color: #97adbd;
	font-size: var(--shamsa-fs-meta-sm, 0.8125rem);
	line-height: 1.7;
}

.sh-cslider-footnote-icon {
	display: inline-flex;
	color: #70e0d2;
}

.sh-cslider-footnote-icon svg {
	width: 17px;
	height: 17px;
	display: block;
}

.sh-cslider-nav {
	position: absolute;
	z-index: 5;
	top: 50%;
	display: flex;
	width: 42px;
	height: 42px;
	align-items: center;
	justify-content: center;
	padding: 0;
	transform: translateY(-50%);
	border: 0;
	border-radius: 50%;
	background: rgb(255 255 255 / 92%);
	color: #1f2a44;
	box-shadow: 0 6px 18px rgb(20 29 53 / 16%);
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition:
		background-color .2s ease,
		color .2s ease,
		transform .2s ease,
		box-shadow .2s ease;
}

.sh-cslider-nav:hover {
	background: #df484e;
	color: #fff;
	box-shadow: 0 8px 20px rgb(223 72 78 / 28%);
	transform: translateY(-50%) scale(1.06);
}

.sh-cslider-nav:active {
	transform: translateY(-50%) scale(0.96);
}

.sh-cslider-nav:focus-visible {
	outline: 2px solid #70e0d2;
	outline-offset: 3px;
}

.sh-cslider-nav svg {
	width: 18px;
	height: 18px;
	display: block;
}

.sh-cslider-prev {
	right: 14px;
}

.sh-cslider-next {
	left: 14px;
}

.sh-cslider-pagination {
	position: absolute;
	z-index: 6;
	left: calc(50% + 7px);
	right: auto;
	bottom: 17px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	padding-top: 0;
	direction: rtl;
	transform: translateX(-50%);
}

.sh-cslider-pagination button {
	width: 8px;
	height: 8px;
	min-width: 8px;
	flex: 0 0 8px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #aeb5c4;
	opacity: .8;
	cursor: pointer;
	transition: width .2s ease, flex-basis .2s ease, background .2s ease;
}

.sh-cslider-pagination button[aria-current="true"] {
	width: 22px;
	flex-basis: 22px;
	border-radius: 8px;
	background: #70e0d2;
	opacity: 1;
}

@media (min-width: 1500px) {
	.sh-cslider-main .sh-cslider-slide {
		height: 640px;
		min-height: 640px;
	}

	.sh-cslider-title {
		font-size: 61px;
	}

	.sh-cslider-art {
		width: 119%;
		margin-right: -5%;
	}
}

/* Sample cascade: max-width rules first, then min-width:601 overrides art/caption/index bottoms */
@media (max-width: 1150px) {
	.sh-cslider-caption {
		bottom: 69px;
		padding: 16px;
		left: -9px;
		right: 0;
	}

	.sh-cslider-caption strong {
		font-size: 12px;
	}

	.sh-cslider-campus-frame {
		height: 78%;
	}

	.sh-cslider-program-paper,
	.sh-cslider-program-back {
		width: 310px;
	}

	.sh-cslider-program-paper {
		padding: 24px 25px 20px;
	}

	.sh-cslider-program-back {
		height: 331px;
	}

	.sh-cslider-program-row strong {
		font-size: 12px;
	}

	.sh-cslider-program-caption {
		bottom: 34px;
	}

	.sh-cslider-program-orbit {
		height: 350px;
		width: 350px;
	}
}

@media (min-width: 601px) and (max-width: 1150px) {
	.sh-cslider-main .sh-cslider-slide {
		height: 545px;
		min-height: 545px;
	}

	.sh-cslider-inner {
		width: calc(100% - 64px);
	}

	.sh-cslider-title {
		font-size: 48px;
	}

	.sh-cslider-subtitle {
		font-size: 12px;
	}

	.sh-cslider-pagination {
		left: calc(50% + 4px);
		bottom: 16px;
	}
}

@media (max-width: 900px) {
	.sh-cslider-art {
		width: 127%;
		margin-right: -5%;
	}

	.sh-cslider-caption {
		bottom: 80px;
		padding: 13px;
		right: -5px;
		left: -5px;
		gap: 10px;
	}

	.sh-cslider-caption strong {
		font-size: 10px;
	}

	.sh-cslider-caption > span:nth-child(2) {
		font-size: 9px;
	}

	.sh-cslider-caption-icon {
		padding: 8px;
	}

	.sh-cslider-caption-icon svg {
		width: 19px;
		height: 19px;
	}

	.sh-cslider-caption-arrow {
		font-size: 20px;
	}

	.sh-cslider-image-index {
		font-size: 7px;
		left: -2px;
		letter-spacing: 2px;
		bottom: 50px;
	}

	.sh-cslider-campus-frame {
		height: 75%;
		border-top-right-radius: 40px;
	}

	.sh-cslider-program-paper,
	.sh-cslider-program-back {
		width: 255px;
	}

	.sh-cslider-program-paper {
		padding: 20px;
	}

	.sh-cslider-program-back {
		height: 300px;
	}

	.sh-cslider-program-paper-head {
		gap: 10px;
		font-size: 9px;
	}

	.sh-cslider-program-paper-head strong {
		font-size: 17px;
	}

	.sh-cslider-program-paper-head > span:first-child {
		width: 34px;
		height: 34px;
	}

	.sh-cslider-program-paper-head svg {
		height: 22px;
		width: 22px;
	}

	.sh-cslider-program-row {
		padding-block: 9px;
		gap: 9px;
	}

	.sh-cslider-program-row strong {
		font-size: 10px;
	}

	.sh-cslider-program-row > span {
		font-size: 9px;
	}

	.sh-cslider-program-paper-foot {
		font-size: 7px;
		margin-top: 15px;
	}

	.sh-cslider-program-rule {
		margin-top: 16px;
	}

	.sh-cslider-program-caption {
		font-size: 8px;
		bottom: 28px;
	}

	.sh-cslider-program-orbit {
		height: 290px;
		width: 290px;
	}
}

@media (min-width: 601px) and (max-width: 900px) {
	.sh-cslider-main .sh-cslider-slide {
		height: 500px;
		min-height: 500px;
	}

	.sh-cslider-inner {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
		gap: 0;
	}

	.sh-cslider-copy {
		padding-block: 35px 45px;
	}

	.sh-cslider-title {
		font-size: 42px;
		line-height: 1.65;
	}

	.sh-cslider-subtitle {
		font-size: 11px;
	}

	.sh-cslider-actions {
		flex-direction: column;
		align-items: flex-start;
		gap: 16px;
	}

	.sh-cslider-prev,
	.sh-cslider-next {
		display: none;
	}
}

/* Same as sample line after tablet max-width blocks */
@media (min-width: 601px) {
	.sh-cslider-visual {
		height: 100%;
		min-height: 0;
	}

	.sh-cslider-art {
		height: 100% !important;
		width: 116%;
		max-width: none !important;
		aspect-ratio: auto;
		object-fit: cover;
	}

	.sh-cslider-caption {
		bottom: 45px;
	}

	.sh-cslider-image-index {
		bottom: 18px;
	}
}

@media (max-width: 600px) {
	.sh-cslider-main {
		touch-action: pan-y;
		cursor: grab;
	}

	.sh-cslider-main .sh-cslider-slide {
		height: auto;
		min-height: 0;
		background-position: center;
	}

	.sh-cslider-main .sh-cslider-slide.is-banner {
		min-height: 0;
		aspect-ratio: 1024 / 400;
	}

	.sh-cslider-inner {
		display: flex;
		flex-direction: column;
		width: calc(100% - 40px);
		height: auto;
		min-height: 0;
		gap: 0;
		padding: 37px 0 0;
	}

	.sh-cslider-copy {
		width: 100%;
		padding: 0;
	}

	.sh-cslider-title {
		margin: 14px 0 17px;
		font-size: 44px;
		line-height: 1.55;
		letter-spacing: -1.7px;
	}

	.sh-cslider-eyebrow {
		margin-bottom: 14px;
		font-size: 10px;
	}

	.sh-cslider-subtitle {
		margin-bottom: 24px;
		font-size: 12px;
		line-height: 2.1;
	}

	.sh-cslider-meta {
		display: none;
	}

	.sh-cslider-actions {
		flex-direction: row;
		align-items: center;
		gap: 19px;
	}

	.sh-cslider-inner .sh-cslider-btn {
		min-height: 45px;
		padding: 10px 15px !important;
		font-size: 10px !important;
		gap: 16px !important;
	}

	.sh-cslider-secondary {
		font-size: 9px;
		gap: 6px;
	}

	.sh-cslider-play {
		width: 24px;
		height: 24px;
		font-size: 14px;
	}

	.sh-cslider-footnote {
		margin-top: 21px;
		font-size: 8px;
	}

	.sh-cslider-visual {
		align-self: center;
		width: 100%;
		height: 360px;
		margin-top: -2px;
		max-width: 100%;
		min-height: 0;
		overflow: hidden;
	}

	.sh-cslider-art {
		width: 100%;
		max-width: 100%;
		height: auto;
		margin-right: 0;
		aspect-ratio: 1;
		object-fit: cover;
		mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 95%, transparent);
		-webkit-mask-image: linear-gradient(to bottom, transparent, #000 10%, #000 95%, transparent);
	}

	.sh-cslider-caption {
		bottom: 50px;
		right: 0;
		left: 0;
		padding: 15px 17px;
		gap: 12px;
	}

	.sh-cslider-caption strong {
		font-size: 12px;
	}

	.sh-cslider-caption > span:nth-child(2) {
		font-size: 10px;
	}

	.sh-cslider-caption-icon {
		padding: 9px;
	}

	.sh-cslider-caption-icon svg {
		width: 24px;
		height: 24px;
	}

	.sh-cslider-caption-arrow {
		font-size: 22px;
	}

	.sh-cslider-image-index {
		display: none;
	}

	.sh-cslider-visual.is-framed,
	.sh-cslider-slide:not(:first-child) .sh-cslider-visual {
		margin-top: auto;
		flex-shrink: 0;
	}

	.sh-cslider-visual.is-framed {
		height: auto;
		max-width: none;
	}

	.sh-cslider-campus-frame {
		height: 310px;
		margin-bottom: 16px;
		border-top-right-radius: 40px;
	}

	.sh-cslider-visual.is-framed .sh-cslider-caption,
	.sh-cslider-visual.campus-visual .sh-cslider-caption {
		bottom: 50px;
	}

	.sh-cslider-visual.is-framed .sh-cslider-caption strong,
	.sh-cslider-visual.campus-visual .sh-cslider-caption strong {
		font-size: 11px;
	}

	.sh-cslider-visual.is-framed .sh-cslider-caption > span:nth-child(2),
	.sh-cslider-visual.campus-visual .sh-cslider-caption > span:nth-child(2) {
		font-size: 9px;
	}

	.sh-cslider-program-visual {
		height: 360px;
		margin-top: 0 !important;
		max-width: none;
		align-self: center;
	}

	.sh-cslider-program-paper,
	.sh-cslider-program-back {
		width: 255px;
	}

	.sh-cslider-program-paper {
		padding: 20px 23px;
	}

	.sh-cslider-program-back {
		height: 295px;
	}

	.sh-cslider-program-paper-head {
		font-size: 9px;
	}

	.sh-cslider-program-paper-head strong {
		font-size: 17px;
	}

	.sh-cslider-program-paper-head > span:first-child {
		height: 35px;
		width: 35px;
	}

	.sh-cslider-program-row {
		padding-block: 8px;
	}

	.sh-cslider-program-row strong {
		font-size: 11px;
	}

	.sh-cslider-program-row > span {
		font-size: 9px;
	}

	.sh-cslider-program-paper-foot {
		font-size: 8px;
		gap: 10px;
		margin-top: 14px;
	}

	.sh-cslider-program-paper-foot > span:first-child {
		padding: 3px 7px;
	}

	.sh-cslider-program-label {
		font-size: 8px;
	}

	.sh-cslider-program-rule {
		margin-block: 15px 10px;
	}

	.sh-cslider-program-caption {
		font-size: 8px;
		bottom: 30px;
	}

	.sh-cslider-program-orbit {
		width: 290px;
		height: 290px;
	}

	.sh-cslider-pagination {
		inset: auto 0 6px;
		left: 0;
		right: 0;
		transform: none;
		justify-content: center;
		gap: 4px;
	}

	.sh-cslider-pagination button {
		width: 7px;
		height: 7px;
		min-width: 7px;
		flex-basis: 7px;
	}

	.sh-cslider-pagination button[aria-current="true"] {
		width: 20px;
		flex-basis: 20px;
	}

	.sh-cslider-prev,
	.sh-cslider-next {
		display: none;
	}
}

@media (max-width: 380px) {
	.sh-cslider-program-paper,
	.sh-cslider-program-back {
		width: 240px;
	}

	.sh-cslider-program-paper {
		padding-inline: 20px;
	}

	.sh-cslider-program-row strong {
		font-size: 10px;
	}

	.sh-cslider-program-paper-foot {
		font-size: 7px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sh-cslider-inner .sh-cslider-btn,
	.sh-cslider-pagination button,
	.sh-cslider-nav {
		transition: none;
	}

	.sh-cslider-main .sh-cslider-slide {
		transform: none;
		transition: none;
	}
}