/* ==========================================================================
   SMART TRAVEL - БАЗОВЫЕ СТИЛИ (БЕЗ КОНФЛИКТОВ)
   ========================================================================== */

:root {
	--st-primary: #0D6EFD;
	--st-primary-dark: #0B2545;
	--st-primary-light: #DCEEFF;
	--st-primary-medium: #4D9FFF;
	--st-primary-gradient: linear-gradient(135deg, #0D6EFD 0%, #4D9FFF 100%);
	--st-accent: #D4AF37;
	--st-orange: #E8A33D;
	--st-orange-hover: #D18F2B;
	--st-white: #FFFFFF;
	--st-gray-bg: #F8FAFC;
	--st-gray: #F5F5F5;
	--st-text-main: #1F2937;
	--st-text-muted: #6B7280;
	--st-border: #E5E7EB;
	--st-navy: #16283C;
	--st-dark-blue: #0071BC;
	--st-blue-light: #E8F1FF;
	--st-blue-lighter: #F0F6FF;
	
	--st-font-heading: 'Exo 2', sans-serif;
	--st-font-main: 'Inter', sans-serif;
	
	--st-radius-card: 16px;
	--st-radius-btn: 10px;
	--st-radius-full: 50px;
	
	--st-shadow-card: 0 10px 30px rgba(13, 110, 253, 0.08);
	--st-shadow-strong: 0 15px 40px rgba(13, 110, 253, 0.15);
	--st-shadow-btn: 0 4px 15px rgba(13, 110, 253, 0.3);
	
	--st-container: 1200px;
}

* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: var(--st-font-main);
	font-size: 16px;
	line-height: 1.6;
	color: var(--st-text-main);
	background: var(--st-white);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--st-font-heading);
	line-height: 1.2;
	margin: 0 0 20px;
	font-weight: 700;
	color: var(--st-primary-dark);
}

h1 { font-size: 36px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }

p { margin: 0 0 20px; }

a {
	color: var(--st-primary);
	text-decoration: none;
	transition: all 0.3s;
}

a:hover { color: var(--st-primary-dark); }

img { max-width: 100%; height: auto; }

.container {
	max-width: var(--st-container);
	margin: 0 auto;
	padding: 0 20px;
}

/* ============================================
   РЕЗИНОВАЯ ВЕРСТКА ДЛЯ ШИРОКИХ ЭКРАНОВ
   ============================================ */

@media (min-width: 1600px) {
	:root {
		--st-container: 1440px;
	}
}

@media (min-width: 1920px) {
	:root {
		--st-container: 1600px;
	}
}

/* ============================================
   КНОПКИ (БЕЗ АНИМАЦИИ, ЧТОБЫ НЕ ЛОМАТЬ ФИЛЬТР)
   ============================================ */

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 14px 30px;
	border-radius: var(--st-radius-btn);
	font-weight: 600;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	border: none;
	transition: all 0.3s;
	text-decoration: none;
}

.btn-primary {
	background: var(--st-primary-gradient);
	color: var(--st-white);
	box-shadow: var(--st-shadow-btn);
}

.btn-primary:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(13, 110, 253, 0.4);
	color: var(--st-white);
}

.btn-orange {
	background: var(--st-orange);
	color: var(--st-white);
	box-shadow: 0 4px 15px rgba(232, 163, 61, 0.3);
}

.btn-orange:hover {
	background: var(--st-orange-hover);
	color: var(--st-white);
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(232, 163, 61, 0.4);
}

.btn-hero {
	background: rgba(255,255,255,0.9);
	color: var(--st-primary);
	border-radius: var(--st-radius-btn);
	backdrop-filter: blur(10px);
}

.btn-hero:hover {
	background: var(--st-white);
	color: var(--st-primary-dark);
	transform: translateY(-3px);
}

.btn-outline {
	background: transparent;
	border: 2px solid var(--st-primary);
	color: var(--st-primary);
}

.btn-outline:hover {
	background: var(--st-primary);
	color: var(--st-white);
	transform: translateY(-3px);
}

.btn-small {
	padding: 10px 18px;
	font-size: 13px;
}

.btn-large {
	padding: 18px 40px;
	font-size: 16px;
}

.btn-block { width: 100%; }