.us-logo-img {
    max-width: 204px;
}

.us-categories-wall-img {
    max-width: 150px;
}

header {
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-input {
    width: calc(100% - 65px);
}

.top-phone-btn span {
    font-size: 25px;
}

.us-product-action-left {
    max-width: 545px;
}

.cust2,
.cust3,
.cust4,
.cust5,
.cust6 {
    display: none;
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.gallery img {
    width: 100px;
    height: auto;
    cursor: pointer;
}

.realizace-list {
    width: 150px;
    height: 15px;
}

.company-toggle {
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-weight: 600;
}

.company-toggle.active-company {
    background: #f8f9fa;
}

.active-company-block {
    font-weight: 600;
    color: #71BE00;
}

.city-info {
    background-color: #f5fff5;
    border: 1px solid #b2ffb2;
    margin-top: 2px;
    border-radius: 5px;
    padding: 0 5px;
    color: #6a6a6a;
}

.oct-infobar-text {
    animation: pulseText 2s infinite;
    font-weight: 600;
    font-size: 15px;
}

.city-suggestions {
    position: absolute;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-top: none;
    background: #fff;
    z-index: 9999;
    display: none;
}

.suggestion-item {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #eee;
}

.suggestion-item:hover {
    background-color: #f5f5f5;
}

.suggestion-name {
    font-weight: bold;
}

.suggestion-region {
    font-size: 0.8em;
    color: #666;
}

.loading {
    color: #666;
    font-style: italic;
    padding: 10px;
}

@keyframes bgHighlight {
    0% {
        background-color: #f8f9fa;
    }

    50% {
        background-color: #ffeeba;
    }

    100% {
        background-color: #f8f9fa;
    }
}

#oct-infobar {
    animation: bgHighlight 3s infinite;
}

@media screen and (max-width: 767px) {
    .us-slideshow-plus-item-img img {
        width: 293px;
        height: 246px;
    }
}