/* ==========================================================================
   BASE.CSS — Shared Design System
   Loaded by BOTH tour and members areas.
   Variables, fonts, typography, buttons, content cards, utilities, pagination.
   ========================================================================== */

/* Design Tokens — Hex fallback, OKLCH active */
:root {
	/* Primary & Secondary */
	--primary: #f81b35;
	--secondary: #9d0c10;
	/* Light Scale */
	--color-light: #ffffff;
	--color-light-4: #f2f2f2;
	--color-light-3: #e6e6e6;
	--color-light-2: #d9d9d9;
	--color-light-1: #cccccc;
	/* Dark Scale */
	--color-dark: #000000;
	--color-dark-4: #0d0d0d;
	--color-dark-3: #1a1a1a;
	--color-dark-2: #262626;
	--color-dark-1: #333333;
	/* Borders & Dividers */
	--color-border: #2a2a2a;
	--color-divider: #444444;
	/* Semantic */
	--color-muted: #868686;
	--color-surface: #f5f5f5;
	--color-surface-border: #d9d9d9;
	--color-success: #28a745;
	--color-hover: #666666;
	/* Fonts */
	--font-primary: 'Manrope', sans-serif;
	--font-brand: 'Urbanist', sans-serif;
	--font-special: 'Monument', sans-serif;
	/* Typography Scale */
	--h1: clamp(3rem, 2.7273rem + 1.0909vw, 3.6rem);
	--h2: clamp(2.25rem, 2.0455rem + 0.8182vw, 2.7rem);
	--h3: clamp(1.875rem, 1.7045rem + 0.6818vw, 2.25rem);
	--h4: clamp(1.5rem, 1.3636rem + 0.5455vw, 1.8rem);
	--h5: clamp(1.25rem, 1.1364rem + 0.4545vw, 1.5rem);
	--h6: clamp(1.125rem, 1.0227rem + 0.4091vw, 1.35rem);
	--text-size-xs: clamp(0.79rem, -0.01vw + 0.79rem, 0.78rem);
	--text-size-s: clamp(0.89rem, 0.08vw + 0.87rem, 0.94rem);
	--text-size-m: clamp(0.8333rem, 0.7576rem + 0.303vw, 1.125rem);
	--text-size-l: clamp(1.25rem, 1.1364rem + 0.4545vw, 1.5rem);
	--text-size-xl: clamp(1.5rem, 1.3636rem + 0.5455vw, 1.8rem);
	--text-size-2xl: clamp(1.75rem, 1.239rem + 2.273vw, 3rem);
	--text-size-3xl: clamp(1.75rem, 0.932rem + 3.636vw, 3.75rem);
	/* Spacing */
	--space-xs: 0.5rem;
	--space-s: 0.75rem;
	--space-m: 1rem;
	--space-l: 1.5rem;
	--space-xl: 2rem;
	/* Transitions */
	--transition-fast: 0.15s ease-in-out;
	--transition-normal: 0.3s ease-in-out;
	/* Border Radius */
	--radius-sm: 0.25rem;
	--radius-md: 0.375rem;
}
@supports (color: oklch(0 0 0)) {
	:root {
		/* Primary & Secondary */
		--primary: oklch(0.58 0.24 17);
		--secondary: oklch(0.39 0.16 20);
		/* Light Scale */
		--color-light: oklch(1 0 0);
		--color-light-4: oklch(0.96 0 0);
		--color-light-3: oklch(0.92 0 0);
		--color-light-2: oklch(0.88 0 0);
		--color-light-1: oklch(0.83 0 0);
		/* Dark Scale */
		--color-dark: oklch(0 0 0);
		--color-dark-4: oklch(0.09 0 0);
		--color-dark-3: oklch(0.16 0 0);
		--color-dark-2: oklch(0.22 0 0);
		--color-dark-1: oklch(0.28 0 0);
		/* Borders & Dividers */
		--color-border: oklch(0.24 0 0);
		--color-divider: oklch(0.36 0 0);
		/* Semantic */
		--color-muted: oklch(0.61 0 0);
		--color-surface: oklch(0.97 0 0);
		--color-surface-border: oklch(0.88 0 0);
		--color-success: oklch(0.59 0.17 145);
		--color-hover: oklch(0.48 0 0);
	}
}

