/* WhizSmart redesign 2026-10-17: loaded after style.css. Safe overrides only. */

/* Header quote button */
.nav-quote{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 18px;margin-right:10px;border-radius:980px;background:var(--primary);color:#fff !important;font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.nav-quote:hover{background:#085C99}
@media (max-width:420px){.nav-quote{padding:8px 12px;font-size:13px;margin-right:6px}}

/* Hero: text + real installation photo */
.hero.hero--split{flex-direction:row;gap:56px;text-align:left;min-height:auto;padding:128px 60px 80px;max-width:1320px;margin:0 auto}
.hero--split .hero-content{align-items:flex-start;max-width:600px;flex:1 1 52%}
.hero--split .hero-title{margin-bottom:18px}
.hero--split .hero-headline{font-size:clamp(34px,4.2vw,54px);line-height:1.12;letter-spacing:-0.02em}
.hero--split .hero-tagline{font-size:19px;color:var(--secondary);margin-bottom:12px}
.hero--split .hero-desc{font-size:16px;color:#515154;margin-bottom:32px}
.hero--split .hero-stats{margin-top:44px}
.hero--split .scroll-hint{display:none}
.hero-photo{position:relative;z-index:2;flex:1 1 48%;margin:0;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.12);aspect-ratio:4/3;background:#e8eef5}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:968px){
  .hero.hero--split{flex-direction:column;text-align:center;padding:100px 20px 56px;gap:32px}
  .hero--split .hero-content{align-items:center;max-width:100%}
  .hero-photo{width:100%;max-width:640px}
}

/* Buttons: comfortable tap targets */
.btn,.hero-buttons .btn{min-height:44px}

/* Inquiry form helpers */
.ws-hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
.form-alt{margin-top:14px;font-size:14px;color:var(--text-secondary);text-align:center}
.form-alt a{color:var(--primary);font-weight:600;text-decoration:none}
.form-error{display:none;margin:-6px 0 14px;color:#c62828;font-size:14px}
.ws-form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.ws-form-2col{grid-template-columns:1fr}}
#contactForm button[disabled]{opacity:.7;cursor:wait}

/* Floating WhatsApp button (bottom-left, away from chat and back-to-top) */
.wa-float{position:fixed;left:20px;bottom:24px;z-index:998;width:52px;height:52px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;box-shadow:0 6px 20px rgba(0,0,0,.18);text-decoration:none}
.wa-float:hover{background:#1ebe5a}

/* Products page */
.ws-page-hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.ws-section{max-width:1100px;margin:0 auto;padding:0 22px 80px}
.ws-section h2{text-align:center;font-size:clamp(24px,3.5vw,32px);font-weight:700;margin-bottom:12px}
.ws-section .ws-sub{text-align:center;color:var(--text-secondary);font-size:16px;margin:0 auto 36px;max-width:680px}
.ws-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ws-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.06);display:flex;flex-direction:column;scroll-margin-top:90px}
.ws-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#f0f2f5}
.ws-card-body{padding:22px 22px 26px;display:flex;flex-direction:column;flex:1}
.ws-card h3{font-size:20px;font-weight:700;margin-bottom:8px}
.ws-card p{font-size:15px;color:#515154;line-height:1.55;margin-bottom:16px;flex:1}
.ws-card a.ws-link{color:var(--primary);font-weight:600;text-decoration:none;font-size:15px;min-height:44px;display:inline-flex;align-items:center}
.ws-venue-img{display:block;width:calc(100% + 64px);margin:-40px -32px 20px;aspect-ratio:16/9;object-fit:cover;border-radius:20px 20px 0 0}
.ws-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06)}
.ws-table{width:100%;border-collapse:collapse;background:#fff;font-size:15px;min-width:640px}
.ws-table th,.ws-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eee;vertical-align:top}
.ws-table thead th{background:#f5f7fa;font-weight:600}
.ws-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.ws-fact{background:#f5f7fa;border-radius:16px;padding:24px}
.ws-fact h3{font-size:17px;font-weight:700;margin-bottom:8px}
.ws-fact p{font-size:15px;color:#515154;line-height:1.55}
.ws-cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ws-btn-light{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 32px;border-radius:980px;font-weight:600;font-size:15px;text-decoration:none}
.ws-btn-light.white{background:#fff;color:var(--primary)}
.ws-btn-light.outline{border:1.5px solid rgba(255,255,255,.8);color:#fff}
@media (max-width:968px){.ws-method-grid{grid-template-columns:repeat(2,1fr)}.ws-facts{grid-template-columns:1fr}}
@media (max-width:640px){
  .ws-method-grid{grid-template-columns:1fr}
}