/* ==========================================================================
   Realister – kujundus Gutenbergi plokkidele (Blocksy teemaga)
   Värvid ja mõõdud on võetud Lovable'i originaalist.
   ========================================================================== */

:root {
	--rl-red: #ec1d23;
	--rl-ink: #111111;
	--rl-surface: #f5f5f3;
	--rl-ink-70: rgba(10, 10, 10, 0.7);
	--rl-ink-60: rgba(10, 10, 10, 0.6);
	--rl-ink-50: rgba(10, 10, 10, 0.5);
	--rl-ink-40: rgba(10, 10, 10, 0.4);
	--rl-ink-30: rgba(10, 10, 10, 0.3);
	--rl-line: #e7e7e4;
	--rl-font: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif;

	/* Blocksy kasutab seda muutujat kogu saidi fondina */
	--theme-font-family: var(--rl-font) !important;
}

html body,
html body.editor-styles-wrapper {
	font-family: var(--rl-font);
	background-color: #fff;
}

/* --------------------------------------------------------------------------
   Sektsiooni raam
   -------------------------------------------------------------------------- */

body .rl-section {
	box-sizing: border-box;
	padding-inline: 24px;
	margin-block: 0 !important;
	color: var(--rl-ink);
	font-family: var(--rl-font);
	font-size: 16px;
	line-height: 1.5;
}

body .rl-section :where(p, h1, h2, h3, h4, figure, ul, hr, .wp-block-group, .wp-block-columns, .wp-block-column) {
	margin: 0;
}

body .rl-section h1,
body .rl-section h2,
body .rl-section h3,
body .rl-section h4 {
	font-family: var(--rl-font);
	font-weight: 600;
	color: inherit;
	text-transform: none;
}

body .rl-section a {
	color: inherit;
	text-decoration: none;
	transition: color 0.15s ease;
}

body .rl-section a:hover {
	color: var(--rl-red);
}

body .rl-section .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
}

body .rl-section.is-dark {
	background: var(--rl-ink);
	color: #fff;
}

body .rl-section.is-surface {
	background: var(--rl-surface);
}

/* Ruudustikud */
body .rl-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

body .rl-grid.rl-grid-2-mobile {
	grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 640px) {
	body .rl-grid-4,
	body .rl-grid-3 {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1024px) {
	body .rl-grid.rl-grid-4 {
		grid-template-columns: repeat(4, 1fr);
	}

	body .rl-grid-3 {
		grid-template-columns: repeat(3, 1fr);
	}
}


/* Ühised tekstid */
body .rl-section .rl-section-title {
	font-size: 36px;
	line-height: 40px;
	letter-spacing: -0.025em;
}

body .rl-section .rl-section-title.rl-sm {
	font-size: 30px;
	line-height: 36px;
}

body .rl-section .rl-mb-64 { margin-bottom: 64px; }
body .rl-section .rl-mb-48 { margin-bottom: 48px; }

body .rl-section .rl-section-lead {
	margin-top: 16px;
	max-width: 672px;
	font-size: 20px;
	line-height: 28px;
	color: var(--rl-ink-60);
}

body .rl-section .rl-eyebrow {
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--rl-red);
}

/* Punane joon */
body .rl-section .rl-bar {
	width: 48px;
	max-width: 48px;
	height: 4px;
	border: 0;
	background: var(--rl-red);
	opacity: 1;
	margin: 0;
}

/* --------------------------------------------------------------------------
   Hero
   -------------------------------------------------------------------------- */

body .rl-hero {
	padding-top: 96px;
	padding-bottom: 48px;
}

body .rl-section .rl-hero-title {
	max-width: 896px;
	font-size: 48px;
	line-height: 0.95;
	letter-spacing: -0.05em;
}

body .rl-section .rl-hero-title mark {
	background: transparent;
}

body .rl-section .rl-hero-lead {
	margin-top: 32px;
	max-width: 672px;
	font-size: 20px;
	line-height: 1.625;
	color: var(--rl-ink-60);
}

body .rl-section .rl-hero-img {
	margin-top: 64px;
}

body .rl-section .rl-hero-img img {
	aspect-ratio: 16 / 7;
	object-fit: cover;
	border-radius: 6px;
}

@media (min-width: 768px) {
	body .rl-section .rl-hero-title {
		font-size: 72px;
	}

	body .rl-section .rl-hero-lead {
		font-size: 24px;
	}
}

/* --------------------------------------------------------------------------
   Numbrid
   -------------------------------------------------------------------------- */

body .rl-stats {
	padding-top: 48px;
	padding-bottom: 48px;
}