/* Font Faces */
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 300 800;
	font-display: swap;
	src: url('../fonts/manrope.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Urbanist';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/urbanist-v10-latin-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Urbanist';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/urbanist-v10-latin-600.woff2') format('woff2');
}
@font-face {
	font-family: 'Urbanist';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/urbanist-v10-latin-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Monument';
	src: url('../fonts/monumentextended-regular.woff2') format('woff2');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/* Base Elements */
body {
	background-color: var(--color-dark-4);
	color: var(--color-light);
	font-size: var(--text-size-m);
	font-family: var(--font-primary);
}
body, html {
	max-width: 100%;
	overflow-x: hidden;
}
img {max-width: 100%; height: auto;}

/* Typography */
h1, .h1 {font-size: var(--h1); line-height: 1;}
h2, .h2 {font-size: var(--h2); line-height: 1;}
h3, .h3 {font-size: var(--h3); line-height: 1.2;}
h4, .h4 {font-size: var(--h4); line-height: 1.3;}
h5, .h5 {font-size: var(--h5); line-height: 1.3;}
h6, .h6 {font-size: var(--h6); line-height: 1.3;}
h1, .h1, h2, .h2, h3, .h3 {
	font-weight: 600;
	color: var(--color-light);
	font-family: var(--font-brand);
	text-wrap: balance;
}
h4, .h4, h5, .h5, h6, .h6 {
	color: var(--color-light);
	text-wrap: balance;
}
.text-size-3xl {font-size: var(--text-size-3xl);}
.text-size-2xl {font-size: var(--text-size-2xl);}
.text-size-xl {font-size: var(--text-size-xl); line-height: 1.4;}
.text-size-l {font-size: var(--text-size-l); line-height: 1.5;}
.text-size-m {font-size: var(--text-size-m); line-height: 1.5;}
.text-size-s {font-size: var(--text-size-s); line-height: 1.6;}
.text-size-xs {font-size: var(--text-size-xs); line-height: 1.7;}
.text-light {color: var(--color-light);}
.text-primary {color: var(--primary) !important;}
.text-secondary {color: var(--secondary) !important;}
.special-font {font-family: var(--font-special); font-size: clamp(3rem, 1.7309rem + 1.813vw, 4rem); text-transform: uppercase;}
.title-heading {
	font-size: clamp(1.8rem, 1.3654rem + 0.9065vw, 3rem);
	line-height: 1;
	letter-spacing: 4px;
	text-transform: uppercase;
	margin-bottom: 0;
}
.title-subheading {
	font-size: clamp(1.6rem, 1.2741rem + 0.6799vw, 1.75rem);
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
}
.title-subheading-small {
	font-size: clamp(1.2rem, 1.0914rem + 0.2266vw, 1.25rem);
	font-weight: 400;
	line-height: 1.6;
	margin-bottom: 0;
}
.rt-regular {font-size: clamp(1.8rem, 1.3654rem + 0.9065vw, 2rem);}
.rt-large {font-size: clamp(3rem, 1.7309rem + 1.813vw, 4rem);}

/* Links & Transitions */
a, .item .content-div {
	transition: all 200ms ease-in-out;
}
a {color: var(--primary);}
a:hover {color: var(--secondary);}

/* Shared Nav Framework */
.main-header {position: fixed; left: 0; top: 0; width: 100%; z-index: 999;}
.navbar {padding: .5rem;}
.navbar-dark {background-color: var(--color-dark);}
.navbar-brand {padding: 0px; margin: 0px;}
.navbar-brand img {max-height: 50px;}
.navbar-toggler {padding: 0.25rem; font-size: 1.4rem; border: none;}
.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
	border-color: rgba(255,255,255,0);
}
.navbar-main .navbar-nav > li > a {
	font-size: clamp(1.125rem, 1.0611rem + 0.2557vw, 1.2656rem);
	font-weight: 600;
	margin: 0 1rem 0 0;
	background-color: transparent;
	color: var(--color-light);
	display: inline-block;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	border: none;
}
.navbar .navbar-nav li a::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 3px;
	top: 25px;
	left: 0;
	background-color: var(--primary);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}
