a.back { display: none; }

/* ==== AGENT LIST ==== */

body.single #agents              { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 26px; align-items: stretch; }
body.single #agents .profile     { position: relative; display: grid; grid-template-columns: 120px minmax(0, 1fr); grid-template-areas: "info name" "info rating" "media teaser" "media tariff" "media actions"; gap: 4px 8px; min-width: 0; width: auto; min-height: 0; height: auto; margin: 0; padding: 8px; overflow: hidden; border-radius: 10px; background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,.12); }
body.single #agents .profile:after { content: ''; position: absolute; top: 11px; right: 11px; width: 12px; height: 12px; border-radius: 50%; background: #bfbfbf; }
body.single #agents .profile.status_online:after { background: #26e600; }
body.single #agents .profile.status_busy:after { background: #a84932; }
body.single #agents .profile.status_break:after { background: #ffc400; }
body.single #agents .profile.status_offline:after { background: #a84932; }
body.single #agents .profile .name { grid-area: name; display: flex; align-items: center; gap: 4px; min-width: 0; width: auto; margin: 0; padding-right: 22px; }
body.single #agents .profile .name h3 { min-width: 0; margin: 0; font-size: 16px; line-height: 20px; }
body.single #agents .profile .name h3 a { display: block; max-width: 100%; overflow: hidden; color: #1574a3; white-space: nowrap; text-overflow: ellipsis; }
body.single #agents .profile .langs { display: flex; flex: 0 0 auto; gap: 4px; width: auto; height: auto; margin: 0; padding: 0; }
body.single #agents .profile .langs li { margin: 0; }
body.single #agents .profile .langs .fi { width: 16px; height: 16px; border-radius: 50%; background-size: cover; }
body.single #agents .profile .rating { grid-area: rating; position: relative; display: block; width: auto; height: 10px; margin: 0; }
body.single #agents .profile .stars { position: absolute; top: -7px; left: 0; width: 48px; height: 8px; margin: 0; font-size: 8px; line-height: 8px; }
body.single #agents .profile .stars:before { font-size: 8px; line-height: 8px; }
body.single #agents .profile .amount { position: absolute; top: 1px; left: 70px; display: block; height: 8px; margin: 0; font-size: 8px; line-height: 8px; color: rgba(0,0,0,.6); }
body.single #agents .profile .left.content { display: contents; width: auto; }
body.single #agents .profile .left.content > a { grid-area: media; align-self: end; justify-self: start; display: flex; align-items: flex-end; justify-content: center; width: 112px; height: 92px; margin: 8px 0 2px 4px; overflow: hidden; }
body.single #agents .profile img.pic { position: static; display: block; width: 112px; height: 92px; object-fit: contain; object-position: center bottom; }
body.single #agents .profile .teaser { grid-area: teaser; min-width: 0; width: auto; max-height: 52px; margin: 0; padding: 0; overflow: hidden; font-size: 12px; line-height: 13px; }
body.single #agents .profile .infos { grid-area: info; position: static; align-self: start; width: auto; height: auto; margin: 0; padding: 0; overflow: hidden; font-size: 10px; line-height: 14px; }
body.single #agents .profile .infos li:nth-child(n+3) { display: none; }
body.single #agents .profile .buttons { grid-area: actions; position: static; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: auto; height: auto; margin: 0; padding: 0; }
body.single #agents .profile .buttons .button { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; width: auto; height: 28px; min-height: 0; padding: 4px 8px; border-radius: 4px; font-size: 12px; line-height: 16px; }
body.single #agents .profile .buttons .button .ico,
body.single #agents .profile .buttons .button .mail { line-height: 16px; }
body.single #agents .profile .buttons > .button.click2call { background: #1574a3; color: #fff; }
body.single #agents .profile .buttons .info { display: inline-flex; margin: 0; padding: 0; font-size: 0; line-height: 0; }
body.single #agents .profile .buttons .meet { border: 1px solid #1574a3; background: #fff; color: #1574a3; }
body.single #agents .profile .buttons > .tariff { grid-area: tariff; display: block; order: -1; flex: 0 0 100%; width: 100%; height: auto; margin: 0; padding: 0; font-size: 8px; line-height: 12px; color: #000; text-align: left; opacity: .65; }
body.single #agents .profile .buttons .split,
body.single #agents .profile .buttons > .button.email,
body.single #agents .profile .special { display: none; }
body.single #agents .profile .buttons br,
body.single #agents .profile .foot,
body.single #agents .profile .last_rating,
body.single #agents .profile .label { display: none; }
body.single #main .exclusive h3:after { display: none; }
#main .pagination { margin: 25px 0; }
#main .article_detail a { display: none; }

/* ==== ARTICLE DETAIL ==== */

