:root{--navy:#061a31;--navy2:#0d2e4e;--copper:#ee913e;--gold:#ffc15c;--text:#edf5ff;--muted:#9fb2c9;--line:#284b69}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061525;color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.7}button,a,input,textarea,select{font:inherit}button{cursor:pointer}header{height:92px;display:flex;align-items:center;gap:20px;padding:10px 5vw;background:#071a2df2;border-bottom:1px solid #24425f;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;margin:auto}.brand img{width:66px;height:66px;object-fit:cover;border-radius:50%}.brand span{font-size:22px;font-weight:900}.brand small{display:block;color:var(--muted);font-size:11px}.menu{background:none;border:1px solid #35526d;border-radius:14px;color:#fff;font-size:27px;padding:8px 14px}.tools{display:flex;gap:8px}.tools button{background:#102b46;color:#fff;border:1px solid #35526d;border-radius:12px;padding:10px}.tools b{background:var(--copper);border-radius:50%;padding:2px 7px}nav{display:none;position:fixed;right:5vw;top:82px;z-index:20;background:#0c2944;padding:14px;border:1px solid #33516d;border-radius:15px;min-width:190px;box-shadow:0 20px 55px #0009}nav.open{display:grid}nav a{color:#fff;text-decoration:none;padding:12px;border-bottom:1px solid #23435e}.hero{min-height:650px;padding:100px 8vw;display:flex;align-items:center;background:linear-gradient(90deg,#061525 25%,rgba(6,21,37,.5)),url('assets/cable-hero.png') center/cover}.hero h1{font-size:clamp(42px,7vw,84px);line-height:1.35;margin:16px 0}.hero em{font-style:normal;color:var(--copper)}.hero p{color:#c1cfdd;font-size:19px}.eyebrow,.section-title span{color:var(--gold)}.primary{display:inline-block;background:linear-gradient(135deg,var(--gold),#f47c31);color:#071a2d;font-weight:900;text-decoration:none;border:0;border-radius:14px;padding:15px 25px}section:not(.hero){padding:70px 7vw}.section-title h2{font-size:34px;margin:8px 0 30px}.categories,.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category,.product{min-height:180px;border:1px solid var(--line);border-radius:22px;color:#fff;padding:25px;text-align:right}.category{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(4,13,23,.94),rgba(4,13,23,.3)),var(--bg) center/cover!important}.category span{position:relative;z-index:1}.category b{display:block;font-size:25px;margin-bottom:12px}.category small,.product p,.muted{color:var(--muted)}.product{min-height:235px;background:linear-gradient(145deg,#123555,#071b31);display:grid;grid-template-columns:130px 1fr;gap:18px}.product>img{width:130px;height:150px;object-fit:cover;border-radius:15px}.product h3{font-size:20px;margin:7px 0}.product .price{color:var(--gold);font-weight:900;margin:20px 0}.product button,.back-all{border:0;border-radius:10px;padding:10px 16px;background:var(--copper);font-weight:bold}.back-all{margin:-10px 0 22px}.contact{display:flex;justify-content:space-between;gap:30px;background:#0b2944}.numbers{display:grid;gap:10px}.numbers a{color:#fff;text-decoration:none;border:1px solid #365875;border-radius:12px;padding:12px 20px}footer{padding:35px 7vw;display:flex;align-items:center;justify-content:space-between;color:var(--muted)}footer img{width:65px;height:65px;object-fit:cover;border-radius:50%}dialog{width:min(520px,92vw);background:#0b2944;color:#fff;border:1px solid #45617c;border-radius:20px;padding:28px}dialog::backdrop{background:#020812cc}.close{float:left;background:none;border:0;color:#fff;font-size:32px}form{display:grid;gap:10px}input,textarea,select{background:#061a2e;color:#fff;border:1px solid #35516b;border-radius:10px;padding:13px}#cartItems article{display:flex;justify-content:space-between;border-bottom:1px solid #294761;padding:12px 0}.empty{color:var(--muted)}
@media(max-width:760px){header{height:78px;padding:8px 3vw}.brand img{width:48px;height:48px}.brand span{font-size:16px}.brand small{display:none}.tools button{font-size:12px;padding:8px}.hero{min-height:560px;padding:70px 6vw;background-position:62% center}.hero h1{font-size:43px}.categories,.products{grid-template-columns:1fr}.product{grid-template-columns:90px 1fr;padding:16px}.product>img{width:90px;height:110px}.contact,footer{flex-direction:column;align-items:flex-start}.section-title h2{font-size:27px}}

/* Final release additions */
body.menu-open{overflow:hidden}header{z-index:30}nav{z-index:50;min-width:220px}.nav-backdrop{display:none;position:fixed;inset:0;background:#020812b3;z-index:40}.nav-backdrop.open{display:block}
.ad-banner{margin:28px 7vw 0;padding:22px 28px!important;border:1px solid #6d4c26;border-radius:20px;background:linear-gradient(135deg,#173958,#412710);display:flex;align-items:center;justify-content:space-between;gap:20px}.ad-banner div{display:grid}.ad-banner b{font-size:22px;color:var(--gold)}.ad-banner span{color:#d8e2ed}.ad-banner a{color:#071a2d;background:var(--gold);padding:10px 18px;border-radius:11px;text-decoration:none;font-weight:900}
.notify{display:grid;grid-template-columns:1fr minmax(290px,480px);gap:40px;align-items:center;background:#071b31;border-block:1px solid var(--line)}.notify form label{display:flex;gap:8px;align-items:center;color:#c9d6e5}.notify form label input{width:auto}.secondary{background:#102b46;color:#fff;border:1px solid #466580;border-radius:12px;padding:12px}.notify small{color:#86e5b4}
@media(max-width:760px){.menu{order:3}.brand{order:2}.tools{order:1}.tools button{min-width:72px}nav{right:3vw;left:3vw;top:70px}.ad-banner,.notify{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.ad-banner a{text-align:center}.notify{gap:20px}}