.navbar .navbar-nav li.active > a::after,
.navbar .navbar-nav li a:hover::after {
	transform: scaleX(1);
	transform-origin: bottom left;
}

/* Section Utilities */
.section-dark {padding: 1rem 0; background-color: var(--color-dark);}
.section-margin {margin: 1rem 0;}
.section-margin-2 {margin: 2rem 0;}
.section-margin-3 {margin: 3rem 0;}
.section-padding {padding: 1rem 0;}
.section-padding-2 {padding: 2rem 0;}
.section-padding-3 {padding: 3rem 0;}
.section-offcolor {padding: .5rem 0; background-color: var(--color-dark-2);}
.section-offcolor-alt {padding: .5rem 0; background-color: var(--color-dark-1);}
.pb-30 {padding-bottom: 30px;}
.pb-70 {padding-bottom: 70px;}
.pt-70 {padding-top: 70px;}
.p-tb-50 {padding-top: 50px; padding-bottom: 50px;}
.fourk {background-color: var(--color-dark-1);}

/* Buttons */
.btn {
	font-weight: 600;
	letter-spacing: -.022rem;
	text-transform: uppercase;
	padding: 0.25rem 0.5rem;
	margin: .25rem 0;
	transition: all 200ms ease-in-out;
}
.btn.focus, .btn:focus {outline: 0; box-shadow: none;}
.btn-info:not(:disabled):not(.disabled).active:focus,
.btn-info:not(:disabled):not(.disabled):active:focus,
.show > .btn-info.dropdown-toggle:focus {box-shadow: none;}
.btn-outline-dark {color: var(--primary); border-color: var(--primary);}
.btn-outline-dark:hover {color: var(--color-light); background-color: var(--secondary); border-color: var(--secondary);}
.btn-default {background-color: var(--primary); color: var(--color-light); border: 1px solid var(--primary); font-weight: 600;}
.btn-default:hover {background: var(--secondary); color: var(--color-light-4); border: 1px solid var(--secondary);}
.bg-theme {background-color: var(--secondary); color: var(--color-light);}
.btn-theme {background-color: var(--secondary); color: var(--color-light); font-weight: 600; font-size: 2rem; width: 100%; border: 0;}
.btn-theme:hover {background-color: var(--color-hover);}
.btn-primary {background: var(--primary); color: var(--color-light); font-weight: 600; border: 1px solid var(--primary);}
.btn-primary.disabled, .btn-primary:disabled, .form-control:disabled, .form-control[readonly] {cursor: not-allowed;}
.btn-primary:hover {background: var(--secondary); border: 1px solid var(--secondary);}
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {background-color: var(--secondary); border-color: var(--secondary);}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {box-shadow: none;}
.btn-nav {
	background-color: var(--primary);
	font-size: clamp(0.8333rem, 0.7576rem + 0.303vw, 1.125rem);
	font-weight: 700;
	color: var(--color-light);
	padding: .25rem .5rem;
	line-height: 1.2;
	border-radius: 0.25rem;
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.3s ease;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(134, 16, 24, 0.3);
	border: none;
}
.btn-nav:hover,
.btn-nav:focus {
	background: linear-gradient(150deg, rgba(143, 16, 24, 1) 0%, rgba(247, 27, 53, 1) 100%);
	transform: translateY(-2px);
	text-decoration: none;
	color: var(--color-light);
	border: none;
}
.btn-nav:active {transform: translateY(0);}
.btn-special {
	font-family: var(--font-primary);
	color: var(--color-light);
	font-size: var(--text-size-2xl);
	line-height: 1em;
	font-weight: 600;
	letter-spacing: .1rem;
	background: linear-gradient(180deg, rgba(248, 27, 52, 1) 0%, rgb(143, 16, 24) 68%);
	text-wrap: balance;
}
.btn-special:hover {
	color: var(--color-light);
	background: linear-gradient(100deg, rgb(143, 16, 24) 42%, rgb(248, 27, 52) 100%);
	text-shadow: -1px -1px 1px rgba(255, 255, 255, .1), 1px 1px 1px rgba(0, 0, 0, .5);
}
.btn-special.focus, .btn-special:focus {
	background-color: var(--secondary);
	box-shadow: none !important;
}

