.top-bar {
    background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url('/images/20260518_154627_3c34481c12c3374f.webp');
    background-repeat: repeat;
    background-position: center center;
    background-size: auto;
    color: #ffffff;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.top-bar__container {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    height: 100%;
}
.top-bar__logo { display: flex; align-items: center; gap: 15px; height: 100%; }
.top-bar__logo-link { display: flex; align-items: center; gap: 15px; text-decoration: none; color: #ffffff; transition: opacity 0.3s ease; height: 100%; }
.top-bar__logo-link:hover { opacity: 0.8; }
.top-bar__logo-img { height: auto; width: auto; max-height: 36px; object-fit: contain; border-radius: 8px; }
.top-bar__contacts { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; }
.top-bar__contact-item { display: flex; align-items: center; gap: 12px; }
.top-bar__icon-box { width: 36px; height: 36px; background-color: #ea5132; color: #ffffff; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.3s ease, background-color 0.3s ease; }
.top-bar__contact-item:hover .top-bar__icon-box { transform: scale(1.1); background-color: #c94227; }
.top-bar__icon-box svg { width: 20px; height: 20px; stroke: currentColor; }
.top-bar__contact-text { display: flex; flex-direction: column; line-height: 1.3; }
.top-bar__contact-label { font-size: 13px; color: rgba(255, 255, 255, 0.7); font-weight: 400; }
.top-bar__contact-value { font-size: 15px; font-weight: 600; color: #ffffff; text-decoration: none; transition: color 0.3s ease; }
.top-bar__phone-link:hover { color: #ea5132; }
.top-bar__phone-btn { display: flex; align-items: center; gap: 12px; background: transparent; border: none; cursor: pointer; padding: 0; color: #ffffff; transition: transform 0.3s ease; }
.top-bar__phone-btn:hover { transform: translateY(-2px); }
.top-bar__phone-btn:hover .top-bar__icon-box { transform: scale(1.1); background-color: #c94227; }
.top-bar__phone-number { font-size: 16px; font-weight: 600; color: #ffffff; border-bottom: 1px dashed rgba(255, 255, 255, 0.5); transition: border-color 0.3s ease, color 0.3s ease; }
.top-bar__phone-btn:hover .top-bar__phone-number { border-bottom-color: #ea5132; color: #ea5132; }
@media (max-width: 1024px) {
    .top-bar__contact-item--address { display: none; }
    .top-bar__contact-item--phone { display: none; }
    .top-bar__container { justify-content: center; }
}
@media (max-width: 767px) {
    .top-bar { padding: 10px 0; }
    .top-bar__container { flex-direction: column; gap: 10px; }
}
.logo-shine { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; }
.logo-shine::after { content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-25deg); animation: logo-shine-anim 4s infinite; pointer-events: none; }
@keyframes logo-shine-anim { 0% { left: -100%; } 20% { left: 100%; } 100% { left: 100%; } }

.top-bar__contact-value--sm { font-size: 13px; }
.top-bar__contact-text--phones { gap: 2px; }
.top-bar__contact-value--phone { font-size: 14px; line-height: 1.2; }