/*
Theme Name: WarmFloor
Theme URI: https://example.com/
Author: Мастер тёплых полов
Author URI: https://example.com/
Description: Одностраничный лендинг для услуги "Ремонт электрических тёплых полов"
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: warmfloor
Tags: one-page, landing, business
*/
body { font-family: Arial, sans-serif; margin: 0; line-height: 1.6; background: #f7f7f7; color: #333; }
.hero { background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url("images/warm-floor.jpg") center/cover no-repeat; color: white; text-align: center; padding: 80px 20px; }
.hero h1 { font-size: 2.5em; margin-bottom: 10px; }
.hero .btn { display:inline-block; margin-top:20px; padding:12px 25px; background:#ff9800; color:white; text-decoration:none; border-radius:8px; font-weight:bold; transition:0.3s; }
.hero .btn:hover { background:#e68900; }
section { padding: 60px 20px; max-width:1000px; margin:auto; }
h2 { text-align:center; margin-bottom:40px; }
.features-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(250px,1fr)); gap:20px; }
.feature { background:white; padding:20px; border-radius:12px; box-shadow:0 2px 6px rgba(0,0,0,0.1); text-align:center; }
.services ul { list-style:none; padding:0; }
.services li { background:white; padding:15px; margin:10px 0; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.05); }
.portfolio { background:#fff; padding:60px 20px; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.gallery { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px,1fr)); gap:20px; max-width:1000px; margin:auto; }
.gallery-item { background:#fafafa; border-radius:12px; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,0.1); text-align:center; transition:0.3s; }
.gallery-item:hover { transform:scale(1.02); }
.gallery-item img { width:100%; display:block; }
.gallery-item p { padding:15px; font-size:0.95em; color:#333; }
.contact { text-align:center; }
.contact .phone { font-size:1.3em; font-weight:bold; margin:15px 0; }
.note { font-size:0.9em; color:#666; margin-top:10px; }
footer { text-align:center; padding:20px; background:#222; color:white; font-size:0.9em; }