:root { --primary-bg: #111111; --accent-yellow: #FFC220; --text-light: #ffffff; --text-dark: #111111; --gray: #222222; --gray-light: #333333; }
        * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Arial', sans-serif; }
        body { background-color: var(--primary-bg); color: var(--text-light); }
        nav { background-color: var(--primary-bg); padding: 1rem 2rem; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid var(--accent-yellow); position: fixed; width: 100%; top: 0; z-index: 1000; }
        .logo-container { min-width: 0; display: flex; align-items: center; gap: 15px; cursor: pointer; }
        .logo-img { flex-shrink: 0; width: 45px; height: 45px; border-radius: 50%; object-fit: cover; }
        .logo-text { color: var(--text-light); font-weight: 900; font-size: 1.2rem; letter-spacing: 1px; text-transform: uppercase; }
        .nav-links { display: flex; gap: 20px; align-items: center; }
        .nav-links button { color: var(--text-light); text-decoration: none; font-weight: bold; background: none; border: none; cursor: pointer; font-size: 1rem; }
        .nav-actions { display: flex; align-items: center; gap: 20px; }
        .btn-prices-nav { border: none; cursor: pointer; font-size: 1rem; min-height: 44px; white-space: nowrap; background-color: var(--accent-yellow) !important; color: var(--text-dark) !important; padding: 8px 16px; border-radius: 4px; font-weight: 900 !important; }
        .lang-select { background: var(--gray-light); color: var(--text-light); border: 1px solid var(--accent-yellow); padding: 8px; border-radius: 4px; cursor: pointer; font-weight: bold; }
        .hamburger { background: none; border: 0; width: 44px; height: 44px; align-items: center; justify-content: center; flex-shrink: 0; display: none; font-size: 1.5rem; cursor: pointer; color: var(--accent-yellow); }
        .mobile-menu { display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: var(--primary-bg); border-bottom: 2px solid var(--accent-yellow); flex-direction: column; padding: 1rem; gap: 15px; }
        .mobile-menu.active { display: flex; }
        .view { display: none; padding-top: 80px; min-height: 100vh; }
        .view.active { display: block; }
        .hero { text-align: center; padding: 4rem 1rem 2rem 1rem; }
        .hero h1 { color: var(--accent-yellow); font-size: clamp(2.5rem, 6vw, 4rem); font-weight: 900; text-transform: uppercase; line-height: 1.1; margin-bottom: 1rem; }
        .hero h2 { font-size: clamp(1.2rem, 3vw, 1.8rem); font-weight: bold; margin-bottom: 2.5rem; color: #ffffff; }
        .btn-main { background-color: var(--accent-yellow); color: var(--text-dark); padding: 18px 35px; font-size: 1.2rem; font-weight: 900; border: none; border-radius: 4px; cursor: pointer; text-transform: uppercase; display: inline-flex; align-items: center; gap: 10px; transition: transform 0.2s; }
        .btn-main:hover { transform: scale(1.05); }
        .contact-section { max-width: 800px; margin: 2rem auto; padding: 2rem; background-color: var(--gray); border: 2px solid var(--accent-yellow); border-radius: 8px; text-align: center; }
        .contact-header { font-size: 1.3rem; font-weight: bold; margin-bottom: 1.5rem; color: var(--text-light); }
        .contact-form { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 2rem; }
        .contact-form textarea { width: 100%; height: 120px; background-color: var(--primary-bg); color: var(--text-light); border: 1px solid var(--gray-light); padding: 15px; border-radius: 4px; resize: vertical; font-size: 1rem; }
        .contact-form textarea:focus { outline: none; border-color: var(--accent-yellow); }
        .contact-form input[type="file"] { color: var(--text-light); background-color: var(--primary-bg); padding: 10px; border-radius: 4px; border: 1px solid var(--gray-light); }
        .btn-submit { background-color: var(--accent-yellow); color: var(--text-dark); padding: 15px; border: none; border-radius: 4px; font-weight: 900; font-size: 1.1rem; cursor: pointer; text-transform: uppercase; }
        .contact-methods { display: flex; flex-direction: column; gap: 1rem; text-align: left; margin-top: 2rem; padding-top: 2rem; border-top: 1px solid var(--gray-light); }
        .contact-item { display: flex; justify-content: space-between; align-items: center; background-color: var(--primary-bg); padding: 15px 20px; border-radius: 4px; border-left: 4px solid var(--accent-yellow); }
        .contact-details { display: flex; flex-direction: column; }
        .contact-number { font-size: 1.2rem; font-weight: bold; color: var(--text-light); text-decoration: none; }
        .contact-note { font-size: 0.9rem; color: #aaa; margin-top: 3px; }
        .social-icons { display: flex; gap: 20px; }
        .social-icons a { color: var(--text-light); font-size: 2rem; text-decoration: none; transition: color 0.2s; }
        .social-icons a:hover { color: var(--accent-yellow); }
        .footer-brand { display: flex; align-items: center; justify-content: center; gap: 15px; padding: 3rem 1rem; opacity: 0.8; }
        .pricing-header { text-align: center; padding: 2rem 1rem; }
        .pricing-header h2 { color: var(--accent-yellow); font-size: 2rem; margin-bottom: 15px; text-transform: uppercase; font-weight: 900; }
        .min-fee-alert { display: inline-block; background-color: var(--gray); border: 2px solid var(--accent-yellow); padding: 10px 20px; border-radius: 4px; font-weight: bold; font-size: 1.1rem; margin-bottom: 20px; }
        .search-container { max-width: 600px; margin: 0 auto 2rem auto; position: relative; padding: 0 1rem; }
        .search-box { width: 100%; padding: 15px 20px 15px 45px; border-radius: 24px; border: none; background-color: #ffffff; color: #111; font-size: 1.1rem; box-shadow: 0 4px 6px rgba(0,0,0,0.5); outline: none; }
        .search-icon { position: absolute; left: 30px; top: 50%; transform: translateY(-50%); color: #666; font-size: 1.2rem; }
        .suggestions { position: absolute; top: 100%; left: 1rem; right: 1rem; background: white; color: black; border-radius: 0 0 16px 16px; box-shadow: 0 4px 6px rgba(0,0,0,0.5); display: none; z-index: 10; overflow: hidden; }
        .suggestion-item { padding: 12px 20px; cursor: pointer; border-bottom: 1px solid #eee; font-weight: bold; }
        .suggestion-item:hover { background-color: #f0f0f0; }
        .services-grid { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; padding: 0 1rem 3rem 1rem; }
        .service-card { background-color: var(--gray); border-left: 5px solid var(--accent-yellow); padding: 20px; border-radius: 4px; cursor: pointer; transition: transform 0.2s, background-color 0.2s; position: relative; }
        .service-card:hover { transform: translateY(-3px); background-color: var(--gray-light); }
        .service-name { font-size: 1.3rem; font-weight: bold; margin-bottom: 10px; color: #fff; }
        .service-price { font-size: 1.6rem; color: var(--accent-yellow); font-weight: 900; margin-bottom: 10px; }
        .service-note { font-size: 0.9rem; color: #aaa; }
        .admin-header { text-align: center; padding: 2rem; color: var(--accent-yellow); font-size: 2rem; }
        .admin-btn-add { background: var(--accent-yellow); color: var(--text-dark); padding: 10px 20px; font-weight: bold; border: none; border-radius: 4px; cursor: pointer; margin: 0 auto 2rem auto; display: block; font-size: 1.1rem; }
        .admin-actions { margin-top: 15px; display: flex; gap: 10px; }
        .admin-actions button { padding: 5px 10px; border: none; border-radius: 3px; font-weight: bold; cursor: pointer; }
        .btn-edit { background-color: #4CAF50; color: white; }
        .btn-delete { background-color: #f44336; color: white; }
        .modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.8); z-index: 2000; align-items: center; justify-content: center; }
        .modal-content { background: var(--gray); padding: 2rem; border-radius: 8px; border: 2px solid var(--accent-yellow); width: 90%; max-width: 500px; max-height: 90vh; overflow-y: auto; }
        .modal-content input, .modal-content textarea { width: 100%; margin-bottom: 10px; padding: 10px; background: var(--primary-bg); border: 1px solid var(--gray-light); color: white; border-radius: 4px; }
        .modal-content label { display: block; font-size: 0.8rem; color: var(--accent-yellow); margin-bottom: 3px; font-weight: bold; }
        .modal-buttons { display: flex; gap: 10px; margin-top: 15px; }
        .modal-buttons button { flex: 1; padding: 10px; border: none; font-weight: bold; border-radius: 4px; cursor: pointer; }
        .btn-save { background: var(--accent-yellow); color: var(--text-dark); }
        .btn-cancel { background: var(--gray-light); color: white; }
        .btn-prices-nav:hover { filter: brightness(1.08); }
        .btn-prices-nav:focus-visible, .hamburger:focus-visible { outline: 2px solid white; outline-offset: 4px; }
        @media (max-width: 768px) { nav { padding: 1rem 12px; gap: 10px; } .logo-container { gap: 8px; } .logo-text { font-size: 1rem; letter-spacing: 0; } .nav-actions { gap: 8px; } .btn-prices-nav { padding: 8px 12px; } .nav-links { display: none; } .hamburger { display: flex; } .contact-item { flex-direction: column; align-items: flex-start; gap: 15px; } .social-icons { width: 100%; justify-content: flex-start; } }
        @media (max-width: 380px) { nav .logo-img { width: 38px; height: 38px; } nav .logo-text { font-size: 0.85rem; } .nav-actions { gap: 4px; } .btn-prices-nav { font-size: 0.9rem; padding: 8px 10px; } }
    
.phone-admin{max-width:960px;margin:0 auto;padding:24px;background:#222;border:1px solid #444;border-radius:8px}.phone-admin h3{font-size:1.5rem;color:#ffc220}.admin-hint{font-size:.95rem;color:#bbb;line-height:1.6;margin:12px 0 20px}.phone-row{border-top:1px solid #555;padding:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.phone-row label{display:flex;flex-direction:column;gap:8px;font-size:14px}.phone-row input,.phone-row select{width:100%;padding:12px;background:#111;color:white;border:1px solid #777;border-radius:4px;font:inherit;min-width:0}.phone-row .check-label{flex-direction:row;align-items:center}.phone-row input[type=checkbox]{width:20px;height:20px;accent-color:#ffc220}.phone-row input:disabled{opacity:.45}.phone-actions{display:flex;flex-wrap:wrap;gap:12px}.phone-actions button,.phone-row button{padding:12px 16px;border:0;border-radius:4px;cursor:pointer;font-weight:bold}.phone-row button{align-self:end;justify-self:start}#phoneStatus{min-height:24px;margin-top:16px;line-height:1.5}.phone-admin button:disabled{opacity:.5;cursor:wait}.phone-time{color:#ffc220;font-size:1rem;font-weight:bold}.contact-number:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #ffc220;outline-offset:3px}@media(max-width:600px){.phone-admin{margin:0 12px;padding:18px}.phone-row{grid-template-columns:1fr}.services-grid{grid-template-columns:minmax(0,1fr)}}

[hidden]{display:none!important}.messenger-links{display:flex;align-items:center;justify-content:center;gap:24px;padding:20px 0 8px}.messenger-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border:1px solid #444;border-radius:18px;background:#161616;transition:transform .15s,border-color .15s}.messenger-icon svg{width:44px;height:44px}.messenger-icon.whatsapp{color:#25d366}.messenger-icon.telegram{color:#2aabee}.messenger-icon:hover{transform:translateY(-3px);border-color:currentColor}.messenger-icon:focus-visible{outline:3px solid #ffc220;outline-offset:5px}.cleaning-footer{text-align:center;padding:40px 20px 44px;border-top:1px solid #494026;background:#181713;overflow-wrap:anywhere}.cleaning-headline{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;color:#ffc220;margin-bottom:14px;line-height:1.4}.cleaning-company{color:#fff;font-size:1.05rem;text-decoration:underline;text-underline-offset:5px;line-height:1.6}.cleaning-company:hover{color:#ffc220}.cleaning-admin{margin-bottom:40px}.cleaning-admin form{display:grid;gap:18px;margin-top:20px}.cleaning-admin label{display:flex;flex-direction:column;gap:8px}.cleaning-admin input:not([type=checkbox]){width:100%;padding:12px;color:white;background:#111;border:1px solid #777;border-radius:4px;font:inherit}.cleaning-admin .cleaning-check{flex-direction:row;align-items:center}.cleaning-check input{width:20px;height:20px;accent-color:#ffc220}.cleaning-admin button{padding:12px 20px;border:0;border-radius:4px;font-weight:bold;justify-self:start;cursor:pointer}.cleaning-admin button:disabled{opacity:.5}