:root {
--tb-dark:   #152131;
--tb-red:    #e8401c;
--tb-gold:   #f5b301;
--tb-gray:   #f2f4f6;
--tb-border: #dde3ea;
--tb-text:   #333;
--tb-muted:  #7a8899;
--tb-font:   'Montserrat', Arial, sans-serif;
} .header-wrapper { position: relative; align-items: center; } .header-messenger-link {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 6px;
opacity: .75;
transition: opacity .2s;
}
.header-messenger-link:hover { opacity: 1; }
.header-messenger-icon { width: 22px; height: 22px; } .header-search-wrap { position: relative; margin-left: 10px; }
.header-search-toggle {
background: none;
border: none;
cursor: pointer;
padding: 6px;
color: var(--tb-dark);
display: flex;
align-items: center;
line-height: 1;
transition: opacity .2s;
}
.header-search-toggle:hover { opacity: .6; }
.header-search-box {
position: absolute;
top: calc(100% + 8px);
right: 0;
width: 300px;
background: #fff;
border-radius: 8px;
box-shadow: 0 6px 28px rgba(0,0,0,.14);
padding: 12px;
z-index: 9999;
}
.header-search-input {
width: 100%;
box-sizing: border-box;
border: 1.5px solid var(--tb-border);
border-radius: 6px;
padding: 9px 12px;
font-family: var(--tb-font);
font-size: 14px;
outline: none;
transition: border-color .2s;
}
.header-search-input:focus { border-color: var(--tb-dark); }
.header-search-results { max-height: 230px; overflow-y: auto; margin-top: 6px; }
.header-search-result-item {
display: block;
padding: 8px 10px;
text-decoration: none;
color: var(--tb-dark);
font-size: 13px;
border-radius: 5px;
font-family: var(--tb-font);
transition: background .15s;
}
.header-search-result-item:hover { background: var(--tb-gray); }
.header-search-empty { color: var(--tb-muted); font-size: 13px; padding: 8px 10px; font-family: var(--tb-font); } .header-lang-switch {
display: flex;
align-items: center;
gap: 4px;
font-family: var(--tb-font);
font-size: 13px;
color: var(--tb-dark);
margin-left: 10px;
}
.lang-btn {
background: none;
border: none;
cursor: pointer;
font-weight: 600;
font-size: 13px;
color: var(--tb-dark);
padding: 2px 5px;
transition: color .2s;
font-family: var(--tb-font);
}
.lang-btn:hover { color: var(--tb-red); }
.lang-active { color: var(--tb-red); font-weight: 800; } .header-cta-btn {
display: inline-block;
background: #152131;
color: #fff !important;
text-decoration: none;
font-weight: 700;
font-size: 13px;
padding: 10px 20px;
border-radius: 4px;
white-space: nowrap;
transition: background .2s;
font-family: var(--tb-font);
margin-left: 10px;
}
.header-cta-btn:hover { background: #0b1d2a; } .mobile-header-cta {
display: flex;
flex-direction: column;
gap: 10px;
padding: 16px 0 10px;
}
.mobile-cta-btn, .mobile-consult-btn {
display: block;
text-align: center;
text-decoration: none;
padding: 13px;
font-weight: 700;
font-size: 14px;
border-radius: 4px;
font-family: var(--tb-font);
cursor: pointer;
border: none;
}
.mobile-cta-btn    { background: var(--tb-red);  color: #fff !important; }
.mobile-consult-btn{ background: var(--tb-dark); color: #fff !important; }
@media(max-width: 900px) {
.header-cta-btn      { display: none; }
.header-lang-switch  { display: none; }
.header-search-wrap  { display: none; }
} .footer-wrapper { flex-wrap: wrap; }
.footer-about-block {
flex: 0 0 220px;
padding-right: 30px;
}
.footer-about-text {
color: rgba(255,255,255,.65);
font-size: 12px;
line-height: 1.7;
margin: 10px 0 8px;
font-family: var(--tb-font);
}
.footer-disclaimer {
color: rgba(255,255,255,.38);
font-size: 11px;
line-height: 1.6;
font-style: italic;
margin: 0 0 8px;
font-family: var(--tb-font);
}
.footer-adv-link {
display: inline-block;
color: rgba(255,255,255,.55);
font-size: 12px;
text-decoration: underline;
transition: color .2s;
font-family: var(--tb-font);
}
.footer-adv-link:hover { color: #fff; }
@media(max-width: 900px) {
.footer-about-block { flex: 1 1 100%; padding: 0 0 20px; }
} .home-stats-bar {
background: var(--tb-dark);
padding: 30px 20px;
}
.home-stats-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap: 24px;
}
.home-stat-item { text-align: center; }
.home-stat-num {
display: block;
font-size: 38px;
font-weight: 800;
color: var(--tb-gold);
font-family: var(--tb-font);
line-height: 1;
}
.home-stat-label {
display: block;
font-size: 13px;
color: rgba(255,255,255,.75);
margin-top: 6px;
font-family: var(--tb-font);
} .home-black-brokers {
background: #fdf2f0;
padding: 60px 20px;
}
.home-black-inner  { max-width: 1200px; margin: 0 auto; }
.home-black-header { text-align: center; margin-bottom: 36px; }
.home-black-title  {
font-size: 28px;
font-weight: 700;
color: var(--tb-dark);
font-family: var(--tb-font);
margin: 0 0 10px;
}
.home-black-subtitle {
color: var(--tb-muted);
font-size: 14px;
font-family: var(--tb-font);
}
.home-black-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 32px;
}
.home-black-card {
background: #fff;
border-radius: 8px;
padding: 20px;
border-left: 4px solid var(--tb-red);
box-shadow: 0 2px 12px rgba(0,0,0,.07);
display: flex;
flex-direction: column;
}
.home-black-logo {
max-width: 110px;
height: 50px;
object-fit: contain;
margin-bottom: 12px;
}
.home-black-name {
font-size: 15px;
font-weight: 700;
margin: 0 0 8px;
font-family: var(--tb-font);
}
.home-black-name a { color: var(--tb-dark); text-decoration: none; }
.home-black-name a:hover { color: var(--tb-red); }
.home-black-excerpt {
font-size: 13px;
color: #666;
line-height: 1.55;
margin: 0 0 16px;
font-family: var(--tb-font);
flex: 1;
}
.home-black-btn {
display: inline-block;
background: var(--tb-red);
color: #fff !important;
text-decoration: none;
padding: 9px 18px;
font-size: 13px;
font-weight: 700;
border-radius: 4px;
font-family: var(--tb-font);
text-align: center;
transition: background .2s;
border: none;
cursor: pointer;
}
.home-black-btn:hover { background: #c93215; }
.home-black-cta {
display: flex;
align-items: center;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
}
.home-black-all-link {
color: var(--tb-dark);
font-weight: 700;
font-size: 15px;
text-decoration: none;
border-bottom: 2px solid var(--tb-dark);
padding-bottom: 2px;
font-family: var(--tb-font);
transition: color .2s, border-color .2s;
}
.home-black-all-link:hover { color: var(--tb-red); border-color: var(--tb-red); }
@media(max-width: 900px) {
.home-black-grid { grid-template-columns: 1fr; }
.home-stats-inner { gap: 28px; }
.home-stat-num { font-size: 30px; }
} .reviews-cta-bar {
background: var(--tb-dark);
padding: 20px 24px;
margin-bottom: 24px;
border-radius: 6px;
}
.reviews-cta-inner {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 14px;
}
.reviews-cta-text strong {
display: block;
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: var(--tb-font);
}
.reviews-cta-text span {
color: rgba(255,255,255,.65);
font-size: 13px;
font-family: var(--tb-font);
}
.reviews-cta-btns {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.reviews-complaint-btn {
display: inline-block;
background: #fff;
color: var(--tb-dark) !important;
text-decoration: none;
padding: 10px 18px;
font-weight: 700;
font-size: 13px;
border-radius: 4px;
font-family: var(--tb-font);
transition: background .2s;
border: none;
cursor: pointer;
}
.reviews-complaint-btn:hover { background: #e8e8e8; }
.reviews-chargeback-btn {
display: inline-block;
background: transparent;
border: 2px solid rgba(255,255,255,.6);
color: #fff !important;
text-decoration: none;
padding: 8px 18px;
font-weight: 700;
font-size: 13px;
border-radius: 4px;
font-family: var(--tb-font);
transition: background .2s, border-color .2s;
}
.reviews-chargeback-btn:hover {
background: rgba(255,255,255,.1);
border-color: #fff;
} .reviews-complaint-form {
background: #fff;
border: 1.5px solid var(--tb-border);
border-radius: 8px;
padding: 24px;
margin-bottom: 24px;
}
.complaint-form-inner h3 {
font-family: var(--tb-font);
font-size: 18px;
font-weight: 700;
margin: 0 0 18px;
color: var(--tb-dark);
}
.complaint-row {
display: flex;
gap: 12px;
margin-bottom: 12px;
}
.complaint-input {
flex: 1;
border: 1.5px solid var(--tb-border);
border-radius: 6px;
padding: 10px 14px;
font-size: 14px;
font-family: var(--tb-font);
outline: none;
transition: border-color .2s;
box-sizing: border-box;
}
.complaint-input:focus { border-color: var(--tb-dark); }
.complaint-input-full {
width: 100%;
margin-bottom: 12px;
}
.complaint-rating-row {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
font-family: var(--tb-font);
font-size: 14px;
color: var(--tb-dark);
}
.star-rating {
font-size: 30px;
color: #d2d2d2;
cursor: pointer;
letter-spacing: 4px;
line-height: 1;
}
.star-rating .star { transition: color .1s; }
.star-rating .star.star-hover,
.star-rating .star.star-selected { color: var(--tb-gold); }
.complaint-textarea {
width: 100%;
box-sizing: border-box;
border: 1.5px solid var(--tb-border);
border-radius: 6px;
padding: 10px 14px;
font-size: 14px;
font-family: var(--tb-font);
outline: none;
height: 100px;
resize: vertical;
transition: border-color .2s;
margin-bottom: 14px;
}
.complaint-textarea:focus { border-color: var(--tb-dark); }
.complaint-btns { display: flex; gap: 10px; }
.complaint-submit-btn {
background: var(--tb-dark);
color: #fff;
border: none;
padding: 11px 26px;
border-radius: 5px;
font-weight: 700;
font-size: 14px;
cursor: pointer;
font-family: var(--tb-font);
transition: background .2s;
}
.complaint-submit-btn:hover { background: #0b1d2a; }
.complaint-cancel-btn {
background: var(--tb-gray);
color: var(--tb-dark);
border: none;
padding: 11px 20px;
border-radius: 5px;
font-weight: 600;
font-size: 14px;
cursor: pointer;
font-family: var(--tb-font);
} .popup-star-rating {
display: flex;
gap: 6px;
margin: 6px 0 14px;
}
.popup-star {
font-size: 30px;
color: #d2d2d2;
cursor: pointer;
transition: color .1s;
user-select: none;
line-height: 1;
}
.popup-star.popup-star-on,
.popup-star.popup-star-selected { color: var(--tb-gold); } .review-item-refund-btn {
display: inline-block;
background: var(--tb-red);
color: #fff !important;
text-decoration: none;
padding: 5px 12px;
font-size: 12px;
font-weight: 700;
border-radius: 4px;
margin-left: 10px;
vertical-align: middle;
font-family: var(--tb-font);
white-space: nowrap;
transition: background .2s;
border: none;
cursor: pointer;
}
.review-item-refund-btn:hover { background: #c93215; }
@media(max-width: 900px) {
.reviews-cta-inner { flex-direction: column; align-items: flex-start; }
.complaint-row { flex-direction: column; }
} .single-cta-bar {
background: var(--tb-dark);
padding: 14px 20px;
}
.single-cta-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
}
.single-cta-inner > span {
color: rgba(255,255,255,.8);
font-size: 14px;
font-family: var(--tb-font);
}
.single-cta-btns { display: flex; gap: 10px; flex-wrap: wrap; }
.single-chargeback-link {
display: inline-block;
color: var(--tb-gold) !important;
font-size: 13px;
font-weight: 700;
text-decoration: none;
font-family: var(--tb-font);
padding: 8px 14px;
border: 1.5px solid var(--tb-gold);
border-radius: 4px;
transition: background .2s;
}
.single-chargeback-link:hover { background: rgba(245,179,1,.15); } .single-sidebar-cta {
display: flex;
flex-direction: column;
gap: 16px;
margin-bottom: 24px;
}
.sidebar-cta-block {
padding: 18px 16px;
border-radius: 8px;
}
.sidebar-cta-refund   { background: var(--tb-dark); }
.sidebar-cta-consult  { background: #1e3a4a; }
.sidebar-cta-chargeback { background: var(--tb-gray); border: 1.5px solid var(--tb-border); }
.sidebar-cta-block h4 {
font-size: 15px;
font-weight: 700;
margin: 0 0 8px;
font-family: var(--tb-font);
}
.sidebar-cta-refund h4, .sidebar-cta-consult h4 { color: #fff; }
.sidebar-cta-chargeback h4 { color: var(--tb-dark); }
.sidebar-cta-block p {
font-size: 13px;
line-height: 1.55;
margin: 0 0 14px;
font-family: var(--tb-font);
}
.sidebar-cta-refund p, .sidebar-cta-consult p { color: rgba(255,255,255,.7); }
.sidebar-cta-chargeback p { color: var(--tb-muted); }
.sidebar-cta-btn {
display: block;
text-align: center;
text-decoration: none;
padding: 11px;
font-weight: 700;
font-size: 14px;
border-radius: 5px;
font-family: var(--tb-font);
transition: opacity .2s;
border: none;
cursor: pointer;
}
.sidebar-cta-btn:hover { opacity: .85; }
.sidebar-chargeback-btn {
display: block;
text-align: center;
text-decoration: none;
padding: 11px;
font-weight: 700;
font-size: 14px;
border-radius: 5px;
background: var(--tb-dark);
color: #fff !important;
font-family: var(--tb-font);
transition: opacity .2s;
}
.sidebar-chargeback-btn:hover { opacity: .85; } .about-cta-section {
background: var(--tb-dark);
padding: 60px 20px;
text-align: center;
margin-top: 40px;
}
.about-cta-inner { max-width: 680px; margin: 0 auto; }
.about-cta-inner h2 {
color: #fff;
font-size: 28px;
font-weight: 700;
margin: 0 0 12px;
font-family: var(--tb-font);
}
.about-cta-inner p {
color: rgba(255,255,255,.7);
font-size: 15px;
margin: 0 0 30px;
font-family: var(--tb-font);
line-height: 1.6;
}
.about-cta-btns {
display: flex;
gap: 14px;
justify-content: center;
flex-wrap: wrap;
}
.about-cta-btn {
display: inline-block;
padding: 14px 28px;
font-weight: 700;
font-size: 15px;
border-radius: 5px;
text-decoration: none;
font-family: var(--tb-font);
transition: opacity .2s;
border: none;
cursor: pointer;
}
.about-cta-btn:hover { opacity: .85; }
.about-chargeback-btn {
display: inline-block;
padding: 12px 28px;
font-weight: 700;
font-size: 15px;
border-radius: 5px;
text-decoration: none;
background: transparent;
border: 2px solid rgba(255,255,255,.5);
color: #fff !important;
font-family: var(--tb-font);
transition: border-color .2s;
}
.about-chargeback-btn:hover { border-color: #fff; } .faq-cta-card { border-top: 4px solid var(--tb-red) !important; }
.faq-cta-btn {
display: block;
text-align: center;
text-decoration: none;
padding: 12px;
font-weight: 700;
font-size: 14px;
border-radius: 5px;
font-family: var(--tb-font);
transition: opacity .2s;
margin-bottom: 10px;
border: none;
cursor: pointer;
}
.faq-cta-btn:hover { opacity: .85; } .header.home .header-cta-btn { display: inline-block; }
@media(max-width: 900px) {
.single-cta-inner { flex-direction: column; }
.about-cta-btns { flex-direction: column; align-items: center; }
} .aside-consult-form {
background: #152131;
color: #fff;
padding: 20px 18px;
width: 310px;
box-sizing: border-box;
margin-bottom: 20px;
border-radius: 4px;
}
.aside-consult-title {
font-size: 16px;
font-weight: 700;
font-family: var(--tb-font);
margin-bottom: 6px;
}
.aside-consult-sub {
font-size: 13px;
color: rgba(255,255,255,.7);
margin: 0 0 14px;
font-family: var(--tb-font);
line-height: 1.5;
}
.aside-input {
display: block;
width: 100%;
box-sizing: border-box;
border: 1.5px solid rgba(255,255,255,.25);
border-radius: 5px;
padding: 10px 12px;
font-size: 14px;
font-family: var(--tb-font);
background: rgba(255,255,255,.08);
color: #fff;
margin-bottom: 10px;
outline: none;
transition: border-color .2s;
}
.aside-input::placeholder { color: rgba(255,255,255,.45); }
.aside-input:focus { border-color: rgba(255,255,255,.6); }
.aside-consult-btn {
display: block;
width: 100%;
background: #fff;
color: #152131 !important;
border: none;
border-radius: 5px;
padding: 13px;
font-size: 15px;
font-weight: 700;
font-family: var(--tb-font);
cursor: pointer;
text-align: center;
transition: opacity .2s;
}
.aside-consult-btn:hover { opacity: .9; } .aside-recent-reviews {
background: #fff;
border: 1.5px solid var(--tb-border);
border-radius: 4px;
padding: 18px;
width: 310px;
box-sizing: border-box;
margin-bottom: 20px;
}
.aside-reviews-title {
font-size: 15px;
font-weight: 700;
color: #152131;
font-family: var(--tb-font);
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 2px solid var(--tb-border);
}
.aside-review-item {
padding: 10px 0;
border-bottom: 1px solid #f0f0f0;
}
.aside-review-item:last-child { border-bottom: none; }
.aside-review-author {
font-size: 13px;
font-weight: 700;
color: #152131;
font-family: var(--tb-font);
margin-bottom: 4px;
}
.aside-review-author em {
font-weight: 400;
font-style: italic;
color: var(--tb-muted);
}
.aside-review-text {
font-size: 12px;
color: #555;
line-height: 1.5;
font-family: var(--tb-font);
} .brokers-help {
background: #152131;
color: #fff;
padding: 20px 18px;
width: 310px;
box-sizing: border-box;
margin-bottom: 20px;
border-radius: 4px;
font-family: var(--tb-font);
} .brokers-victim {
background: #1e3a4a;
color: #fff;
padding: 20px 18px;
width: 310px;
box-sizing: border-box;
margin-top: 0;
border-radius: 4px;
font-family: var(--tb-font);
} .catalog-search-wrap { position: relative; flex: 1; }
.catalog-broker-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1.5px solid var(--tb-border);
border-radius: 6px;
box-shadow: 0 6px 24px rgba(0,0,0,.12);
z-index: 100;
max-height: 280px;
overflow-y: auto;
}
.catalog-search-results-full {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px 30px;
}
.catalog-search-results-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 0 14px;
font-family: var(--tb-font);
}
.catalog-search-results-header span { font-size: 16px; font-weight: 700; color: #152131; }
.catalog-search-clear {
background: none;
border: 1.5px solid var(--tb-border);
border-radius: 5px;
padding: 7px 16px;
font-size: 13px;
font-family: var(--tb-font);
cursor: pointer;
color: var(--tb-muted);
transition: .2s;
}
.catalog-search-clear:hover { border-color: #152131; color: #152131; }
.catalog-search-results-list { display: flex; flex-direction: column; gap: 10px; }
.catalog-broker-result-item {
display: flex;
align-items: center;
gap: 16px;
background: #fff;
border: 1.5px solid var(--tb-border);
border-radius: 8px;
padding: 14px 18px;
text-decoration: none;
color: #152131;
font-family: var(--tb-font);
transition: box-shadow .2s, border-color .2s;
}
.catalog-broker-result-item:hover { box-shadow: 0 4px 18px rgba(0,0,0,.1); border-color: #152131; }
.cbr-logo { width: 70px; height: 40px; object-fit: contain; flex-shrink: 0; }
.cbr-info { display: flex; flex-direction: column; gap: 4px; }
.cbr-title { font-size: 16px; font-weight: 700; }
.cbr-cat { font-size: 12px; color: var(--tb-muted); }
.catalog-no-results { padding: 20px; text-align: center; color: var(--tb-muted); font-family: var(--tb-font); } .top10-section {
background: #fff;
padding: 50px 20px 60px;
border-top: 3px solid #f2f4f6;
}
.top10-inner {
max-width: 1100px;
margin: 0 auto;
}
.top10-title {
font-size: 26px;
font-weight: 700;
color: #152131;
font-family: var(--tb-font);
margin: 0 0 28px;
text-align: center;
}
.top10-table { display: flex; flex-direction: column; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 20px rgba(0,0,0,.08); }
.top10-header {
display: grid;
grid-template-columns: 50px 1fr 130px 130px 140px 100px;
gap: 0;
background: #152131;
color: #fff;
font-size: 13px;
font-weight: 700;
font-family: var(--tb-font);
padding: 12px 16px;
text-transform: uppercase;
letter-spacing: .5px;
}
.top10-row {
display: grid;
grid-template-columns: 50px 1fr 130px 130px 140px 100px;
gap: 0;
align-items: center;
background: #fff;
padding: 14px 16px;
border-bottom: 1px solid #f0f0f0;
font-family: var(--tb-font);
transition: background .15s;
}
.top10-row:hover { background: #f8f9fa; }
.top10-highlighted { background: #fffbf0; }
.top10-highlighted:hover { background: #fff8e6; }
.top10-num { font-size: 14px; font-weight: 800; color: var(--tb-muted); }
.top10-medal { font-size: 18px; }
.top10-name {
display: flex;
align-items: center;
gap: 12px;
font-weight: 600;
font-size: 14px;
}
.top10-name img { width: 60px; height: 34px; object-fit: contain; border-radius: 3px; }
.top10-name a { color: #152131; text-decoration: none; }
.top10-name a:hover { color: var(--tb-red); }
.top10-stars { color: #d2d2d2; font-size: 14px; letter-spacing: 1px; }
.top10-stars .star-on { color: var(--tb-gold); }
.top10-rating { display: flex; align-items: center; gap: 6px; font-size: 13px; }
.top10-rating strong { font-weight: 700; color: #152131; font-size: 14px; }
.top10-reg, .top10-dep { font-size: 13px; color: var(--tb-muted); }
.top10-btn {
display: inline-block;
background: #152131;
color: #fff !important;
text-decoration: none;
padding: 8px 18px;
border-radius: 4px;
font-size: 13px;
font-weight: 700;
font-family: var(--tb-font);
transition: opacity .2s;
white-space: nowrap;
}
.top10-btn:hover { opacity: .85; }
@media(max-width: 900px) {
.top10-header { grid-template-columns: 40px 1fr 80px 0 0 70px; }
.top10-header span:nth-child(4), .top10-header span:nth-child(5) { display: none; }
.top10-row { grid-template-columns: 40px 1fr 80px 0 0 70px; }
.top10-row > span:nth-child(4), .top10-row > span:nth-child(5) { display: none; }
} .single-layout {
display: grid;
grid-template-columns: 240px 1fr 240px;
gap: 24px;
max-width: 1300px;
margin: 0 auto;
padding: 0 20px 60px;
align-items: stretch;
}
.single-aside { width: 240px; }
.single-content {
min-width: 0;
max-width: 100%;
}
.single-cta-sticky {
position: sticky;
top: 20px;
display: flex;
flex-direction: column;
gap: 14px;
}
.scta-block {
padding: 18px 16px;
border-radius: 8px;
}
.scta-refund  { background: #152131; }
.scta-consult { background: #1e3a4a; }
.scta-warn    { background: #152131; }
.scta-complaint { background: #f8f9fa; border: 1.5px solid var(--tb-border); }
.scta-chargeback { background: var(--tb-gray); border: 1.5px solid var(--tb-border); }
.scta-block h4 {
font-size: 14px;
font-weight: 700;
margin: 0 0 8px;
font-family: var(--tb-font);
line-height: 1.3;
}
.scta-refund h4, .scta-consult h4, .scta-warn h4 { color: #fff; }
.scta-complaint h4, .scta-chargeback h4 { color: #152131; }
.scta-block p {
font-size: 12px;
line-height: 1.5;
margin: 0 0 12px;
font-family: var(--tb-font);
}
.scta-refund p, .scta-consult p, .scta-warn p { color: rgba(255,255,255,.7); }
.scta-complaint p, .scta-chargeback p { color: var(--tb-muted); }
.scta-btn {
display: block;
text-align: center;
text-decoration: none;
padding: 11px 12px;
font-size: 13px;
font-weight: 700;
border-radius: 5px;
font-family: var(--tb-font);
transition: opacity .2s;
cursor: pointer;
border: none;
}
.scta-btn:hover { opacity: .85; }
.scta-btn-dark {
background: #152131;
color: #fff !important;
}
.scta-btn-outline {
background: transparent;
border: 2px solid #152131;
color: #152131 !important;
}
@media(max-width: 1100px) {
.single-layout { grid-template-columns: 200px 1fr 200px; }
.single-aside { width: 200px; }
}
@media(max-width: 900px) {
.single-layout { grid-template-columns: 1fr; }
.single-aside { width: 100%; }
.single-cta-sticky { position: static; flex-direction: row; flex-wrap: wrap; }
.scta-block { flex: 1 1 45%; }
} .chargeback-page { font-family: var(--tb-font); }
.chargeback-hero {
background: linear-gradient(135deg, #152131 60%, #1e3a4a);
padding: 70px 20px;
text-align: center;
color: #fff;
}
.chargeback-hero-inner { max-width: 780px; margin: 0 auto; }
.chargeback-hero h1 { font-size: 34px; font-weight: 800; margin: 0 0 16px; }
.chargeback-lead { font-size: 16px; line-height: 1.7; color: rgba(255,255,255,.8); margin: 0 0 30px; }
.chargeback-hero-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }
.chargeback-main-btn { padding: 14px 32px !important; font-size: 16px !important; }
.chargeback-calc-link {
display: inline-block;
padding: 14px 28px;
border: 2px solid rgba(255,255,255,.5);
color: #fff !important;
text-decoration: none;
border-radius: 5px;
font-weight: 700;
font-size: 15px;
transition: border-color .2s;
}
.chargeback-calc-link:hover { border-color: #fff; }
.chargeback-steps { background: #f8f9fa; padding: 60px 20px; }
.chargeback-steps-inner { max-width: 1100px; margin: 0 auto; }
.chargeback-steps h2 { font-size: 26px; font-weight: 700; text-align: center; margin: 0 0 40px; color: #152131; }
.chargeback-steps-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.chargeback-step {
background: #fff;
border-radius: 8px;
padding: 24px 20px;
text-align: center;
box-shadow: 0 2px 14px rgba(0,0,0,.07);
position: relative;
}
.step-num {
width: 48px; height: 48px;
background: #152131;
color: #fff;
border-radius: 50%;
font-size: 20px;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 16px;
}
.chargeback-step h3 { font-size: 15px; font-weight: 700; margin: 0 0 10px; color: #152131; }
.chargeback-step p { font-size: 13px; color: #666; line-height: 1.6; margin: 0; }
.chargeback-calc { padding: 60px 20px; }
.chargeback-calc-inner { max-width: 680px; margin: 0 auto; }
.chargeback-calc h2 { font-size: 26px; font-weight: 700; text-align: center; margin: 0 0 10px; color: #152131; }
.calc-subtitle { text-align: center; color: var(--tb-muted); font-size: 14px; margin: 0 0 32px; }
.calc-form { background: #fff; border: 1.5px solid var(--tb-border); border-radius: 10px; padding: 28px; }
.calc-row { margin-bottom: 18px; }
.calc-row label { display: block; font-size: 13px; font-weight: 600; color: #152131; margin-bottom: 7px; }
.calc-input, .calc-select {
width: 100%;
box-sizing: border-box;
border: 1.5px solid var(--tb-border);
border-radius: 6px;
padding: 10px 14px;
font-size: 14px;
font-family: var(--tb-font);
outline: none;
transition: border-color .2s;
}
.calc-input:focus, .calc-select:focus { border-color: #152131; }
.calc-btn {
width: 100%;
background: #152131;
color: #fff;
border: none;
border-radius: 6px;
padding: 14px;
font-size: 16px;
font-weight: 700;
font-family: var(--tb-font);
cursor: pointer;
transition: opacity .2s;
margin-top: 8px;
}
.calc-btn:hover { opacity: .85; }
.calc-result {
margin-top: 20px;
border-radius: 8px;
padding: 20px 22px;
border-left: 5px solid;
}
.calc-high   { background: #e8f5e9; border-color: #2e7d32; }
.calc-medium { background: #fff8e1; border-color: #f9a825; }
.calc-low    { background: #fce4ec; border-color: #c62828; }
.calc-result-label { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
.calc-high .calc-result-label   { color: #1b5e20; }
.calc-medium .calc-result-label { color: #e65100; }
.calc-low .calc-result-label    { color: #b71c1c; }
.calc-result-text { font-size: 14px; line-height: 1.6; color: #333; margin: 0 0 14px; }
.calc-result-btn { padding: 10px 24px !important; font-size: 14px !important; }
.chargeback-contact { background: #152131; padding: 60px 20px; }
.chargeback-contact-inner { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.chargeback-contact-text h2 { font-size: 26px; font-weight: 700; color: #fff; margin: 0 0 12px; }
.chargeback-contact-text p { color: rgba(255,255,255,.75); font-size: 14px; line-height: 1.7; margin: 0 0 20px; }
.chargeback-benefits { list-style: none; padding: 0; margin: 0; }
.chargeback-benefits li {
padding: 7px 0 7px 22px;
position: relative;
color: rgba(255,255,255,.8);
font-size: 14px;
}
.chargeback-benefits li::before { content: '✓'; position: absolute; left: 0; color: var(--tb-gold); font-weight: 700; }
.chargeback-contact-form { display: flex; flex-direction: column; gap: 12px; }
.cb-input, .cb-textarea {
border: 1.5px solid rgba(255,255,255,.25);
border-radius: 6px;
padding: 11px 14px;
font-size: 14px;
font-family: var(--tb-font);
background: rgba(255,255,255,.1);
color: #fff;
outline: none;
transition: border-color .2s;
}
.cb-input::placeholder, .cb-textarea::placeholder { color: rgba(255,255,255,.45); }
.cb-input:focus, .cb-textarea:focus { border-color: rgba(255,255,255,.6); }
.cb-textarea { height: 90px; resize: vertical; }
.cb-submit-btn {
background: #fff;
color: #152131;
border: none;
border-radius: 6px;
padding: 13px;
font-size: 15px;
font-weight: 700;
font-family: var(--tb-font);
cursor: pointer;
transition: opacity .2s;
}
.cb-submit-btn:hover { opacity: .9; }
.chargeback-faq { padding: 60px 20px; background: #f8f9fa; }
.chargeback-faq-inner { max-width: 780px; margin: 0 auto; }
.chargeback-faq h2 { font-size: 26px; font-weight: 700; text-align: center; margin: 0 0 32px; color: #152131; }
.cb-faq-item { background: #fff; border-radius: 8px; margin-bottom: 12px; overflow: hidden; border: 1.5px solid var(--tb-border); }
.cb-faq-q {
padding: 16px 20px;
font-size: 15px;
font-weight: 600;
color: #152131;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-family: var(--tb-font);
transition: background .15s;
}
.cb-faq-q:hover { background: #f8f9fa; }
.cb-faq-arrow { font-size: 20px; font-weight: 400; color: var(--tb-muted); transition: transform .2s; }
.cb-faq-item.open .cb-faq-arrow { transform: rotate(45deg); }
.cb-faq-a {
display: none;
padding: 0 20px 16px;
font-size: 14px;
color: #555;
line-height: 1.7;
font-family: var(--tb-font);
}
.cb-faq-item.open .cb-faq-a { display: block; }
@media(max-width: 900px) {
.chargeback-steps-grid { grid-template-columns: 1fr 1fr; }
.chargeback-contact-inner { grid-template-columns: 1fr; }
}
@media(max-width: 600px) {
.chargeback-steps-grid { grid-template-columns: 1fr; }
.chargeback-hero h1 { font-size: 24px; }
} .advertising-page { font-family: var(--tb-font); }
.adv-hero { background: linear-gradient(135deg, #152131, #1e3a4a); padding: 60px 20px; text-align: center; color: #fff; }
.adv-hero-inner { max-width: 700px; margin: 0 auto; }
.adv-hero h1 { font-size: 32px; font-weight: 800; margin: 0 0 14px; }
.adv-lead { font-size: 16px; color: rgba(255,255,255,.8); line-height: 1.7; margin: 0; }
.adv-stats { background: #fff; padding: 36px 20px; border-bottom: 1px solid var(--tb-border); }
.adv-stats-inner { max-width: 1000px; margin: 0 auto; display: flex; justify-content: space-around; flex-wrap: wrap; gap: 20px; }
.adv-stat { text-align: center; }
.adv-stat-num { display: block; font-size: 36px; font-weight: 800; color: #152131; font-family: var(--tb-font); }
.adv-stat-label { display: block; font-size: 13px; color: var(--tb-muted); margin-top: 4px; }
.adv-formats { background: #f8f9fa; padding: 60px 20px; }
.adv-formats-inner { max-width: 1000px; margin: 0 auto; }
.adv-formats h2 { font-size: 26px; font-weight: 700; text-align: center; margin: 0 0 36px; color: #152131; }
.adv-formats-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.adv-format-card { background: #fff; border-radius: 8px; padding: 24px; border: 1.5px solid var(--tb-border); }
.adv-format-card h3 { font-size: 16px; font-weight: 700; color: #152131; margin: 0 0 10px; }
.adv-format-card p { font-size: 14px; color: #666; line-height: 1.6; margin: 0; }
.adv-contact { background: #152131; padding: 60px 20px; }
.adv-contact-inner { max-width: 1000px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.adv-contact-text h2 { font-size: 26px; font-weight: 700; color: #fff; margin: 0 0 12px; }
.adv-contact-text p { color: rgba(255,255,255,.75); font-size: 14px; line-height: 1.7; margin: 0 0 18px; }
.adv-benefits { list-style: none; padding: 0; margin: 0; }
.adv-benefits li { padding: 6px 0 6px 20px; position: relative; color: rgba(255,255,255,.8); font-size: 14px; }
.adv-benefits li::before { content: '✓'; position: absolute; left: 0; color: var(--tb-gold); font-weight: 700; }
.adv-form-wrap { display: flex; flex-direction: column; gap: 12px; }
.adv-input, .adv-textarea {
border: 1.5px solid rgba(255,255,255,.25);
border-radius: 6px;
padding: 11px 14px;
font-size: 14px;
font-family: var(--tb-font);
background: rgba(255,255,255,.1);
color: #fff;
outline: none;
transition: border-color .2s;
}
.adv-input::placeholder, .adv-textarea::placeholder { color: rgba(255,255,255,.45); }
.adv-input:focus, .adv-textarea:focus { border-color: rgba(255,255,255,.6); }
.adv-textarea { height: 90px; resize: vertical; }
.adv-submit-btn {
background: #fff;
color: #152131;
border: none;
border-radius: 6px;
padding: 13px;
font-size: 15px;
font-weight: 700;
font-family: var(--tb-font);
cursor: pointer;
transition: opacity .2s;
}
.adv-submit-btn:hover { opacity: .9; }
@media(max-width: 900px) {
.adv-formats-grid { grid-template-columns: 1fr; }
.adv-contact-inner { grid-template-columns: 1fr; }
} .news-page { font-family: var(--tb-font); }
.news-filters-bar {
background: #f2f4f6;
border-bottom: 1.5px solid var(--tb-border);
padding: 14px 20px;
}
.news-filters-inner { max-width: 1200px; margin: 0 auto; }
.news-filters-form { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.news-filter-cats {
display: flex;
gap: 8px;
flex-wrap: wrap;
flex: 1;
}
.news-cat-btn {
display: inline-block;
padding: 7px 16px;
border-radius: 20px;
background: #fff;
border: 1.5px solid var(--tb-border);
color: #152131;
text-decoration: none;
font-size: 13px;
font-weight: 600;
font-family: var(--tb-font);
transition: .2s;
white-space: nowrap;
}
.news-cat-btn:hover, .news-cat-btn.active {
background: #152131;
border-color: #152131;
color: #fff !important;
}
.news-filter-right { display: flex; gap: 8px; align-items: center; }
.news-search-inp {
border: 1.5px solid var(--tb-border);
border-radius: 6px;
padding: 9px 14px;
font-size: 14px;
font-family: var(--tb-font);
outline: none;
transition: border-color .2s;
width: 220px;
}
.news-search-inp:focus { border-color: #152131; }
.news-sort-sel {
border: 1.5px solid var(--tb-border);
border-radius: 6px;
padding: 9px 12px;
font-size: 13px;
font-family: var(--tb-font);
background: #fff;
outline: none;
cursor: pointer;
}
.news-search-btn {
background: #152131;
color: #fff;
border: none;
border-radius: 6px;
padding: 9px 20px;
font-size: 13px;
font-weight: 700;
font-family: var(--tb-font);
cursor: pointer;
transition: opacity .2s;
}
.news-search-btn:hover { opacity: .85; } .news-main-wrap {
max-width: 1200px;
margin: 0 auto;
padding: 30px 20px 60px;
display: grid;
grid-template-columns: 260px 1fr;
gap: 30px;
align-items: start;
}
.news-sidebar { position: sticky; top: 20px; }
.news-sidebar-cta { margin-bottom: 20px; }
.news-subscribe-box {
background: #fff;
border: 1.5px solid var(--tb-border);
border-radius: 8px;
padding: 18px;
}
.news-subscribe-box h4 {
font-size: 15px;
font-weight: 700;
color: #152131;
margin: 0 0 8px;
font-family: var(--tb-font);
}
.news-subscribe-box p {
font-size: 12px;
color: var(--tb-muted);
line-height: 1.5;
margin: 0 0 12px;
font-family: var(--tb-font);
}
.news-sub-input {
width: 100%;
box-sizing: border-box;
border: 1.5px solid var(--tb-border);
border-radius: 6px;
padding: 9px 12px;
font-size: 13px;
font-family: var(--tb-font);
outline: none;
margin-bottom: 8px;
}
.news-sub-btn {
width: 100%;
background: #152131;
color: #fff;
border: none;
border-radius: 6px;
padding: 11px;
font-size: 14px;
font-weight: 700;
font-family: var(--tb-font);
cursor: pointer;
transition: opacity .2s;
}
.news-sub-btn:hover { opacity: .85; } .news-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 30px;
}
.news-card {
background: #fff;
border-radius: 8px;
overflow: hidden;
border: 1.5px solid var(--tb-border);
display: flex;
flex-direction: column;
transition: box-shadow .2s;
}
.news-card:hover { box-shadow: 0 4px 20px rgba(0,0,0,.1); }
.news-card-img-link { display: block; overflow: hidden; height: 160px; }
.news-card-img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s; }
.news-card:hover .news-card-img { transform: scale(1.04); }
.news-card-body { padding: 16px; flex: 1; display: flex; flex-direction: column; }
.news-card-cat {
display: inline-block;
background: #152131;
color: #fff;
font-size: 11px;
font-weight: 700;
padding: 3px 10px;
border-radius: 3px;
margin-bottom: 8px;
font-family: var(--tb-font);
text-transform: uppercase;
letter-spacing: .5px;
}
.news-card-title {
font-size: 15px;
font-weight: 700;
margin: 0 0 8px;
font-family: var(--tb-font);
line-height: 1.4;
flex: 1;
}
.news-card-title a { color: #152131; text-decoration: none; }
.news-card-title a:hover { color: var(--tb-red); }
.news-card-excerpt {
font-size: 13px;
color: #666;
line-height: 1.5;
margin: 0 0 12px;
font-family: var(--tb-font);
}
.news-card-meta {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
.news-card-date { font-size: 12px; color: var(--tb-muted); font-family: var(--tb-font); }
.news-card-read {
font-size: 13px;
font-weight: 700;
color: #152131;
text-decoration: none;
font-family: var(--tb-font);
border-bottom: 1px solid #152131;
transition: color .2s, border-color .2s;
}
.news-card-read:hover { color: var(--tb-red); border-color: var(--tb-red); } .news-pagination {
display: flex;
gap: 6px;
flex-wrap: wrap;
justify-content: center;
padding: 20px 0;
}
.news-pagination .page-numbers {
display: inline-block;
padding: 8px 14px;
border: 1.5px solid var(--tb-border);
border-radius: 5px;
color: #152131;
text-decoration: none;
font-size: 14px;
font-family: var(--tb-font);
transition: .2s;
}
.news-pagination .page-numbers.current,
.news-pagination .page-numbers:hover { background: #152131; color: #fff; border-color: #152131; } .news-seo-bottom {
background: #f8f9fa;
border: 1.5px solid var(--tb-border);
border-radius: 8px;
padding: 24px;
margin-top: 30px;
}
.news-seo-bottom h2 { font-size: 18px; font-weight: 700; color: #152131; margin: 0 0 10px; font-family: var(--tb-font); }
.news-seo-bottom p { font-size: 13px; color: #666; line-height: 1.7; margin: 0 0 8px; font-family: var(--tb-font); }
.news-empty { text-align: center; padding: 40px; color: var(--tb-muted); font-family: var(--tb-font); }
.news-empty a { color: #152131; }
@media(max-width: 1024px) {
.news-main-wrap { grid-template-columns: 1fr; }
.news-sidebar { position: static; }
.news-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width: 600px) {
.news-grid { grid-template-columns: 1fr; }
.news-filter-cats { display: none; }
} .reviews-layout {
display: grid;
grid-template-columns: 220px 1fr;
gap: 24px;
align-items: start;
}
.reviews-left-sidebar {
position: sticky;
top: 20px;
}
.reviews-main-col { min-width: 0; }
.rf-group {
background: #fff;
border: 1.5px solid var(--tb-border);
border-radius: 8px;
padding: 16px;
margin-bottom: 14px;
}
.rf-group-title {
font-size: 13px;
font-weight: 800;
color: #152131;
text-transform: uppercase;
letter-spacing: .5px;
margin: 0 0 12px;
font-family: var(--tb-font);
}
.rf-label {
display: flex;
align-items: center;
gap: 8px;
padding: 5px 0;
font-size: 13px;
color: #152131;
font-family: var(--tb-font);
cursor: pointer;
transition: color .15s;
}
.rf-label:hover { color: var(--tb-red); }
.rf-radio { accent-color: #152131; cursor: pointer; }
.rf-select {
width: 100%;
border: 1.5px solid var(--tb-border);
border-radius: 6px;
padding: 8px 10px;
font-size: 13px;
font-family: var(--tb-font);
background: #fff;
outline: none;
color: #152131;
cursor: pointer;
}
.rf-apply-btn, .rf-reset-btn {
width: 100%;
padding: 10px;
border: none;
border-radius: 6px;
font-size: 13px;
font-weight: 700;
font-family: var(--tb-font);
cursor: pointer;
margin-bottom: 8px;
transition: opacity .2s;
}
.rf-apply-btn { background: #152131; color: #fff; }
.rf-reset-btn { background: #f2f4f6; color: #152131; }
.rf-apply-btn:hover, .rf-reset-btn:hover { opacity: .85; }
@media(max-width: 900px) {
.reviews-layout { grid-template-columns: 1fr; }
.reviews-left-sidebar { position: static; }
} .catalog-cta-top {
background: #f8f9fa;
border-bottom: 1.5px solid var(--tb-border);
padding: 12px 20px;
}
.catalog-cta-top-inner {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 14px;
flex-wrap: wrap;
}
.catalog-cta-top-inner strong { font-size: 14px; font-weight: 700; color: #152131; font-family: var(--tb-font); }
.catalog-cta-top-inner span { font-size: 13px; color: var(--tb-muted); font-family: var(--tb-font); margin-left: 6px; }
.catalog-cta-btn {
display: inline-block;
background: #152131;
color: #fff !important;
text-decoration: none;
padding: 10px 22px;
border-radius: 5px;
font-size: 13px;
font-weight: 700;
font-family: var(--tb-font);
white-space: nowrap;
transition: opacity .2s;
}
.catalog-cta-btn:hover { opacity: .85; } .tax-search-bar { padding: 14px 20px; background: #f2f4f6; border-bottom: 1.5px solid var(--tb-border); }
.tax-search-inner { max-width: 1200px; margin: 0 auto; display: flex; gap: 10px; }
.tax-search-input {
flex: 1;
border: 1.5px solid var(--tb-border);
border-radius: 6px;
padding: 9px 14px;
font-size: 14px;
font-family: var(--tb-font);
outline: none;
transition: border-color .2s;
}
.tax-search-input:focus { border-color: #152131; }
.tax-sort-select {
border: 1.5px solid var(--tb-border);
border-radius: 6px;
padding: 9px 14px;
font-size: 13px;
font-family: var(--tb-font);
background: #fff;
outline: none;
cursor: pointer;
} #site-header {
background: #fff;
box-shadow: 0 2px 16px rgba(0,0,0,.08);
position: sticky;
top: 0;
z-index: 1000;
width: 100%;
}
.hdr-inner {
display: flex;
align-items: center;
gap: 0;
max-width: 1440px;
margin: 0 auto;
padding: 0 24px;
height: 64px;
} .hdr-logo {
font-size: 17px;
font-weight: 800;
color: #152131 !important;
text-decoration: none !important;
white-space: nowrap;
font-family: Montserrat, Arial, sans-serif;
flex-shrink: 0;
margin-right: 16px;
} .hdr-contacts {
display: flex;
flex-direction: column;
gap: 1px;
margin-right: 14px;
flex-shrink: 0;
}
.hdr-phone {
font-size: 13px;
font-weight: 700;
color: #152131;
text-decoration: none;
font-family: Montserrat, Arial, sans-serif;
line-height: 1.2;
}
.hdr-email {
font-size: 11px;
color: #7a8899;
font-family: Montserrat, Arial, sans-serif;
line-height: 1.2;
} .hdr-socials {
display: flex;
align-items: center;
gap: 6px;
margin-right: 20px;
flex-shrink: 0;
}
.hdr-soc-link {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 50%;
background: #f2f4f6;
transition: background .2s;
text-decoration: none;
}
.hdr-soc-link:hover { background: #dde3ea; }
.hdr-soc-link img, .hdr-soc-link svg { width: 16px; height: 16px; } .hdr-nav {
flex: 1;
min-width: 0;
overflow: hidden;
}
.hdr-menu {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 4px;
}
.hdr-menu li a {
display: block;
padding: 6px 10px;
font-size: 13px;
font-weight: 600;
color: #152131 !important;
text-decoration: none !important;
font-family: Montserrat, Arial, sans-serif;
border-radius: 5px;
white-space: nowrap;
transition: background .15s, color .15s;
}
.hdr-menu li a:hover { background: #f2f4f6; }
.hdr-menu li.current-menu-item > a { color: #e8401c !important; } .hdr-right {
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
margin-left: 12px;
} .hdr-search-wrap { position: relative; }
.hdr-search-btn {
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
color: #152131;
transition: background .15s;
}
.hdr-search-btn:hover { background: #f2f4f6; }
.hdr-search-dropdown {
display: none;
position: absolute;
top: calc(100% + 10px);
right: 0;
width: 320px;
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 32px rgba(0,0,0,.14);
padding: 14px;
z-index: 9999;
border: 1px solid #dde3ea;
}
.hdr-search-wrap.open .hdr-search-dropdown { display: block; }
.hdr-search-input {
width: 100%;
box-sizing: border-box;
border: 1.5px solid #dde3ea;
border-radius: 7px;
padding: 9px 13px;
font-size: 14px;
font-family: Montserrat, Arial, sans-serif;
outline: none;
transition: border-color .2s;
}
.hdr-search-input:focus { border-color: #152131; }
.hdr-search-results { max-height: 260px; overflow-y: auto; margin-top: 8px; }
.hdr-search-item {
display: flex;
align-items: center;
gap: 10px;
padding: 9px 8px;
border-radius: 6px;
text-decoration: none;
color: #152131;
transition: background .15s;
}
.hdr-search-item:hover { background: #f2f4f6; }
.hdr-si-logo { width: 48px; height: 28px; object-fit: contain; border-radius: 3px; flex-shrink: 0; }
.hdr-si-logo-ph { width: 48px; height: 28px; background: #f2f4f6; border-radius: 3px; flex-shrink: 0; }
.hdr-si-name { font-size: 14px; font-weight: 700; font-family: Montserrat, Arial, sans-serif; flex: 1; }
.hdr-si-cat { font-size: 11px; color: #7a8899; font-family: Montserrat, Arial, sans-serif; flex-shrink: 0; }
.hdr-search-empty { font-size: 13px; color: #7a8899; padding: 8px; font-family: Montserrat, Arial, sans-serif; } .hdr-lang {
display: flex;
align-items: center;
gap: 2px;
background: #f2f4f6;
border-radius: 6px;
padding: 3px;
}
.hdr-lang-sep { font-size: 13px; color: #bbb; }
.hdr-lang-btn {
background: none;
border: none;
cursor: pointer;
font-size: 12px;
font-weight: 700;
font-family: Montserrat, Arial, sans-serif;
color: #7a8899;
padding: 4px 8px;
border-radius: 4px;
transition: background .15s, color .15s;
}
.hdr-lang-btn.active {
background: #152131;
color: #fff;
}
.hdr-lang-btn:not(.active):hover { background: #dde3ea; color: #152131; } .hdr-cta {
display: inline-flex !important;
align-items: center !important;
background: #152131 !important;
color: #fff !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
padding: 9px 18px !important;
border-radius: 6px !important;
white-space: nowrap !important;
font-family: Montserrat, Arial, sans-serif !important;
transition: background .2s !important;
border: none !important;
}
.hdr-cta:hover { background: #0b1d2a !important; } .hdr-burger {
display: none;
flex-direction: column;
gap: 5px;
background: none;
border: none;
cursor: pointer;
padding: 6px;
}
.hdr-burger span {
display: block;
width: 22px;
height: 2px;
background: #152131;
border-radius: 2px;
transition: transform .2s, opacity .2s;
}
.hdr-burger.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hdr-burger.open span:nth-child(2) { opacity: 0; }
.hdr-burger.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .hdr-mobile-menu {
display: none;
background: #fff;
border-top: 1px solid #dde3ea;
padding: 16px 24px 20px;
}
.hdr-mobile-menu.open { display: block; }
.hdr-mobile-list {
list-style: none;
margin: 0 0 16px;
padding: 0;
}
.hdr-mobile-list li { border-bottom: 1px solid #f2f4f6; }
.hdr-mobile-list li a {
display: block;
padding: 11px 4px;
font-size: 15px;
font-weight: 600;
color: #152131;
text-decoration: none;
font-family: Montserrat, Arial, sans-serif;
}
.hdr-mobile-cta {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 14px;
}
.hdr-mob-btn {
flex: 1;
text-align: center;
padding: 12px 10px !important;
font-size: 13px !important;
border-radius: 6px !important;
font-weight: 700 !important;
}
.hdr-mob-consult {
background: #f2f4f6 !important;
color: #152131 !important;
}
.hdr-mobile-contacts {
display: flex;
flex-direction: column;
gap: 3px;
font-size: 13px;
color: #7a8899;
font-family: Montserrat, Arial, sans-serif;
}
@media (max-width: 1100px) {
.hdr-contacts { display: none; }
.hdr-socials { display: none; }
}
@media (max-width: 860px) {
.hdr-nav { display: none; }
.hdr-lang { display: none; }
.hdr-cta { display: none !important; }
.hdr-search-wrap { display: none; }
.hdr-burger { display: flex; }
}  .feed-overlook {
width: 100% !important;
justify-content: unset !important;
}
.feed-overlook-content {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
} .feed-overlook-review img:not(.read-also-logo),
.feed-overlook-info img:not(.read-also-logo),
.mu_text img:not(.read-also-logo),
.single-content img:not(.read-also-logo) {
object-fit: cover !important;
display: block !important;
margin: 16px 0 !important;
} .intro-image {
width: auto !important;
height: auto !important;
object-fit: contain !important;
border-radius: 0 !important;
} .read-also-logo {
width: 56px !important;
height: 56px !important;
min-width: 56px !important;
object-fit: contain !important;
object-position: center !important;
margin: 0 !important;
display: block !important;
flex-shrink: 0 !important;
border-radius: 6px !important;
border: 1px solid #dde3ea !important;
background: #fff !important;
padding: 4px !important;
box-sizing: border-box !important;
} .scta-block {
padding: 20px 18px !important;
border-radius: 12px !important;
position: relative;
overflow: hidden;
} .scta-block::before {
content: '';
position: absolute;
top: -20px;
right: -20px;
width: 80px;
height: 80px;
border-radius: 50%;
background: rgba(255,255,255,.06);
pointer-events: none;
}
.scta-refund {
background: linear-gradient(135deg, #152131 0%, #1e3a4a 100%) !important;
box-shadow: 0 4px 20px rgba(21,33,49,.25) !important;
}
.scta-consult {
background: linear-gradient(135deg, #1e3a4a 0%, #2a5068 100%) !important;
box-shadow: 0 4px 20px rgba(21,33,49,.2) !important;
}
.scta-warn {
background: linear-gradient(135deg, #c0392b 0%, #e74c3c 100%) !important;
box-shadow: 0 4px 20px rgba(192,57,43,.25) !important;
}
.scta-warn h4, .scta-warn p { color: #fff !important; }
.scta-chargeback {
background: #fff !important;
border: 2px solid #dde3ea !important;
box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
}
.scta-complaint {
background: #fff !important;
border: 2px solid #dde3ea !important;
box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
}
.scta-block h4 {
font-size: 15px !important;
font-weight: 800 !important;
margin: 0 0 6px !important;
line-height: 1.3 !important;
font-family: Montserrat, Arial, sans-serif !important;
}
.scta-block p {
font-size: 12px !important;
line-height: 1.55 !important;
margin: 0 0 14px !important;
font-family: Montserrat, Arial, sans-serif !important;
opacity: .85;
}
.scta-btn {
display: block !important;
text-align: center !important;
padding: 11px 14px !important;
font-size: 13px !important;
font-weight: 700 !important;
border-radius: 7px !important;
font-family: Montserrat, Arial, sans-serif !important;
text-decoration: none !important;
transition: transform .15s, box-shadow .15s !important;
cursor: pointer !important;
border: none !important;
}
.scta-btn:hover { transform: translateY(-1px) !important; box-shadow: 0 4px 14px rgba(0,0,0,.18) !important; }
.scta-refund .scta-btn, .scta-consult .scta-btn, .scta-warn .scta-btn {
background: rgba(255,255,255,.15) !important;
color: #fff !important;
border: 1.5px solid rgba(255,255,255,.35) !important;
}
.scta-refund .scta-btn:hover { background: rgba(255,255,255,.25) !important; } .scta-refund .btn_voz, .scta-warn .btn_voz {
background: #fff !important;
color: #152131 !important;
border: none !important;
}
.scta-btn-outline {
background: transparent !important;
border: 2px solid #152131 !important;
color: #152131 !important;
}
.scta-btn-dark {
background: #152131 !important;
color: #fff !important;
border: none !important;
} .aside-consult-form {
background: linear-gradient(135deg, #152131, #1e3a4a) !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px rgba(21,33,49,.2) !important;
}
.aside-recent-reviews {
border-radius: 12px !important;
box-shadow: 0 2px 12px rgba(0,0,0,.06) !important;
border: none !important;
}
.brokers-help {
background: linear-gradient(135deg, #152131, #1e3a4a) !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px rgba(21,33,49,.2) !important;
color: #fff !important;
}
.brokers-help .brokers-help-title { color: #fff !important; }
.brokers-help .brokers-help-text { color: rgba(255,255,255,.75) !important; }
.brokers-help-link {
display: block !important;
background: rgba(255,255,255,.15) !important;
color: #fff !important;
border: 1.5px solid rgba(255,255,255,.3) !important;
border-radius: 8px !important;
padding: 12px !important;
text-align: center !important;
font-weight: 700 !important;
font-size: 14px !important;
text-decoration: none !important;
margin-top: 14px !important;
transition: background .2s !important;
}
.brokers-help-link:hover { background: rgba(255,255,255,.25) !important; }
.brokers-victim {
background: linear-gradient(135deg, #c0392b, #e74c3c) !important;
border-radius: 12px !important;
box-shadow: 0 4px 20px rgba(192,57,43,.25) !important;
}
.brokers-victim-title { color: #fff !important; }
.brokers-victim-text { color: rgba(255,255,255,.8) !important; }
.brokers-victim-link {
display: block !important;
background: #fff !important;
color: #c0392b !important;
border-radius: 8px !important;
padding: 12px !important;
text-align: center !important;
font-weight: 800 !important;
font-size: 14px !important;
text-decoration: none !important;
margin-top: 14px !important;
} .reviews-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
padding: 24px 0 10px;
flex-wrap: wrap;
}
.rpag-btn {
width: 38px;
height: 38px;
border: 1.5px solid #dde3ea;
border-radius: 8px;
background: #fff;
color: #152131;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: .15s;
font-family: Montserrat, Arial, sans-serif;
}
.rpag-btn:hover:not(:disabled) { border-color: #152131; background: #152131; color: #fff; }
.rpag-btn:disabled { opacity: .35; cursor: not-allowed; }
.rpag-page {
min-width: 38px;
height: 38px;
border: 1.5px solid #dde3ea;
border-radius: 8px;
background: #fff;
color: #152131;
font-size: 14px;
font-weight: 600;
font-family: Montserrat, Arial, sans-serif;
cursor: pointer;
transition: .15s;
padding: 0 10px;
}
.rpag-page:hover { border-color: #152131; background: #f2f4f6; }
.rpag-page.active {
background: #152131;
border-color: #152131;
color: #fff;
font-weight: 800;
}
.rpag-ellipsis {
font-size: 14px;
color: #7a8899;
padding: 0 4px;
font-family: Montserrat, Arial, sans-serif;
line-height: 38px;
}
.rpag-pages { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; } .news-card-img {
width: 100% !important;
height: 180px !important;
object-fit: cover !important;
object-position: center top !important;
display: block !important;
border-radius: 0 !important;
image-rendering: -webkit-optimize-contrast;
}
.news-card-img-link {
height: 180px !important;
overflow: hidden !important;
display: block !important;
} .single .entry-content img,
.news_top_text .img_block img,
.sigle_text img {
width: 100% !important;
height: 320px !important;
object-fit: cover !important;
border-radius: 8px !important;
display: block !important;
margin: 12px 0 !important;
} .single-layout {
display: grid !important;
grid-template-columns: 220px 1fr 260px !important;
gap: 28px !important;
max-width: 1400px !important;
margin: 0 auto !important;
padding: 30px 20px 60px !important;
align-items: stretch !important;
}
.single-aside { position: relative; }
.single-cta-sticky {
position: sticky !important;
top: 84px !important;
display: flex !important;
flex-direction: column !important;
gap: 14px !important;
}
.single-content {
min-width: 0;
max-width: 100%;
} .sidebar-top5 {
background: #fff;
border-radius: 12px;
overflow: hidden;
border: 1.5px solid #dde3ea;
box-shadow: 0 2px 14px rgba(0,0,0,.07);
}
.st5-header { padding: 12px 16px; }
.sidebar-top5-black .st5-header { background: #152131; }
.sidebar-top5-white .st5-header { background: #1a6b3c; }
.st5-badge {
font-size: 12px;
font-weight: 800;
font-family: Montserrat, Arial, sans-serif;
color: #fff;
letter-spacing: .3px;
}
.st5-item {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 14px;
text-decoration: none;
border-bottom: 1px solid #f0f0f0;
transition: background .15s;
}
.st5-item:last-child { border-bottom: none; }
.st5-item:hover { background: #f8f9fa; }
.st5-num {
font-size: 13px;
font-weight: 800;
color: #e74c3c;
min-width: 18px;
font-family: Montserrat, Arial, sans-serif;
}
.st5-num-white { color: #1a6b3c !important; }
.st5-logo { width: 36px; height: 22px; object-fit: contain; flex-shrink: 0; border-radius: 3px; }
.st5-name { font-size: 12px; font-weight: 600; color: #152131; font-family: Montserrat, Arial, sans-serif; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st5-rating { font-size: 12px; font-weight: 800; flex-shrink: 0; font-family: Montserrat, Arial, sans-serif; }
.st5-rating-bad { color: #e74c3c; }
.st5-rating-good { color: #1a6b3c; } .single-recommended {
margin-top: 40px;
padding-top: 30px;
border-top: 2px solid #f0f0f0;
}
.single-recommended-title {
font-size: 20px;
font-weight: 800;
color: #152131;
font-family: Montserrat, Arial, sans-serif;
margin: 0 0 20px;
}
.single-rec-carousel {
display: flex;
gap: 14px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none;
padding-bottom: 8px;
}
.single-rec-carousel::-webkit-scrollbar { display: none; }
.single-rec-card {
display: flex;
flex-direction: column;
min-width: 180px;
max-width: 180px;
background: #fff;
border: 1.5px solid #dde3ea;
border-radius: 10px;
overflow: hidden;
text-decoration: none;
color: #152131;
scroll-snap-align: start;
transition: box-shadow .2s, transform .2s;
flex-shrink: 0;
}
.single-rec-card:hover { box-shadow: 0 6px 24px rgba(0,0,0,.12); transform: translateY(-2px); }
.single-rec-logo {
height: 90px;
display: flex;
align-items: center;
justify-content: center;
background: #f8f9fa;
padding: 10px;
}
.single-rec-logo img { max-width: 120px; max-height: 70px; object-fit: contain; }
.single-rec-info { padding: 10px 12px; flex: 1; }
.single-rec-name { font-size: 13px; font-weight: 700; font-family: Montserrat, Arial, sans-serif; display: block; margin-bottom: 6px; }
.single-rec-rating { font-size: 12px; display: flex; align-items: center; gap: 4px; }
.single-rec-rating strong { color: #152131; font-size: 12px; font-weight: 800; }
.single-rec-btn {
display: block;
text-align: center;
background: #152131;
color: #fff;
font-size: 12px;
font-weight: 700;
font-family: Montserrat, Arial, sans-serif;
padding: 9px;
margin: 0 12px 12px;
border-radius: 6px;
transition: background .15s;
}
.single-rec-card:hover .single-rec-btn { background: #0b1d2a; }
.single-rec-nav {
display: flex;
gap: 8px;
margin-top: 14px;
}
.srn-btn {
width: 36px;
height: 36px;
border: 1.5px solid #dde3ea;
border-radius: 8px;
background: #fff;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #152131;
transition: .15s;
}
.srn-btn:hover { background: #152131; color: #fff; border-color: #152131; }
@media(max-width: 1100px) {
.single-layout { grid-template-columns: 200px 1fr 220px !important; }
}
@media(max-width: 900px) {
.single-layout { grid-template-columns: 1fr !important; gap: 20px !important; }
.single-cta-sticky { position: static !important; flex-direction: row !important; flex-wrap: wrap !important; }
.scta-block { flex: 1 1 45% !important; }
} .top10-header-simple {
grid-template-columns: 50px 1fr 130px 100px !important;
}
.top10-header-simple ~ .top10-row {
grid-template-columns: 50px 1fr 130px 100px !important;
} .top10-section .top10-row {
grid-template-columns: 50px 1fr 130px 100px !important;
}
.top10-section .top10-row .top10-reg,
.top10-section .top10-row .top10-dep { display: none !important; } .top5-worst-section {
background: linear-gradient(135deg, #1a0a0a, #2d0f0f);
padding: 60px 20px;
}
.top5-worst-inner { max-width: 1100px; margin: 0 auto; }
.top5-worst-title {
font-size: 26px;
font-weight: 800;
color: #fff;
font-family: Montserrat, Arial, sans-serif;
margin: 0 0 8px;
text-align: center;
}
.top5-worst-sub {
text-align: center;
color: rgba(255,255,255,.65);
font-size: 14px;
font-family: Montserrat, Arial, sans-serif;
margin: 0 0 32px;
}
.top5-worst-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }
.tw-item {
display: flex;
align-items: center;
gap: 16px;
background: rgba(255,255,255,.06);
border: 1px solid rgba(255,255,255,.1);
border-radius: 10px;
padding: 14px 20px;
transition: background .2s;
}
.tw-item:hover { background: rgba(255,255,255,.1); }
.tw-num {
font-size: 20px;
font-weight: 900;
color: #e74c3c;
min-width: 28px;
font-family: Montserrat, Arial, sans-serif;
}
.tw-logo { width: 70px; height: 40px; object-fit: contain; border-radius: 5px; flex-shrink: 0; background: rgba(255,255,255,.1); padding: 4px; }
.tw-info { flex: 1; display: flex; flex-direction: column; gap: 3px; }
.tw-name { font-size: 15px; font-weight: 700; color: #fff; text-decoration: none; font-family: Montserrat, Arial, sans-serif; }
.tw-name:hover { color: #e74c3c; }
.tw-complaints { font-size: 12px; color: rgba(255,255,255,.55); font-family: Montserrat, Arial, sans-serif; }
.tw-score { display: flex; flex-direction: column; align-items: center; gap: 3px; flex-shrink: 0; }
.tw-rating { font-size: 18px; font-weight: 900; color: #e74c3c; font-family: Montserrat, Arial, sans-serif; }
.tw-stars { font-size: 13px; }
.tw-stars .star-on { color: #e74c3c; }
.tw-stars .star-off { color: rgba(255,255,255,.2); }
.tw-btn {
display: inline-block;
background: rgba(231,76,60,.25);
color: #ff7b6b !important;
text-decoration: none !important;
padding: 9px 18px;
border-radius: 7px;
font-size: 13px;
font-weight: 700;
font-family: Montserrat, Arial, sans-serif;
border: 1px solid rgba(231,76,60,.4);
transition: background .2s;
white-space: nowrap;
flex-shrink: 0;
}
.tw-btn:hover { background: rgba(231,76,60,.4); }
.tw-cta { text-align: center; }
.tw-cta p { color: rgba(255,255,255,.8); font-size: 15px; font-family: Montserrat, Arial, sans-serif; margin: 0 0 14px; }
.tw-cta-btn { padding: 14px 32px !important; font-size: 15px !important; } .intro-consult-form { margin-top: 24px; }
.intro-consult-title {
font-size: 16px;
font-weight: 700;
color: rgba(255,255,255,.9);
font-family: Montserrat, Arial, sans-serif;
margin: 0 0 12px;
}
.intro-form-row {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.intro-form-input {
flex: 1;
min-width: 160px;
border: 2px solid rgba(255,255,255,.3);
border-radius: 8px;
padding: 12px 16px;
font-size: 14px;
font-family: Montserrat, Arial, sans-serif;
background: rgba(255,255,255,.12);
color: #fff;
outline: none;
transition: border-color .2s;
}
.intro-form-input::placeholder { color: rgba(255,255,255,.55); }
.intro-form-input:focus { border-color: rgba(255,255,255,.7); }
.intro-form-btn {
background: #fff;
color: #152131;
border: none;
border-radius: 8px;
padding: 12px 24px;
font-size: 14px;
font-weight: 800;
font-family: Montserrat, Arial, sans-serif;
cursor: pointer;
white-space: nowrap;
transition: opacity .2s;
flex-shrink: 0;
}
.intro-form-btn:hover { opacity: .9; }
.intro-form-note {
font-size: 12px;
color: rgba(255,255,255,.55);
font-family: Montserrat, Arial, sans-serif;
margin: 8px 0 0;
} .about-stats-section {
background: linear-gradient(135deg, #0b2b3a, #1e5070);
padding: 50px 20px;
}
.about-stats-inner {
max-width: 960px;
margin: 0 auto;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
gap: 24px;
}
.about-stat-item { text-align: center; }
.about-stat-num {
display: block;
font-size: 40px;
font-weight: 900;
color: #fff;
font-family: Montserrat, Arial, sans-serif;
line-height: 1;
margin-bottom: 6px;
}
.about-stat-label {
display: block;
font-size: 13px;
color: rgba(255,255,255,.7);
font-family: Montserrat, Arial, sans-serif;
} .header-search-wrap { position: relative; margin-left: 10px; flex-shrink: 0; }
.header-search-toggle {
background: none;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 50%;
color: #152131;
transition: background .15s;
}
.header-search-toggle:hover { background: #f2f4f6; }
.header-search-box {
position: absolute;
top: calc(100% + 10px);
right: 0;
width: 310px;
background: #fff;
border-radius: 10px;
box-shadow: 0 8px 32px rgba(0,0,0,.14);
padding: 14px;
z-index: 9999;
border: 1px solid #dde3ea;
}
.header-search-input {
width: 100%;
box-sizing: border-box;
border: 1.5px solid #dde3ea;
border-radius: 7px;
padding: 9px 13px;
font-size: 14px;
font-family: Montserrat, Arial, sans-serif;
outline: none;
}
.header-search-input:focus { border-color: #152131; }
.header-search-results { max-height: 250px; overflow-y: auto; margin-top: 8px; }
.header-search-result-item {
display: flex;
align-items: center;
gap: 8px;
padding: 8px;
border-radius: 6px;
text-decoration: none;
color: #152131;
font-size: 13px;
font-family: Montserrat, Arial, sans-serif;
transition: background .15s;
}
.header-search-result-item:hover { background: #f2f4f6; }
.header-search-empty { font-size: 13px; color: #7a8899; padding: 8px; font-family: Montserrat, Arial, sans-serif; }
.header-lang-switch {
display: flex;
align-items: center;
gap: 3px;
margin-left: 10px;
flex-shrink: 0;
}
.lang-btn {
background: none;
border: none;
cursor: pointer;
font-size: 13px;
font-weight: 600;
font-family: Montserrat, Arial, sans-serif;
color: #7a8899;
padding: 4px 6px;
border-radius: 4px;
transition: color .15s;
}
.lang-active { color: #152131 !important; font-weight: 800 !important; }
.header-cta-btn {
display: inline-flex !important;
align-items: center !important;
background: #152131 !important;
color: #fff !important;
text-decoration: none !important;
font-size: 13px !important;
font-weight: 700 !important;
padding: 9px 18px !important;
border-radius: 6px !important;
white-space: nowrap !important;
font-family: Montserrat, Arial, sans-serif !important;
margin-left: 10px !important;
border: none !important;
cursor: pointer !important;
}
.header-cta-btn:hover { background: #0b1d2a !important; }
.mobile-cta-btn { background: #152131 !important; color: #fff !important; border-radius: 6px !important; padding: 12px 20px !important; font-weight: 700 !important; }
.mobile-consult-btn { background: #f2f4f6 !important; color: #152131 !important; border-radius: 6px !important; padding: 12px 20px !important; font-weight: 700 !important; margin-left: 8px !important; }
.mobile-header-cta { padding: 12px 0; display: flex; } .read-also-block {
margin: 28px 0;
border: 2px solid #e8edf3;
border-left: 5px solid #152131;
border-radius: 8px;
background: #f7f9fc;
padding: 16px 20px;
font-family: Montserrat, Arial, sans-serif;
}
.read-also-label {
display: inline-block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #152131;
margin-bottom: 12px;
opacity: 0.6;
}
.read-also-link {
display: flex;
align-items: center;
gap: 14px;
text-decoration: none;
color: inherit;
transition: opacity 0.2s;
}
.read-also-link:hover { opacity: 0.8; }
.read-also-logo {
width: 52px;
height: 52px;
object-fit: contain;
border-radius: 6px;
border: 1px solid #dde3ea;
background: #fff;
flex-shrink: 0;
}
.read-also-info {
flex: 1;
display: flex;
flex-direction: column;
gap: 4px;
}
.read-also-title {
font-size: 15px;
font-weight: 700;
color: #152131;
line-height: 1.3;
}
.read-also-excerpt {
font-size: 13px;
color: #6b7a8d;
line-height: 1.4;
}
.read-also-rating {
display: flex;
align-items: center;
gap: 3px;
font-size: 13px;
margin-top: 2px;
}
.read-also-rating .star-on  { color: #f5a623; }
.read-also-rating .star-off { color: #dde3ea; }
.read-also-rating strong { color: #152131; margin-left: 4px; }
.read-also-btn {
flex-shrink: 0;
background: #152131;
color: #fff;
font-size: 12px;
font-weight: 700;
padding: 9px 14px;
border-radius: 6px;
white-space: nowrap;
font-family: Montserrat, Arial, sans-serif;
transition: background 0.2s;
}
.read-also-link:hover .read-also-btn { background: #e8401c; }
@media (max-width: 600px) {
.read-also-link { flex-wrap: wrap; }
.read-also-btn  { width: 100%; text-align: center; margin-top: 8px; padding: 10px; }
}