body .rl-section .rl-stats-grid {
	grid-template-columns: repeat(2, 1fr);
	gap: 32px;
}

@media (min-width: 768px) {
	body .rl-section .rl-stats-grid {
		grid-template-columns: repeat(4, 1fr);
		gap: 16px;
	}
}

body .rl-section .rl-stat {
	display: flex;
	flex-direction: column;
	padding-left: 24px;
	border-left: 1px solid rgba(255, 255, 255, 0.2);
}

body .rl-section .rl-stat-number {
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
}

body .rl-section .rl-stat-label {
	margin-top: 4px;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.5);
}

/* --------------------------------------------------------------------------
   Kolm väärtust
   -------------------------------------------------------------------------- */

body .rl-about {
	padding-top: 96px;
	padding-bottom: 96px;
}

body .rl-section .rl-about-grid {
	gap: 64px;
}

@media (min-width: 768px) {
	body .rl-section .rl-about-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 48px;
	}
}

body .rl-section .rl-feature > * + * {
	margin-top: 16px;
}

body .rl-section .rl-feature-title {
	font-size: 24px;
	line-height: 32px;
}

body .rl-section .rl-feature-text {
	line-height: 1.625;
	color: var(--rl-ink-70);
}

/* --------------------------------------------------------------------------
   Kaardid (brändid, seeriad)
   -------------------------------------------------------------------------- */

body .rl-brands,
body .rl-series,
body .rl-other {
	padding-top: 96px;
	padding-bottom: 96px;
}

body .rl-section .rl-card {
	position: relative;
	padding: 24px;
	border: 1px solid var(--rl-line);
	border-radius: 6px;
	transition: box-shadow 0.2s ease;
}

body .rl-section.is-surface .rl-card {
	background: #fff;
}

body .rl-section .rl-brand-card:hover {
	box-shadow: 0 20px 25px -5px rgba(229, 8, 23, 0.05), 0 8px 10px -6px rgba(229, 8, 23, 0.05);
}

body .rl-section .rl-card-img {
	margin-bottom: 24px;
	overflow: hidden;
	border-radius: 4px;
}

body .rl-section .rl-card-img img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 4px;
	transition: transform 0.5s ease;
}

body .rl-section .rl-brand-card:hover .rl-card-img img {
	transform: translateY(-4px);
}

body .rl-section .rl-card-title {
	font-size: 18px;
	line-height: 28px;
}

/* Kogu kaart on klikitav (link on pealkirjas) */
body .rl-section .rl-brand-card .rl-card-title a::after {
	content: '';
	position: absolute;
	inset: 0;
	border-radius: 6px;
}

body .rl-section .rl-brand-card .rl-card-title a:hover {
	color: inherit;
}

body .rl-section .rl-card-text {
	margin-top: 8px;
	font-size: 14px;
	line-height: 20px;
	color: var(--rl-ink-50);
}

body .rl-section .rl-series-card {
	padding: 32px;
}

body .rl-section .rl-wholesale {
	margin-top: 48px;
	color: var(--rl-ink-60);
}

body .rl-section .rl-wholesale a {
	font-weight: 700;
	color: var(--rl-red);
}

body .rl-section .rl-wholesale a:hover {
	text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Jaemüüjad
   -------------------------------------------------------------------------- */

body .rl-retailers {
	padding-top: 48px;
	padding-bottom: 48px;
	border-top: 1px solid var(--rl-line);
	border-bottom: 1px solid var(--rl-line);
}

body .rl-section .rl-retailers-label {
	margin-bottom: 32px;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	font-weight: 700;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--rl-ink-30);
}

body .rl-section .rl-retailers-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 48px;
	opacity: 0.4;
}

body .rl-section .rl-retailer {
	font-size: 20px;
	line-height: 28px;
	font-weight: 900;
	text-transform: uppercase;
}

/* --------------------------------------------------------------------------
   Meeskond
   -------------------------------------------------------------------------- */

body .rl-team {
	padding-top: 96px;
	padding-bottom: 96px;
}

body .rl-section .rl-team-rows {
	margin-top: 80px;
}

body .rl-section .rl-team-row {
	gap: 64px;
}

body .rl-section .rl-team-row + .rl-team-row {
	margin-top: 96px;
}

@media (min-width: 782px) {
	body .rl-section .rl-team-row.rl-reverse {
		flex-direction: row-reverse;
	}
}

body .rl-section .rl-team-img img {
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 6px;
}

body .rl-section .rl-team-name {
	margin-top: 8px;
	font-size: 30px;
	line-height: 36px;
}

body .rl-section .rl-team-text {
	margin-top: 24px;
	font-size: 18px;
	line-height: 1.625;
	color: var(--rl-ink-70);
}