body.single #main .article_detail:not(:has(*)) { display: none; }
body.single #main .article_detail { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 0; row-gap: 20px; justify-content: center; margin: 40px 0 0; padding: 12px 20px; overflow: hidden; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; background: #fff; box-shadow: 0 4px 4px -10px rgba(0,0,0,.04), 0 13px 13px -10px rgba(0,0,0,.06), 0 40px 60px -10px rgba(0,0,0,.08); }
body.single #main .article_detail h1,
body.single #main .article_detail h2,
body.single #main .article_detail h3:first-child { grid-column: 1 / -1; width: 100%; margin: 0; overflow: hidden; color: #1574a3; font-size: 32px; font-weight: 700; line-height: 38px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
body.single #main .article_detail .top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0; align-items: center; min-height: 280px; width: 100%; }
body.single #main .article_detail .media { display: flex; align-items: center; justify-content: center; min-width: 0; height: 280px; padding: 12px 20px; overflow: hidden; border-radius: 10px; background: #fff; }
body.single #main .article_detail .text { display: flex; align-items: center; min-width: 0; height: 280px; padding: 12px 20px; overflow: hidden; border-radius: 10px; background: #fff; box-shadow: 0 4px 2px rgba(0,0,0,.04), 0 13px 7px rgba(0,0,0,.06), 0 40px 30px rgba(0,0,0,.08); }
body.single #main .article_detail .text p,
body.single #main .article_detail > p { margin: 0; color: #000; font-size: 14px; font-weight: 400; line-height: normal; }
body.single #main .article_detail > p { grid-column: 2; padding: 0 20px; }
body.single #main .article_detail > p:nth-of-type(1) { align-self: end; }
body.single #main .article_detail > p:nth-of-type(3) { align-self: start; }
body.single #main .article_detail .text p + p { margin-top: 14px; }
body.single #main .article_detail strong,
body.single #main .article_detail b { font-weight: 700; }
body.single #main .article_detail > img { grid-column: 1; grid-row: 2 / span 3; align-self: center; justify-self: center; display: block; width: auto; max-width: 319px; height: auto; max-height: 280px; object-fit: contain; }
body.single #main .article_detail .bottom { width: 100%; padding: 10px; overflow: hidden; border-radius: 10px; background: #fff; }
body.single #main .article_detail .info { position: relative; display: flex; align-items: center; gap: 12px; min-height: 24px; margin: 0; color: #000; font-size: 14px; line-height: normal; white-space: nowrap; }
body.single #main .article_detail .info:before { content: 'i'; display: inline-flex; flex: 0 0 18px; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid #1574a3; border-radius: 50%; color: #1574a3; font-size: 12px; font-weight: 700; line-height: 18px; }
body.single #main .article_detail .info strong,
body.single #main .article_detail .info b { font-weight: 600; }
body.single #main .article_detail .info em { color: #1574a3; font-style: normal; font-weight: 700; }

/* ==== TEXT FEATURE ==== */

body.single #main .cte_text:has(> h3.bh):has(> figure.image) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 0; row-gap: 20px; margin: 40px 0 0; padding: 12px 20px; overflow: hidden; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; background: #fff; box-shadow: 0 4px 4px -10px rgba(0,0,0,.04), 0 13px 13px -10px rgba(0,0,0,.06), 0 40px 60px -10px rgba(0,0,0,.08); }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > h3.bh { grid-column: 1 / -1; margin: 0; overflow: hidden; color: #1574a3; font-size: 32px; font-weight: 700; line-height: 38px; text-align: center; white-space: nowrap; text-overflow: ellipsis; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > figure.image { grid-column: 1; grid-row: 2 / span 2; align-self: center; justify-self: center; float: none; width: auto; margin: 0; padding: 12px 20px; overflow: hidden; border-radius: 10px; background: #fff; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image.floatRight) > figure.image { grid-column: 2; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > figure.image img { display: block; width: auto; max-width: 477px; height: auto; max-height: 545px; object-fit: contain; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > ul { grid-column: 2; display: flex; flex-direction: column; gap: 20px; margin: 0; padding: 12px 20px; overflow: hidden; border-radius: 10px; background: #fff; list-style: none; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image.floatRight) > ul { grid-column: 1; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > ul li { position: relative; min-height: 38px; margin: 0; padding: 0 0 0 58px; color: #000; font-size: 14px; font-weight: 400; line-height: normal; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > ul li:before { content: '\f00c'; position: absolute; top: 0; left: 18px; color: #1574a3; font-family: "Font Awesome 5 Pro"; font-size: 20px; font-weight: 900; line-height: 20px; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > ul li strong { display: block; margin: 0 0 10px; color: #000; font-size: 16px; font-weight: 700; line-height: normal; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > p { grid-column: 2; display: flex; justify-content: flex-start; gap: 8px; margin: -8px 0 0; padding: 0 20px 8px; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image.floatRight) > p { grid-column: 1; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > p a { display: inline-flex; align-items: center; justify-content: center; min-height: 28px; padding: 4px 8px; border: 1px solid #1574a3; border-radius: 4px; background: #fff; color: #1574a3; font-size: 16px; line-height: 18px; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > p a:before { content: '\f007'; margin-right: 4px; font-family: "Font Awesome 5 Pro"; font-size: 13px; font-weight: 400; line-height: 1; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > .clear { display: none; }

@media (max-width: 900px) {
body.single #agents              { grid-template-columns: 1fr; }
body.single #main .article_detail { padding: 12px; }
body.single #main .article_detail h1,
body.single #main .article_detail h2,
body.single #main .article_detail h3:first-child { font-size: 24px; line-height: 30px; white-space: normal; }
body.single #main .article_detail .top { grid-template-columns: 1fr; min-height: 0; }
body.single #main .article_detail .media,
body.single #main .article_detail .text { height: auto; min-height: 0; }
body.single #main .article_detail .info { align-items: flex-start; white-space: normal; }
body.single #main .article_detail > p,
body.single #main .article_detail > img { grid-column: 1 / -1; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) { grid-template-columns: 1fr; padding: 12px; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > h3.bh { font-size: 24px; line-height: 30px; white-space: normal; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > figure.image,
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > ul,
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > p { grid-column: 1 / -1; grid-row: auto; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > figure.image img { max-width: 100%; max-height: 360px; }
body.single #main .cte_text:has(> h3.bh):has(> figure.image) > p { margin: 0; padding: 0 20px 8px; }
}