/* ================== English Version Hero Corrections ================== */
/* This file contains ONLY corrections for English version */
/* Base styles are loaded from hero.css */

/* ================== LAYOUT CORRECTIONS ================== */

/* Ensure proper flexbox layout for English version */
body.en-version .uv-hero-inner .wp-block-columns { 
  gap: 24px; 
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
}

/* Ensure columns maintain their flex-basis */
body.en-version .uv-hero-content {
  flex-basis: 55% !important;
}

body.en-version .uv-hero-right {
  flex-basis: 45% !important;
}

/* ================== TEXT CONTENT - CLEAN STYLES (NO SHIFTS) ================== */

body.en-version .uv-hero-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  position: relative;
}

body.en-version .uv-hero-title {
  line-height: 1.1 !important;
  font-weight: 700;
  color: var(--uv-text) !important;
  text-align: left !important;
  display: block !important;
  font-size: clamp(1.5rem, 3vw, 2.2rem) !important;
}

body.en-version .uv-hero-description {
  font-size: 1.1rem;
  line-height: 1.6;
  color: var(--uv-muted);
  margin: 0;
  text-align: left !important;
}

body.en-version .uv-hero-badge {
  font-size: .95rem;
  color: var(--uv-muted);
  text-align: left !important;
}

body.en-version .uv-hero-buttons {
  display: flex;
  gap: 12px;
}

/* ================== IMAGE - CLEAN STYLES (NO SHIFTS) ================== */

body.en-version .uv-hero-photo-container {
  position: relative;
  width: 700px;
  max-width: 700px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: visible;
}

body.en-version .uv-hero-photo {
  position: relative;
  z-index: 1;
  width: 700px !important;
  max-width: 700px !important;
  border-radius: 0 30px 30px 0 !important;
  display: block !important;
  object-fit: cover;
}

/* ================== RESPONSIVE CORRECTIONS ================== */

/* Large screens (1400px+) - same as Russian version */
@media (min-width: 1400px) {
  body.en-version .uv-hero-photo-container {
    width: 800px;
    max-width: 800px;
  }
  
  body.en-version .uv-hero-photo {
    width: 800px !important;
    max-width: 800px !important;
  }
}

@media (max-width: 1200px){
  body.en-version .uv-hero-content, 
  body.en-version .uv-hero-right { 
    flex-basis: 100% !important; 
  }
  
  body.en-version .uv-hero-photo { 
    max-width: 520px; 
    margin: 0 auto; 
    display: block; 
  }
}

/* Tablet styles (768px-1200px) */
@media (max-width: 1200px) and (min-width: 769px) {
  body.en-version .uv-hero-photo-container {
    width: 500px;
    max-width: 500px;
  }
  
  body.en-version .uv-hero-photo {
    width: 500px !important;
    max-width: 500px !important;
    margin-top: -40px !important;
  }
}

/* Mobile styles (768px and below) */
@media (max-width: 768px) {
  body.en-version .uv-hero-content {
    text-align: center !important;
  }
  
  body.en-version .uv-hero-buttons {
    justify-content: center !important;
  }
  
  body.en-version .uv-hero-photo-container {
    width: 100%;
    max-width: 400px;
    margin: 20px auto 0;
  }
  
  body.en-version .uv-hero-photo {
    width: 100% !important;
    max-width: 300px !important;
    margin-top: 30px !important;
    border-radius: 20px !important;
  }
}

/* Small mobile styles (480px and below) */
@media (max-width: 480px) {
  body.en-version .uv-hero-photo-container {
    max-width: 300px;
  }
  
  body.en-version .uv-hero-photo {
    max-width: 250px !important;
    margin-top: 30px !important;
    border-radius: 16px !important;
  }
}

/* Extra small mobile styles (320px and below) */
@media (max-width: 320px) {
  body.en-version .uv-hero-photo-container {
    max-width: 250px;
  }
  
  body.en-version .uv-hero-photo {
    max-width: 200px !important;
    margin-top: 20px !important;
  }
}/* ================== ТОЧНЫЕ РАЗРЕШЕНИЯ ДЛЯ EN ВЕРСИИ ================== */

/* 1280x800 */
@media (min-width: 1280px) and (max-width: 1280px) and (min-height: 800px) and (max-height: 800px) {
  body.en-version .uv-hero { padding: 80px 0 !important; }
  body.en-version .uv-hero-inner { max-width: 1150px !important; padding-inline: 24px !important; }
  body.en-version .uv-hero-title { font-size: 36px !important; }
  body.en-version .uv-hero-description { font-size: 17px !important; }
  body.en-version .uv-hero-photo-container { width: 550px !important; max-width: 550px !important; }
  body.en-version .uv-hero-photo { width: 550px !important; max-width: 550px !important; }
}

