/* SMAIT Website — Design System v3 (Metallic + Depth Edition) */
:root {/* Primary Colors — from SMAIT brochure */--brand-blue: #1E4D8B;--brand-blue-dark: #0F2A4E;--brand-blue-light: #2E6BB3;--brand-blue-soft: rgba(30, 77, 139, 0.07);--brand-blue-border: rgba(30, 77, 139, 0.2);/* Metallic Palette */--gold-primary: #C4A35A;--gold-light: #D9B96E;--gold-dark: #A8893F;--gold-soft: rgba(196, 163, 90, 0.08);--gold-border: rgba(196, 163, 90, 0.2);--steel-light: #B8C4D0;--steel-mid: #8FA3B8;--steel-dark: #6B7D90;--steel-soft: rgba(143, 163, 184, 0.06);--chrome: #E8ECF0;/* Backgrounds — layered */--bg-primary: #FFFFFF;--bg-secondary: #F4F6F9;--bg-tertiary: #E8EDF3;--bg-steel: linear-gradient(135deg, #F4F6F9 0%, #E8ECF2 50%, #F0F2F6 100%);--bg-card: #FFFFFF;--bg-dark-section: linear-gradient(160deg, #0F2A4E 0%, #1E4D8B 60%, #153A6B 100%);--bg-dark-section-alt: linear-gradient(160deg, #1A3C6E 0%, #1E4D8B 50%, #0F2A4E 100%);/* Text */--text-primary: #1A1F2B;--text-secondary: #4A5568;--text-muted: #718096;--text-light: #FFFFFF;--text-gold: var(--gold-primary);/* Gradients — metallic */--blue-gradient: linear-gradient(135deg, #1E4D8B 0%, #2E6BB3 100%);--blue-gradient-soft: linear-gradient(135deg, rgba(30,77,139,0.95) 0%, rgba(46,107,179,0.92) 100%);--gold-gradient: linear-gradient(135deg, #C4A35A 0%, #D9B96E 50%, #A8893F 100%);--gold-gradient-shimmer: linear-gradient(135deg, #C4A35A 0%, #D9B96E 30%, #C4A35A 50%, #E5CC82 70%, #C4A35A 100%);--steel-gradient: linear-gradient(135deg, #B8C4D0 0%, #8FA3B8 50%, #6B7D90 100%);--steel-gradient-light: linear-gradient(135deg, #E8ECF0 0%, #D0D6DE 50%, #B8C4D0 100%);--metallic-border: linear-gradient(135deg, #C4A35A 0%, #B8C4D0 50%, #C4A35A 100%);--chrome-gradient: linear-gradient(135deg, #E8ECF0 0%, #D0D6DE 40%, #B8C4D0 60%, #E8ECF0 100%);/* Typography */--font-main: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--hero-title: clamp(2.25rem, 5vw, 3.75rem);--section-title: clamp(1.5rem, 3vw, 2.25rem);--card-title: clamp(1.05rem, 1.5vw, 1.25rem);--body-text: clamp(0.9375rem, 1vw, 1.0625rem);--small-text: 0.8125rem;--stat-number: clamp(2rem, 3.5vw, 3rem);/* Spacing */--section-gap: clamp(64px, 8vw, 120px);--card-gap: 28px;--content-pad: clamp(24px, 4vw, 64px);--nav-height: 84px;/* Effects — multi-layer depth */--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 50px;--shadow-card: 0 2px 8px rgba(30,77,139,0.06), 0 8px 24px rgba(30,77,139,0.08), 0 1px 2px rgba(0,0,0,0.04);--shadow-hover: 0 4px 12px rgba(196,163,90,0.15), 0 16px 48px rgba(30,77,139,0.12), 0 2px 4px rgba(0,0,0,0.06);--shadow-soft: 0 1px 4px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.04);--shadow-gold: 0 4px 16px rgba(196,163,90,0.2), 0 2px 4px rgba(196,163,90,0.1);--shadow-deep: 0 8px 32px rgba(15,42,78,0.15), 0 2px 8px rgba(15,42,78,0.08);--shadow-inset: inset 0 1px 0 rgba(255,255,255,0.6), inset 0 -1px 0 rgba(0,0,0,0.04);--transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);--transition-fast: all 0.15s ease;}
/* ===== Reset & Base ===== */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body {font-family: var(--font-main);background: var(--bg-primary);color: var(--text-primary);line-height: 1.6;font-size: var(--body-text);overflow-x: hidden;}
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; transition: var(--transition); }
ul { list-style: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }
.container {width:80%;margin: 0 auto;}
/* ===== Navigation — Frosted Glass + Metallic Bottom ===== */
.navbar {position: fixed;top: 0; left: 0; right: 0;height: var(--nav-height);z-index: 1000;background: rgba(255,255,255,0.88);backdrop-filter: blur(20px) saturate(1.2);-webkit-backdrop-filter: blur(20px) saturate(1.2);border-bottom: 1px solid rgba(196,163,90,0.2);transition: var(--transition);box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);}
.navbar.scrolled {background: rgba(255,255,255,0.95);box-shadow: 0 2px 6px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.06);border-bottom-color: rgba(196,163,90,0.3);}
.navbar .container {height: 100%;display: flex;align-items: center;justify-content: space-between;}
.nav-logo {display: flex;align-items: center;gap: 12px;}
.nav-logo img {height: 44px;width: auto;}
.nav-logo-text {display: flex;flex-direction: column;}
.nav-logo-text .brand-name {font-weight: 700;font-size: 1.1rem;color: var(--brand-blue);line-height: 1.2;}
.nav-logo-text .brand-tagline {font-size: 0.7rem;color: var(--steel-dark);letter-spacing: 0.02em;line-height: 1.3;}
.nav-menu {display: flex;align-items: center;gap: 36px;}
.nav-menu a {font-size: 0.95rem;font-weight:700;color: var(--text-secondary);position: relative;padding: 6px 0;}
.nav-menu a:hover,.nav-menu a.active {color: var(--brand-blue);}
.nav-menu a.active::after {content: '';position: absolute;bottom: 0; left: 0;width: 100%; height: 2px;background: var(--gold-gradient);border-radius: 2px;}
.nav-right {display: flex;align-items: center;gap: 16px;}
.lang-switcher {display: flex;align-items: center;gap: 8px;font-size: 0.85rem;font-weight: 600;color: var(--text-secondary);background: var(--bg-secondary);padding: 6px 12px;border-radius: var(--radius-pill);border: 1px solid rgba(196,163,90,0.15);}
.lang-switcher span {cursor: pointer;opacity: 0.5;transition: var(--transition);}
.lang-switcher span.active,.lang-switcher span:hover {opacity: 1;color: var(--gold-primary);}
/* Buttons — Metallic Edition */
.btn {display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 26px;border-radius: var(--radius-pill);font-weight: 600;font-size: 0.9rem;transition: var(--transition);position: relative;}
.btn-primary {background: var(--gold-gradient);color: #fff;box-shadow: var(--shadow-gold);border: 1px solid rgba(196,163,90,0.3);text-shadow: 0 1px 2px rgba(0,0,0,0.15);}
.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 6px 24px rgba(196,163,90,0.3), 0 2px 6px rgba(196,163,90,0.15);background: var(--gold-gradient-shimmer);}
.btn-primary::after {content: '';position: absolute;inset: 0;border-radius: var(--radius-pill);background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, transparent 50%, rgba(255,255,255,0.15) 100%);pointer-events: none;}
.btn-outline {border: 1.5px solid var(--gold-primary);color: var(--gold-dark);background: transparent;}
.btn-outline:hover {background: var(--gold-soft);border-color: var(--gold-light);}
.btn-outline-metallic {border: 1.5px solid transparent;background-image: linear-gradient(var(--bg-primary), var(--bg-primary)), var(--metallic-border);background-origin: border-box;background-clip: padding-box, border-box;color: var(--gold-primary);font-weight: 600;}
.btn-outline-metallic:hover {background-image: linear-gradient(var(--gold-soft), var(--gold-soft)), var(--metallic-border);}
.btn-white {background: rgba(255,255,255,0.15);color: #fff;border: 1px solid rgba(255,255,255,0.3);backdrop-filter: blur(8px);text-shadow: 0 1px 2px rgba(0,0,0,0.2);}
.btn-white:hover {background: rgba(255,255,255,0.25);border-color: rgba(255,255,255,0.5);transform: translateY(-2px);}
.btn-blue {background: var(--blue-gradient);color: #fff;box-shadow: 0 4px 16px rgba(30,77,139,0.25);border: 1px solid rgba(46,107,179,0.3);}
.btn-blue:hover {transform: translateY(-2px);box-shadow: 0 8px 24px rgba(30,77,139,0.35);}
.mobile-toggle {display: none;flex-direction: column;gap: 5px;padding: 8px;}
.mobile-toggle span {display: block;width: 24px; height: 2px;background: var(--brand-blue);transition: var(--transition);}
/* ===== Hero Carousel — Metallic Overlay ===== */
.hero {margin-top: var(--nav-height);position: relative;height: calc(100vh - var(--nav-height));min-height: 600px;max-height: 900px;overflow: hidden;background: var(--bg-secondary);}
.carousel {position: relative;width: 100%; height: 100%;}
.carousel-slide {position: absolute;inset: 0;opacity: 0;transition: opacity 0.8s ease-in-out;display: flex;align-items: center;}
.carousel-slide.active {opacity: 1;}
.carousel-slide .slide-bg {position: absolute;inset: 0;background-size: cover;background-position: center;transition: transform 6s ease;}
.carousel-slide.active .slide-bg {transform: scale(1.05);}
.carousel-slide .slide-overlay {position: absolute;inset: 0;background: linear-gradient(90deg, rgba(15,42,78,0.92) 0%, rgba(15,42,78,0.75) 40%, rgba(15,42,78,0.4) 70%, rgba(15,42,78,0.15) 100%);}/* Metallic grain overlay */.carousel-slide .slide-grain {position: absolute;inset: 0;background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.02) 2px, rgba(255,255,255,0.02) 4px);pointer-events: none;z-index: 1;}
.hero .container {position: relative;z-index: 2;display: flex;align-items: center;height: 100%;}
.hero-content {max-width: 620px;color: var(--text-light);}
.hero-label {display: inline-flex;align-items: center;gap: 8px;font-size: 0.8rem;font-weight: 600;letter-spacing: 0.08em;text-transform: uppercase;color: rgba(255,255,255,0.85);margin-bottom: 20px;padding: 8px 16px;background: rgba(255,255,255,0.08);border-radius: var(--radius-pill);border: 1px solid rgba(196,163,90,0.3);box-shadow: var(--shadow-inset);}
.hero-label::before {content: '';width: 6px; height: 6px;border-radius: 50%;background: var(--gold-primary);box-shadow: 0 0 8px rgba(196,163,90,0.5);}
.hero-title {font-size: var(--hero-title);font-weight: 700;line-height: 1.15;margin-bottom: 20px;color: #fff;text-shadow: 0 2px 4px rgba(0,0,0,0.3);}
.hero-title .gold-accent {color: var(--gold-light);}
.hero-subtitle {font-size: clamp(1rem, 1.5vw, 1.25rem);line-height: 1.6;color: rgba(255,255,255,0.85);margin-bottom: 32px;}
.hero-cta {display: flex;gap: 16px;flex-wrap: wrap;}
.carousel-nav {position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);z-index: 10;display: flex;align-items: center;gap: 24px;}
.carousel-dots {display: flex;gap: 10px;}
.carousel-dot {width: 10px; height: 10px;border-radius: 50%;background: rgba(255,255,255,0.3);border: 1px solid rgba(255,255,255,0.4);cursor: pointer;transition: var(--transition);}
.carousel-dot.active {background: var(--gold-primary);border-color: var(--gold-light);width: 32px;border-radius: 5px;box-shadow: 0 0 10px rgba(196,163,90,0.4);}
.carousel-arrows {display: flex;gap: 12px;}
.carousel-arrow {width: 44px; height: 44px;border-radius: 50%;background: rgba(255,255,255,0.1);border: 1px solid rgba(196,163,90,0.3);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;transition: var(--transition);backdrop-filter: blur(8px);}
.carousel-arrow:hover {background: rgba(196,163,90,0.2);border-color: var(--gold-primary);box-shadow: 0 0 16px rgba(196,163,90,0.3);}
/* ===== Section Common — Layered backgrounds ===== */
.section {padding: var(--section-gap) 0;position: relative;}
/* Subtle grain texture for white sections */
.section-white::before {content: '';position: absolute;inset: 0;background: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(196,163,90,0.015) 10px, rgba(196,163,90,0.015) 11px);pointer-events: none;}
/* Steel gradient background for alternate sections */
.section-steel {background: var(--bg-steel);position: relative;}
.section-steel::before {content: '';position: absolute;inset: 0;background:radial-gradient(ellipse at 20% 50%, rgba(196,163,90,0.06) 0%, transparent 60%),radial-gradient(ellipse at 80% 30%, rgba(30,77,139,0.04) 0%, transparent 50%);pointer-events: none;}
/* Dark section with metallic accent */
.section-dark {background: var(--bg-dark-section);position: relative;overflow: hidden;}
.section-dark::before {content: '';position: absolute;top: 0; right: 0;width: 40%; height: 100%;background: radial-gradient(ellipse at 70% 30%, rgba(196,163,90,0.08) 0%, transparent 70%);pointer-events: none;}
.section-dark::after {content: '';position: absolute;inset: 0;background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255,255,255,0.015) 3px, rgba(255,255,255,0.015) 6px);pointer-events: none;}
.section-header {max-width:100%;margin-bottom: 48px;}
.section-label {display: inline-flex;align-items: center;gap: 6px;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;color: var(--gold-dark);margin-bottom: 12px;padding: 6px 14px;background: var(--gold-soft);border-radius: var(--radius-pill);border: 1px solid rgba(196,163,90,0.15);}
.section-label::before {content: '';width: 4px; height: 4px;border-radius: 50%;background: var(--gold-primary);}
.section-title {font-size: var(--section-title);font-weight: 700;line-height: 1.25;color: var(--text-primary);margin-bottom: 14px;}
.section-desc {font-size: 1.05rem;color: var(--text-secondary);line-height: 1.7;}
/* ===== Stats Strip — Metallic Gold ===== */
.stats-strip {background: var(--bg-dark-section-alt);padding: 56px 0;color: #fff;position: relative;overflow: hidden;}
.stats-strip::before {content: '';position: absolute;inset: 0;background:radial-gradient(ellipse at 30% 50%, rgba(196,163,90,0.1) 0%, transparent 50%),radial-gradient(ellipse at 70% 50%, rgba(46,107,179,0.08) 0%, transparent 40%);pointer-events: none;}
.stats-strip::after {content: '';position: absolute;inset: 0;background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255,255,255,0.015) 3px, rgba(255,255,255,0.015) 6px);pointer-events: none;}
.stats-grid {display: grid;grid-template-columns: repeat(4, 1fr);gap: 32px;position: relative;z-index: 1;}
.stat-item {text-align: center;padding: 28px 16px;border-right: 1px solid rgba(196,163,90,0.2);position: relative;}
.stat-item::before {content: '';position: absolute;inset: 0;background: rgba(255,255,255,0.03);border-radius: var(--radius-md);border: 1px solid rgba(196,163,90,0.08);pointer-events: none;}
.stat-item:last-child {border-right: none;}
.stat-number {font-size: var(--stat-number);font-weight: 700;margin-bottom: 6px;color: var(--gold-light);}
.stat-label {font-size: 0.85rem;color: rgba(255,255,255,0.75);}
/* ===== Product Cards — Metallic Depth ===== */
.products-section {background: var(--bg-steel);position: relative;}
.products-section::before {content: '';position: absolute;inset: 0;background:radial-gradient(ellipse at 10% 80%, rgba(196,163,90,0.05) 0%, transparent 60%),radial-gradient(ellipse at 90% 20%, rgba(30,77,139,0.04) 0%, transparent 50%);pointer-events: none;}
.products-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--card-gap);position: relative;z-index: 1;}
.product-card {background: var(--bg-card);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-card);transition: var(--transition);border: 1px solid rgba(196,163,90,0.12);position: relative;}
/* Metallic shine line at top */
.product-card::before {content: '';position: absolute;top: 0; left: 0; right: 0;height: 3px;background: var(--gold-gradient);opacity: 0;transition: var(--transition);}
.product-card:hover::before {opacity: 1;}
.product-card:hover {transform: translateY(-8px);box-shadow: var(--shadow-hover);border-color: rgba(196,163,90,0.3);}
.product-card-img {position: relative;background: linear-gradient(135deg, #fff 0%, #F8F9FB 50%, #F4F6F9 100%);display: flex;align-items: center;justify-content: center;padding: 20px;border-bottom: 1px solid rgba(196,163,90,0.08);overflow: hidden;}
.product-card-img::after {content: '';position: absolute;inset: 0;background: radial-gradient(ellipse at 50% 30%, rgba(196,163,90,0.04) 0%, transparent 70%);pointer-events: none;}
.product-card-img img {max-height: 100%;max-width: 100%;object-fit: contain;transition: var(--transition);filter: drop-shadow(0 2px 8px rgba(0,0,0,0.08));}
.product-card:hover .product-card-img img {transform: scale(1.05);filter: drop-shadow(0 4px 16px rgba(0,0,0,0.12));}
.product-card-tag {position: absolute;top: 16px; left: 16px;background: var(--gold-gradient);color: #fff;font-size: 0.7rem;font-weight: 700;text-transform: uppercase;padding: 6px 12px;border-radius: var(--radius-pill);box-shadow: 0 2px 8px rgba(196,163,90,0.3);text-shadow: 0 1px 2px rgba(0,0,0,0.15);  z-index:9999;}
.product-card-body {padding: 24px;}
.product-card-title {font-size: var(--card-title);font-weight: 700;color: var(--text-primary);margin-bottom: 8px;}
.product-card-title .ru {display: block;font-size: 0.8em;color: var(--text-muted);font-weight: 500;margin-top: 2px;}
.product-card-desc {font-size: 0.9rem;color: var(--text-secondary);margin-bottom: 16px;line-height: 1.6;}
.product-card-link {display: inline-flex;align-items: center;gap: 6px;color: var(--gold-dark);font-weight: 600;font-size: 0.9rem;}
.product-card-link:hover {gap: 10px;color: var(--gold-primary);}
/* ===== Two Column Layouts — Metallic ===== */
.two-col {display: grid;grid-template-columns: 1fr 1fr;gap: 64px;align-items: center;}
.two-col.reverse {direction: rtl;}
.two-col.reverse > * {direction: ltr;}
.col-img {border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-deep);background: #fff;border: 1px solid rgba(196,163,90,0.12);position: relative;}
.col-img::after {content: '';position: absolute;inset: 0;border-radius: var(--radius-lg);background: linear-gradient(135deg, rgba(255,255,255,0.4) 0%, transparent 50%, rgba(255,255,255,0.1) 100%);pointer-events: none;}
.col-img img {width: 100%; height: 100%;object-fit: cover;display: block;}
.col-content {display: flex;flex-direction: column;gap: 20px;}
.feature-list {display: flex;flex-direction: column;gap: 14px;}
.feature-item {display: flex;gap: 14px;align-items: flex-start;padding: 16px;background: var(--bg-secondary);border-radius: var(--radius-md);border: 1px solid rgba(196,163,90,0.08);transition: var(--transition);}
.feature-item:hover {background: var(--gold-soft);border-color: rgba(196,163,90,0.2);box-shadow: 0 2px 8px rgba(196,163,90,0.08);}
.feature-icon {width: 40px; height: 40px;min-width: 40px;border-radius: 10px;background: var(--gold-gradient);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 1.1rem;box-shadow: 0 2px 6px rgba(196,163,90,0.25);text-shadow: 0 1px 2px rgba(0,0,0,0.15);}
.feature-text h4 {font-size: 1rem;font-weight: 700;color: var(--text-primary);margin-bottom: 4px;}
.feature-text h4 .ru {display: block;font-size: 0.78em;color: var(--text-muted);font-weight: 500;}
.feature-text p {font-size: 0.9rem;color: var(--text-secondary);line-height: 1.6;}
/* ===== Factory Gallery — Dark Metallic ===== */
.factory-section {background: var(--bg-dark-section);}
.gallery-grid { width:100%;}
.gallery-item {border-radius: var(--radius-lg);overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.3); float:right;width:32%;background: var(--bg-secondary);border: 1px solid rgba(196,163,90,0.2);position: relative; margin-bottom:2%; margin-left:2%;}
.gallery-item:first-child {border-radius: var(--radius-lg);overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.3); width:66%; float:left;background: var(--bg-secondary);border: 1px solid rgba(196,163,90,0.2);position: relative; margin-left:0%;}
.gallery-item::after {content: '';position: absolute;inset: 0;background: linear-gradient(135deg, rgba(255,255,255,0.15) 0%, transparent 30%, rgba(255,255,255,0.05) 100%);pointer-events: none;}
.gallery-item img {width: 100%; height: 100%;object-fit: cover;transition: var(--transition);}
.gallery-item:hover img {transform: scale(1.05);}
.gallery-item:hover {border-color: rgba(196,163,90,0.4);box-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 0 0 1px rgba(196,163,90,0.3);}
/* ===== CTA Section — Gold Gradient ===== */
.cta-section {background: var(--bg-dark-section-alt);padding: 100px 0;text-align: center;color: #fff;position: relative;overflow: hidden;}
.cta-section::before {content: '';position: absolute;inset: 0;background:radial-gradient(ellipse at 50% 50%, rgba(196,163,90,0.12) 0%, transparent 60%),repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(196,163,90,0.02) 20px, rgba(196,163,90,0.02) 21px);pointer-events: none;}
.cta-section .section-title {color: #fff;margin-bottom: 16px;}
.cta-section .section-desc {color: rgba(255,255,255,0.85);max-width: 600px;margin: 0 auto 32px;}
/* ===== Divider Line — Metallic ===== */
.metallic-divider {width: 80px;height: 3px;background: var(--gold-gradient);border-radius: 2px;margin: 16px 0;box-shadow: 0 1px 4px rgba(196,163,90,0.3);}
.metallic-divider-wide {width: 100%;height: 1px;background: var(--metallic-border);border-radius: 1px;}
/* ===== Footer — Dark Metallic ===== */
.footer {background: var(--brand-blue-dark);color: rgba(255,255,255,0.7);padding: 64px 0 24px;position: relative;overflow: hidden;}
.footer::before {content: '';position: absolute;inset: 0;background:radial-gradient(ellipse at 10% 20%, rgba(196,163,90,0.05) 0%, transparent 50%);pointer-events: none;}
.footer::after {content: '';position: absolute;inset: 0;background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255,255,255,0.01) 3px, rgba(255,255,255,0.01) 6px);pointer-events: none;}
.footer-grid {display: grid;grid-template-columns: 1.8fr 1fr 1fr 1.2fr;gap: 48px;margin-bottom: 48px;position: relative;z-index: 1;}
.footer-brand {display: flex;align-items: center;gap: 12px;margin-bottom: 16px;}
.footer-brand img {height: 48px;width: auto;}
.footer-brand-text .brand-name {font-weight: 700;color: #fff;font-size: 1.1rem;}
.footer-brand-text .brand-tagline {font-size: 0.75rem;color: rgba(196,163,90,0.6);}
.footer-desc {font-size: 0.9rem;line-height: 1.7;max-width: 320px;}
.footer-title {font-weight: 700;color: var(--gold-light);font-size: 0.95rem;margin-bottom: 18px;text-transform: uppercase;letter-spacing: 0.05em;}
.footer-links li {margin-bottom: 10px;}
.footer-links a {font-size: 0.9rem;transition: var(--transition);}
.footer-links a:hover {color: var(--gold-light);}
.footer-contact p {font-size: 0.9rem;margin-bottom: 10px;display: flex;align-items: flex-start;gap: 10px;}
.footer-bottom {border-top: 1px solid rgba(196,163,90,0.15);padding-top: 24px;display: flex;justify-content: space-between;align-items: center;font-size: 0.8rem;color: rgba(255,255,255,0.4);position: relative;z-index: 1;}
/* ===== Product Detail Pages — Metallic Edition ===== */
.product-hero {margin-top: var(--nav-height);padding: 80px 0 60px;background: var(--bg-steel);position: relative;}
.product-hero::before {content: '';position: absolute;inset: 0;background: radial-gradient(ellipse at 80% 30%, rgba(196,163,90,0.06) 0%, transparent 60%);pointer-events: none;}
.breadcrumb {display: flex;gap: 8px;align-items: center;font-size: 0.85rem;color: var(--text-muted);margin-bottom: 24px;}
.breadcrumb a:hover {color: var(--gold-primary);}
.breadcrumb .sep {color: var(--gold-primary);}
.product-detail-grid {display: grid;grid-template-columns: 1.1fr 1fr;gap: 64px;align-items: start;}
.product-gallery {background: #fff;border-radius: var(--radius-lg);padding: 32px;box-shadow: var(--shadow-deep);border: 1px solid rgba(196,163,90,0.12);position: relative;}
.product-gallery::before {content: '';position: absolute;top: 0; left: 0; right: 0;height: 3px;background: var(--gold-gradient);border-radius: var(--radius-lg) var(--radius-lg) 0 0;}
.product-gallery-main {height: auto;display: flex;align-items: center;justify-content: center;margin-bottom: 16px;background: linear-gradient(135deg, #fff 0%, #F8F9FB 50%, #F4F6F9 100%);border-radius: var(--radius-md);border: 1px solid rgba(196,163,90,0.08);}
.product-gallery-main img {max-height: 100%;max-width: 100%;object-fit: contain;filter: drop-shadow(0 4px 12px rgba(0,0,0,0.1));}
.product-info h1 {font-size: clamp(1.75rem, 3vw, 2.25rem);font-weight: 700;color: var(--text-primary);margin-bottom: 8px;}
.product-info h1 .ru {display: block;font-size: 0.7em;color: var(--text-muted);font-weight: 500;margin-top: 6px;}
.product-subtitle {font-size: 1.05rem;color: var(--text-secondary);margin-bottom: 24px;}
.product-highlights {display: grid;grid-template-columns: repeat(2, 1fr);gap: 16px;margin-bottom: 32px;}
.highlight-box {background: var(--bg-secondary);border: 1px solid rgba(196,163,90,0.12);border-radius: var(--radius-md);padding: 18px;text-align: center;position: relative;transition: var(--transition);}
.highlight-box:hover {border-color: rgba(196,163,90,0.25);box-shadow: 0 2px 8px rgba(196,163,90,0.08);}
.highlight-box::before {content: '';position: absolute;top: 0; left: 0; right: 0;height: 2px;background: var(--gold-gradient);opacity: 0.4;border-radius: var(--radius-md) var(--radius-md) 0 0;}
.highlight-box .value {font-size: 1.5rem;font-weight: 700;color: var(--gold-primary);display: block;margin-bottom: 4px;}
.highlight-box .label {font-size: 0.8rem;color: var(--text-secondary);}
.specs-table {width: 100%;border-collapse: collapse;margin-top: 24px;}
.specs-table th,.specs-table td {padding: 14px 16px;text-align: left;border-bottom: 1px solid rgba(196,163,90,0.08);font-size: 0.9rem;}
.specs-table th {background: var(--gold-soft);color: var(--gold-dark);font-weight: 700;text-transform: uppercase;font-size: 0.75rem;letter-spacing: 0.05em;border-bottom: 2px solid rgba(196,163,90,0.15);}
.specs-table tr:hover td {background: var(--gold-soft);}
.model-cards {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 24px;margin-top: 40px;}
.model-card {background:#fff;border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-card);border: 1px solid rgba(196,163,90,0.12);transition: var(--transition);position: relative;}
.model-card::before {content: '';position: absolute;top: 0; left: 0; right: 0;height: 3px;background: var(--gold-gradient);opacity: 0;transition: var(--transition);}
.model-card:hover::before {opacity: 1;}
.model-card:hover {transform: translateY(-6px);box-shadow: var(--shadow-hover);border-color: rgba(196,163,90,0.25);}
.model-card-img {height: auto;background: linear-gradient(135deg, #fff 0%, #F8F9FB 50%, #F4F6F9 100%);display: flex;align-items: center;justify-content: center;border-bottom: 1px solid rgba(196,163,90,0.08);}
.model-card-img img {max-height: 100%;max-width: 100%;object-fit: contain;filter: drop-shadow(0 2px 8px rgba(0,0,0,0.08));}
.model-card-body {padding: 20px;}
.model-card-title {font-size: 1.1rem;font-weight: 700;color: var(--gold-dark); text-align:center;}
.model-card-specs {font-size: 0.85rem;color: var(--text-secondary);line-height: 1.8; display:none;}
/* ===== About Page — Metallic Timeline ===== */
.timeline {position: relative;padding-left: 24px;border-left: 2px solid rgba(196,163,90,0.25);margin-top: 24px;}
.timeline-item {position: relative;padding-bottom: 28px;}
.timeline-item::before {content: '';position: absolute;left: -31px;top: 4px;width: 14px; height: 14px;border-radius: 50%;background: var(--gold-gradient);border: 3px solid #fff;box-shadow: 0 0 0 2px rgba(196,163,90,0.3), 0 2px 8px rgba(196,163,90,0.2);}
.timeline-year {font-size: 1.1rem;font-weight: 700;color: var(--gold-primary);margin-bottom: 4px;}
.timeline-text {font-size: 0.95rem;color: var(--text-secondary);}
.cert-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 24px;}
.cert-card {background: #fff;border: 1px solid rgba(196,163,90,0.12);border-radius: var(--radius-md);padding: 24px;text-align: center;box-shadow: var(--shadow-soft);transition: var(--transition);position: relative;}
.cert-card::before {content: '';position: absolute;top: 0; left: 0; right: 0;height: 2px;background: var(--gold-gradient);opacity: 0.5;}
.cert-card:hover {border-color: rgba(196,163,90,0.25);box-shadow: var(--shadow-card);}
.cert-card-icon {width: 48px; height: 48px;margin: 0 auto 12px;background: var(--gold-gradient);color: #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 1.3rem;box-shadow: 0 2px 8px rgba(196,163,90,0.2);}
.cert-card h4 {font-size: 0.95rem;margin-bottom: 4px;}
.cert-card p {font-size: 0.8rem;color: var(--text-muted);}
/* ===== Contact Page — Metallic ===== */
.contact-grid {display: grid;grid-template-columns: 1.2fr 1fr;gap: 48px;}
.contact-form {background: #fff;border: 1px solid rgba(196,163,90,0.12);border-radius: var(--radius-lg);padding: 40px;box-shadow: var(--shadow-deep);position: relative;}
.contact-form::before {content: '';position: absolute;top: 0; left: 0; right: 0;height: 3px;background: var(--gold-gradient);border-radius: var(--radius-lg) var(--radius-lg) 0 0;}
.form-group {margin-bottom: 22px;}
.form-group label {display: block;font-size: 0.85rem;font-weight: 600;color: var(--text-primary);margin-bottom: 8px;}
.form-group label .ru {color: var(--text-muted);font-weight: 500;}
.form-group input,.form-group select,.form-group textarea {width: 100%;padding: 12px 16px;border: 1px solid rgba(196,163,90,0.15);border-radius: var(--radius-md);font-size: 0.95rem;color: var(--text-primary);background: var(--bg-secondary);transition: var(--transition);}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus {outline: none;border-color: var(--gold-primary);box-shadow: 0 0 0 3px rgba(196,163,90,0.1);}
.form-row {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}
.contact-info-card {background: #fff;border: 1px solid rgba(196,163,90,0.12);border-radius: var(--radius-lg);padding: 28px;margin-bottom: 24px;box-shadow: var(--shadow-soft);position: relative;transition: var(--transition);}
.contact-info-card:hover {border-color: rgba(196,163,90,0.25);box-shadow: var(--shadow-card);}
.contact-info-card::before {content: '';position: absolute;top: 0; left: 0; right: 0;height:3px;background: var(--gold-gradient);border-radius: var(--radius-lg) var(--radius-lg) 0 0;}
.contact-info-card h3 {font-size: 1.1rem;margin-bottom: 16px;color: var(--text-primary);}
.contact-info-item {display: flex;gap:14px;margin-bottom: 16px;}
.contact-info-item .icon {width:60px; height: 60px;min-width: 60px;background: var(--gold-gradient);color: #fff;border-radius: 50%;display:flex;align-items: center;justify-content: center;box-shadow: 0 2px 6px rgba(196,163,90,0.2);}
.contact-info-item .text strong {display: block;font-size: 0.85rem;color: var(--text-primary);}
.contact-info-item .text span {font-size: 0.85rem;color: var(--text-secondary);}
.map-placeholder {width: 100%;height: 280px;background: var(--bg-steel);border-radius: var(--radius-lg);display: flex;align-items: center;justify-content: center;color: var(--text-muted);border: 1px dashed rgba(196,163,90,0.2);}
/* ===== Scroll Animation — Reveal ===== */
.reveal {opacity: 0;transform: translateY(24px);transition: opacity 0.6s ease, transform 0.6s ease;}
.reveal.visible {opacity: 1;transform: translateY(0);}
/* ===== Language-specific ===== */
.ru-text { display: none; }
body.lang-ru .en-text { display: none; }
body.lang-ru .ru-text { display: block; }
body.lang-ru .nav-logo-text .brand-name { font-size: 0.95rem; }
/* ===== Responsive ===== */
@media (max-width: 1024px) {
.nav-menu {position: fixed;top: var(--nav-height);right: -100%;width: 100%;height: calc(100vh - var(--nav-height));background: rgba(255,255,255,0.98);backdrop-filter: blur(20px);flex-direction: column;padding: 40px 24px;gap: 24px;transition: var(--transition);align-items: flex-start;box-shadow: -8px 0 32px rgba(0,0,0,0.08);border-left: 1px solid rgba(196,163,90,0.15);}
.nav-menu.active { right: 0; }
.mobile-toggle { display: flex; }
.two-col,.product-detail-grid,.contact-grid {grid-template-columns: 1fr;gap: 40px;}
.stats-grid { grid-template-columns: repeat(2, 1fr); }
.stat-item:nth-child(2) { border-right: none; }
.stat-item:nth-child(1),.stat-item:nth-child(2) {margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px solid rgba(196,163,90,0.2);}
.products-grid,.gallery-grid,.cert-grid { grid-template-columns: 1fr; }
.gallery-item.wide { grid-column: span 1; }
.footer-grid { grid-template-columns: 1fr 1fr; }}
.page-bot{height:80px;line-height:80px;background-color:#f4f8f9;position:relative;overflow:hidden; border-radius:30px; margin-top:30px; clear:both;}
.page-bot .page{position:absolute;display:block;height:100%;font-size:0;color:#6b6b6b}
.page-bot .page:hover{color:#000}
.page-bot .page>span{font-size:16px;display:inline-block;vertical-align:middle}
.page-bot .page>i{display:inline-block;vertical-align:middle;width:11px;height:9px;background-repeat:no-repeat;-o-background-size:11px;background-size:11px;background-position:center}
.page-bot .page.prev{left:30px}
.page-bot .page.prev i{margin-right:20px;background-image:url(../images/c_prev2.png)}
.page-bot .page.prev:hover i{background-image:url(../images/c_prev2-1.png)}
.page-bot .page.next{right:30px}
.page-bot .page.next i{margin-left:20px;background-image:url(../images/c_next2.png)}
.page-bot .page.next:hover i{background-image:url(../images/c_next2-1.png)}
.page-bot .more{position:absolute;display:block;left:50%;margin-left:-40px;width:80px;height:100%;background:url(../images/more.png) center no-repeat;-o-background-size:19px;background-size:19px}
.page-bot .more:hover{background-image:url(../images/more-1.png)}
.pages{position:absolute;left:120px;right:130px; top:20px;text-align:center;line-height:80px}
.pages ul{display:inline-block;vertical-align:middle}
.pages ul li{float:left;margin:0 14px}
.pages ul li a,.pages ul li span{display:block;width:40px;height:40px;line-height:40px;text-align:center;color:#7f7f7e;border:1px solid #d0d2d3;border-radius:50%}
.pages ul li.on a{background-color:#a8893f;border-color:#a8893f;color:#fff}
.pages ul a:hover{color:#a8893f;border-color:#a8893f}

.bge2{background: #f4f8f9;}
.position-warp{padding:12px;min-height:88px;}
.position-bot{font-size: 0;padding: 20px 0;}
.position-bot a{display:inline-block;width:auto; min-width:120px;padding:0 15px;line-height:34px;border-radius:4px;text-align:center;position:relative;font-size: 1.05rem;color:#444;margin-right:20px;transition: all .4s;}
.position-bot a.active{background:#a8893f;color: #fff;}
.position-bot a:hover{background: #a8893f;color: #fff;}
.position-bot a:after{content: "";position: absolute;top:50%;right: -10px;border-right: 1px solid #999;height: 12px;margin-top: -6px;}
.position-bot a:last-child:after{display: none;}

@media screen and (max-width:1600px){
.page-bot{height:60px;line-height:60px}
.page-bot .page>span{font-size:14px}
.page-bot .page.prev i{margin-right:10px}
.page-bot .page.next i{margin-left:10px}
.pages{line-height:60px}
.pages ul li{margin:0 8px}
.pages ul li a,.pages ul li span{width:30px;height:30px;line-height:30px}
}

@media (max-width: 640px) {
.container {width:94%;margin: 0 auto;}
.nav-logo-text{ display:none;}
.hero { min-height: 520px; }
.hero-cta { flex-direction: column; width: 100%; }
.hero-cta .btn { width: 100%; }
.stats-grid { grid-template-columns: 1fr; }
.stat-item {border-right: none;border-bottom: 1px solid rgba(196,163,90,0.2);padding-bottom: 24px;margin-bottom: 24px;}
.stat-item:last-child {border-bottom: none;padding-bottom: 0; margin-bottom: 0;}
.product-highlights,.form-row { grid-template-columns: 1fr; }
.footer-grid { grid-template-columns: 1fr; gap: 32px; }
.footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
.contact-form { padding: 24px; }
.product-gallery { padding: 20px; }
.product-gallery-main { height: 280px; }
.page-bot{height:45px;line-height:45px}.gallery-item {border-radius: var(--radius-lg);overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.3); float:left;width:49%;background: var(--bg-secondary);border: 1px solid rgba(196,163,90,0.2);position: relative; margin-bottom:2%; margin-left:1%;}
.gallery-item:first-child {border-radius: var(--radius-lg);overflow: hidden;box-shadow: 0 4px 20px rgba(0,0,0,0.3); width:100%; float:none;background: var(--bg-secondary);border: 1px solid rgba(196,163,90,0.2);position: relative; margin-left:0%;}

}