/*
Theme Name: ECC Solar Vietnam
Author: Custom Theme Studio
Description: Vietnamese solar energy company website with built-in demonstration content and bundled imagery.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: ecc-solar
*/
:root{--blue:#177bc9;--navy:#07559e;--red:#ed101b}*{box-sizing:border-box}body{margin:0;font:15px Arial,sans-serif;color:#153d68}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1160px;margin:auto;padding:0 16px}.top{background:#197fe0;color:#fff;font-size:12px;font-weight:700}.top .wrap{display:flex;justify-content:space-between;padding-top:8px;padding-bottom:8px}.mast{display:grid;grid-template-columns:230px 1fr 215px;align-items:center;gap:20px;padding-top:12px;padding-bottom:14px;min-height:148px}.dealer{background:linear-gradient(130deg,#fff,#e4e4e4);padding:20px 10px;box-shadow:5px 3px 8px #ddd;text-align:center;color:#d90000;font-size:20px;font-weight:900}.dealer small{display:block;color:#222;font-size:11px}.company{text-align:center}.company h1{font-size:23px;letter-spacing:.2px;color:#e9141b;margin:0 0 8px}.company p{margin:4px;font-size:13px}.hotline{font-size:23px;font-weight:bold;color:#1878bd;text-align:center}.hotline small{display:block;font-size:13px;font-weight:normal}.nav{background:#ee101b;color:white}.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.nav a{font-size:14px;font-weight:bold;padding:15px 4px}.nav a:hover{background:#bd0d16}.hero{height:390px;position:relative;overflow:hidden;background:#286bb1}.hero img{width:100%;height:100%;object-fit:cover}.hero .overlay{position:absolute;right:5%;top:22%;max-width:390px;padding:20px 25px;background:rgba(4,64,127,.82);color:white;text-align:center;border-radius:8px}.hero h2{font-size:30px;margin:0 0 12px}.hero p{font-size:18px}.btn{display:inline-block;background:#ed1522;color:#fff;border-radius:25px;padding:11px 26px;font-weight:bold}.section{padding:28px 0}.section-title{text-align:center;color:#0874ce;font-size:24px;margin:0 0 22px;text-transform:uppercase}.section-title:after{content:'';display:block;background:#ffd539;height:2px;width:170px;margin:12px auto}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service{box-shadow:0 1px 3px #ccc;text-align:center;background:#fff}.service img{height:170px;width:100%;object-fit:cover}.service h3{color:#e6000b;font-size:13px;min-height:48px;padding:5px 12px}.products{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product{background:white;border:1px solid #e8edf2;text-align:center;padding-bottom:15px}.product img{height:210px;width:100%;object-fit:cover}.product h3{font-size:14px;line-height:1.4;padding:0 10px;min-height:44px}.section-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dbe4eb;margin-bottom:20px}.section-head h2{font-size:21px;color:#0075cc}.section-head a{font-size:13px;font-weight:bold}.split{background:#f7fbff}.footer{background:#2077bf;color:white;padding:35px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:28px}.footer h3{font-size:15px;margin-top:0}.footer h4{color:#ffe326}.footer p,.footer li{font-size:13px;line-height:1.9}.footer ul{padding:0;list-style:none}.footer li{border-bottom:1px solid #ffffff22;padding:5px 0}.social{background:white;color:#1d5e9c;padding:20px}.copyright{text-align:center;background:#003c83;color:#b9d6f5;padding:15px;font-size:12px}.floating{position:fixed;left:15px;bottom:20px;display:grid;gap:6px;z-index:20}.floating a{background:#05a8e7;color:white;padding:9px 13px;border-radius:25px;font-size:12px;font-weight:bold}.floating a:last-child{background:#e21d28}.wp-content{max-width:1100px;margin:40px auto;min-height:35vh;padding:0 20px}@media(max-width:850px){.mast{grid-template-columns:1fr;text-align:center}.dealer{display:none}.nav .wrap{justify-content:center}.hero{height:320px}.hero .overlay{right:10px;top:15%;max-width:300px}.services,.products{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.top .wrap{display:block;text-align:center}.company h1{font-size:18px}.nav a{font-size:12px;padding:9px 3px}.hero{height:250px}.hero h2{font-size:20px}.hero p{font-size:13px}.hero .overlay{padding:10px;max-width:230px}.services,.products{gap:10px}.service img{height:115px}.product img{height:145px}.footer-grid{grid-template-columns:1fr}.section-title{font-size:20px}}