/*
Theme Name: Zeekay Enterprises Pro
Theme URI: https://zeekay.co.za
Author: OpenAI
Description: Premium production-ready WordPress theme for Zeekay Enterprises.
Version: 9.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: zeekay
*/
:root{--navy:#173a67;--navy2:#0f2746;--blue:#1f4f8f;--lime:#d8f000;--light:#f4f8fc;--text:#1e293b;--muted:#64748b;--white:#fff;--radius:24px;--shadow:0 18px 40px rgba(15,39,70,.14);--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.6}a{text-decoration:none;color:var(--blue)}img{max-width:100%;display:block}
.container{max-width:var(--max);margin:0 auto;padding:0 20px}
.topbar{background:var(--lime);color:#09223f;font-weight:700;font-size:14px}.topbar .container{display:flex;justify-content:center;gap:28px;padding:10px 20px;flex-wrap:wrap}.topbar a{color:#09223f}
.site-header{position:sticky;top:0;z-index:50;background:rgba(23,58,103,.94);backdrop-filter:blur(8px);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.header-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:16px}
.brand{display:flex;align-items:center;gap:14px;color:#fff;font-weight:800;font-size:24px}.brand img{width:74px;height:auto}
.nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.nav a{color:#fff;font-weight:700;font-size:14px;opacity:.96}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at top right, rgba(216,240,0,.16), transparent 28%), linear-gradient(135deg,var(--navy),var(--navy2));color:#fff}
.hero .container{padding-top:60px;padding-bottom:60px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.kicker{display:inline-block;background:rgba(255,255,255,.12);padding:9px 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.02em;margin-bottom:16px}
.hero h1{font-size:56px;line-height:1.02;margin:0 0 16px}.hero p.lead{font-size:19px;max-width:700px;color:#e6eef8}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;font-weight:800;transition:.2s ease}.btn:hover{transform:translateY(-1px)}
.btn-primary{background:var(--lime);color:#0a2340}.btn-secondary{background:#fff;color:var(--navy)}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:18px;border-radius:28px;box-shadow:var(--shadow);animation:floatCard 6s ease-in-out infinite}
.hero-card img{width:100%;height:540px;object-fit:contain;background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));border-radius:20px;padding:18px}
.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);color:#fff;padding:9px 12px;border-radius:999px;font-size:13px;font-weight:700}
.section{padding:78px 0}.section.alt{background:var(--light)}.heading{margin-bottom:28px}.heading h2{font-size:40px;line-height:1.05;margin:0 0 10px;color:var(--navy)}.heading p{font-size:18px;color:var(--muted);max-width:820px;margin:0}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:28px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card img{width:100%;height:240px;object-fit:cover}.card .content{padding:22px}.card h3{margin:0 0 10px;color:var(--navy);font-size:24px;line-height:1.1}.card p{margin:0;color:var(--muted)}
.highlight{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.highlight img{width:100%;height:100%;min-height:460px;object-fit:cover}.highlight .copy{padding:34px}.highlight .copy h3{margin:0 0 12px;color:var(--navy);font-size:38px;line-height:1.04}
.brand-card img{height:190px;object-fit:contain;background:#fff;padding:16px}.brand-card .content{padding:18px}.brand-card h3{font-size:21px}.brand-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.chip{background:#e9eff8;color:var(--navy);padding:8px 12px;border-radius:999px;font-size:13px;font-weight:800}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.gallery-grid figure{margin:0;border-radius:22px;overflow:hidden;box-shadow:var(--shadow);background:#fff}.gallery-grid img{width:100%;height:250px;object-fit:cover}.gallery-grid figcaption{padding:14px 16px;font-weight:700;color:var(--navy)}
.calc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.calc-box{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;border-radius:28px;padding:30px;box-shadow:var(--shadow)}.calc-box label{display:block;font-weight:700;margin:16px 0 8px}.calc-box input{width:100%;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff}.calc-note{font-size:13px;color:#dfe8f2;margin-top:12px}.result-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.result{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);padding:18px;border-radius:18px}.result strong{display:block;font-size:32px;line-height:1;margin-bottom:6px}
.contact-box{background:#fff;border-radius:28px;padding:28px;box-shadow:var(--shadow)}.map-wrap iframe{width:100%;min-height:340px;border:0;border-radius:22px;box-shadow:var(--shadow)}
.footer{background:var(--navy2);color:#fff;padding:36px 0}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.footer small{color:#dbe5f2}
.wa-float{position:fixed;right:18px;bottom:18px;background:#25D366;color:#fff;padding:15px 18px;border-radius:999px;font-weight:800;box-shadow:var(--shadow);z-index:70}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (max-width:1000px){.hero-grid,.grid-2,.grid-3,.grid-4,.highlight,.gallery-grid,.calc-wrap,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.nav{display:none}.hero-card img{height:380px}}