body .rl-section .rl-collab {
	display: grid;
	gap: 48px;
	margin-top: 96px;
	padding: 48px;
	border-radius: 6px;
	background: var(--rl-surface);
}

@media (min-width: 768px) {
	body .rl-section .rl-collab {
		grid-template-columns: repeat(2, 1fr);
	}
}

body .rl-section .rl-collab-title {
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 28px;
}

body .rl-section .rl-collab-text {
	color: var(--rl-ink-60);
}

/* --------------------------------------------------------------------------
   Brändi alamleht
   -------------------------------------------------------------------------- */

body .rl-brand-hero {
	padding-top: 64px;
	padding-bottom: 64px;
}

body .rl-section .rl-back {
	font-size: 14px;
	font-weight: 500;
	color: var(--rl-ink-40);
}

body .rl-section .rl-brand-cols {
	margin-top: 40px;
	gap: 64px;
	align-items: flex-start;
}

body .rl-section .rl-brand-cols > .wp-block-column {
	align-self: flex-start;
}

body .rl-section .rl-brand-img img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
	border-radius: 6px;
}

body .rl-section .rl-brand-title {
	margin-top: 12px;
	font-size: 36px;
	line-height: 1;
	letter-spacing: -0.05em;
}

@media (min-width: 768px) {
	body .rl-section .rl-brand-title {
		font-size: 60px;
	}
}

body .rl-section .rl-brand-lead {
	margin-top: 24px;
	font-size: 20px;
	line-height: 1.625;
	color: var(--rl-ink-60);
}

body .rl-section .rl-dash-list {
	margin-top: 40px;
	padding: 0;
	list-style: none;
}

body .rl-section .rl-dash-list li {
	position: relative;
	padding-left: 36px;
	color: var(--rl-ink-70);
}

body .rl-section .rl-dash-list li + li {
	margin-top: 12px;
}

body .rl-section .rl-dash-list li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 24px;
	height: 4px;
	background: var(--rl-red);
}

/* --------------------------------------------------------------------------
   Jalus
   -------------------------------------------------------------------------- */

body .rl-footer {
	padding-top: 80px;
	padding-bottom: 80px;
}

body .rl-section .rl-footer-top {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 48px;
}

@media (min-width: 768px) {
	body .rl-section .rl-footer-top {
		flex-direction: row;
	}
}

body .rl-section .rl-footer-logo {
	margin-bottom: 24px;
}

body .rl-section .rl-footer-logo img {
	width: auto;
	height: 32px;
}

body .rl-section .rl-footer-text {
	max-width: 320px;
	color: rgba(255, 255, 255, 0.5);
}

body .rl-section .rl-footer-cols {
	display: grid;
	grid-template-columns: repeat(2, auto);
	gap: 64px;
}

body .rl-section .rl-footer-label {
	margin-bottom: 16px;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.3);
}

body .rl-section .rl-footer-link,
body .rl-section .rl-footer-muted {
	font-size: 14px;
	line-height: 20px;
}

body .rl-section .rl-footer-col > * + * {
	margin-top: 16px;
}

body .rl-section .rl-footer-label + * {
	margin-top: 0;
}

body .rl-section .rl-footer-link a {
	color: #fff;
}

body .rl-section .rl-footer-link a:hover {
	color: var(--rl-red);
}

body .rl-section .rl-footer-muted {
	color: rgba(255, 255, 255, 0.5);
}

body .rl-section .rl-footer-copy {
	margin-top: 80px;
	padding-top: 32px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	font-size: 10px;
	line-height: 15px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.2);
}

/* --------------------------------------------------------------------------
   Blocksy päis: kleepuv, poolläbipaistev, menüü suurtähtedega, "Contact" nupuna
   -------------------------------------------------------------------------- */

body #header {
	position: sticky;
	top: var(--wp-admin--admin-bar--height, 0px);
	z-index: 50;
}

body #header [data-row] {
	background: rgba(255, 255, 255, 0.8);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--rl-line);
}

body #header .ct-menu-link {
	font-family: var(--rl-font);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.025em;
	text-transform: uppercase;
	color: var(--rl-ink);
}

body #header .ct-menu-link:hover {
	color: var(--rl-red);
}

body #header .rl-menu-button > .ct-menu-link {
	height: auto;
	padding: 8px 16px;
	border-radius: 999px;
	background: var(--rl-ink);
	color: #fff;
	transition: background 0.15s ease;
}

body #header .rl-menu-button > .ct-menu-link:hover {
	background: var(--rl-red);
	color: #fff;
}

body #header .site-logo-container img,
body #header .custom-logo {
	height: 32px;
	width: auto;
	max-height: 32px;
}