/* Page Title */
.tour-page-title {padding: .5rem 0;}
.tour-page-title__container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
}
.tour-page-title__subheading {
	font-family: var(--font-primary);
	font-size: var(--text-size-m);
	font-weight: 300;
	text-transform: uppercase;
	padding-top: 1rem;
}
.tour-page-sorting {padding: .5rem 0;}
.tour-page-sorting__container {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	gap: 1rem;
}
.page-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	padding: 1rem 0;
}
.page-title__heading {
	font-size: clamp(2.25rem, 2.0455rem + 0.8182vw, 2.7rem);
	margin-bottom: 0;
	text-align: center;
}
.page-title__subheading {
	font-family: var(--font-primary);
	font-size: var(--text-size-m);
	font-weight: 300;
	text-transform: uppercase;
	order: -1;
	margin-bottom: 0;
}
.page-title p {
	width: min(800px, 100% - 2rem);
	font-size: var(--text-size-l);
	text-align: center;
}

/* Section Title (grid with lines) */
.section-title {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	gap: 2rem;
	text-align: center;
	font-size: clamp(1.5rem, 1.3636rem + 0.5455vw, 1.8rem);
	text-transform: uppercase;
}
.section-title-members {margin: 1rem;}
.section-title::before,
.section-title::after {
	content: '';
	height: 2px;
	background: currentColor;
}
.section-title span {color: var(--primary);}
.section-title.see-more {padding-right: 100px;}
.section-title .btn {
	position: absolute;
	right: 0;
	top: 0;
	color: var(--primary);
	border: 1px solid var(--color-dark-4);
	border-radius: 0;
}
.section-title .btn:hover {background-color: var(--color-dark-4);}
.title-block {display: inline-block; width: 100%; margin-bottom: 10px;}

/* Content Cards (.item / .item-update) */
.item {position: relative; margin-bottom: 30px;}
.item-update .img-div {position: relative; background-size: cover; background-position: center; overflow: hidden;}
.item-update .img-div a {display: inline-block; position: relative; width: 100%;}
.item-update .img-div img {width: 100%; height: auto;}
.item-update .img-div a img {transition: transform .5s ease;}
.item-update:hover .img-div a img {transform: scale(1.05);}
.item-update .img-div .item-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -43px;
	margin-left: -43px;
	font-size: 100px;
	z-index: 5;
	color: var(--color-light);
	text-shadow: #333 0px 0px 20px;
	opacity: 0;
}
.item-update .img-div a:hover .item-icon {opacity: 0.4;}
.item-update .content-div {
	background-color: var(--color-dark-1);
	padding: .5em;
	position: relative;
}
.item:hover .content-div {background-color: var(--color-light); color: var(--primary);}
.item-update .content-div h3 {margin: 0; padding: 0; list-style: none; font-size: 1.4rem;}
.item-update .content-div h3 a {color: var(--color-light);}
.item-update .content-div h3 a:hover {color: var(--primary); text-decoration: none;}
.item:hover .content-div h3 a {color: var(--primary);}
.item-update .content-div h4 {margin: 0; padding: 0; list-style: none; font-size: 1.1rem; line-height: 1.5; font-weight: 600;}
.item-update .content-div h4 a {color: var(--color-light);}
.item:hover .content-div h4 a {color: var(--color-dark);}
.item-update .content-div h4 a:hover {color: var(--primary); text-decoration: none;}
.item-update .content-div .more-info-div {font-size: var(--text-size-s); color: var(--color-muted);}
.item-update .content-div .rating-div {color: var(--primary); font-size: 1rem;}
.item:hover .content-div .rating-div {color: var(--primary);}
ul.stars {margin: 0; padding: 0; list-style: none;}

