body { 
    font-family: 'Roboto', sans-serif; 
    background: #f4f4f4 url('../images/bg.jpg') repeat; 
    background-size: cover;
    background-attachment: fixed !important;
    color: #333; margin: 0; 
}
.container { max-width: 1600px !important; padding: 0 !important; margin: 0 auto; }

/* Header Base */
.header__main { background: #d1d5db; border-bottom: 1px solid #c1c5cb; }
.brand-logo--header img { width: 485px; height: auto; display: block; }
.header__user-info { color: #555; font-size: 13px; }
.auth-link-main { color: #0052a2; font-weight: 700; text-decoration: none; font-size: 14px; }
.auth-link-sub { color: #0052a2; text-decoration: none; font-size: 12px; }

/* Search Box */
.header__search-row { margin-top: 30px; padding-bottom: 20px; }
.header__search { width: 485px; padding-left: 20px; }
.search-box { display: flex; background: #fff; border-radius: 4px; border: 1px solid #bbb; overflow: hidden; }
.search-box__input { flex: 1; border: none; padding: 10px 15px; font-size: 14px; outline: none; }
.search-box__btn { background: #fff; border: none; padding: 0 12px; }
.search-box__btn svg { opacity: 0.7; filter: grayscale(100%); }

/* Content Wrapper */
.main-content { margin: 0; padding: 0; }
.content-wrapper { padding: 40px; border: 1px solid #e5e7eb; border-top: none; min-height: 500px; border-radius: 0 0 8px 8px; box-shadow: 0 10px 20px rgba(0,0,0,0.05); }

/* Footer */
.footer { background: #d1d5db; padding: 60px 0; color: #4b5563; border-top: 1px solid #c1c5cb; }
.brand-logo--footer img { width: 95px; height: auto; }
.footer__title { font-weight: 800; font-size: 14px; margin-bottom: 20px; color: #111; }
.footer__nav a { color: #555; text-decoration: none; }
.circle-icon { width: 28px; height: 28px; border-radius: 50%; display: inline-block; vertical-align: middle; margin-left: 5px; }
.circle-icon.vk { background: #4a76a8; }
.circle-icon.tg { background: #26a5e4; }
.circle-icon.ok { background: #ee8208; }

@media (max-width: 991px) {
    .container { width: 100% !important; max-width: 100% !important; padding: 0 15px !important; }
    .brand-logo--header img { max-width: 280px; }
    .header__search { width: 100%; padding-left: 0; }
	
	.content-wrapper { padding: 15px;}
	
	
}