*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','Segoe UI Emoji','Apple Color Emoji','Noto Color Emoji',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;}
a { color: var(--bs-primary-600); text-decoration: none; transition: color 0.2s ease; }
a:hover { color: var(--bs-primary-800); }
a:focus { outline: 2px solid var(--bs-primary-400); outline-offset: 2px; }
.highlight-key {color:var(--bs-primary-600); font-weight:500;}
h1{font-size:32px;line-height:1.25;margin:0 0 20px;font-weight:800;color:#111827;}
h2{font-size:26px;line-height:1.3;margin:40px 0 16px;font-weight:800;color:#111827;}
h3{font-size:22px;line-height:1.35;margin:32px 0 14px;font-weight:700;color:#111827;}
h4{font-size:18px;line-height:1.4;margin:24px 0 12px;font-weight:700;color:#1f2937;}
.mt-50 {margin-top:50px;}
.mt-70 {margin-top:70px;}
.mb-50 {margin-bottom:50px;}
.mb-70 {margin-bottom:70px;}
.img-left { float: left; margin: 0 30px 20px 0; max-width: 500px; border-radius: 8px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); }
@media (max-width: 768px) { .img-left { float: none; margin: 0 0 20px 0; max-width: 100%; width: 100%; }
}
.img-right { float: right; margin: 0 0 20px 20px; background: #fff; padding: 10px; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08), 0 10px 25px rgba(0, 0, 0, 0.08); }
@media (max-width: 768px) { .img-right { float: none; margin: 20px 0; max-width: 100%; width: 100%; }
.img-block { float: none; margin: 20px 0; max-width: 100%; width: 100%; }
}
.container{max-width:1588px;margin:0 auto;padding:0 40px;width:100%;}
@media(max-width:1024px){.container{padding:0 30px;}
}
@media(max-width:640px){.container{padding:0 20px;}
}
@media(max-width:480px){.container{padding:0 15px;}
}
.btn{padding:16px 32px;border-radius:12px;font-weight:700;font-size:16px;transition:all .3s;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;text-decoration:none;white-space:nowrap;}
.btn-primary{background:var(--bs-gradient-primary);color:#fff;box-shadow:0 10px 24px rgba(var(--bs-primary-rgb),.21);}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(var(--bs-primary-rgb),.40);}
.btn-primary::after{content:'→';font-size:20px;transition:transform .3s;}
.btn-secondary{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);color:#fff;border:1px solid rgba(255,255,255,.2);}
.btn-secondary:hover{background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.3);transform:translateY(-3px);}
@media(max-width:640px){.btn{width:100%;justify-content:center;}
}
@media(max-width:480px){.btn{padding:14px 24px;font-size:15px;}
}
header{background:#fff;padding:18px 0;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1000;}
header .container{display:flex;justify-content:space-between;align-items:center;}
@media(max-width:480px){header{padding:18px 0;}
}
.logo{display:flex;align-items:center;gap:14px;text-decoration:none;flex-shrink:0;}
.logo-icon{width:42px;height:42px;background:linear-gradient(135deg,#9d5b3a 0%,#7a4628 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;box-shadow:0 4px 12px rgba(139,69,19,.2);}
.logo-icon::before{content:'';position:absolute;width:20px;height:28px;background:#fff;clip-path:polygon(0 0,100% 0,100% 70%,50% 100%,0 70%);}
.logo-text{font-size:28px;font-weight:800;color:#111827;white-space:nowrap;letter-spacing:-.5px;}
@media(max-width:480px){.logo-text{font-size:22px;}
.logo-icon{width:38px;height:38px;}
}
nav{flex:1;display:flex;justify-content:center;}
nav ul{display:flex;list-style:none;gap:48px;align-items:center;}
nav li{position:relative;}
nav a{text-decoration:none;color:#374151;font-size:16px;font-weight:600;transition:all .3s;display:flex;align-items:center;gap:6px;padding:10px 0;white-space:nowrap;}
nav a:hover{color:var(--bs-primary-700);}
nav a.active{color:var(--bs-primary-700);}
nav a .dropdown-arrow{font-size:14px;transition:transform .3s;font-weight:700;}
nav li:hover>a .dropdown-arrow{transform:rotate(180deg);}
.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;min-width:240px;box-shadow:0 20px 60px rgba(0,0,0,.12);border-radius:12px;opacity:0;visibility:hidden;transition:all .3s ease;margin-top:20px;padding:12px;border:1px solid #f3f4f6;z-index:100;}
nav li:hover .dropdown{opacity:1;visibility:visible;margin-top:12px;}
.dropdown a{padding:14px 20px;display:block;color:#4b5563;font-size:15px;font-weight:500;transition:all .3s;border-radius:8px;}
.dropdown a:hover{background:rgba(var(--bs-primary-rgb),.10);color:var(--bs-primary-600);padding-left:24px;}
.dropdown a .dropdown-arrow{display:none;}
@media(max-width:900px){nav{display:none;}
}
.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;}
.icon-btn{width:46px;height:46px;min-width:46px;min-height:46px;border:none;background:#f9fafb;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;border-radius:10px;position:relative;flex-shrink:0;}
.icon-btn:hover{background:rgba(var(--bs-primary-rgb),.10);transform:translateY(-2px);}
.icon-btn:hover svg{stroke:var(--bs-primary-600);}
.icon-btn svg{width:22px;height:22px;flex-shrink:0;stroke:#6b7280;transition:all .3s;}
.divider{width:1px;height:36px;background:#e5e7eb;flex-shrink:0;margin:0 8px;}
@media(max-width:900px){.header-actions{gap:10px;}
}
@media(max-width:480px){.icon-btn{width:42px;height:42px;min-width:42px;min-height:42px;}
.icon-btn svg{width:20px;height:20px;}
.divider{display:none;}
.header-actions{display:none !important;}
}
.call-button{display:flex;align-items:center;gap:14px;background:transparent;border:none;cursor:pointer;transition:all .3s;padding:8px 14px;border-radius:12px;flex-shrink:0;}
.call-button:hover{background:var(--bs-primary-100);}
.call-icon{width:56px;height:56px;min-width:56px;min-height:56px;background:var(--bs-gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 24px rgba(var(--bs-primary-rgb),.50);transition:all .3s;}
.call-button:hover .call-icon{transform:scale(1.05);box-shadow:0 10px 24px rgba(var(--bs-primary-rgb),.28);}
.call-icon svg{width:26px;height:26px;stroke:#fff;flex-shrink:0;stroke-width:2.5;}
.call-info{text-align:left;}
.call-label{font-size:13px;color:#6b7280;margin-bottom:2px;white-space:nowrap;font-weight:600;letter-spacing:.3px;}
.call-number{font-size:17px;font-weight:700;color:#111827;white-space:nowrap;letter-spacing:-.3px;}
@media(max-width:900px){.call-info{display:none;}
}
@media(max-width:480px){.call-icon{width:50px;height:50px;min-width:50px;min-height:50px;}
}
.search-popup{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(17,24,39,.95);backdrop-filter:blur(8px);z-index:9999;display:none;align-items:center;justify-content:center;}
.search-popup.active{display:flex;}
.search-container{width:90%;max-width:800px;position:relative;padding:0 20px;}
.search-box{width:100%;padding:28px 70px 28px 28px;font-size:36px;font-weight:600;border:none;border-bottom:4px solid var(--bs-primary-600);background:transparent;color:#fff;outline:none;font-family:'Inter',sans-serif;}
.search-box::placeholder{color:rgba(255,255,255,.4);}
.search-close{position:absolute;top:50%;right:20px;transform:translateY(-50%);width:54px;height:54px;background:rgba(255,255,255,.1);border:none;color:#fff;font-size:32px;cursor:pointer;line-height:1;border-radius:12px;transition:all .3s;font-weight:300;}
.search-close:hover{background:var(--bs-primary-600);transform:translateY(-50%) scale(1.05);}
.mobile-menu-toggle{display:none;width:46px;height:46px;background:#f9fafb;border:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-radius:10px;transition:all .3s;}
.mobile-menu-toggle:hover{background:rgba(var(--bs-primary-rgb),.10);}
.mobile-menu-toggle span{width:24px;height:3px;background:#374151;border-radius:3px;transition:all .3s;}
.mobile-menu-toggle:hover span{background:var(--bs-primary-600);}
.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translateY(8px);}
.mobile-menu-toggle.active span:nth-child(2){opacity:0;}
.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translateY(-8px);}
@media(max-width:900px){.mobile-menu-toggle{display:flex;}
}
.mobile-menu { position: fixed; top: 0; right: -100%; width: 320px; max-width: 85%; height: 100vh; background: #fff; box-shadow: -5px 0 25px rgba(0,0,0,0.15); z-index: 9998; transition: right 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow-y: auto; padding: 80px 0 30px; }
.mobile-menu.active { right: 0; }
.mobile-menu-overlay { position: fixed; inset: 0; background: rgba(17, 24, 39, 0.7); backdrop-filter: blur(4px); z-index: 9997; opacity: 0; visibility: hidden; transition: all 0.3s; }
.mobile-menu-overlay.active { opacity: 1; visibility: visible; }
.mobile-menu nav { display: block; }
.mobile-menu nav ul { flex-direction: column; gap: 0; }
.mobile-menu nav li { border-bottom: 1px solid #f3f4f6; }
.mobile-menu nav a { padding: 18px 24px; display: block; font-size: 16px; }
.mobile-menu .dropdown { position: static; opacity: 1; visibility: visible; margin: 0; padding: 0; box-shadow: none; border: none; transform: none; background: #f9fafb; display: none; }
.mobile-menu nav li.has-dropdown.open .dropdown { display: block; }
.mobile-menu .dropdown a { padding: 14px 24px 14px 40px; font-size: 15px; }
.mobile-menu nav li.has-dropdown > a { display: flex; justify-content: space-between; align-items: center; }
.mobile-menu-close { position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; background: #f3f4f6; border: none; border-radius: 8px; font-size: 24px; color: #6b7280; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
.mobile-menu-close:hover { background: #e5e7eb; color: #111827; }
.footer { background: #fff; padding: 40px 0 0; border-top: 1px solid #e5e7eb; margin-top:50px;}
.footer-top { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 40px; margin-bottom: 60px; }
.footer-col { min-width: 0; }
.footer-logo { margin-bottom: 20px; }
.footer-logo img { max-width: 260px; height: auto; }
.footer-desc { font-size: 15px; color: #6b7280; line-height: 1.7; margin-bottom: 24px; }
.footer-social { display: flex; gap: 8px; margin-bottom: 20px; }
.social-link { width: 30px; height: 30px; background: #f9fafb; border-radius: 4px; display: flex; align-items: center; justify-content: center; color: #6b7280; transition: all .3s; }
.social-link:hover { background: var(--bs-primary-700); color: #fff; transform: translateY(-3px); }
.social-link svg { width: 16px; height: 16px; }
.footer-title { font-size: 18px; font-weight: 700; color: #111827; margin-bottom: 24px; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: 12px; }
.footer-links a { color: #6b7280; font-size: 15px; text-decoration: none; transition: all .3s; display: inline-block; }
.footer-links a:hover { color: var(--bs-primary-700); padding-left: 5px; }
.footer-contact { list-style: none; padding: 0; margin: 0; }
.footer-contact li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 16px; color: #6b7280; font-size: 15px; line-height: 1.6; }
.footer-contact svg { width: 20px; height: 20px; flex-shrink: 0; stroke: var(--bs-primary-700); margin-top: 2px; }
.footer-contact-block { margin-top: 30px; }
.footer-bottom { padding: 30px 0; border-top: 1px solid #e5e7eb; display: flex; justify-content: space-between; align-items: center; }
.footer-copyright { color: #6b7280; font-size: 14px; }
.footer-bottom-links { display: flex; gap: 24px; }
.footer-bottom-links a { color: #6b7280; font-size: 14px; text-decoration: none; transition: color .3s; }
.footer-bottom-links a:hover { color: var(--bs-primary-700); }
@media (max-width: 1024px) { .footer {padding: 60px 0 0;}
.footer-top {grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 35px;}
}
@media (max-width: 768px) { .footer {padding: 50px 0 0;}
.footer-top {grid-template-columns: repeat(2, 1fr); gap: 30px;}
.footer-bottom {flex-direction: column; gap: 20px; text-align: center;}
.footer-bottom-links {flex-direction: column; gap: 12px;}
}
@media (max-width: 480px) { .footer {padding: 40px 0 0;}
.footer-top {grid-template-columns: 1fr; gap: 25px;}
.footer-logo img {max-width: 220px;}
}
.breadcrumb { background: #fff; padding: 20px 0; border-bottom: 1px solid #e5e7eb; }
.breadcrumb-list { display: flex; align-items: center; gap: 12px; list-style: none; flex-wrap: wrap; }
.breadcrumb-item { display: flex; align-items: center; gap: 12px; }
.breadcrumb-item a { color: #6b7280; text-decoration: none; font-size: 14px; font-weight: 500; transition: color 0.3s; }
.breadcrumb-item a:hover { color: #ea580c; }
.breadcrumb-item.active { color: #111827; font-size: 14px; font-weight: 600; }
.breadcrumb-separator { color: #d1d5db; font-size: 14px; }
.breadcrumb-item:not(:last-child)::after {content: '/'; color: #d1d5db; font-size: 14px;}
@media (max-width: 480px) { .breadcrumb { padding: 15px 0; }
}
.sticky-call { position: fixed; bottom: 20px; right: 20px; z-index: 9999; display: flex; flex-direction: column; gap: 12px; }
.sticky-call__btn { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; cursor: pointer; position: relative; }
.sticky-call__btn:hover { transform: scale(1.1); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); }
.sticky-call__phone { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.sticky-call__phone::before { content: ''; position: absolute; inset: -3px; border-radius: 50%; padding: 3px; background: linear-gradient(45deg, transparent 0%, rgba(0, 0, 0, 0.4) 25%, transparent 50%, rgba(0, 0, 0, 0.4) 75%, transparent 100% ); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: sticky-call-rotate 3s linear infinite; }
@keyframes sticky-call-rotate { from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.sticky-call__whatsapp { background: linear-gradient(135deg, #25D366 0%, #128C7E 100%); }
.sticky-call__mail { background: linear-gradient(135deg, #EA4335 0%, #C5221F 100%); }
.sticky-call__btn svg { filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)); position: relative; z-index: 1; }