/* Read More / Read Less */
.read-more, .read-less {color: var(--primary); font-weight: bold;}
#scene-info .description.hidden,
#scene-info .descriptionFull.hidden {display: none;}
#scene-info .description .read-more,
#scene-info .descriptionFull .read-less {font-style: italic; cursor: pointer;}

/* Cards / Model Bio */
.card {background-color: var(--color-dark-1); margin-bottom: 3%;}
.card__model-bio {flex: 1 1 auto; padding: 1em;}
.card__model-bio-thumb {border-top-left-radius: 4px; border-top-right-radius: 4px; width: 100%; height: auto; aspect-ratio: 1.2/1; object-fit: cover;}
.card__detail-div {color: var(--color-light);}
.card__detail-div p {margin-bottom: 0;}
.card__detail-div, ul.card__scene-details {list-style: none; padding-inline-start: 0px;}
.model-bio__image {width: 100%; height: auto; aspect-ratio: 1.2/1; object-fit: cover;}
.model-bio__description {display: flex; flex-direction: column; flex-wrap: wrap; gap: .25em; padding: 1em 0;}

/* Tags */
ul.tags {display: inline-block; width: 100%; text-align: left; margin: 0; padding: 0;}
ul.tags li {display: inline-block; margin: 0 0 .5rem 0; padding: 0;}
ul.tags li a {display: inline-block; background-color: var(--color-light-3); font-style: normal; padding: .25rem .5rem; border-radius: .25rem; color: var(--color-dark); font-size: 1rem; font-weight: 600;}
ul.tags li a:hover {background-color: var(--primary); color: var(--color-light); text-decoration: none;}
ul.scene-details {list-style: none; padding-inline-start: 0px;}

/* ELX Overrides */
.tags_filter_trigger {float: none; display: inline-block; vertical-align: top; margin: 0; margin-right: 10px;}
.tags_filter {margin: 1rem; color: var(--color-dark);}
.tags_filter ul.tags_filter_list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.update-info .update-info-block {display: inline-block; width: 100%; margin-bottom: 30px;}
.update-info .update-info-block h3 {text-transform: uppercase; color: var(--color-light);}
.update-info .update-info-block .update-info-row {margin-bottom: 10px;}
.update-info .update-info-block a.btn-huge {font-size: 60px; border-radius: 60px; font-weight: 600;}
.update-info-block .description.hidden,
.update-info-block .descriptionFull.hidden {display: none;}
.models-list-thumbs ul {display: inline-block; width: 100%; list-style: none; margin: 0; margin-top: 10px; padding: 0;}
.models-list-thumbs ul li {display: inline-block; width: 100%; margin-right: 0; margin-bottom: 10px;}
.models-list-thumbs ul.half-sized li {width: 49%;}
.models-list-thumbs ul li a {display: inline-block; padding: 5px; border: 1px solid var(--color-surface-border); background: var(--color-light); color: var(--color-dark-1); text-align: center; border-radius: 5px;}
.models-list-thumbs ul li a:hover img {opacity: 0.6;}
.models-list-thumbs ul li a img {display: inline-block; vertical-align: top; border-radius: 5px; height: auto;}
.models-list-thumbs ul li a span {display: inline-block; padding: 5px 0 0; font-weight: 600; font-size: 16px;}
.models-list-thumbs ul.half-sized li a span {font-size: 13px;}
.video-player {position: relative;}

/* Pagination */
.pagination {display: inline-block; width: 100%; padding: 35px 0 25px 0; text-align: center; font-weight: 300; height: auto;}
.pagination a.btn.btn-lg {margin-bottom: 4px;}
.pagination li {display: inline-block; font-size: 13px; text-align: center; margin: 0 1px;}
.pagination li a {border-radius: 3px; display: block; min-width: 24px; padding: 8px 5px; text-align: center; color: var(--color-muted); line-height: 100%;}
.pagination li a:not([href]):not([tabindex]) {color: var(--color-dark-1); background: none;}
.pagination li.active a, .pagination li a.active, .pagination li a:hover {background-color: var(--primary); text-decoration: none; color: var(--color-light);}
.pagination ul {padding-inline-start: 0px;}

