/* ==========================================================
   RADIATORI.KZ — ПАНЕЛЬНЫЕ РАДИАТОРЫ CALORE
   Файл: /templates/ВАШ_ШАБЛОН/css/panel-radiators.css
   ========================================================== */

.panel-page{
  --panel-bg:#0b1115;
  --panel-bg2:#10181e;
  --panel-card:#151e24;
  --panel-line:rgba(255,255,255,.10);
  --panel-red:#ed1c24;
  --panel-white:#fff;
  --panel-muted:#aab2b8;
  --panel-light:#f3f4f5;
  width:100%;
  overflow:hidden;
  background:var(--panel-bg);
  color:var(--panel-white);
  font-family:Arial,Helvetica,sans-serif;
}
.panel-page *{box-sizing:border-box}
.panel-page .panel-container{width:100%;max-width:1200px;margin:0 auto;padding-left:22px;padding-right:22px}
.panel-page h1,.panel-page h2,.panel-page h3,.panel-page p,.panel-page strong,.panel-page small{margin-top:0}
.panel-page a{text-decoration:none}
.panel-page .panel-section-label,.panel-page .panel-kicker{
  color:#c8ced2!important;font-size:12px!important;font-weight:700!important;
  letter-spacing:1.7px;text-transform:uppercase;line-height:1.4;
}
.panel-page .panel-section-label:before,.panel-page .panel-kicker:before{
  content:"";display:inline-block;width:32px;height:2px;background:var(--panel-red);
  vertical-align:middle;margin-right:12px;
}
.panel-page .panel-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;
  font-size:13px!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.25px;
  transition:.2s ease;border:1px solid transparent;color:#fff!important;
}
.panel-page .panel-btn-red{background:var(--panel-red);border-color:var(--panel-red)}
.panel-page .panel-btn-red:hover{background:#cf1119;border-color:#cf1119;color:#fff!important}
.panel-page .panel-btn-outline{background:rgba(0,0,0,.12);border-color:rgba(255,255,255,.38)}
.panel-page .panel-btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.08);color:#fff!important}

/* HERO */
.panel-page .panel-hero{
  min-height:590px;display:flex;align-items:center;position:relative;
  background:
    linear-gradient(90deg,rgba(5,8,10,.98) 0%,rgba(5,8,10,.88) 32%,rgba(5,8,10,.25) 63%,rgba(5,8,10,.05) 100%),
    url("/images/Calore.jpeg") center/cover no-repeat;
}
.panel-page .panel-hero-content{max-width:590px;padding:95px 0 85px}
.panel-page .panel-hero h1{
  color:#fff!important;font-size:68px!important;line-height:.93!important;font-weight:900!important;
  text-transform:uppercase;letter-spacing:-2px;margin:20px 0 18px!important;
}
.panel-page .panel-hero-subtitle{
  color:#fff!important;font-size:22px!important;line-height:1.25;font-weight:800;text-transform:uppercase;
  margin-bottom:22px;
}
.panel-page .panel-hero-text{
  color:#d3d7da!important;font-size:17px!important;line-height:1.65!important;max-width:570px;margin-bottom:30px!important;
}
.panel-page .panel-hero-buttons{display:flex;gap:14px;flex-wrap:wrap}

