*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#14211a;background:#fff;line-height:1.55}.container{width:min(1180px,calc(100% - 32px));margin:auto}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.topbar{background:#10241a;color:#dff2e5;font-size:13px}.topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-links{display:flex;gap:18px}.site-header{position:relative;z-index:50;background:#fff}.navbar{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:250px;max-height:58px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:4px}.nav-links a{padding:12px 13px;border-radius:10px;font-size:14px;font-weight:700;color:#263a30}.nav-links a:hover{background:#edf8f0;color:#238c43}.menu-toggle{display:none;border:0;background:none;padding:10px}.menu-toggle span{display:block;width:26px;height:2px;background:#183427;margin:5px}.hero{background:#0f2318}.hero-slider{height:clamp(420px,56vw,690px);position:relative;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:.5s}.hero-slide.is-active{opacity:1;visibility:visible}.hero-slide picture,.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,22,13,.78),rgba(5,22,13,.26) 60%,rgba(5,22,13,.05))}.hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff}.hero-content h1,.hero-fallback h1{max-width:760px;font-family:Montserrat,sans-serif;font-size:clamp(36px,6vw,72px);line-height:1.02;margin:0 0 20px}.hero-content p,.hero-fallback p{font-size:clamp(17px,2vw,22px);max-width:650px;margin:0 0 28px}.hero-fallback{min-height:540px;display:flex;align-items:center;color:#fff;background:radial-gradient(circle at 85% 20%,#2c8ab4 0,transparent 28%),linear-gradient(120deg,#10261a,#1d7f3e)}.hero-arrow,.gallery-arrow{border:0;color:#fff;background:rgba(0,0,0,.38);cursor:pointer;border-radius:999px}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:30px}.hero-arrow.prev{left:20px}.hero-arrow.next{right:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 20px;border-radius:10px;border:1px solid transparent;font-weight:800;font-size:14px;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#258e43;color:#fff}.btn-primary:hover{background:#196d32}.btn-outline{border-color:#c9d8ce;color:#173b27;background:#fff}.btn-whatsapp{background:#19a763;color:white}.btn-franchise{background:#e4262b;color:#fff;font-size:17px;padding:16px 26px}.btn-light{background:#fff;color:#185e32}.btn-outline-light{border-color:rgba(255,255,255,.55);color:#fff}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:#278c45;margin-bottom:10px}.eyebrow.light{color:#c9f1d5}.trust-strip{border-bottom:1px solid #e4ebe6;background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:20px 0}.trust-grid div{padding:4px 24px;border-right:1px solid #e1e9e3}.trust-grid div:last-child{border-right:0}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{font-size:18px;color:#1b7037}.trust-grid span{font-size:13px;color:#708077}.section{padding:84px 0}.section-muted{background:#f4f8f5}.section-heading{max-width:820px;margin:0 auto 38px;text-align:center}.section-heading h2,.franchise-box h2,.contact-box h2{font-family:Montserrat,sans-serif;font-size:clamp(28px,4vw,44px);line-height:1.14;margin:0 0 14px;color:#143821}.section-heading p{color:#65736b;font-size:17px}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.catalog-card,.branch-card,.agent-card,.bank-card,.online-card{background:#fff;border:1px solid #e4ebe6;border-radius:18px;overflow:hidden;box-shadow:0 8px 30px rgba(15,47,27,.06)}.catalog-image{aspect-ratio:16/10;background:#f7faf8;padding:18px;display:flex;align-items:center;justify-content:center}.catalog-image img{width:100%;height:100%;object-fit:contain}.catalog-body,.branch-body{padding:22px}.catalog-body h3,.branch-body h3,.agent-card h3,.bank-card h3,.online-card h3{margin:0 0 10px;font-family:Montserrat,sans-serif;color:#173b27}.catalog-body p{color:#6c7971}.card-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.franchise-section{padding:56px 0;background:linear-gradient(120deg,#0e2b1a,#1d7d3b);color:#fff}.franchise-box{display:flex;align-items:center;justify-content:space-between;gap:40px}.franchise-box h2,.contact-box h2{color:#fff}.franchise-box p,.contact-box p{max-width:760px;color:#dbeadf}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.branch-gallery{height:240px;position:relative;background:#dce6df;overflow:hidden}.branch-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:.35s}.branch-gallery img.is-active{opacity:1}.gallery-arrow{position:absolute;top:50%;z-index:2;width:36px;height:36px;font-size:23px;transform:translateY(-50%)}.gallery-arrow.prev{left:10px}.gallery-arrow.next{right:10px}.branch-meta{color:#68776d;margin:7px 0;font-size:14px}.agent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.agent-card{padding:26px;text-align:center}.agent-icon{width:58px;height:58px;border-radius:18px;margin:0 auto 16px;display:grid;place-items:center;background:#e8f6ec;color:#228541;font-weight:900}.online-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.online-card img{width:100%;height:190px;object-fit:cover}.online-card>div{padding:20px}.bank-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.bank-card{padding:20px;text-align:center}.bank-card img{height:130px;width:100%;object-fit:contain}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #b9c9be;border-radius:14px;padding:34px;color:#6c7d71}.accordion{max-width:920px;margin:auto;display:grid;gap:12px}.accordion-item{border:1px solid #dfe8e2;border-radius:14px;background:#fff;overflow:hidden}.accordion-trigger{width:100%;padding:20px 22px;border:0;background:#fff;display:flex;justify-content:space-between;text-align:left;font-weight:800;font-size:16px;color:#153c27;cursor:pointer}.accordion-content{display:none;padding:0 22px 22px;color:#64746a}.accordion-item.is-open .accordion-content{display:block}.contact-cta{padding:68px 0;background:#248a43;color:#fff}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.footer{background:#0d1d14;color:#b9c9bf;padding:58px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:40px}.footer-brand img{background:#fff;border-radius:10px;padding:8px;width:230px}.footer h3{color:#fff;font-size:14px;text-transform:uppercase;letter-spacing:.08em}.footer a,.footer p{display:block;margin:9px 0;font-size:14px}.footer a:hover{color:#65c77d}.footer-bottom{margin-top:40px;padding-top:20px;border-top:1px solid #263a2c;display:flex;justify-content:space-between;gap:20px;font-size:13px}.modal{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.78);padding:24px;display:none;align-items:center;justify-content:center}.modal.is-open{display:flex}.modal-card{max-width:720px;max-height:88vh;position:relative}.modal-card img{max-height:84vh;border-radius:16px;box-shadow:0 24px 70px rgba(0,0,0,.4)}.modal-close{position:absolute;right:-14px;top:-14px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;font-size:28px;cursor:pointer;z-index:2}@media(max-width:900px){.catalog-grid,.branch-grid{grid-template-columns:repeat(2,1fr)}.agent-grid,.bank-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.franchise-box,.contact-box{align-items:flex-start;flex-direction:column}.nav-links{display:none;position:absolute;left:16px;right:16px;top:76px;background:#fff;padding:12px;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.12);flex-direction:column;align-items:stretch}.nav-links.is-open{display:flex}.menu-toggle{display:block}.topbar-links{display:none}}@media(max-width:620px){.container{width:min(100% - 24px,1180px)}.topbar-inner{justify-content:center;text-align:center}.navbar{height:70px}.brand img{width:190px}.hero-slider{height:480px}.hero-content{justify-content:flex-end;padding-bottom:60px}.hero-arrow{width:40px;height:40px}.trust-grid{grid-template-columns:repeat(2,1fr);gap:16px}.trust-grid div{border:0;padding:6px}.section{padding:62px 0}.catalog-grid,.branch-grid,.agent-grid,.bank-grid,.online-grid,.footer-grid{grid-template-columns:1fr}.branch-gallery{height:230px}.footer-bottom{flex-direction:column}.btn{width:100%}.card-actions .btn{flex:1 1 100%}.modal{padding:14px}.modal-close{right:0;top:-48px}}

