Acasa

/* --- CONTAINER CENTRAL - LATIME REDUSA --- */ .luxury-center-hub { width: 100%; padding: 30px 0; background: #ffffff; position: relative; overflow: hidden; display: flex; justify-content: center; align-items: center; } /* --- TRACK-UL LOGOURILOR (Compact & Pro) --- */ .logo-center-track { max-width: 950px; /* Latime echilibrata pentru 5 logouri mari */ width: 95%; margin: 0 auto; } .logo-anchor { display: flex; justify-content: center; align-items: center; gap: 40px; /* Spatiu optim intre elemente */ text-decoration: none; position: relative; z-index: 2; } /* --- LOGOURI EXTRA LARGE --- */ .logo-item-premium { height: 110px; /* Impact vizual maxim */ flex: 1; display: flex; align-items: center; justify-content: center; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); } .logo-item-premium img { height: 100%; width: auto; max-width: 160px; object-fit: contain; transition: all 0.5s ease; } /* --- ANIMATIE LA HOVER --- */ .logo-item-premium:hover { transform: scale(1.12) translateY(-10px); } .global-shine-line { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 120deg, transparent, rgba(255, 255, 255, 0) 30%, rgba(255, 0, 0, 0.08) 50%, rgba(255, 255, 255, 0) 70%, transparent ); pointer-events: none; z-index: 1; } .luxury-center-hub:hover .global-shine-line { left: 100%; transition: 1.2s cubic-bezier(0.4, 0, 0.2, 1); } /* Efectul de focus modern */ .logo-anchor:hover .logo-item-premium:not(:hover) { opacity: 0.35; filter: grayscale(0.5) blur(1px); } /* --- RESPONSIVE MOBILE --- */ @media (max-width: 768px) { .logo-anchor { gap: 20px; flex-wrap: wrap; } .logo-item-premium { height: 75px; flex: 0 0 40%; /* 2 pe rand pe mobil pentru a ramane vizibile */ } }
Promo TVA 19%
× Flyer TVA Marit
/* Containerul Mic - MAI VIZIBIL ACUM */ #promo-banner-container { position: fixed; left: 0; top: 50%; transform: translateY(-50%) scale(1); transform-origin: left center; width: 140px; /* Mărit de la 100px pentru vizibilitate sporită */ height: auto; z-index: 999999; cursor: pointer; border-radius: 0 12px 12px 0; /* Margini mai rotunjite modern */ overflow: hidden; box-shadow: 5px 0 25px rgba(0,0,0,0.4); border: 3px solid #e60000; /* Border puțin mai gros */ border-left: none; transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.3s ease; background: #000; } /* ZOOM IN LA HOVER - Ajustat la 1.8x pentru claritate maximă */ #promo-banner-container:hover { transform: translateY(-50%) scale(1.8); box-shadow: 12px 0 45px rgba(230, 0, 0, 0.5); } .promo-thumb { width: 100%; height: auto; display: block; } .promo-shine-layer { position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient( to right, transparent, rgba(255, 255, 255, 0.6), transparent ); transform: skewX(-25deg); } #promo-banner-container:hover .promo-shine-layer { animation: promo-shine-once 0.8s ease-out forwards; } @keyframes promo-shine-once { 0% { left: -150%; } 100% { left: 150%; } } /* Modalul (Zoom Full) */ #promo-modal { display: none; position: fixed; z-index: 1000000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.95); justify-content: center; align-items: center; backdrop-filter: blur(8px); cursor: zoom-out; } #promo-expanded-img { max-width: 90%; max-height: 85vh; border-radius: 8px; box-shadow: 0 0 50px rgba(0,0,0,0.5); animation: zoom-smooth 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } @keyframes zoom-smooth { from { transform: scale(0.85); opacity: 0; } to { transform: scale(1); opacity: 1; } } .close-promo { position: absolute; top: 20px; right: 30px; color: #fff; font-size: 50px; cursor: pointer; } /* Mobil */ @media (max-width: 768px) { #promo-banner-container { width: 85px; } #promo-banner-container:hover { transform: translateY(-50%) scale(1.1); } } function openPromoModal() { document.getElementById("promo-modal").style.display = "flex"; document.body.style.overflow = "hidden"; } function closePromoModal() { document.getElementById("promo-modal").style.display = "none"; document.body.style.overflow = "auto"; }

Ce servicii oferim ?

Chei pentru locuinta

La Centrele Profesionale de Copiat Chei puteti copia o gama larga de chei plane pentru cilindri de casa, chei amprenta, cruciforme, chei pentru cutiile postale...

Chei auto

Multiplicam majoritatea cheilor auto de pe piata, in diferite forme: chei auto simple, cu cap plastic, fara cip, cheie auto cu cip de pornire, cu cip si telecomanda, keyless & smart.

Duplicam cheile rezidentiale in proportie de 97%
Duplicam aproape toate tipurile de chei auto de pe piata 95%
Sisteme Master Key 100%
Digitalizarea cheilor prin intermediul aparatelor electronice
100%
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap'); .premium-hub { padding: 60px 0; background: #ffffff; font-family: 'Plus Jakarta Sans', sans-serif; } .hub-container { max-width: 1000px; /* Format mai mic, mai compact */ margin: 0 auto; padding: 0 20px; } .hub-title { text-align: center; font-size: 2.2rem; font-weight: 800; margin-bottom: 50px; letter-spacing: -1px; } /* --- CARDURI SLIM LUXURY --- */ .slim-interaction-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 40px; } .luxury-card-slim { position: relative; background: #ffffff; border-radius: 20px; padding: 25px; border: 1px solid #f0f0f0; box-shadow: 0 10px 30px rgba(0,0,0,0.03); overflow: hidden; transition: all 0.4s ease; cursor: pointer; } .card-inner { display: flex; align-items: flex-start; gap: 20px; z-index: 2; position: relative; } .icon-wrap { width: 50px; height: 50px; flex-shrink: 0; background: #fff; border-radius: 12px; padding: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); } .text-info h3 { font-size: 1.1rem; font-weight: 800; margin-bottom: 8px; color: #000; } .text-info p { font-size: 0.85rem; color: #666; line-height: 1.5; margin: 0; } /* Shine Effect */ .glass-reflection { position: absolute; top: 0; left: -150%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 0, 0, 0.05), transparent); transform: skewX(-20deg); transition: 0.7s; } .luxury-card-slim:hover { transform: translateY(-5px); border-color: #ff0000; box-shadow: 0 15px 35px rgba(255, 0, 0, 0.1); } .luxury-card-slim:hover .glass-reflection { left: 150%; } /* --- STATISTICI SLIM & INTERACTIVE --- */ .interactive-stats-bar { background: #fafafa; border-radius: 24px; padding: 30px; display: flex; flex-direction: column; gap: 20px; } .stat-pill { width: 100%; } .pill-info { display: flex; justify-content: space-between; font-size: 0.8rem; font-weight: 700; margin-bottom: 6px; text-transform: uppercase; } .val { color: #ff0000; font-weight: 800; } .pill-bar { height: 6px; background: #eee; border-radius: 10px; overflow: hidden; } .fill { height: 100%; background: #ff0000; box-shadow: 0 0 10px rgba(255, 0, 0, 0.4); animation: slideIn 1.5s ease-out forwards; } @keyframes slideIn { from { width: 0; } } /* DIGITALIZARE - DESIGN DE IMPACT */ .digital-exclusive { background: #000; border-radius: 16px; padding: 20px 25px; position: relative; overflow: hidden; color: #fff; } .digital-content { display: flex; justify-content: space-between; align-items: center; position: relative; z-index: 2; } .d-text strong { display: block; font-size: 1rem; } .d-text span { font-size: 0.75rem; color: #888; } .d-value { font-size: 1.8rem; font-weight: 900; color: #ff0000; } .beam-light { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(45deg, transparent, rgba(255,0,0,0.1), transparent); animation: beamMove 3s infinite; } @keyframes beamMove { 0% { transform: translateX(-100%); } 100% { transform: translateX(100%); } } @media (max-width: 768px) { .slim-interaction-grid { grid-template-columns: 1fr; } }

Principalele servicii oferite:

Duplicam toate tipurile de chei pentru casa si auto, inclusiv chei auto cu cip si telecomanda

Copiere telecomenzi rezidentiale (Air 4 Silca) pentru porti rabatabile, usi culisante, usi garaje

Intretinere incaltaminte (inlocuire capace de toc, flecuri, pingele)

Gravura

Xerox alb/negru si color, laminari A3 si A4

Ascutit cutite

Gama diversificata de produse:

In centrele profesionale de copiat chei va punem la dispozitie:

Cilindri de maxima siguranta, lacate, yale pentru usi, silduri, amortizoare

Carcase auto de schimb

Accesorii pentru chei (brelocuri, capisoane, etichete, etc)

Lanterne, cutite de bucatarie, de vanatoare, bricege Victorinox

22
Ani experiență
73+
Magazine
Top
Tehnologie
Soft
Autorizat
500K
Chei / An
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;500;800&display=swap'); .luxury-service-hub { padding: 80px 20px; background: #ffffff; font-family: 'Plus Jakarta Sans', sans-serif; } .hub-wrapper { max-width: 1100px; margin: 0 auto; } /* GRID DESIGN */ .luxury-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 60px; } /* PANOU INTERACTIV */ .service-panel { position: relative; background: #fbfbfb; border-radius: 32px; padding: 40px; min-height: 200px; overflow: hidden; cursor: pointer; border: 1px solid #f0f0f0; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); } .panel-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(255,0,0,0.05) 0%, transparent 100%); opacity: 0; transition: 0.6s; } .panel-content { position: relative; z-index: 2; display: flex; gap: 25px; } .panel-icon { width: 50px; height: 50px; flex-shrink: 0; transition: 0.5s; } .panel-info h3 { font-size: 1.3rem; font-weight: 800; margin: 0 0 15px 0; color: #111; } .hidden-details { max-height: 0; overflow: hidden; opacity: 0; transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1); } .hidden-details p { font-size: 0.9rem; color: #444; line-height: 1.6; margin-bottom: 10px; } .hidden-details strong { color: #ff0000; } .panel-footer { margin-top: 20px; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px; color: #bbb; font-weight: 700; } /* HOVER ANIMATION */ .service-panel:hover { background: #ffffff; border-color: #ff0000; box-shadow: 0 30px 60px rgba(255,0,0,0.1); } .service-panel:hover .panel-background { opacity: 1; } .service-panel:hover .hidden-details { max-height: 500px; opacity: 1; margin-top: 20px; } .service-panel:hover .panel-icon { transform: scale(1.2) rotate(-10deg); } .service-panel:hover .panel-footer { opacity: 0; } /* STATS CIRCLES */ .luxury-stats-circles { display: flex; justify-content: space-between; gap: 15px; padding: 0 20px; } .circle-stat { text-align: center; flex: 1; } .circle-box { width: 80px; height: 80px; margin: 0 auto 15px; border: 2px solid #f0f0f0; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.4s; } .circle-box strong { font-size: 1.2rem; font-weight: 800; color: #111; } .circle-box.highlight { background: #000; border-color: #000; } .circle-box.highlight strong { color: #ff0000; } .circle-stat span { font-size: 0.7rem; text-transform: uppercase; font-weight: 700; color: #999; } .circle-stat:hover .circle-box { border-color: #ff0000; transform: translateY(-5px); box-shadow: 0 10px 20px rgba(255,0,0,0.1); } /* RESPONSIVE */ @media (max-width: 900px) { .luxury-grid { grid-template-columns: 1fr; } .luxury-stats-circles { flex-wrap: wrap; justify-content: center; } .circle-stat { min-width: 100px; margin-bottom: 20px; } }

Ne găsiți în toată țara și nu numai!

Harta Romania - Retea Nationala

România

Avem o rețea bine dezvoltată de centre profesionale de copiat chei în întreaga țară, ne găsiți în majoritatea supermarket-urilor Kaufland și în Mall-uri.

Harta Bucuresti - Centre Profesionale

București

17 Centre Profesionale

Acoperire completă în toate sectoarele capitalei pentru servicii rapide de multiplicări chei și accesorii.

Map Anderlecht Belgium

Anderlecht - Belgia

În anul 2017 am deschis primul nostru centru profesional de copiat chei din Europa, exportând expertiza noastră în inima Belgiei.

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap'); .pro-location-section { padding: 80px 20px; background-color: #ffffff; font-family: 'Plus Jakarta Sans', sans-serif; } .pro-container { max-width: 1200px; margin: 0 auto; } .pro-title { text-align: center; font-size: 2.5rem; font-weight: 800; color: #111; margin-bottom: 50px; letter-spacing: -1.5px; } .pro-title span { color: #e60000; display: block; font-size: 1.5rem; font-weight: 600; letter-spacing: 0px; } /* GRID SYSTEM */ .pro-location-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } /* CARD STYLING */ .pro-card { background: #fff; border-radius: 32px; padding: 40px 30px; border: 1px solid #f2f2f2; text-align: center; display: flex; flex-direction: column; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); position: relative; overflow: hidden; } .pro-img-box { height: 220px; margin-bottom: 25px; display: flex; align-items: center; justify-content: center; } .pro-img-box img { max-height: 100%; max-width: 100%; object-fit: contain; filter: drop-shadow(0 10px 20px rgba(0,0,0,0.05)); transition: transform 0.8s ease; } .pro-content h3 { font-size: 1.6rem; font-weight: 800; margin-bottom: 15px; color: #000; } .pro-badge { display: inline-block; background: #000; color: #fff; padding: 6px 18px; border-radius: 50px; font-size: 0.75rem; font-weight: 700; margin-bottom: 15px; text-transform: uppercase; letter-spacing: 1px; } .pro-content p { font-size: 0.95rem; line-height: 1.7; color: #666; margin: 0; } .pro-content strong { color: #e60000; font-weight: 700; } /* HOVER EFFECTS */ .pro-card:hover { transform: translateY(-15px); box-shadow: 0 40px 80px rgba(0,0,0,0.08); border-color: #e60000; } .pro-card:hover .pro-img-box img { transform: scale(1.1) rotate(2deg); } .pro-indicator { position: absolute; bottom: 0; left: 0; width: 0; height: 6px; background: #e60000; transition: width 0.5s ease; } .pro-card:hover .pro-indicator { width: 100%; } /* RESPONSIVE */ @media (max-width: 1024px) { .pro-location-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 768px) { .pro-location-grid { grid-template-columns: 1fr; } .pro-title { font-size: 2rem; } .pro-card { padding: 35px 25px; } .pro-img-box { height: 180px; } }
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;800&display=swap'); .social-light-vibe { padding: 60px 20px; background: #ffffff; /* Modificat în fundal alb complet */ font-family: 'Plus Jakarta Sans', sans-serif; position: relative; overflow: hidden; } .social-wrapper { max-width: 1000px; margin: 0 auto; z-index: 1; position: relative; } .social-header { text-align: center; margin-bottom: 40px; } .social-header h2 { color: #222; font-size: 2rem; font-weight: 800; margin: 0; letter-spacing: -1px; } .social-header p { color: #e60000; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; font-size: 0.8rem; margin-top: 8px; } .social-flex { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; } .social-orb { text-decoration: none; width: 220px; height: 280px; background: #ffffff; border: 1px solid #f0f0f0; /* Border mai subtil pentru fundal alb */ border-radius: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1); position: relative; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,0.04); /* Umbră ajustată pentru fundal alb */ } .social-icon-wrapper { width: 50px; height: 50px; margin-bottom: 20px; transition: transform 0.5s ease; } .social-icon-wrapper svg { width: 100%; height: 100%; transition: fill 0.3s; } .social-orb h3 { color: #222; font-size: 1.3rem; font-weight: 800; margin: 0; } .social-orb span { color: #888; font-size: 0.75rem; margin-top: 8px; opacity: 0; transform: translateY(10px); transition: 0.4s; } .glow-effect { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.5s; z-index: -1; } /* HOVERS */ .social-orb:hover { transform: translateY(-10px); border-color: #e60000; background: #ffffff; box-shadow: 0 15px 35px rgba(0,0,0,0.08); } .social-orb:hover .glow-effect { opacity: 0.15; } .social-orb:hover .social-icon-wrapper { transform: scale(1.1) rotate(5deg); } .social-orb:hover span { opacity: 1; transform: translateY(0); } .fb:hover h3, .fb:hover .social-icon-wrapper svg { color: #1877F2; fill: #1877F2; } .ig:hover h3, .ig:hover .social-icon-wrapper svg { color: #FF3040; fill: #FF3040; } .tt:hover h3, .tt:hover .social-icon-wrapper svg { color: #000; fill: #000; } @media (max-width:

Experiențele clienților noștri

Vergului, București
★★★★★

"Am schimbat astăzi o carcasă auto și totul a decurs minunat! Băiatul de acolo își dă interesul."

Georgiana O.
Carrefour Vulcan
★★★★★

"Mulțumim! Rapid și profesionist! Pentru orice tip de cheie!"

Cristina C.
Baia Mare
★★★★★

"Sunt foarte satisfăcut de profesionalism. Rezolvat rapid și eficient. Recomand."

Marius T.
Kaufland Apărătorii
★★★★★

"Personal foarte amabil. M-a ajutat să rectific o cheie stricată în altă parte. Nota 10!"

Mihai B.
Vergului, București
★★★★★

"Am schimbat astăzi o carcasă auto și totul a decurs minunat! Băiatul de acolo își dă interesul."

Georgiana O.
Carrefour Vulcan
★★★★★

"Mulțumim! Rapid și profesionist! Pentru orice tip de cheie!"

Cristina C.
/* Reset local pentru a preveni moștenirea din Elementor */ .el-force-wrapper { width: 100% !important; max-width: 100vw !important; padding: 60px 0 !important; background: #ffffff !important; overflow: visible !important; /* Esențial ca să nu blocheze scroll-ul paginii */ position: relative !important; display: block !important; } .el-slider-header { text-align: center; margin-bottom: 40px; } .el-slider-header h2 { font-family: 'Plus Jakarta Sans', sans-serif !important; font-weight: 800 !important; color: #111 !important; font-size: 26px !important; margin: 0 !important; } .el-red-divider { width: 40px; height: 3px; background: #e30613; margin: 15px auto; } .el-infinite-container { display: flex !important; width: 100% !important; overflow: hidden !important; /* Taie review-urile care ies din ecran, nu scroll-ul paginii */ position: relative !important; padding: 20px 0 !important; } .el-infinite-track { display: flex !important; gap: 30px !important; width: max-content !important; animation: el-scroll 40s linear infinite !important; } .el-infinite-track:hover { animation-play-state: paused !important; } .el-review-item { width: 320px !important; background: #fff !important; padding: 30px !important; border-radius: 20px !important; border: 1px solid #eee !important; box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important; flex-shrink: 0 !important; display: flex !important; flex-direction: column !important; } .el-tag { color: #e30613; font-size: 10px; font-weight: 800; text-transform: uppercase; margin-bottom: 10px; display: block; } .el-stars { color: #ffb400; margin-bottom: 15px; } .el-review-item p { font-size: 14px; color: #444; font-style: italic; margin-bottom: 20px; line-height: 1.6 !important; } .el-user { font-weight: 700; font-size: 13px; color: #000; border-top: 1px solid #f9f9f9; padding-top: 15px; } @keyframes el-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-320px * 4 - 30px * 4)); } } @media (max-width: 768px) { .el-review-item { width: 270px !important; } @keyframes el-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-270px * 4 - 30px * 4)); } } }
#whatsapp-widget { font-family: 'Plus Jakarta Sans', sans-serif; position: fixed; bottom: 25px; right: 25px; z-index: 9999; } /* Containerul pentru butoane */ .wa-launcher-container { display: flex; align-items: center; flex-direction: row-reverse; /* Pune textul la stânga bulinei */ gap: 15px; } /* Bulina principală */ .wa-main-bulina { width: 65px; height: 65px; background: #25d366; border: none; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 20px rgba(37, 211, 102, 0.4); cursor: pointer; transition: transform 0.3s ease; animation: waBounce 2s infinite; /* Animația de salt */ } @keyframes waBounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); } 40% { transform: translateY(-15px); } 60% { transform: translateY(-7px); } } .wa-main-bulina:hover { transform: scale(1.1); animation-play-state: paused; /* Se oprește din sărit la hover */ } /* Eticheta de text */ .wa-contact-label { background: white; padding: 10px 18px; border-radius: 25px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); font-weight: 700; color: #333; font-size: 14px; white-space: nowrap; opacity: 0; transform: translateX(10px); transition: 0.3s ease; } .wa-launcher-container:hover .wa-contact-label { opacity: 1; transform: translateX(0); } /* Notificarea roșie */ .wa-notification { position: absolute; top: 0; right: 0; background: #ff3b30; color: white; width: 22px; height: 22px; border-radius: 50%; font-size: 12px; display: flex; align-items: center; justify-content: center; font-weight: bold; border: 2px solid white; z-index: 10; } /* Fereastra de Chat */ .wa-chat-box { position: absolute; bottom: 85px; right: 0; width: 320px; background: white; border-radius: 20px; box-shadow: 0 15px 50px rgba(0,0,0,0.15); display: none; flex-direction: column; overflow: hidden; animation: waSlideIn 0.4s cubic-bezier(0.18, 0.89, 0.32, 1.28); } @keyframes waSlideIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .wa-chat-header { background: #075e54; padding: 20px; color: white; display: flex; align-items: center; gap: 12px; position: relative; } .wa-avatar img { width: 40px; height: 40px; border-radius: 50%; background: white; } .wa-name { display: block; font-weight: 700; } .wa-status { font-size: 12px; opacity: 0.8; } .wa-close { position: absolute; right: 15px; top: 15px; background: none; border: none; color: white; font-size: 24px; cursor: pointer; } .wa-chat-body { padding: 20px; background: #e5ddd5; height: 100px; } .wa-message { background: white; padding: 10px 15px; border-radius: 0 15px 15px 15px; font-size: 14px; } .wa-chat-footer { padding: 15px; display: flex; gap: 10px; background: white; } .wa-chat-footer input { flex: 1; border: 1px solid #eee; padding: 10px; border-radius: 20px; outline: none; } .wa-send-btn { background: #25d366; border: none; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; } @media (max-width: 768px) { .wa-contact-label { display: none; } /* Pe mobil lăsăm doar bulina */ } function toggleWaChat() { const chatBox = document.getElementById('waChatBox'); const notif = document.getElementById('waNotif'); if (chatBox.style.display === 'flex') { chatBox.style.display = 'none'; } else { chatBox.style.display = 'flex'; if(notif) notif.style.display = 'none'; } } function sendToWhatsapp() { const input = document.getElementById('waInput'); const phone = "40723635210"; const message = input.value.trim() !== "" ? encodeURIComponent(input.value) : "Bună ziua!"; const url = `https://api.whatsapp.com/send?phone=${phone}&text=${message}%20(Sursă:%20Pagina%20ACASA)`; window.open(url, '_blank'); input.value = ""; } function handleWaKey(e) { if (e.key === 'Enter') sendToWhatsapp(); }