
:root{--blue:#0069b9;--blue2:#1385d5;--deep:#0b2f4c;--ink:#10263a;--muted:#65798c;--sky:#eef8ff;--sky2:#dff2ff;--line:#d7e8f6;--green:#0c8c54;--red:#c55656;--white:#fff;--radius:22px;--shadow:0 16px 42px rgba(20,76,120,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.45}a{text-decoration:none;color:inherit}img{max-width:100%}.container{width:min(1200px,calc(100% - 34px));margin:auto}
.topline{background:#082f4e;color:#dcecff;font-size:12px}.topline .container{display:flex;justify-content:space-between;gap:18px;padding:8px 0}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #e2edf5}.navrow{height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:11px;flex:none}.deye-wordmark{font-size:31px;font-weight:800;letter-spacing:-2px;color:#1764a6;font-style:normal;position:relative;display:inline-flex;align-items:center}.deye-wordmark i{width:9px;height:9px;border-top:3px solid #e52329;border-left:3px solid #e52329;transform:rotate(45deg);margin-right:2px}.brand-city{font-size:14px;color:#1d69a7;border-left:1px solid #bdd4e7;padding-left:11px;letter-spacing:.08em}.mainnav{display:flex;gap:20px;margin-left:auto;font-size:14px;font-weight:700}.mainnav a:hover{color:var(--blue)}.menu-btn{display:none;border:0;background:none;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--blue);border-radius:11px;padding:12px 17px;font-weight:800;font-size:14px;cursor:pointer}.btn.primary{background:var(--blue);color:#fff}.btn.light{background:#fff;color:var(--blue)}.btn:hover{transform:translateY(-1px)}
.hero{overflow:hidden;background:linear-gradient(115deg,#fbfdff 0,#ebf7ff 46%,#cdeaff 100%)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;min-height:590px;align-items:center;gap:32px}.eyebrow{color:var(--blue);text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.10em}.hero h1,.pagehero h1{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.048em;margin:16px 0 18px}.hero h1 span{color:var(--blue)}.lead{font-size:19px;color:#4c657b;line-height:1.55;max-width:730px}.actions{display:flex;gap:11px;flex-wrap:wrap;margin:26px 0}.trustrow{display:flex;gap:10px;flex-wrap:wrap}.trust{background:#fff;border:1px solid #d7e8f6;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:750}
.hero-products{height:460px;position:relative}.hero-disc{position:absolute;width:430px;height:430px;border-radius:50%;right:0;top:10px;background:radial-gradient(circle at 42% 34%,#fff 0 10%,#d9f0ff 34%,#79bde9 74%,#399bd7 100%);box-shadow:0 32px 70px rgba(25,102,158,.20)}.hero-products .device-art{position:absolute}.hero-products .device-art.inverter{width:205px;height:300px;left:58px;top:85px}.hero-products .device-art.battery{width:180px;height:340px;right:20px;top:50px}
section{padding:72px 0}.section-title{font-size:38px;letter-spacing:-.035em;margin:7px 0 8px}.section-lead{color:var(--muted);max-width:720px;margin:0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.soft{background:var(--sky)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.category-card{border:1px solid var(--line);border-radius:var(--radius);padding:25px;background:#fff;box-shadow:var(--shadow);min-height:225px;display:flex;flex-direction:column}.cat-icon{width:47px;height:47px;border-radius:14px;background:var(--sky2);display:grid;place-items:center;color:var(--blue);font-size:18px;font-weight:900}.category-card h3{font-size:21px;margin:20px 0 8px}.category-card p{color:var(--muted);margin:0 0 20px}.category-card a{color:var(--blue);font-weight:850;margin-top:auto}
.products{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{border:1px solid var(--line);border-radius:19px;overflow:hidden;background:#fff;box-shadow:0 9px 30px rgba(31,81,119,.075);display:flex;flex-direction:column}.product-image{height:230px;background:linear-gradient(145deg,#fbfeff,#e3f3ff);display:grid;place-items:center}.product-body{padding:17px;display:flex;flex-direction:column;flex:1}.product-type{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);font-weight:900}.product-card h3{font-size:16px;line-height:1.35;margin:7px 0 9px;min-height:44px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{font-size:11px;background:#eef6fc;border-radius:999px;padding:5px 8px;color:#48657d}.price{font-size:23px;font-weight:900;margin-top:14px}.exvat{font-size:11px;color:var(--muted)}.stock{font-size:12px;color:var(--green);font-weight:800;margin:9px 0 14px}.stock.order{color:#a66b00}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto}.card-actions .btn{padding:10px 7px;font-size:12px}
.device-art{width:128px;height:170px;background:linear-gradient(#fff,#e9eff3);border:1px solid #c7d2da;border-radius:16px;box-shadow:0 16px 30px rgba(31,78,111,.15);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4897ce}.device-art:before{content:"";position:absolute;width:32%;height:16%;border-radius:6px;background:#29343c;top:44%;left:34%}.device-art span{position:absolute;top:24%;font-weight:850}.device-art small{position:absolute;bottom:12px;width:86%;text-align:center;font-size:7px;color:#72818b;overflow:hidden}.device-art.battery{height:185px;border-radius:10px;background:repeating-linear-gradient(180deg,#fff 0 34px,#dbe4e8 35px 38px)}.device-art.battery:before{display:none}.device-art.bess{width:180px;height:130px;border-radius:9px}.device-art.bess:before{width:10px;height:84%;left:12%;top:8%;background:repeating-linear-gradient(#546978 0 8px,#c8d4db 9px 15px)}.device-art.accessory{width:145px;height:120px}.device-art.accessory:before{width:34%;height:28%}
.device-art.large{width:300px;height:420px}.device-art.large.battery{height:440px}.device-art.large.bess{width:430px;height:310px}
.band{background:#e6f5ff;border-block:1px solid #cfeafb;padding:0}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:27px 0}.benefit{display:flex;gap:11px;align-items:center}.round{width:42px;height:42px;flex:none;border-radius:50%;display:grid;place-items:center;background:#cfeaff;color:#0868ae;font-weight:900}.benefit b{display:block}.benefit small{color:var(--muted)}
.bess-feature{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.bluepanel{min-height:390px;border-radius:28px;background:linear-gradient(135deg,#0064ae,#6db9e7);display:flex;align-items:center;justify-content:center;gap:18px;padding:25px}.bluepanel .device-art{transform:scale(.9)}.checks{display:grid;gap:10px;margin:23px 0}.check{display:flex;gap:9px;align-items:center}.check:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px}
.pagehero{background:linear-gradient(110deg,#f8fcff,#dff2ff);padding:54px 0}.pagehero h1{font-size:50px;margin-bottom:11px}.crumbs{font-size:12px;color:#71879a;margin-bottom:12px}.crumbs a{color:var(--blue)}
.catalog-layout{display:grid;grid-template-columns:260px 1fr;gap:25px}.filters{border:1px solid var(--line);border-radius:18px;padding:20px;height:max-content;position:sticky;top:105px}.filters label{display:block;font-size:12px;font-weight:850;margin:14px 0 6px}.filters input,.filters select{width:100%;padding:11px;border:1px solid #cddfeb;border-radius:10px;background:#fff}.catalog-main .products{grid-template-columns:repeat(3,1fr)}.catalog-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--muted)}
.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start;padding:55px 0}.product-gallery{min-height:520px;border-radius:28px;background:linear-gradient(145deg,#fafdff,#e3f2fc);display:grid;place-items:center}.product-info h1{font-size:42px;line-height:1.05;letter-spacing:-.04em;margin:9px 0 11px}.sku{font-size:12px;color:var(--muted)}.product-price{font-size:37px;font-weight:900;margin-top:20px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:20px 0}.spec{border:1px solid var(--line);border-radius:12px;padding:11px}.spec small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.spec b{font-size:14px}.tabs{display:grid;grid-template-columns:1.1fr .9fr;gap:28px}.content-card{border:1px solid var(--line);border-radius:20px;padding:25px;background:#fff}.content-card h2{margin-top:0;font-size:27px}.table{width:100%;border-collapse:collapse}.table td{padding:11px;border-bottom:1px solid #e4edf4}.table td:first-child{color:var(--muted);width:47%}.faq details{border-bottom:1px solid #e0eaf2;padding:14px 0}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.toolbar input,.toolbar select{padding:12px;border:1px solid #cbddea;border-radius:11px}.toolbar input{flex:1;min-width:250px}
.cta{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #c6e4f8;background:linear-gradient(115deg,#eaf7ff,#cceaff);border-radius:23px;padding:31px}.cta h2{margin:0 0 5px;font-size:29px}.cta p{margin:0;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid #c8dceb;border-radius:11px;padding:12px;background:#fff}.field.full{grid-column:1/-1}.field textarea{min-height:120px}.notice{font-size:12px;color:var(--muted)}
.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.doc-card{border:1px solid var(--line);border-radius:17px;padding:20px;background:#fff}.doc-card h3{margin:10px 0 7px}.doc-card p{color:var(--muted);font-size:14px}.doc-links{display:flex;gap:7px;flex-wrap:wrap}.doc-links a{font-size:12px;color:var(--blue);font-weight:800;border:1px solid #cce0ef;padding:7px 9px;border-radius:8px}
.footer{background:#0b2941;color:#d7e5ef;padding:52px 0 25px}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:28px}.footer .deye-wordmark{color:#fff}.footer .brand-city{color:#a8c9e2}.footer p{color:#9eb5c7;max-width:330px}.footer h4{color:#fff}.footer a{display:block;color:#c0d2df;margin:8px 0;font-size:13px}.legal{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:18px;color:#8fa9bc;font-size:11px}
@media(max-width:1000px){.mainnav{display:none}.menu-btn{display:block;margin-left:auto}.header-cta{display:none}.menu-open .mainnav{display:flex;position:absolute;top:110px;left:17px;right:17px;background:#fff;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.hero-grid,.bess-feature,.product-detail,.tabs{grid-template-columns:1fr}.hero-products{min-height:410px}.category-grid,.products{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filters{position:static}.catalog-main .products{grid-template-columns:repeat(2,1fr)}.docs-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(100% - 24px,1200px)}.topline .container{flex-direction:column;gap:2px}.navrow{height:68px}.deye-wordmark{font-size:27px}.hero-grid{min-height:auto;padding:38px 0}.hero h1{font-size:43px}.hero-products{height:310px;min-height:310px}.hero-disc{width:300px;height:300px}.hero-products .device-art.inverter{width:135px;height:205px;left:32px;top:58px}.hero-products .device-art.battery{width:120px;height:235px;right:18px;top:38px}.section-head{align-items:start;flex-direction:column}.section-title{font-size:31px}.category-grid,.products,.catalog-main .products,.benefits,.docs-grid,.footer-grid{grid-template-columns:1fr}.pagehero h1{font-size:39px}.product-info h1{font-size:33px}.product-gallery{min-height:370px}.device-art.large{transform:scale(.75)}.card-actions{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.cta{flex-direction:column;align-items:flex-start}}

/* 2026-09 homepage/brand corrections */
.brand{gap:0}
.deye-logo{display:inline-flex;align-items:center;height:42px;line-height:1;color:#005eb8;font-weight:800;letter-spacing:-2px}
.deye-d{position:relative;display:inline-block;width:42px;height:35px;margin-right:1px;border:8px solid #005eb8;border-left-width:9px;border-radius:0 18px 18px 0;box-sizing:border-box}
.deye-d:before{content:"";position:absolute;left:-9px;top:-8px;width:9px;height:12px;background:#e1251b}
.deye-d b{position:absolute;left:-9px;bottom:-8px;width:9px;height:19px;background:#005eb8}
.deye-text{font-size:42px;font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-4px;transform:translateY(-1px)}
.brand-city,.deye-wordmark>i{display:none!important}
.hero-services{margin:18px 0 4px;font-weight:750;color:#16395c;letter-spacing:.01em}
.hero-photo{position:relative;display:flex;align-items:center;justify-content:center;min-height:440px;overflow:hidden;border-radius:32px}
.hero-photo img{position:relative;z-index:2;width:100%;max-width:620px;height:410px;object-fit:cover;border-radius:28px;box-shadow:0 24px 60px rgba(15,62,110,.18)}
.hero-product-label{position:absolute;z-index:3;left:26px;bottom:26px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);padding:12px 16px;border-radius:14px;box-shadow:0 10px 30px rgba(15,62,110,.15);display:flex;gap:8px;align-items:center}
.hero-product-label strong{color:#005eb8;font-size:20px}.hero-product-label span{font-size:13px;color:#48647e}
@media(max-width:800px){.deye-logo{height:34px}.deye-d{width:34px;height:29px;border-width:7px;border-left-width:8px;border-radius:0 15px 15px 0}.deye-d:before{left:-8px;top:-7px;width:8px;height:10px}.deye-d b{left:-8px;bottom:-7px;width:8px;height:16px}.deye-text{font-size:34px}.hero-photo{min-height:300px}.hero-photo img{height:290px}.hero-services{font-size:14px;line-height:1.6}}