/* Logo kõrval ei näidata saidi nime (nagu originaalis) */
body #header .site-logo-container ~ .site-title-container,
body #header .site-branding:has(.custom-logo) .site-title-container {
	display: none;
}

/* Päise kõrgus 80 px nagu originaalis (Blocksy vaikimisi on kõrgem) */
body #header [data-row*="middle"] {
	--height: 80px;
}

/* ==========================================================================
   v1.1 – puhas stiil
   Vähem kontrasti ja efekte, rohkem õhku. Punane ring logost on ainus aktsent.
   ========================================================================== */

/* Hero: rahulikum pealkiri, kõik must */
body .rl-section .rl-hero-title {
	max-width: 860px;
	font-size: 40px;
	line-height: 1.05;
	font-weight: 600;
	letter-spacing: -0.03em;
}

@media (min-width: 768px) {
	body .rl-section .rl-hero-title {
		font-size: 64px;
	}
}

body .rl-section .rl-hero-title mark {
	color: inherit !important;
}

body .rl-section .rl-hero-lead {
	font-size: 18px;
	line-height: 1.6;
	max-width: 600px;
}

@media (min-width: 768px) {
	body .rl-section .rl-hero-lead {
		font-size: 20px;
	}
}

body .rl-section .rl-hero-img img {
	aspect-ratio: 16 / 8;
}

/* Numbrid: hele riba õhukeste joontega, mitte must plokk */
body .rl-section.rl-stats.is-dark {
	background: #fff;
	color: var(--rl-ink);
}

body .rl-stats {
	padding-top: 16px;
	padding-bottom: 72px;
}

body .rl-section .rl-stat {
	padding-left: 0;
	padding-top: 20px;
	border-left: 0;
	border-top: 1px solid var(--rl-ink);
}

body .rl-section .rl-stat-number {
	font-size: 32px;
	font-weight: 500;
	letter-spacing: -0.02em;
}

body .rl-section .rl-stat-label {
	margin-top: 6px;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0;
	text-transform: none;
	color: var(--rl-ink-50);
}

/* Punane joon asendub punase ringiga (logo motiiv) */
body .rl-section .rl-bar {
	width: 10px;
	max-width: 10px;
	height: 10px;
	border-radius: 50%;
}

body .rl-about {
	border-top: 1px solid var(--rl-line);
}

body .rl-section .rl-feature-title {
	font-size: 20px;
	line-height: 28px;
}

body .rl-section .rl-feature-text {
	color: var(--rl-ink-60);
}

/* Pealkirjad */
body .rl-section .rl-section-title {
	font-size: 32px;
	line-height: 1.15;
	letter-spacing: -0.02em;
}

@media (min-width: 768px) {
	body .rl-section .rl-section-title {
		font-size: 40px;
	}

	body .rl-section .rl-section-title.rl-sm {
		font-size: 28px;
	}
}

/* Väike silt: hall tekst, ees punane täpp */
body .rl-section .rl-eyebrow {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.06em;
	color: var(--rl-ink-50);
}

body .rl-section .rl-eyebrow::before {
	content: '';
	flex: none;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--rl-red);
}

/* Brändid: ilma kaardiraamita, pilt helehallil taustal */
body .rl-section.rl-brands.is-surface {
	background: #fff;
	border-top: 1px solid var(--rl-line);
}

body .rl-section .rl-brand-card,
body .rl-section.is-surface .rl-brand-card {
	padding: 0;
	border: 0;
	background: transparent;
}

body .rl-section .rl-brand-card:hover {
	box-shadow: none;
}

body .rl-section .rl-brand-card .rl-card-img {
	margin-bottom: 16px;
	background: var(--rl-surface);
}

body .rl-section .rl-brand-card .rl-card-img img {
	transition: transform 0.6s ease;
}

body .rl-section .rl-brand-card:hover .rl-card-img img {
	transform: scale(1.03);
}

body .rl-section .rl-brand-card:hover .rl-card-title {
	color: var(--rl-red);
}

body .rl-section .rl-card-title {
	font-size: 17px;
	line-height: 24px;
	font-weight: 600;
}

body .rl-section .rl-card-text {
	margin-top: 4px;
	color: var(--rl-ink-60);
}

/* Seeriad: valged kaardid õhukese joonega */
body .rl-section .rl-series-card {
	padding: 28px;
	border: 1px solid var(--rl-line);
}

/* Jaemüüjad */
body .rl-section .rl-retailers-label {
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.08em;
	color: var(--rl-ink-50);
}

body .rl-section .rl-retailers-row {
	gap: 56px;
	opacity: 0.35;
}