/* BENEFITS */
.panel-page .panel-benefits-strip{background:#0c1318;border-top:1px solid var(--panel-line);border-bottom:1px solid var(--panel-line)}
.panel-page .panel-benefits-grid{display:grid;grid-template-columns:repeat(5,1fr);padding-top:0;padding-bottom:0}
.panel-page .panel-benefit{
  min-height:96px;display:flex;align-items:center;gap:13px;padding:18px 14px;border-right:1px solid var(--panel-line);
  color:#9ea7ad!important;font-size:12px!important;line-height:1.35;
}
.panel-page .panel-benefit:first-child{border-left:1px solid var(--panel-line)}
.panel-page .panel-benefit strong{display:block;color:#fff!important;text-transform:uppercase;font-size:12px!important;margin:0 0 4px!important}
.panel-page .panel-benefit-icon{
  min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--panel-red)!important;
  border:1px solid var(--panel-red);font-size:15px;font-weight:800;
}

/* GENERAL DARK SECTION */
.panel-page .panel-section,.panel-page .panel-technical,.panel-page .panel-faq{background:#0b1217}
.panel-page .panel-catalog{padding:72px 0 78px}
.panel-page .panel-section-head{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:34px}
.panel-page .panel-section-head>div{max-width:720px}
.panel-page .panel-section-head h2,.panel-page .panel-advantages h2,.panel-page .panel-technical h2,.panel-page .panel-faq h2{
  color:#fff!important;font-size:34px!important;line-height:1.12!important;font-weight:900!important;
  text-transform:uppercase;margin:14px 0 12px!important;
}
.panel-page .panel-section-head p{color:#9fa8ae!important;font-size:15px!important;line-height:1.65!important;margin:0!important}

/* PRODUCT CARDS */
.panel-page .panel-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.panel-page .panel-product-card{
  background:linear-gradient(180deg,#182229 0%,#121a20 100%);border:1px solid rgba(255,255,255,.12);
  padding:16px 16px 20px;min-width:0;position:relative;transition:.2s ease;
}
.panel-page .panel-product-card:hover{transform:translateY(-3px);border-color:rgba(237,28,36,.65)}
.panel-page .panel-product-image{
  height:185px;background:#11191e;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:18px;
}
.panel-page .panel-product-image img{display:block;width:100%;height:100%;object-fit:contain}
.panel-page .panel-product-card h3{color:#fff!important;font-size:21px!important;font-weight:900!important;text-transform:uppercase;margin:0 0 9px!important}
.panel-page .panel-product-card p{color:#aeb6bb!important;font-size:13px!important;line-height:1.5!important;min-height:58px;margin:0 0 13px!important}
.panel-page .panel-product-spec{color:#d5dade!important;font-size:12px!important;padding:5px 0;border-top:1px solid rgba(255,255,255,.06)}
.panel-page .panel-product-link{display:inline-block;color:#fff!important;font-size:12px!important;font-weight:800!important;text-transform:uppercase;margin-top:14px}
.panel-page .panel-product-link:hover{color:var(--panel-red)!important}

/* ADVANTAGES — uses panelniye-radiatori-calore1.png as background visual */
.panel-page .panel-advantages{
  min-height:405px;background:#070c10;position:relative;overflow:hidden;
}
.panel-page .panel-advantages-layout{min-height:405px;display:grid;grid-template-columns:58% 42%;padding-left:0;padding-right:0;max-width:1200px}
.panel-page .panel-advantages-content{padding:66px 30px 58px 22px;position:relative;z-index:2}
.panel-page .panel-advantages-image{
  min-height:405px;background:
    linear-gradient(90deg,#070c10 0%,rgba(7,12,16,.22) 38%,rgba(7,12,16,0) 100%),
    url("/images/panelniye-radiatori-calore1.png") center/cover no-repeat;
}
.panel-page .panel-advantage-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:38px}
.panel-page .panel-advantage{color:#8f999f!important;font-size:11px!important;line-height:1.4}
.panel-page .panel-advantage strong{display:block;color:#fff!important;font-size:11px!important;line-height:1.3;text-transform:uppercase;margin:9px 0 5px!important}
.panel-page .panel-advantage-icon{color:var(--panel-red)!important;font-size:29px!important;line-height:1}

/* TECHNICAL */
.panel-page .panel-technical{padding:70px 0 72px;background:linear-gradient(115deg,#111a20,#0b1116)}
.panel-page .panel-tech-layout{display:grid;grid-template-columns:35% 65%;gap:42px;align-items:center;margin-top:34px}
.panel-page .panel-tech-list{display:grid;gap:0}
.panel-page .panel-tech-item{
  display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:12px 0;
  color:var(--panel-red)!important;border-bottom:1px solid rgba(255,255,255,.06);font-size:20px!important;
}
.panel-page .panel-tech-item small{display:block;color:#8f999f!important;font-size:10px!important;text-transform:uppercase;margin-bottom:4px}
.panel-page .panel-tech-item strong{display:block;color:#fff!important;font-size:16px!important;margin:0!important}
.panel-page .panel-tech-visual{display:flex;align-items:center;justify-content:center}
.panel-page .panel-tech-visual img{display:block;max-width:100%;width:100%;max-height:500px;object-fit:contain}
.panel-page .panel-passport-link{
  margin-top:38px;padding:20px 22px;background:#151e24;border:1px solid rgba(255,255,255,.08);
  display:flex;align-items:center;justify-content:space-between;gap:20px;color:#9ca5aa!important;
}
.panel-page .panel-passport-link strong{display:block;color:#fff!important;font-size:17px!important;margin-bottom:4px!important}

/* APPLICATION */
.panel-page .panel-application{
  min-height:430px;background:
    linear-gradient(90deg,rgba(239,242,244,.98) 0%,rgba(239,242,244,.94) 38%,rgba(239,242,244,.15) 65%,rgba(239,242,244,0) 100%),
    url("/images/panelniye-radiatori-calore.png") center/cover no-repeat;
}
.panel-page .panel-application-layout{min-height:430px;display:flex;align-items:center}
.panel-page .panel-application-content{width:53%;padding:58px 0}
.panel-page .panel-application .panel-section-label{color:#60676c!important}
.panel-page .panel-application h2{color:#1c2226!important;font-size:35px!important;line-height:1.08!important;font-weight:900!important;text-transform:uppercase;margin:14px 0 15px!important}
.panel-page .panel-application p{color:#616a70!important;font-size:15px!important;line-height:1.6!important;max-width:600px}
.panel-page .panel-application-types{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}
.panel-page .panel-application-types div{color:#42494e!important;font-size:11px!important;text-align:center;text-transform:uppercase;font-weight:700}
.panel-page .panel-application-types strong{display:block;color:#252b2f!important;font-size:27px!important;margin-bottom:7px!important}

/* CALORE BRAND */
.panel-page .panel-calore{
  min-height:430px;background:
    linear-gradient(90deg,rgba(5,8,10,.98) 0%,rgba(5,8,10,.90) 34%,rgba(5,8,10,.18) 68%,rgba(92,0,3,.35) 100%),
    url("/images/panelniye-radiatori-calore5.png") center/cover no-repeat;
}
.panel-page .panel-calore-layout{min-height:430px;display:flex;align-items:center;justify-content:space-between;gap:35px}
.panel-page .panel-calore-content{width:48%;padding:55px 0}
.panel-page .panel-calore-logo{color:var(--panel-red)!important;font-size:50px!important;font-weight:900;font-style:italic;line-height:1;margin-bottom:20px}
.panel-page .panel-calore h2{color:#fff!important;font-size:31px!important;line-height:1.1!important;font-weight:900!important;text-transform:uppercase;margin:0 0 18px!important}
.panel-page .panel-calore p{color:#c0c6ca!important;font-size:14px!important;line-height:1.65!important;max-width:510px}
.panel-page .panel-italy{align-self:flex-end;margin:0 30px 48px auto;color:#fff!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.8px}
.panel-page .panel-italy-flag{
  width:72px;height:18px;margin-bottom:8px;
  background:linear-gradient(90deg,#159447 0 33.33%,#fff 33.33% 66.66%,#d62828 66.66% 100%);
}
.panel-page .panel-italy strong{color:#fff!important;font-size:11px!important}

/* SEO — keep crawlable text, but visually consistent */
.panel-page .panel-seo{background:#f2f3f4;color:#252a2e;padding:72px 0}
.panel-page .panel-seo .panel-section-label{color:#626a70!important}
.panel-page .panel-seo h2{color:#1e2428!important;font-size:34px!important;line-height:1.15!important;font-weight:800!important;margin:14px 0 40px!important}
.panel-page .panel-seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.panel-page .panel-seo h3{color:#22282c!important;font-size:23px!important;line-height:1.25!important;margin:28px 0 10px!important}
.panel-page .panel-seo-columns>div>h3:first-child{margin-top:0!important}
.panel-page .panel-seo p{color:#737b80!important;font-size:15px!important;line-height:1.65!important;margin-bottom:14px!important}
.panel-page .panel-seo p strong{color:#50585d!important}
.panel-page .panel-seo-cta{
  margin-top:45px;background:#fff;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:25px;
  box-shadow:0 12px 30px rgba(0,0,0,.05)
}
.panel-page .panel-seo-cta h3{margin:0 0 5px!important;font-size:25px!important}
.panel-page .panel-seo-cta p{margin:0!important}

/* FAQ */
.panel-page .panel-faq{padding:70px 0 80px}
.panel-page .panel-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}
.panel-page .panel-faq details{background:#151e24;border:1px solid rgba(255,255,255,.08);color:#fff!important}
.panel-page .panel-faq summary{
  position:relative;cursor:pointer;list-style:none;padding:20px 50px 20px 20px;color:#fff!important;
  font-size:14px!important;font-weight:700!important;
}
.panel-page .panel-faq summary::-webkit-details-marker{display:none}
.panel-page .panel-faq summary:after{content:"+";position:absolute;right:20px;top:16px;color:#fff;font-size:24px}
.panel-page .panel-faq details[open] summary:after{content:"−"}
.panel-page .panel-faq details p{color:#aeb6bb!important;font-size:14px!important;line-height:1.55!important;padding:0 20px 20px;margin:0!important}

/* City block remains styled by radiatori-cities.css.
   This prevents panel-radiators.css from breaking it. */
.panel-page .radiatori-city-links-block{font-family:inherit}

/* Joomla/Helix article chrome cleanup for this page */
.panel-page > p:first-child:empty{display:none}
.panel-page img{max-width:100%}

/* RESPONSIVE */
@media (max-width:991px){
  .panel-page .panel-container{padding-left:18px;padding-right:18px}
  .panel-page .panel-hero{min-height:520px;background-position:62% center}
  .panel-page .panel-hero-content{padding:70px 0}
  .panel-page .panel-hero h1{font-size:50px!important}
  .panel-page .panel-benefits-grid{grid-template-columns:repeat(2,1fr)}
  .panel-page .panel-benefit:nth-child(5){grid-column:1/-1}
  .panel-page .panel-product-grid{grid-template-columns:repeat(2,1fr)}
  .panel-page .panel-section-head{align-items:flex-start;flex-direction:column}
  .panel-page .panel-advantages-layout{grid-template-columns:1fr}
  .panel-page .panel-advantages-image{min-height:300px}
  .panel-page .panel-advantage-grid{grid-template-columns:repeat(3,1fr)}
  .panel-page .panel-tech-layout{grid-template-columns:1fr}
  .panel-page .panel-tech-visual img{max-height:420px}
  .panel-page .panel-application-content{width:62%}
  .panel-page .panel-calore-content{width:55%}
  .panel-page .panel-seo-columns{gap:35px}
}
@media (max-width:767px){
  .panel-page .panel-container{padding-left:16px;padding-right:16px}
  .panel-page .panel-hero{
    min-height:620px;align-items:flex-end;
    background:
      linear-gradient(0deg,rgba(5,8,10,.98) 0%,rgba(5,8,10,.82) 52%,rgba(5,8,10,.20) 100%),
      url("/images/Calore.jpeg") 64% center/cover no-repeat;
  }
  .panel-page .panel-hero-content{padding:210px 0 45px}
  .panel-page .panel-hero h1{font-size:40px!important;letter-spacing:-1px}
  .panel-page .panel-hero-subtitle{font-size:17px!important}
  .panel-page .panel-hero-text{font-size:14px!important}
  .panel-page .panel-hero-buttons,.panel-page .panel-btn{width:100%}
  .panel-page .panel-benefits-grid{grid-template-columns:1fr 1fr}
  .panel-page .panel-benefit{min-height:80px;padding:12px 8px}
  .panel-page .panel-catalog,.panel-page .panel-technical,.panel-page .panel-faq,.panel-page .panel-seo{padding:50px 0}
  .panel-page .panel-section-head h2,.panel-page .panel-advantages h2,.panel-page .panel-technical h2,.panel-page .panel-faq h2,.panel-page .panel-seo h2{font-size:27px!important}
  .panel-page .panel-product-grid{grid-template-columns:1fr}
  .panel-page .panel-product-image{height:220px}
  .panel-page .panel-advantages-content{padding:50px 16px}
  .panel-page .panel-advantage-grid{grid-template-columns:1fr 1fr}
  .panel-page .panel-tech-layout{gap:20px}
  .panel-page .panel-passport-link{flex-direction:column;align-items:flex-start}
  .panel-page .panel-application{
    background:
      linear-gradient(0deg,rgba(239,242,244,.98) 0%,rgba(239,242,244,.92) 68%,rgba(239,242,244,.28) 100%),
      url("/images/panelniye-radiatori-calore.png") center/cover no-repeat;
  }
  .panel-page .panel-application-layout{align-items:flex-end;min-height:600px}
  .panel-page .panel-application-content{width:100%;padding:250px 0 45px}
  .panel-page .panel-application h2{font-size:28px!important}
  .panel-page .panel-application-types{grid-template-columns:1fr 1fr}
  .panel-page .panel-calore{
    background:
      linear-gradient(0deg,rgba(5,8,10,.98) 0%,rgba(5,8,10,.86) 62%,rgba(5,8,10,.18) 100%),
      url("/images/panelniye-radiatori-calore5.png") center/cover no-repeat;
  }
  .panel-page .panel-calore-layout{min-height:600px;align-items:flex-end;display:block;padding-top:260px;padding-bottom:38px}
  .panel-page .panel-calore-content{width:100%;padding:0}
  .panel-page .panel-calore-logo{font-size:42px!important}
  .panel-page .panel-italy{margin:24px 0 0}
  .panel-page .panel-seo-columns{grid-template-columns:1fr;gap:10px}
  .panel-page .panel-seo-cta{flex-direction:column;align-items:flex-start;padding:24px}
  .panel-page .panel-faq-grid{grid-template-columns:1fr}
}

/* =========================================
   FULL WIDTH PAGE
========================================= */

.panel-page {
    width: 100vw !important;
    max-width: none !important;

    position: relative;
    left: 50%;

    margin-left: -50vw !important;
    margin-right: -50vw !important;
}

/* чтобы не появлялась горизонтальная прокрутка */
html,
body {
    overflow-x: hidden;
}