/* Color Highlights */
.highlight {color: var(--primary) !important;}

/* Scroll To Top */
.scroll_up {
	position: fixed;
	bottom: 60px;
	right: 40px;
	padding: 5px;
	width: 50px;
	height: 50px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
	background-color: var(--primary);
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.4s ease;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	display: flex;
	justify-content: center;
	align-items: center;
}
.scroll_up.show {opacity: 1; visibility: visible;}
.scroll_up i {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	color: var(--color-light);
	font-size: 1rem;
}

/* Shared Footer Styles */
.site-footer {
	background-color: var(--color-dark-3);
	color: var(--color-light-1);
	font-size: var(--text-size-xs);
	line-height: 1.4;
}
.site-footer__container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-l);
	padding: var(--space-xl) var(--space-m);
	max-width: 1200px;
	margin: 0 auto;
}
.footer-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--space-m);
	text-align: center;
	width: 100%;
}
.footer-section__logo {width: 175px; height: auto; max-width: 100%;}
.footer-section__text {margin: 0; line-height: 1.6; color: var(--color-light-1);}
.footer-section__text em {font-style: italic; color: var(--color-light-1);}
.support-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: var(--space-xs) var(--space-m);
	font-size: var(--text-size-s);
	font-weight: 500;
	color: var(--color-light-1);
	background-color: transparent;
	border: 1px solid var(--primary);
	border-radius: var(--radius-sm);
	text-decoration: none;
	transition: all var(--transition-normal);
	cursor: pointer;
}
.support-button:hover,
.support-button:focus-visible {
	background-color: var(--primary);
	color: var(--color-light-1);
	text-decoration: none;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(255, 68, 68, 0.3);
}
.support-button:focus-visible {outline: 2px solid var(--secondary); outline-offset: 2px;}
.support-button:active {transform: translateY(0);}
.footer-link {color: var(--primary); text-decoration: none; transition: color var(--transition-fast); border-bottom: 1px solid transparent;}
.footer-link:hover {color: var(--secondary);}
.footer-link:focus-visible {outline: 2px solid var(--secondary); outline-offset: 2px; border-radius: 2px;}
.footer-nav {width: 100%; padding: var(--space-m) 0;}
.footer-nav__list {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0; list-style: none; margin: 0; padding: 0;}
.footer-nav__item {position: relative; display: flex; align-items: center;}
.footer-nav__item:not(:last-child)::after {content: ''; width: 1px; height: 1.25rem; background-color: var(--color-divider); margin: 0 var(--space-xs);}
.footer-nav__link {color: var(--primary); font-size: var(--text-size-s); text-decoration: none; padding: var(--space-s); transition: color var(--transition-fast); white-space: nowrap;}
.footer-nav__link:hover {color: var(--secondary); text-decoration: underline;}
.footer-nav__link:focus-visible {outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 2px;}
.copyright {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: var(--space-m) var(--space-s);
	background-color: var(--color-dark-3);
	font-size: var(--text-size-xs);
	color: var(--color-light-1);
	text-align: center;
	border-top: 1px solid var(--color-border);
}

/* ==========================================================================
   RESPONSIVE — Base
   ========================================================================== */

@media only screen and (max-width: 375px) {
	.special-font {font-size: 2rem; line-height: 1.2em;}
}

@media only screen and (max-width: 480px) {
	.tags_filter_trigger {margin: 0 0 5px 0;}
}

@media only screen and (max-width: 576px) {
	.btn-special {font-size: 1.6rem; line-height: 1.1em; letter-spacing: 0; padding: 0.5rem 1rem;}
}

@media (max-width: 768px) {
	.site-footer__container {padding: var(--space-l) var(--space-m); gap: var(--space-m);}
	.footer-section {gap: var(--space-s);}
	.footer-section__logo {width: 150px;}
	.footer-nav__list {flex-direction: column; gap: var(--space-xs);}
	.footer-nav__item:not(:last-child)::after {display: none;}
	.footer-nav__link {padding: var(--space-xs) var(--space-s);}
	.support-button {width: 100%; max-width: 300px;}
}