body .rl-section .rl-retailer {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.02em;
}

/* Meeskond */
body .rl-section .rl-team-row {
	gap: 80px;
}

body .rl-section .rl-team-name {
	margin-top: 12px;
	font-size: 28px;
	line-height: 34px;
	font-weight: 600;
}

body .rl-section .rl-team-text {
	margin-top: 16px;
	font-size: 17px;
	color: var(--rl-ink-60);
}

body .rl-section .rl-collab {
	padding: 40px;
}

/* Brändi leht */
body .rl-section .rl-brand-title {
	font-weight: 600;
	letter-spacing: -0.03em;
}

body .rl-section .rl-dash-list li {
	padding-left: 22px;
}

body .rl-section .rl-dash-list li::before {
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
}

body .rl-section.rl-other .rl-brand-card .rl-card-title {
	font-size: 16px;
}

/* Jalus */
body .rl-section.rl-footer.is-dark {
	background: #111;
}

/* Päis: tavalised tähed, rahulikum nupp */
body #header .ct-menu-link {
	font-size: 15px;
	letter-spacing: 0;
	text-transform: none;
}

body #header .rl-menu-button > .ct-menu-link {
	padding: 8px 18px;
}

/* ==========================================================================
   v1.2 – meeskonna slaider
   Redaktoris on slaidid üksteise all (lihtne muuta). Lehel teeb slider.js neist slaideri.
   ========================================================================== */

body .rl-section .rl-slider {
	margin-top: 64px;
}

/* Redaktor ja lehe esimene hetk enne skripti: slaidid üksteise all */
body .rl-section .rl-slider:not(.is-ready) > .rl-slide + .rl-slide {
	margin-top: 64px;
	padding-top: 64px;
	border-top: 1px dashed var(--rl-line);
}

/* Slaider */
body .rl-section .rl-slider.is-ready {
	position: relative;
}

body .rl-section .rl-slider-track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	outline: none;
}

body .rl-section .rl-slider-track::-webkit-scrollbar {
	display: none;
}

body .rl-section .rl-slider-track:focus-visible {
	outline: 2px solid var(--rl-ink);
	outline-offset: 6px;
}

body .rl-section .rl-slider-track > .rl-slide {
	flex: 0 0 100%;
	min-width: 100%;
	scroll-snap-align: start;
	scroll-snap-stop: always;
}

/* Tekst ilmub sujuvalt, kui slaid saab aktiivseks */
body .rl-section .rl-slider.is-ready .rl-slide .wp-block-column:last-child {
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 0.5s ease 0.1s, transform 0.5s ease 0.1s;
}

body .rl-section .rl-slider.is-ready .rl-slide.is-active .wp-block-column:last-child {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	body .rl-section .rl-slider-track {
		scroll-behavior: auto;
	}

	body .rl-section .rl-slider.is-ready .rl-slide .wp-block-column:last-child {
		transition: none;
	}
}

body .rl-section .rl-slider .rl-team-row {
	margin: 0;
}

/* Nupud ja täpid */
body .rl-section .rl-slider-nav {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 40px;
	padding-top: 24px;
	border-top: 1px solid var(--rl-line);
}

body .rl-section .rl-slider-dots {
	display: flex;
	flex: 1;
	gap: 8px;
}

body .rl-section .rl-slider-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--rl-ink-30);
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}

body .rl-section .rl-slider-dot:hover {
	background: var(--rl-ink-60);
}

body .rl-section .rl-slider-dot.is-active {
	background: var(--rl-red);
	transform: scale(1.25);
}

body .rl-section .rl-slider-count {
	font-size: 14px;
	font-variant-numeric: tabular-nums;
	color: var(--rl-ink-50);
}

body .rl-section .rl-slider-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border: 1px solid var(--rl-ink);
	border-radius: 50%;
	background: transparent;
	color: var(--rl-ink);
	cursor: pointer;
	transition: background 0.2s ease, color 0.2s ease, opacity 0.2s ease;
}

body .rl-section .rl-slider-btn:hover:not(:disabled) {
	background: var(--rl-ink);
	color: #fff;
}

body .rl-section .rl-slider-btn:disabled {
	opacity: 0.25;
	cursor: default;
}

body .rl-section .rl-slider-btn.rl-prev {
	order: 2;
}

body .rl-section .rl-slider-btn.rl-next {
	order: 3;
}

body .rl-section .rl-slider-count {
	order: 1;
}

body .rl-section .rl-slider-dots {
	order: 0;
}

@media (max-width: 781px) {
	body .rl-section .rl-slider .rl-team-row {
		gap: 28px;
	}
}