.contacts-breadcrumb{padding:1rem 0;font-size:.875rem;color:#666}.contacts-breadcrumb a{color:#007bff;text-decoration:none}.contacts-breadcrumb a:hover{text-decoration:underline}.contacts-breadcrumb span{margin:0 .5rem;color:#999}.contacts-page{max-width:1200px;margin:0 auto;padding:2rem 0}.contacts-header{text-align:center;margin-bottom:3rem}.contacts-header h1{font-size:2.5rem;font-weight:700;color:#222;margin-bottom:1rem}.contacts-header p{font-size:1.125rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.contacts-content{display:grid;grid-gap:3rem;gap:3rem}.contacts-section{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,.08);border:1px solid #f0f0f0}.contacts-section h2{font-size:1.5rem;font-weight:600;color:#222;margin-bottom:1.5rem;border-bottom:2px solid #007bff;padding-bottom:.5rem;display:inline-block}.quick-contacts{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.contact-method{display:flex;align-items:center;padding:1.5rem;background:#f8f9fa;border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease;border:2px solid transparent}.contact-method:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);text-decoration:none;color:inherit}.contact-method.whatsapp:hover{border-color:#25d366;background:linear-gradient(135deg,#25d366,#128c7e);color:white}.contact-method.telegram:hover{border-color:#0088cc;background:linear-gradient(135deg,#0088cc,#229ed9);color:white}.contact-method.phone:hover{border-color:#007bff;background:linear-gradient(135deg,#007bff,#0056b3);color:white}.contact-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:white;border-radius:12px;margin-right:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1)}.contact-info{flex:1 1}.contact-title{font-weight:600;font-size:1rem;margin-bottom:.25rem}.contact-value{font-size:1.125rem;font-weight:500;color:#007bff}.contact-method:hover .contact-value{color:white}.office-info{display:grid;grid-gap:2rem;gap:2rem}.office-detail{display:flex;align-items:flex-start;gap:1rem}.office-detail .detail-content{flex:1 1}.detail-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:10px;flex-shrink:0}.detail-content{flex:1 1}.detail-title{font-weight:600;font-size:1rem;color:#222;margin-bottom:.5rem}.detail-value{color:#666;line-height:1.5}.social-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1rem;gap:1rem}.social-link{display:flex;align-items:center;padding:1rem 1.5rem;background:#f8f9fa;border-radius:12px;text-decoration:none;color:#222;transition:all .3s ease;gap:1rem}.social-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);text-decoration:none;color:#222}.social-link.vk:hover{background:linear-gradient(135deg,#4a76a8,#5b85b8);color:white}.social-link.instagram:hover{background:linear-gradient(135deg,#e4405f,#c13584,#833ab4);color:white}.social-link.telegram-channel:hover{background:linear-gradient(135deg,#0088cc,#229ed9);color:white}.social-link span{font-weight:500}.about-company{background:linear-gradient(180deg,#d3e1f4,#cddcf3);color:#2d4356}.about-company h2{color:#2d4356;border-bottom-color:rgba(255,255,255,.3)}.company-info{display:flex;align-items:flex-start;gap:2rem}.company-logo{flex-shrink:0;background:white;padding:1rem;border-radius:16px;box-shadow:0 4px 16px rgba(0,0,0,.1)}.company-description h3{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#2d4356}.company-description p{line-height:1.6;margin-bottom:1rem;color:#2d4356}.faq-list{display:grid;grid-gap:1rem;gap:1rem}.faq-item{background:#f8f9fa;border-radius:12px;overflow:hidden}.faq-item summary{padding:1.5rem;font-weight:600;cursor:pointer;list-style:none;position:relative;transition:background-color .3s ease}.faq-item summary:hover{background:#e9ecef}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:700;color:#007bff;transition:transform .3s ease}.faq-item[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq-item p{padding:0 1.5rem 1.5rem;margin:0;line-height:1.6;color:#666}.email-contacts{display:flex;flex-direction:column;gap:16px}.email-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f8f9fa;border-radius:12px;border:1px solid #e9ecef}.email-icon{flex-shrink:0}.email-content{display:flex;flex-direction:column;gap:4px}.email-link{text-decoration:none;color:inherit;transition:all .3s ease}.email-link:hover{color:#007bff;text-decoration:none}.email-link:hover strong{color:#007bff}.email-content strong{font-weight:600;color:#2d4356;font-size:16px;transition:color .3s ease}.email-content span{color:#6c757d;font-size:14px}.company-legal-info{background:#f8f9fa;padding:16px;border-radius:8px;margin:16px 0;border-left:4px solid #007bff}.company-legal-info p{margin:4px 0;font-size:14px;color:#495057}.company-legal-info strong{color:#2d4356;font-weight:600}@media (max-width:768px){.contacts-page{padding:1rem 0}.contacts-header h1{font-size:2rem}.contacts-section{padding:1.5rem;margin:0 1rem}.quick-contacts{grid-template-columns:1fr}.company-info{flex-direction:column;text-align:center}.company-logo{align-self:center}.social-links{grid-template-columns:1fr}.office-detail{flex-direction:column;align-items:center;text-align:center}.email-item{flex-direction:column;align-items:flex-start;text-align:left}.email-content strong{font-size:14px}.email-content span{font-size:13px}}@media (max-width:480px){.contacts-header h1{font-size:1.75rem}.contacts-section{margin:0 .5rem;padding:1rem}.contact-method{padding:1rem}.contact-icon{width:40px;height:40px}}