@media (max-width: 480px) {
	.footer-section__text {font-size: var(--text-size-xs);}
	.footer-section__logo {width: 120px;}
}

@media screen and (max-width: 767px) {
	.pagination li.hidden-sm {display: none;}
	.scroll_up {width: 40px; height: 40px;}
	.pagination-div ul {margin: 0;}
	.pagination-div ul li {padding: 0 5px;}
	.title-block {text-align: center;}
	.sorting-options {float: none; display: inline-block; width: 100%; text-align: center; margin-top: 10px;}
	.sorting-options .btn {font-size: 13px;}
	.item-update .content-div h4,
	.item-update .content-div .more-info-div {text-align: center;}
	.models-list-thumbs ul.half-sized li {width: 49%;}
	.p-tb-50 {padding-top: 20px; padding-bottom: 20px;}
	.pt-70 {padding-top: 40px;}
	.pb-70 {padding-bottom: 40px;}
	.row.col-5-div .col, .row.col-5-div .col-6 {flex: 0 0 50%; max-width: 50%;}
	.row.col-5-div .col:nth-child(3n+1) {clear: none;}
	.row.col-5-div .col:nth-child(2n+1) {clear: both;}
	.section-title .btn {font-size: 12px;}
}

@media only screen and (max-width: 991px) {
	.p-tb-50 {padding-top: 30px; padding-bottom: 30px;}
	.update-info .update-info-block {font-size: 1em;}
	.update-info .update-info-block h3 {font-size: 1.25rem;}
}

@media only screen and (max-width: 992px) {
	.navbar-main .navbar-nav {margin: 1rem 0;}
	.navbar-main .navbar-nav > li > a {margin: 0; font-size: clamp(1.25rem, 1.1364rem + 0.4545vw, 1.5rem);}
	.sorting-options > .btn-primary {margin: 5px 5px 0px 0px;}
}

@media only screen and (min-width: 992px) {
	#navbarNav .btn-primary {margin: 0rem 1rem;}
	.pagination li {font-size: 32px;}
	.pagination li a {min-width: 24px; padding: 8px 10px;}
}

@media screen and (max-width: 1000px) {
	.scroll_up {font-size: 16px; right: 20px; bottom: 40px;}
}

@media screen and (min-width: 1025px) {
	.scroll_up:hover {background-color: var(--color-hover);}
	.model-name {text-transform: uppercase; font-weight: normal;}
}

@media only screen and (max-width: 1199px) {
	.row.col-5-div .col, .row.col-5-div .col-6 {flex: 0 0 33.3%; max-width: 33.3%;}
	.row.col-5-div .col:nth-child(3n+1) {clear: both;}
	.models-list-thumbs ul.half-sized li {width: 100%;}
	.navbar .navbar-nav.social-icon {
		text-align: center;
		border-top: 1px solid var(--color-divider);
		margin: 0;
		margin-top: 10px;
		padding-top: 10px;
		display: inline-block;
		width: 100%;
	}
	.navbar .navbar-nav.social-icon li {display: inline-block;}
	.navbar .navbar-nav.social-icon li a {padding: 5px; display: inline-block;}
}

@media (min-width: 576px) {
	.pagination li {font-size: 22px;}
	.pagination li a {min-width: 24px; padding: 8px 8px;}
}

@media (min-width: 768px) {
	.pagination li {font-size: 28px;}
	.pagination li a {min-width: 24px; padding: 8px 8px;}
}

@media (min-width: 1200px) {
	.pagination li {font-size: 32px;}
	.pagination li a {min-width: 24px; padding: 8px 12px;}
	.update-info .update-info-block a.btn-huge {font-size: 30px;}
	.container.container-default {max-width: 1140px;}
}

@media (min-width: 1400px) {
	.pagination li a {min-width: 24px; padding: 8px 14px;}
	.chevronright {max-height: 35px;}
}

@media (min-width: 1600px) {
	.pagination li a {min-width: 24px; padding: 8px 16px;}
}