* { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: var(--font-main); color: var(--text-dark); background: #FFFFFF; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; } a { text-decoration: none; color: inherit; transition: all 0.25s ease; } /* 1. TOP STATUS BAR */ .top-status-bar { background: #06080C; color: #94A3B8; font-size: 12.5px; padding: 9px 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .top-container { max-width: 1360px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; } .top-left { display: flex; align-items: center; gap: 14px; } .top-trust-badge { background: linear-gradient(135deg, #D4AF37 0%, #AA7C11 100%); color: #000000; font-weight: 800; font-size: 11px; letter-spacing: 0.8px; padding: 3px 10px; border-radius: 4px; text-transform: uppercase; } .top-locations { color: #CBD5E1; font-weight: 500; } .top-right { display: flex; align-items: center; gap: 14px; } .top-call-link { color: #F8FAFC; font-weight: 700; display: flex; align-items: center; gap: 6px; } .top-call-link:hover { color: var(--gold); } .call-pulse { width: 8px; height: 8px; background: #22C55E; border-radius: 50%; display: inline-block; box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); animation: pulseGreen 2s infinite; } @keyframes pulseGreen { 0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); } 70% { box-shadow: 0 0 0 8px rgba(34, 197, 94, 0); } 100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); } } .top-sep { color: rgba(255,255,255,0.2); } .top-hours { color: #64748B; } /* 2. MASTER DARK LUXURY HEADER (Obsidian #0B0E14: Silver Chrome Logo Pops 100%) */ .master-header { background: rgba(11, 14, 20, 0.98); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid rgba(255, 255, 255, 0.08); position: sticky; top: 0; z-index: 9999; transition: all 0.3s ease; } .header-container { max-width: 1360px; margin: 0 auto; padding: 14px 24px; display: flex; justify-content: space-between; align-items: center; } .brand-link { display: flex; align-items: center; gap: 14px; filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.6)); } .brand-logo-img { height: 48px; width: auto; object-fit: contain; display: block; transition: transform 0.3s ease; } .brand-link:hover .brand-logo-img { transform: scale(1.02); } .brand-trust-tag { display: flex; flex-direction: column; justify-content: center; border-left: 1px solid rgba(255, 255, 255, 0.15); padding-left: 12px; line-height: 1.15; } .trust-years { font-size: 12px; font-weight: 800; color: var(--gold); letter-spacing: 0.5px; } .trust-sub { font-size: 9px; font-weight: 700; color: #94A3B8; letter-spacing: 1px; } .main-nav-menu { display: flex; align-items: center; gap: 22px; } .nav-link { color: #E2E8F0; font-size: 13.5px; font-weight: 600; padding: 6px 0; position: relative; transition: color 0.2s ease; } .nav-link:hover, .nav-link.active { color: #FFFFFF; } .nav-link.active::after { content: ''; position: absolute; bottom: -2px; left: 0; right: 0; height: 2px; background: var(--gold); border-radius: 2px; } .header-actions { display: flex; align-items: center; gap: 14px; } .btn-gold-header { background: linear-gradient(135deg, #D4AF37 0%, #AA7C11 100%); color: #000000 !important; font-size: 13px; font-weight: 800; padding: 10px 20px; border-radius: 8px; display: inline-flex; align-items: center; gap: 6px; box-shadow: 0 4px 16px rgba(212, 175, 55, 0.3); transition: transform 0.2s, box-shadow 0.2s; } .btn-gold-header:hover { transform: translateY(-2px); box-shadow: 0 6px 22px rgba(212, 175, 55, 0.45); } .mobile-toggle-btn { display: none; background: none; border: 1px solid rgba(255,255,255,0.15); padding: 8px 10px; border-radius: 6px; cursor: pointer; flex-direction: column; gap: 5px; } .mobile-toggle-btn span { display: block; width: 22px; height: 2px; background: #FFFFFF; border-radius: 2px; } /* 3. MOBILE DRAWER */ .drawer-overlay { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.8); backdrop-filter: blur(8px); z-index: 10000; opacity: 0; visibility: hidden; transition: all 0.3s ease; } .drawer-overlay.open { opacity: 1; visibility: visible; } .mobile-nav-drawer { position: fixed; top: 0; right: -340px; width: 320px; height: 100%; background: #0B0E14; z-index: 10001; display: flex; flex-direction: column; justify-content: space-between; transition: right 0.35s cubic-bezier(0.16, 1, 0.3, 1); box-shadow: -10px 0 30px rgba(0, 0, 0, 0.7); border-left: 1px solid rgba(255, 255, 255, 0.08); } .mobile-nav-drawer.open { right: 0; } .drawer-header { padding: 20px 24px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.08); } .drawer-close-btn { background: none; border: none; color: #FFFFFF; font-size: 30px; cursor: pointer; line-height: 1; } .drawer-trust-banner { background: rgba(212, 175, 55, 0.12); border-bottom: 1px solid rgba(212, 175, 55, 0.25); color: var(--gold-light); padding: 8px 24px; font-size: 11px; font-weight: 700; letter-spacing: 0.5px; } .drawer-menu-items { padding: 20px 24px; display: flex; flex-direction: column; gap: 16px; overflow-y: auto; } .drawer-menu-items a { color: #F1F5F9; font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.04); } .drawer-menu-items a:hover { color: var(--gold); } .drawer-footer-actions { padding: 24px; border-top: 1px solid rgba(255, 255, 255, 0.08); display: flex; flex-direction: column; gap: 12px; } .drawer-call-btn { background: rgba(255,255,255,0.08); color: #FFFFFF; text-align: center; padding: 12px; border-radius: 8px; font-weight: 700; font-size: 14px; } .drawer-wa-btn { background: #25D366; color: #FFFFFF; text-align: center; padding: 12px; border-radius: 8px; font-weight: 700; font-size: 14px; display: flex; align-items: center; justify-content: center; gap: 8px; } /* 4. MASTER FOOTER */ .master-footer { background: #0B0E14; color: #94A3B8; padding: 80px 24px 100px; border-top: 1px solid rgba(255, 255, 255, 0.08); } .footer-container { max-width: 1360px; margin: 0 auto; } .footer-grid { display: grid; grid-template-columns: 1.5fr 1.1fr 1fr 1.2fr; gap: 48px; margin-bottom: 60px; } @media (max-width: 1024px) { .footer-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 640px) { .footer-grid { grid-template-columns: 1fr; } } .footer-logo-img { height: 48px; width: auto; object-fit: contain; margin-bottom: 20px; } .footer-heritage-badge { background: rgba(212, 175, 55, 0.08); border: 1px solid rgba(212, 175, 55, 0.2); padding: 14px 18px; border-radius: 12px; display: flex; align-items: flex-start; gap: 14px; margin-bottom: 20px; } .heritage-icon { font-size: 24px; } .footer-heritage-badge strong { color: #FFFFFF; font-size: 14px; display: block; margin-bottom: 4px; } .footer-heritage-badge p { font-size: 12px; color: #94A3B8; line-height: 1.4; margin: 0; } .footer-about-text { font-size: 13.5px; line-height: 1.6; color: #64748B; } .footer-heading { color: #FFFFFF; font-size: 16px; font-weight: 700; margin-bottom: 22px; position: relative; padding-bottom: 10px; } .footer-heading::after { content: ''; position: absolute; bottom: 0; left: 0; width: 32px; height: 2px; background: var(--gold); border-radius: 2px; } .footer-links { list-style: none; display: flex; flex-direction: column; gap: 12px; } .footer-links a { color: #94A3B8; font-size: 13.5px; transition: color 0.2s, transform 0.2s; } .footer-links a:hover { color: #FFFFFF; transform: translateX(4px); } .footer-links span { font-size: 13px; color: #CBD5E1; } .footer-contact-item { display: flex; align-items: flex-start; gap: 12px; font-size: 13.5px; margin-bottom: 14px; } .footer-cta-btn { background: linear-gradient(135deg, #D4AF37 0%, #AA7C11 100%); color: #000000; font-weight: 800; font-size: 13px; padding: 12px 20px; border-radius: 8px; display: inline-block; box-shadow: 0 4px 16px rgba(212, 175, 55, 0.25); } .footer-bottom-bar { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: 30px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 12.5px; } .footer-bottom-badges { display: flex; align-items: center; gap: 10px; color: var(--gold); } /* 5. STICKY LEAD BAR */ .sticky-commercial-bar { position: fixed; bottom: 0; left: 0; right: 0; background: rgba(11, 14, 20, 0.96); backdrop-filter: blur(12px); border-top: 1px solid rgba(212, 175, 55, 0.3); padding: 12px 24px; z-index: 999; box-shadow: 0 -8px 24px rgba(0, 0, 0, 0.4); } .sticky-bar-content { max-width: 1360px; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 12px; } .sticky-left { display: flex; align-items: center; gap: 12px; } .sticky-star { background: var(--gold); color: #000000; font-weight: 800; font-size: 11px; padding: 4px 8px; border-radius: 4px; } .sticky-text { color: #FFFFFF; font-size: 13.5px; font-weight: 500; } .sticky-right { display: flex; align-items: center; gap: 12px; } .sticky-call-btn { background: rgba(255, 255, 255, 0.1); color: #FFFFFF; padding: 8px 16px; border-radius: 6px; font-size: 13px; font-weight: 700; border: 1px solid rgba(255, 255, 255, 0.15); } .sticky-wa-btn { background: #25D366; color: #FFFFFF; padding: 8px 18px; border-radius: 6px; font-size: 13px; font-weight: 700; box-shadow: 0 4px 12px rgba(37, 211, 102, 0.3); } /* 6. HERO SLIDER & 30 YEARS TRUST BADGE */ .hero-slider-wrap { position: relative; height: clamp(600px, 86vh, 840px); background: #0B0E14; overflow: hidden; } .hero-slide { position: absolute; inset: 0; opacity: 0; visibility: hidden; transition: opacity 0.9s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.9s; display: flex; align-items: flex-end; padding-bottom: clamp(70px, 12vh, 120px); } .hero-slide.active { opacity: 1; visibility: visible; z-index: 2; } .hero-slide-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.04); transition: transform 7s cubic-bezier(0.25, 1, 0.5, 1); } .hero-slide.active .hero-slide-bg { transform: scale(1); } .hero-slide-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(11, 14, 20, 0.25) 0%, rgba(11, 14, 20, 0.45) 50%, rgba(11, 14, 20, 0.94) 100%), linear-gradient(90deg, rgba(11, 14, 20, 0.85) 0%, rgba(11, 14, 20, 0.35) 60%, transparent 100%); z-index: 1; } .hero-content-wrap { position: relative; z-index: 2; max-width: 1360px; margin: 0 auto; padding: 0 24px; width: 100%; } .hero-body { max-width: 900px; } .hero-experience-seal { display: inline-flex; align-items: center; gap: 10px; background: rgba(212, 175, 55, 0.15); border: 1px solid var(--gold); backdrop-filter: blur(8px); padding: 7px 16px; border-radius: 50px; color: var(--gold-light); font-size: 12px; font-weight: 800; letter-spacing: 1.5px; margin-bottom: 20px; text-transform: uppercase; } .hero-title { font-family: var(--font-heading); font-size: clamp(34px, 4.8vw, 62px); font-weight: 700; color: #FFFFFF; line-height: 1.15; letter-spacing: -0.5px; margin-bottom: 20px; } .hero-title span { background: linear-gradient(135deg, #FFFFFF 0%, var(--gold-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .hero-desc { color: #CBD5E1; font-size: clamp(15px, 1.3vw, 18px); line-height: 1.65; max-width: 720px; margin-bottom: 34px; } .hero-actions { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; } .btn-hero-primary { background: linear-gradient(135deg, #D4AF37 0%, #AA7C11 100%); color: #000000 !important; font-weight: 800; font-size: 15px; padding: 16px 36px; border-radius: 10px; display: inline-flex; align-items: center; gap: 10px; box-shadow: 0 10px 30px rgba(212, 175, 55, 0.35); transition: transform 0.25s, box-shadow 0.25s; } .btn-hero-primary:hover { transform: translateY(-3px); box-shadow: 0 14px 40px rgba(212, 175, 55, 0.5); } .btn-hero-secondary { background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); color: #FFFFFF !important; font-weight: 700; font-size: 15px; padding: 16px 32px; border-radius: 10px; display: inline-flex; align-items: center; gap: 10px; transition: background 0.25s, border-color 0.25s; } .btn-hero-secondary:hover { background: rgba(255, 255, 255, 0.16); border-color: #FFFFFF; } /* 7. THE 4 MEGA COMMERCIAL PILLARS */ .commercial-pillars-section { padding: 100px 24px; background: #F8FAFC; } .section-header-center { max-width: 860px; margin: 0 auto 60px; text-align: center; } .section-sub-tag { color: var(--gold-dark); font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; display: inline-block; margin-bottom: 12px; } .section-main-title { font-family: var(--font-heading); font-size: clamp(28px, 3.2vw, 44px); font-weight: 700; color: var(--text-dark); line-height: 1.25; margin-bottom: 18px; } .section-main-desc { font-size: 16px; color: var(--text-muted); line-height: 1.7; } .pillars-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 32px; } @media (max-width: 860px) { .pillars-grid { grid-template-columns: 1fr; } } .pillar-card { background: #FFFFFF; border-radius: 20px; overflow: hidden; border: 1px solid var(--border-light); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04); display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; } .pillar-card:hover { transform: translateY(-6px); border-color: var(--gold); box-shadow: 0 20px 45px rgba(212, 175, 55, 0.15); } .pillar-img-box { position: relative; height: 280px; overflow: hidden; } .pillar-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .pillar-card:hover .pillar-img { transform: scale(1.06); } .pillar-badge { position: absolute; top: 18px; left: 18px; background: rgba(11, 14, 20, 0.85); color: #FFFFFF; backdrop-filter: blur(8px); font-size: 11.5px; font-weight: 700; padding: 6px 14px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.15); } .pillar-locations-pill { position: absolute; bottom: 18px; right: 18px; background: var(--gold); color: #000000; font-size: 11px; font-weight: 800; padding: 5px 12px; border-radius: 4px; } .pillar-body { padding: 36px 32px; display: flex; flex-direction: column; flex: 1; justify-content: space-between; } .pillar-title { font-family: var(--font-heading); font-size: 24px; font-weight: 700; color: var(--text-dark); margin-bottom: 14px; line-height: 1.3; } .pillar-desc { color: var(--text-muted); font-size: 14.5px; line-height: 1.65; margin-bottom: 22px; } .pillar-features { list-style: none; display: flex; flex-direction: column; gap: 10px; margin-bottom: 28px; } .pillar-features li { font-size: 13.5px; color: #334155; display: flex; align-items: center; gap: 10px; } .pillar-features li::before { content: '✓'; color: var(--gold-dark); font-weight: 800; } .pillar-actions { display: flex; align-items: center; gap: 14px; } .btn-pillar-main { flex: 1; background: var(--text-dark); color: #FFFFFF !important; text-align: center; padding: 13px 20px; border-radius: 8px; font-size: 13.5px; font-weight: 700; transition: background 0.2s; } .btn-pillar-main:hover { background: var(--gold-dark); } .btn-pillar-wa { background: #25D366; color: #FFFFFF !important; padding: 13px 18px; border-radius: 8px; font-size: 14px; font-weight: 700; display: inline-flex; align-items: center; gap: 6px; } /* 8. INTERACTIVE PROJECT ESTIMATOR & WHATSAPP WIZARD */ .estimator-section { padding: 100px 24px; background: #0B0E14; color: #FFFFFF; position: relative; } .estimator-box { max-width: 1000px; margin: 0 auto; background: #121722; border-radius: 24px; padding: 50px 40px; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 25px 60px rgba(0,0,0,0.5); } @media (max-width: 640px) { .estimator-box { padding: 30px 20px; } } .estimator-title { font-family: var(--font-heading); font-size: clamp(24px, 3vw, 36px); font-weight: 700; text-align: center; margin-bottom: 12px; } .estimator-subtitle { color: #94A3B8; font-size: 15px; text-align: center; max-width: 640px; margin: 0 auto 36px; } .wizard-step { margin-bottom: 28px; } .wizard-label { display: block; color: var(--gold-light); font-size: 13px; font-weight: 700; letter-spacing: 1px; margin-bottom: 14px; text-transform: uppercase; } .wizard-options-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; } @media (max-width: 768px) { .wizard-options-grid { grid-template-columns: repeat(2, 1fr); } } .wizard-btn { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.12); color: #E2E8F0; padding: 14px 12px; border-radius: 10px; font-size: 13.5px; font-weight: 600; cursor: pointer; text-align: center; transition: all 0.2s ease; } .wizard-btn:hover, .wizard-btn.active { background: var(--gold); border-color: var(--gold); color: #000000; font-weight: 800; } .wizard-result-box { margin-top: 36px; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); text-align: center; } .wizard-submit-btn { background: #25D366; color: #FFFFFF !important; font-size: 16px; font-weight: 800; padding: 18px 42px; border-radius: 12px; display: inline-flex; align-items: center; gap: 12px; box-shadow: 0 10px 30px rgba(37, 211, 102, 0.35); cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; } .wizard-submit-btn:hover { transform: scale(1.02); box-shadow: 0 14px 40px rgba(37, 211, 102, 0.5); } /* 9. CREATIVE SHOWSTOPPER REFERENCES */ .creative-refs-section { padding: 100px 24px; background: #11141A; color: #FFFFFF; border-top: 1px solid rgba(255,255,255,0.08); border-bottom: 1px solid rgba(255,255,255,0.08); } .creative-refs-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; } @media (max-width: 992px) { .creative-refs-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 640px) { .creative-refs-grid { grid-template-columns: 1fr; } } .ref-spotlight-card { position: relative; border-radius: 20px; overflow: hidden; height: 380px; border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: 0 15px 40px rgba(0,0,0,0.4); transition: transform 0.35s ease, border-color 0.35s ease; } .ref-spotlight-card:hover { transform: translateY(-6px); border-color: var(--gold); } .ref-card-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.7s ease; } .ref-spotlight-card:hover .ref-card-bg { transform: scale(1.06); } .ref-card-glass { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14, 17, 24, 0.3) 0%, rgba(14, 17, 24, 0.7) 40%, rgba(14, 17, 24, 0.96) 100%); padding: 30px; display: flex; flex-direction: column; justify-content: space-between; z-index: 2; } .ref-logo-badge { align-self: flex-start; border-radius: 12px; backdrop-filter: blur(10px); box-shadow: 0 6px 20px rgba(0,0,0,0.25); } .ref-tag { display: inline-block; color: var(--gold-light); font-size: 11.5px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 8px; } .ref-name { color: #FFFFFF; font-size: 21px; font-weight: 700; margin-bottom: 8px; font-family: var(--font-heading); } .ref-desc { color: #CBD5E1; font-size: 13.5px; line-height: 1.5; margin: 0; } /* 10. 30 YEARS TRUST & COMPARISON TABLE */ .comparison-section { padding: 100px 24px; background: #FFFFFF; } .comparison-table-wrap { max-width: 1060px; margin: 0 auto; background: #F8FAFC; border-radius: 20px; border: 1px solid var(--border-light); overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.03); } .comp-row { display: grid; grid-template-columns: 1.8fr 1.6fr 1.6fr; padding: 20px 28px; border-bottom: 1px solid var(--border-light); align-items: center; } .comp-row:last-child { border-bottom: none; } .comp-head { background: #0B0E14; color: #FFFFFF; font-weight: 700; font-size: 14px; } .comp-head .sekiz-col { color: var(--gold); font-size: 16px; font-weight: 800; } .comp-feature { font-weight: 600; color: #1E293B; font-size: 14.5px; } .comp-sekiz { color: #047857; font-weight: 700; font-size: 14px; } .comp-other { color: #94A3B8; font-size: 13.5px; } /* 11. REGIONAL HUB */ .regional-section { padding: 90px 24px; background: #F1F5F9; } .regional-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; } @media (max-width: 992px) { .regional-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 560px) { .regional-grid { grid-template-columns: 1fr; } } .region-card { background: #FFFFFF; padding: 30px 24px; border-radius: 16px; border: 1px solid var(--border-light); box-shadow: 0 6px 20px rgba(0,0,0,0.03); text-align: center; } .region-icon { font-size: 32px; margin-bottom: 14px; display: block; } .region-title { font-size: 19px; font-weight: 700; color: var(--text-dark); margin-bottom: 8px; font-family: var(--font-heading); } .region-sub { font-size: 13px; color: var(--gold-dark); font-weight: 700; margin-bottom: 14px; } .region-text { font-size: 13.5px; color: var(--text-muted); line-height: 1.5; margin-bottom: 20px; } .region-btn { background: var(--bg-dark); color: #FFFFFF !important; font-size: 12.5px; font-weight: 700; padding: 10px 18px; border-radius: 6px; display: inline-block; } .region-btn:hover { background: var(--gold-dark); } /* 12. LOCAL SEO FAQ ACCORDION */ .faq-section { padding: 90px 24px; background: #FFFFFF; } .faq-container { max-width: 860px; margin: 0 auto; } .faq-item { border: 1px solid var(--border-light); border-radius: 12px; margin-bottom: 16px; overflow: hidden; background: #F8FAFC; } .faq-question { padding: 22px 28px; font-weight: 700; font-size: 16px; color: var(--text-dark); cursor: pointer; display: flex; justify-content: space-between; align-items: center; } .faq-answer { padding: 0 28px 22px; color: var(--text-muted); font-size: 14.5px; line-height: 1.65; } @media (max-width: 992px) { .main-nav-menu { display: none; } .mobile-toggle-btn { display: flex; } .brand-trust-tag { display: none; } .top-hours { display: none; } .sticky-left { display: none; } .sticky-bar-content { justify-content: center; } .sticky-right { width: 100%; justify-content: space-between; } .sticky-call-btn, .sticky-wa-btn { flex: 1; text-align: center; justify-content: center; } } .page-hero { background: #0B0E14; color: #FFFFFF; padding: 130px 24px 85px; text-align: center; position: relative; } .page-hero-title { font-family: var(--font-heading); font-size: clamp(30px, 4vw, 52px); font-weight: 700; margin-bottom: 18px; } .page-hero-sub { color: #94A3B8; font-size: 17px; max-width: 760px; margin: 0 auto 30px; } .ev-scope-section { padding: 90px 24px; background: #FFFFFF; } .ev-scope-grid { max-width: 1360px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } @media (max-width: 860px) { .ev-scope-grid { grid-template-columns: 1fr; } } .scope-card { background: #F8FAFC; border: 1px solid var(--border-light); border-radius: 16px; padding: 36px 30px; transition: transform 0.3s; } .scope-card:hover { transform: translateY(-4px); border-color: var(--gold); } .scope-icon { font-size: 34px; margin-bottom: 16px; display: block; } .scope-title { font-size: 20px; font-weight: 700; color: var(--text-dark); margin-bottom: 12px; font-family: var(--font-heading); } .scope-desc { font-size: 14px; color: var(--text-muted); line-height: 1.6; }

★ 30+ YILLIK TECRÜBE Alaçatı • Çeşme • İzmir • Urla • Manisa

0 (541) 201 44 39 | Pzt - Cmt: 08:30 - 19:30

★ 30+ YILLIK TECRÜBE Alaçatı • Çeşme • İzmir • Urla • Manisa

0 (541) 201 44 39 | Pzt - Cmt: 08:30 - 19:30

★ 30 YILLIK TECRÜBE İLE

İzmir & Manisa Komple Ev Tadilatı

Karşıyaka, Bornova, Alsancak ve Manisa genelinde anahtar teslim daire yenileme. Ada mutfak, lüks banyo, zemin kaplamaları ve sıfırlanan tesisatlar; %100 sabit fiyat sözleşmesiyle.

💬 Ücretsiz Ev Keşfi Randevusu Al

KOMPLE TADİLAT KAPSAMIMIZ

Evinizin Her Köşesinde 30 Yıllık Kusursuz İşçilik

Tek tek ustalarla, elektrikçiyle, tesisatçıyla veya boyacıyla uğraşmayın. Mimar kontrolünde tek muhatap ile zahmetsizce evinizi yenileyin.

🍳

Lüks Mutfak Tasarımı & İmalatı

Akrilik ve lake dolaplar, kuvars ve porselen tezgahlar, ada tezgah konseptleri, frenli Blum menteşe sistemleri ve ergonomik kiler dolapları.

🚿

Modern Banyo Renovasyonu

Gömme rezervuarlar, walk-in cam duşakabinler, lineer süzgeç sistemleri, neme dayanıklı lake banyo mobilyaları ve büyük ebat İtalyan seramikler.

⚡

Sıfırdan Tesisat & Elektrik

Eski binalarda dahi su basma ve kaçak riskini sıfırlayan sessiz boru tesisatları, akıllı sigorta kutuları ve gizli led tavan aydınlatmaları.

🛋️

Salon & Yaşam Alanı Düzenleme

Duvar kırma ve alan genişletme, tavan alçıpan detayları, özel şömine üniteleri, akustik ahşap çıta paneller ve lamine parke uygulamaları.

📐

3D Mimari Proje & Görselleştirme

Eviniz yıkılmadan önce neye benzeyeceğini 3D fotogerçekçi renderlar ile görün. Beğenmediğiniz detayları başlamadan birlikte revize edelim.

📜

Sözleşmeli Sabit Fiyat Garantisi

Keşif sonrası imzalanan sözleşmede bütçe kilitlenir. Asla sonradan ek maliyet çıkmaz, belirlenen teslim gününde eviniz temizce teslim edilir.

Ev Tadilatınız İçin Hemen Keşif Planlayın

Mimarımız dairenizi yerinde incelesin, ölçülerini alsın ve size özel bütçe planını hazırlasın.

💬 WhatsApp'tan Keşif Talebi Gönder

★ 30+ Yıllık Tecrübe Villa, Kafe veya Ev Tadilatınız İçin Ücretsiz Keşif & Sabit Fiyat Teklifi Alın:

📞 0541 201 44 39 💬 WhatsApp'tan Yazın

★ 30+ Yıllık Tecrübe Villa, Kafe veya Ev Tadilatınız İçin Ücretsiz Keşif & Sabit Fiyat Teklifi Alın:

📞 0541 201 44 39 💬 WhatsApp'tan Yazın

★ 30+ Yıllık Tecrübe Villa, Kafe veya Ev Tadilatınız İçin Ücretsiz Keşif & Sabit Fiyat Teklifi Alın:

📞 0541 201 44 39 💬 WhatsApp'tan Yazın