/* Переменные (если уже есть глобально — не конфликтуют) */
:root {
  --primary: #40AC5D;
  --primary-dark: #0A8D2D;
  --accent-blue: #3E6EB4;
  --white: #FFFFFF;
  --black: #121212;
  --gray-light: #F5F5F5;
  --gray-medium: #E0E0E0;
  --gray-dark: #757575;
  --red: #E53935;
  --orange: #FF9800;
  --bg-dark: #1A1A1A;
  --text-dark: #E0E0E0;
  --border-dark: #333333;
  --transition: all 0.3s ease;
  --shadow: 0 4px 12px rgba(0,0,0,0.1);
}
[data-theme="dark"]{
  --white: var(--bg-dark);
  --black: var(--text-dark);
  --gray-light:#2D2D2D; --gray-medium:#444444; --gray-dark:#888888;
}

/* Hero Section (как в макете) */
.pw-hero-section{position:relative;max-width:1700px;margin:0 auto;padding:0 32px 40px;margin-top:2rem;}
.pw-hero-container{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:30px;
  align-items:stretch;
  min-height:500px; /* фикс высота ряда на десктопе, чтобы обе колонки были равны */
}
.pw-hero-container > *{min-width:0;}

/* Главный слайдер */
.pw-main-slider{
  position:relative;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);height:600px;
}
.pw-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:var(--transition);background-color:var(--gray-light);}
.pw-slide.active{opacity:1;z-index:1;}
.pw-slide-image{width:100%;height:100%;object-fit:cover;}
.pw-slide-content{
  position:absolute;bottom:0;left:0;right:0;padding:30px;
  background:linear-gradient(to top, rgba(0,0,0,0.8), transparent);color:#fff;
}
.pw-slide-badge{display:inline-block;padding:6px 12px;background:var(--orange);color:#fff;font-size:12px;font-weight:700;border-radius:4px;margin-bottom:15px;text-transform:uppercase;}
.pw-slide-title{font-size:28px;font-weight:700;margin-bottom:15px;line-height:1.3;}
.pw-slide-desc{font-size:16px;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.pw-slide-link{display:inline-flex;align-items:center;color:#fff;font-weight:600;text-decoration:none;}
.pw-slide-link i{margin-left:8px;transition:var(--transition);}
.pw-slide-link:hover i{transform:translateX(5px);}

/* Стрелки/точки */
.pw-slider-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:10px;z-index:2;}
.pw-slider-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,0.2);border:none;color:#fff;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;}
.pw-slider-btn:hover{background:rgba(255,255,255,0.4);}
.pw-slider-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:2;}
.pw-slider-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,0.5);cursor:pointer;transition:var(--transition);}
.pw-slider-dot.active{background:#fff;transform:scale(1.2);}

/* Правый блок (каркас; подробные стили у шаблона news.line) */
.pw-main-news{
  height:100%;           /* ВАЖНО: чтобы равнялся по высоте слайдера на десктопе */
  display:flex;flex-direction:column;
}

/* Адаптивность (как в макете) */
@media (max-width:1200px){
  .pw-hero-container{ grid-template-columns:1fr; min-height:auto; }
  .pw-main-slider{ height:400px; }       /* на планшете фикс высота слайдера */
  .pw-main-news{ height:auto; }          /* вправо/вниз — авто */
}
@media (max-width:768px){
  .pw-hero-section{ padding:0 20px 30px; }
  .pw-slide-title{ font-size:22px; }
  .pw-slide-content{ padding:20px; }
}
@media (max-width:480px){
  .pw-main-slider{ height:/*300px*/auto; aspect-ratio: 1070 / 686; }
  .pw-slide-title{ font-size:18px; }
  .pw-slide-desc{ display:none; }
}