/* SSV Logistics - Orange Full Theme */
:root{
  --accent:#ff7a00;
  --dark:#1a1a1a;
  --muted:#555;
  --container:1100px;
  --radius:12px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Poppins,Arial,sans-serif;color:var(--dark);background:#fffaf5}
.container{max-width:var(--container);margin:0 auto;padding:20px}
.site-header{background:linear-gradient(90deg,#ff8800,#ff6600);color:white;box-shadow:0 4px 12px rgba(0,0,0,0.1);position:sticky;top:0;z-index:10}
.site-header .container{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.brand{font-size:24px;font-weight:700;margin:0;color:white}
.slogan{font-size:14px;color:#fff6ee;margin-top:4px}
.admin-link{background:white;color:var(--accent);padding:8px 14px;border-radius:8px;font-weight:600;text-decoration:none;transition:.2s}
.admin-link:hover{background:#fff4e6}
.hero{background:#ffe2c2;text-align:center;padding:50px 20px;border-bottom:4px solid var(--accent)}
.hero h2{font-size:34px;color:var(--accent)}
.hero p{color:var(--dark);margin-top:10px}
.tracking{margin:25px auto;text-align:center}
.tracking input{padding:10px 15px;width:260px;border:2px solid var(--accent);border-radius:8px}
.tracking button{padding:10px 15px;margin-left:6px;background:var(--accent);color:white;border:none;border-radius:8px;cursor:pointer}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:28px}
.card{background:white;padding:20px;border-radius:12px;box-shadow:0 6px 18px rgba(14,30,37,0.06);border-top:3px solid var(--accent)}
.clients{margin-top:40px;text-align:center}
.clients h2{color:var(--accent);margin-bottom:20px}
.client-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}
.client-logos img{max-height:50px;filter:drop-shadow(0 0 4px rgba(0,0,0,0.2))}
.contact{margin-top:40px;background:#fff4e6;padding:25px;border-radius:12px;box-shadow:0 6px 18px rgba(14,30,37,0.06);}
.contact h3{color:var(--accent);margin-bottom:12px}
.contact p{margin-bottom:8px;font-size:15px}
.contact .address{font-weight:600;background:white;padding:12px;border-left:5px solid var(--accent);border-radius:8px}
.site-footer{margin-top:50px;padding:20px 0;text-align:center;background:var(--accent);color:white;font-size:14px}
.whatsapp-float{position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:white;box-shadow:0 6px 18px rgba(0,0,0,0.3);text-decoration:none}
.whatsapp-float img{width:34px;height:34px}
@media(max-width:600px){.brand{font-size:18px}.hero h2{font-size:24px}}