/* 1280x1024 */
@media (min-width: 1280px) and (max-width: 1280px) and (min-height: 1024px) and (max-height: 1024px) {
  body.en-version .uv-hero { padding: 100px 0 !important; }
  body.en-version .uv-hero-inner { max-width: 1150px !important; padding-inline: 24px !important; }
  body.en-version .uv-hero-title { font-size: 40px !important; }
  body.en-version .uv-hero-description { font-size: 18px !important; }
  body.en-version .uv-hero-photo-container { 
    width: 650px !important; 
    max-width: 650px !important;
    height: 720px !important;
    margin-left: -2.5cm !important;
  }
  body.en-version .uv-hero-photo { 
    width: 650px !important; 
    max-width: 650px !important;
    height: 720px !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  body.en-version .uv-photo-background {
    width: 650px !important;
    max-width: 650px !important;
    height: 720px !important;
  }
}

/* 1366x768 */
@media (min-width: 1366px) and (max-width: 1366px) and (min-height: 768px) and (max-height: 768px) {
  body.en-version .uv-hero { padding: 100px 0 !important; }
  body.en-version .uv-hero-inner { max-width: 1250px !important; padding-inline: 28px !important; }
  body.en-version .uv-hero-title { font-size: 42px !important; }
  body.en-version .uv-hero-description { font-size: 18px !important; }
  body.en-version .uv-hero-photo-container { width: 550px !important; max-width: 550px !important; }
  body.en-version .uv-hero-photo { width: 550px !important; max-width: 550px !important; }
}

/* 1440x900 */
@media (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
  body.en-version .uv-hero { padding: 110px 0 !important; }
  body.en-version .uv-hero-inner { max-width: 1320px !important; padding-inline: 32px !important; }
  body.en-version .uv-hero-title { font-size: 44px !important; }
  body.en-version .uv-hero-description { font-size: 19px !important; }
  body.en-version .uv-hero-photo-container { width: 580px !important; max-width: 580px !important; }
  body.en-version .uv-hero-photo { width: 580px !important; max-width: 580px !important; }
}

/* 1536x864 */
@media (min-width: 1536px) and (max-width: 1536px) and (min-height: 864px) and (max-height: 864px) {
  body.en-version .uv-hero { padding: 110px 0 !important; }
  body.en-version .uv-hero-inner { max-width: 1380px !important; padding-inline: 32px !important; }
  body.en-version .uv-hero-title { font-size: 44px !important; }
  body.en-version .uv-hero-description { font-size: 19px !important; }
  body.en-version .uv-hero-photo-container { width: 600px !important; max-width: 600px !important; }
  body.en-version .uv-hero-photo { width: 600px !important; max-width: 600px !important; }
}

/* 1600x900 */
@media (min-width: 1600px) and (max-width: 1600px) and (min-height: 900px) and (max-height: 900px) {
  body.en-version .uv-hero { padding: 120px 0 !important; }
  body.en-version .uv-hero-inner { max-width: 1450px !important; padding-inline: 36px !important; }
  body.en-version .uv-hero-title { font-size: 46px !important; }
  body.en-version .uv-hero-description { font-size: 20px !important; }
  body.en-version .uv-hero-photo-container { width: 620px !important; max-width: 620px !important; }
  body.en-version .uv-hero-photo { width: 620px !important; max-width: 620px !important; }
}

/* 1920x1080 */
@media (min-width: 1920px) and (max-width: 1920px) and (min-height: 1080px) and (max-height: 1080px) {
  body.en-version .uv-hero { padding: 140px 0 !important; }
  body.en-version .uv-hero-inner { max-width: 1700px !important; padding-inline: 48px !important; }
  body.en-version .uv-hero-title { font-size: 52px !important; }
  body.en-version .uv-hero-description { font-size: 22px !important; }
  body.en-version .uv-hero-photo-container { width: 720px !important; max-width: 720px !important; }
  body.en-version .uv-hero-photo { width: 720px !important; max-width: 720px !important; }
}

/* 2560x1440 */
@media (min-width: 2560px) and (max-width: 2560px) and (min-height: 1440px) and (max-height: 1440px) {
  body.en-version .uv-hero { padding: 160px 0 !important; }
  body.en-version .uv-hero-inner { max-width: 2200px !important; padding-inline: 80px !important; }
  body.en-version .uv-hero-title { font-size: 64px !important; }
  body.en-version .uv-hero-description { font-size: 26px !important; }
  body.en-version .uv-hero-photo-container { width: 1100px !important; max-width: 1100px !important; }
  body.en-version .uv-hero-photo { width: 1100px !important; max-width: 1100px !important; }
}

/* Cache buster: 2025-10-08 00:59:53 */