/* ===========================
   ELECTROMART CHATBOT
=========================== */
.em-chatbot{position:fixed;right:22px;bottom:22px;z-index:900}
.em-chatbot-launcher{width:82px;height:82px;border:0;border-radius:50%;background:linear-gradient(145deg,#fff,#eef6f1);padding:3px;cursor:pointer;box-shadow:0 14px 40px rgba(8,40,21,.28);position:relative;transition:.25s;border:3px solid #2b9849}
.em-chatbot-launcher:hover{transform:translateY(-4px) scale(1.03)}
.em-chatbot-launcher img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;border-radius:50%}
.em-chatbot-status-dot{position:absolute;right:3px;bottom:7px;width:17px;height:17px;border-radius:50%;background:#2ec95c;border:3px solid #fff;box-shadow:0 0 0 2px rgba(46,201,92,.18)}
.em-chatbot-panel{position:absolute;right:0;bottom:96px;width:min(390px,calc(100vw - 28px));height:min(620px,calc(100vh - 140px));background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 22px 70px rgba(5,31,15,.28);border:1px solid #dfeae3;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(16px) scale(.98);transform-origin:bottom right;transition:.22s}
.em-chatbot-panel.is-open{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.em-chatbot-header{min-height:84px;padding:13px 15px;background:linear-gradient(120deg,#175f32,#27934a);display:flex;align-items:center;gap:12px;color:#fff}
.em-chatbot-avatar{width:58px;height:58px;border-radius:50%;background:#fff;overflow:hidden;border:2px solid rgba(255,255,255,.85);flex:0 0 auto}
.em-chatbot-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 16%}
.em-chatbot-heading{display:flex;flex-direction:column;min-width:0}
.em-chatbot-heading strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.em-chatbot-heading span{font-size:12px;color:#def0e3;display:flex;align-items:center;gap:6px;margin-top:4px}
.em-chatbot-heading i{width:7px;height:7px;background:#5bea7b;border-radius:50%}
.em-chatbot-close{margin-left:auto;border:0;background:rgba(255,255,255,.13);color:#fff;width:34px;height:34px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer}
.em-chatbot-body{flex:1;overflow-y:auto;padding:18px;background:linear-gradient(180deg,#f5faf6,#fff)}
.em-message{display:flex;align-items:flex-end;gap:8px;margin-bottom:13px}
.em-message-user{justify-content:flex-end}
.em-message-avatar{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#fff;border:1px solid #dde7e0;flex:0 0 auto}
.em-message-avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 16%}
.em-message-bubble{max-width:80%;padding:11px 13px;border-radius:15px;font-size:13px;line-height:1.45;box-shadow:0 3px 12px rgba(18,62,32,.06)}
.em-message-bot .em-message-bubble{background:#fff;border:1px solid #e0e9e3;border-bottom-left-radius:5px;color:#294334}
.em-message-user .em-message-bubble{background:#268d46;color:#fff;border-bottom-right-radius:5px}
.em-chatbot-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px 42px}
.em-chatbot-option{border:1px solid #cee1d3;background:#fff;color:#1c6536;border-radius:11px;min-height:43px;padding:8px 10px;font-size:12px;font-weight:700;text-align:left;cursor:pointer;transition:.18s}
.em-chatbot-option:hover{background:#eaf7ed;border-color:#88c99a;transform:translateY(-1px)}
.em-chatbot-option span{margin-right:5px}
.em-chatbot-form{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e3ebe5}
.em-chatbot-form input{flex:1;min-width:0;height:43px;border:1px solid #d3dfd6;border-radius:12px;padding:0 13px;font:inherit;font-size:13px;outline:none}
.em-chatbot-form input:focus{border-color:#399c55;box-shadow:0 0 0 3px rgba(57,156,85,.1)}
.em-chatbot-form button{width:43px;height:43px;border:0;border-radius:12px;background:#258e43;color:#fff;font-size:18px;cursor:pointer}
.em-chatbot-typing{display:flex;gap:4px;align-items:center;height:18px}
.em-chatbot-typing i{width:6px;height:6px;background:#86a28f;border-radius:50%;animation:emTyping 1s infinite alternate}
.em-chatbot-typing i:nth-child(2){animation-delay:.15s}.em-chatbot-typing i:nth-child(3){animation-delay:.3s}
@keyframes emTyping{to{transform:translateY(-4px);opacity:.5}}
@media(max-width:620px){
  .em-chatbot{right:14px;bottom:14px}
  .em-chatbot-launcher{width:70px;height:70px}
  .em-chatbot-panel{position:fixed;left:10px;right:10px;bottom:92px;width:auto;height:min(620px,calc(100vh - 112px));border-radius:18px}
  .em-chatbot-options{grid-template-columns:1fr;margin-left:42px}
}