@charset "UTF-8";

/* Reset
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    background: transparent;
    vertical-align: baseline;
    font-family: inherit;
    font-size: inherit;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ul, ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    vertical-align: middle;
    text-align: center;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none;
}

textarea {
    resize: none;
}

input[type="submit"], input[type="button"], input[type="reset"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

/* Html & Body
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html, body {
    height: 100%;
    min-width: 320px;
}

body {
    background: #F9F9F9;
    font: 16px/24px "Open Sans", "Arial";
    color: #191A1B;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

body:before {
    z-index: 9998;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    content: "";
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

body:after {
    z-index: 9999;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 64px;
    height: 64px;
    margin: auto;
    border-radius: 50%;
    visibility: hidden;
    background: #FFF url("../images/loader.gif") 50% 50% no-repeat;
    background-size: 32px 32px;
    opacity: 0;
    content: "";
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

body.hidden, body.filter, body.block-main, body.block-main, body.loader {
    overflow: hidden;
}

body.loader:before, body.loader:after, body.filter:before {
    visibility: visible;
    opacity: 1;
}

body.block-main::before {
    background-color: #fff;
    visibility: visible;
    opacity: 1;
    z-index: 3;
}

/* Tags Of Text
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
a {
    text-decoration: underline;
    color: #ED4848;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Playfair Display", "Arial";
}

h1 {
    font-size: 30px;
    line-height: 1;
}

h2, h3 {
    font-size: 24px;
    line-height: 30px;
}

.hidden {
    display: none;
}

/* Wrapper
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper {
    max-width: 1120px;
    margin: 0 auto;
    padding-top: 42px;
}

/* Header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header {
    z-index: 777;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #FFF;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
    transition: transform .4s linear;
}

.headerWrap {
    position: relative;
    max-width: 1120px;
    height: 42px;
    margin: 0 auto;
}

.headerWrap > * {
    position: absolute;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.headerLogo {
    z-index: 10;
    position: absolute;
    left: 12px;
    top: 7px;
}

.headerLogo div {
    position: relative;
    display: inline-block;
}

.headerLogo div:before {
    position: absolute;
    left: -6px;
    bottom: -1px;
    width: 100%;
    height: 6px;
    padding: 0 6px;
    background: #f26d85;
    content: "";
}

.headerLogo span, .headerLogo a {
    position: relative;
    display: block;
    font: 24px/24px "Playfair Display", "Arial";
    text-decoration: none;
    color: inherit;
}

.headerLogo u {
    text-decoration: none;
    font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.headerMenu {
    z-index: 7;
    left: 0;
    top: 0;
    width: 100%;
}

.headerMenuOpen {
    display: none;
}

.headerMenuList {
    padding-left: 170px;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.headerMenuList a {
    text-decoration: none;
    color: inherit;
}

.headerMenuList li:hover > a {
    color: #ED4848;
}

.headerMenuList > li {
    display: inline-block;
    margin: 0 25px;
    text-align: left;
    font-size: 16px;
    line-height: 42px;
}

.headerMenuList > li.menu-item-has-children {
    position: relative;
}

.headerMenuList > li > a {
    display: block;
}

.headerMenuList > li.menu-item-has-children > a {
    position: relative;
    padding-right: 10px;
}

.headerMenuList > li.menu-item-has-children > a:after {
    position: absolute;
    right: 0;
    top: 18px;
    width: 0;
    height: 0;
    border: 4px solid #CCC;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-width: 0;
    content: "";
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.headerMenuList > li.menu-item-has-children:hover > a:after {
    top: 17px;
    border: 4px solid #CCC;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-width: 0;
}

.headerMenuList ul {
    position: absolute;
    left: -6px;
    overflow: hidden;
    background: #FFF;
    line-height: 36px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.headerMenuList ul:after {
    z-index: 0;
    position: absolute;
    left: 50%;
    top: 0;
    width: 1000px;
    height: 1000px;
    margin-left: -500px;
    box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.14);
    content: "";
}

.headerMenuList > li.menu-item-has-children:hover ul {
    visibility: visible;
    opacity: 1;
}

.headerMenuList ul li {
    z-index: 1;
    position: relative;
    border-bottom: 1px solid #EBEAE8;
}

.headerMenuList ul li:last-child {
    border: 0;
}

.headerMenuList ul a {
    display: block;
    padding: 0 6px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.headerSearch {
    right: 0;
    top: 0;
    overflow: hidden;
    width: 42px;
    height: 42px;
}

.headerSearchIcon {
    z-index: 100;
    position: absolute;
    right: 6px;
    top: 5px;
    width: 32px;
    height: 32px;
    border-radius: 0;
    background: url("../images/icon-search.png");
    background-size: 32px 64px;
    text-indent: -9999px;
}

.headerSearchIcon:hover {
    background-position: 0 -32px;
}

.headerSearch.open .headerSearchIcon {
    background-position: 0 -32px;
}

.headerSearchResult {
    position: fixed;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.headerSearchResult.opened {
    visibility: visible;
    opacity: 1;
}

.headerSearchResult .headerWrap {
    overflow: hidden;
    height: 100%;
    background: #FFF;

}

.headerSearchResult .headerWrap:before {
    position: absolute;
    left: 50%;
    top: -42px;
    width: 2000px;
    margin-left: -1000px;
    height: 42px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
    content: "";
}

.headerSearchResult .headerWrap > div {
    position: static;
    box-sizing: border-box;
    padding: 24px 12px;
    overflow: auto;
    height: calc(100% - 42px);
}

.headerSearchResultTitle {
    position: relative;
    padding: 0 24px 0 52px;
    margin-bottom: 24px;
}

.headerSearchResultTitle div {
    text-transform: uppercase;
    font: bold 24px/24px "Playfair Display", "Arial";
}

.headerSearchResultTitle span {
    position: absolute;
    left: 0;
    top: -9px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #FCD6D6;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.headerSearchResultTitle span:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url("../images/icon-close.png");
    background-size: 16px 16px;
    content: "";
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.headerSearchResultTitle span:hover:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.xc_line {
    position: relative;
    overflow: hidden;
    font-size: 16px;
    text-align: center;
    padding: 12px;
    border-radius: 6px;
    background: #3078b4;
    color: #fff;
    margin-bottom: 36px;
}

.xc_line a {
    color: #fff;
    font-weight: bold;
}

.main_content {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.contentCelebs {
    overflow: hidden;
    padding: 0 12px;
    background: #FFF;
    border-radius: 12px;
}

.contentCelebsHead {
    padding: 36px 0;
}

.contentCelebsHead:after, .contentCelebsHeadFilter:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    content: ".";
}

.contentCelebsHeadTitle {
    float: left;
    overflow: hidden;
    border-radius: 6px;
    background: #F9F9F9;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    line-height: 37px;
    color: #999;
}

.contentCelebsHeadTitle div, .contentCelebsHeadTitle span {
    float: left;
    padding: 0 12px;
}

.contentCelebsHeadTitle span {
    background: #ED4848;
    color: #FFF;
}

.contentCelebsHeadFilter {
    float: right;
}

.contentCelebsHeadFilter > * {
    float: left;
}

.contentCelebsHeadFilter div {
    z-index: 2;
    position: relative;
    margin-right: 24px;
}

.contentCelebsHeadFilter div ul {
    position: absolute;
    left: 0;
    top: 100%;
    overflow: hidden;
    width: 100%;
    margin-top: -1px;
    padding: 12px 0;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px #ED4848;
    background: #FFF;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.contentCelebsHeadFilter div.opened ul {
    visibility: visible;
    opacity: 1;
}

.contentCelebsHeadFilter div li {
    margin: 6px 12px 0 12px;
    padding: 6px 12px;
    border-radius: 4px;
    background: #F9F9F9;
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    line-height: 20px;
    cursor: pointer;
}

.contentCelebsHeadFilter div li:hover {
    color: #ED4848;
}

.contentCelebsHeadFilter div li._checked {
    background: #ED4848;
    color: #FFF;
}

.contentCelebsHeadFilter div li:first-child {
    margin-top: 0;
}

.contentCelebsHeadFilter span {
    position: relative;
    display: block;
    padding: 0 50px 0 12px;
    border-radius: 6px;
    background: #F9F9F9;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    line-height: 37px;
    color: #999;
    cursor: pointer;
}

.contentCelebsHeadFilter span:hover, .contentCelebsHeadFilter div.opened span {
    background: #FFF;
    box-shadow: inset 0 0 0 1px;
    color: #ED4848;
}

.contentCelebsHeadFilter span:after {
    position: absolute;
    right: 12px;
    top: 11px;
    content: "";
}

.contentCelebsHeadFilter span[data-button="select"]:after {
    width: 11px;
    height: 15px;
    background: url("../images/icon-sort.png");
    background-size: 11px 15px;
}

.contentCelebsHeadFilter span[data-button="filter"]:after {
    width: 16px;
    height: 16px;
    background: url("../images/icon-filter.png");
    background-size: 16px 16px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contentCelebsFilt {
    display: none;
    position: relative;
    overflow: hidden;
    margin-bottom: 36px;
    padding: 20px 165px 20px 12px;
    border-radius: 6px;
    background: #F9F9F9;
}

.contentCelebsFilt.opened {
    display: block;
}

.contentCelebsFilt div {
    margin-bottom: 24px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
}

.contentCelebsFilt ul {
    overflow: hidden;
    margin: 0 -36px -10px 0;
    font-size: 14px;
    line-height: 20px;
}

.contentCelebsFilt li {
    position: relative;
    float: left;
    margin: 0 36px 10px 0;
    padding-left: 18px;
    cursor: pointer;
}

.contentCelebsFilt li:hover {
    color: #ED4848;
}

.contentCelebsFilt li:before {
    position: absolute;
    left: 0;
    top: 5px;
    width: 10px;
    height: 10px;
    background: url("../images/icon-delete.png");
    background-size: 10px 10px;
    content: "";
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.contentCelebsFilt li:hover:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.contentCelebsFilt span {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 153px;
    height: 100%;
    background: #999;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #FFF;
    cursor: pointer;
}

.contentCelebsFilt span:hover {
    background: #ED4848;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contentCelebsLett
{
   position: relative;
   overflow: hidden;
   height: 30px;
   margin: 0 -6px 24px -6px;
   background: #FFD97F linear-gradient(45deg, #d6405c, #FDD16A);
   background: #FFD97F -moz-linear-gradient(45deg, #d6405c, #FDD16A);
   background: #FFD97F -ms-linear-gradient(45deg, #d6405c, #FDD16A);
   background: #FFD97F -o-linear-gradient(45deg, #d6405c, #FDD16A);
   background: #FFD97F -webkit-linear-gradient(45deg, #d6405c, #FDD16A);
}
.contentCelebsLett ul
{
   overflow: auto;
   padding-bottom: 30px;
   white-space: nowrap;
   text-align: center;
   font-weight: bold;
   font-size: 0;
   line-height: 0;
}
.contentCelebsLett li
{
   display: inline-block;
   width: 3.71%;
   min-width: 40px;
   font-size: 14px;
   line-height: 30px;
   cursor: pointer;
}
.contentCelebsLett li:hover
{
   background: rgba(0,0,0,0.1);
}
.contentCelebsLett li._checked
{
   background: #ED4848;
   color: #FFF;
}

.contentCelebsLett a
{
   display: block;
       text-decoration: none;
    color: #000;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contentCelebsName {
    position: relative;
    margin-bottom: 24px;
    padding: 18px 0 3px 0;
}

.contentCelebsName:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 12px;
    background: #f26d85;
    content: "";
}

.contentCelebsName span {
    position: relative;
    padding: 0 24px;
    text-transform: uppercase;
    font: bold 36px/36px "Playfair Display", "Arial";
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contentCelebsBody {
    overflow: hidden;
    margin: 0 -12px 12px 0;
}

.contentCelebsBody div {
    float: left;
    width: 16.66%;
    margin-bottom: 12px;
}

.contentCelebsBody a {
    position: relative;
    display: block;
    padding: 7px 7px 50px 7px;
    margin-right: 12px;
    border-radius: 12px;
    background: #F9F9F9;
    text-align: center;
    text-decoration: none;
    color: inherit;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.contentCelebsBody a:hover {
    background: #FCD6D6;
}

.contentCelebsBody a span {
    display: block;
    overflow: hidden;
    height: 44px;
    margin-bottom: 7px;
    white-space: nowrap;
    font: 16px/22px "Playfair Display", "Arial";
}

.contentCelebsBody a span b {
    display: block;
}

.contentCelebsBody a figure {
    position: relative;
}

.contentCelebsBody a figure:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
}

.contentCelebsBody .color-1 a figure:after {
    box-shadow: inset 0 -5px #DC7777;
}

.contentCelebsBody .color-2 a figure:after {
    box-shadow: inset 0 -5px #77B2DC;
}

.contentCelebsBody a img {
    display: block;
    width: 100%;
    border-radius: 50%;
}

.contentCelebsBody .rip a figure img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.contentCelebsBody a u, .contentCelebsBody a i, .contentCelebsBody a:after {
   position: absolute;
   bottom: 12px;
   width: 100px;
   height: 24px;
   font-weight: bold;
   font-size: 15px;
   line-height: 24px;
   color: #ED4848;
}
/*
.contentCelebsBody a u {
    left: 14%;
    background: url("../images/icon-age.png");
    background-size: 24px 24px;
    text-decoration: none;
}
*/
.contentCelebsBody a i {
    left: 29%;
    margin-left: -12px;
  /*  background: url("../images/icon-count.png"); */
    background-size: 24px 24px;
    font-style: normal;
}
/*
.contentCelebsBody a:after {
    right: 14%;
    background: url("../images/icon-nude.png");
    background-size: 24px 72px;
    content: "";
}
*/
.contentCelebsBody .nude-min a:after {
    background-position: 0 0;
}

.contentCelebsBody .nude-erotic a:after {
    background-position: 0 -24px;
}

.contentCelebsBody .nude-hot a:after {
    background-position: 0 -48px;
}

.contentCelebsBody p {
    margin: 0 12px 12px 0;
    padding: 8px 12px;
    border: 1px dashed #D7AC00;
    background: #FFF6D3;
    font-weight: bold;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.contentArticleSocToplist {
    padding: 18px 12px;
    background: #FFF;
    border-radius: 12px;
}

.contentCelebsSocBody {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px 12px;
    overflow: hidden;
    width: 100%;
}

.contentCelebsSocBody a {
    display: flex;
    align-items: center;
    gap: 0 9px;
    position: relative;
    border-radius: 12px;
    text-decoration: none;
    color: inherit;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.contentCelebsSocBody a:hover {
    color: #ED4848
}

.contentCelebsSocBody a span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    font: 16px/22px "Playfair Display", "Arial";
}

.contentCelebsSocBody a span b {
    display: block;
}

.contentCelebsSocBody a figure {
    margin: 0;
    width: 64px;
    height: 64px;
    position: relative;
}

.contentCelebsSocBody a figure:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
}

.contentCelebsSocBody .color-1 a figure:after {
    box-shadow: inset 0 -3px #DC7777;
}

.contentCelebsSocBody .color-2 a figure:after {
    box-shadow: inset 0 -3px #77B2DC;
}

.contentCelebsSocBody a img {
    display: block;
    width: 100%;
    border-radius: 50%;
}

.contentCelebsSocBody .rip a figure img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.contentCelebsSocBody .nude-min a:after {
    background-position: 0 0;
}

.contentCelebsSocBody .nude-ero a:after {
    background-position: 0 -24px;
}

.contentCelebsSocBody .nude-hot a:after {
    background-position: 0 -48px;
}

.contentCelebsSocBody p {
    margin: 0 12px 12px 0;
    padding: 8px 12px;
    border: 1px dashed #D7AC00;
    background: #FFF6D3;
    font-weight: bold;
}

.contentArticleCelebox .contentCelebsSocBody figure {
    position: relative;
    float: left;
    width: 64px;
    margin-right: 12px;
}

@media (max-width: 636px) {
    .contentCelebsSocBody {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        justify-items: center;
    }

    .contentCelebsSocBody a {
        flex-direction: column;
        gap: 3px 0;
    }

    .contentCelebsSocBody a span {
        text-align: center;
    }

    .contentCelebsSocBody a span b {
        display: inline;
    }

    .contentCelebsSocBody a figure {
        width: 96px;
        height: 96px;
    }

    .contentArticleCelebox .contentCelebsSocBody figure {
        margin-right: 0;
    }
}

@media (max-width: 420px) {
    .contentCelebsSocBody {
        grid-template-columns: repeat(2, 1fr);
    }
    .contentCelebsSocBody a span b {
        display: block;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contentCelebsMore {
    margin-bottom: 24px;
    padding: 8px 0;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}

.contentCelebsMore span {
    border-bottom: 1px dashed;
    cursor: pointer;
}

.contentCelebsMore span:hover {
    color: #ED4848;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contentPhotosTab {
    white-space: nowrap;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    line-height: 60px;
}

.contentPhotosTab ul {
    overflow: hidden;
    box-shadow: inset 0 -2px #E2E2E2;
}

.contentPhotosTab li {
    float: left;
    margin-right: 6px;
    padding: 0 24px;
    background: #F1F1F1;
    box-shadow: inset 0 -2px #E2E2E2;
    cursor: pointer;
}

.contentPhotosTab li:last-child {
    margin: 0;
}

.contentPhotosTab li:hover {
    background: #E2E2E2;
}

.contentPhotosTab li._current {
    background: #FFF;
    box-shadow: inset 0 2px #FFD97F;
    cursor: default;
}

.contentPhotosBox {
    display: none;
    overflow: hidden;
    padding: 18px 6px 0 6px;
    background: #FFF;
    border-radius: 0 0 12px 12px;
}

.contentPhotosBox[data-tabbox="1"] {
    display: block;
}

.contentPhotosBlock {
    margin-bottom: 20px;
}

.contentPhotosBlockTitle {
    padding: 0 6px;
    overflow: hidden;
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 20px;
}

.contentPhotosBlockTitle span {
    float: left;
    margin-right: 12px;
    color: #999;
}

.contentPhotosBlockTitle div {
    float: left;
    padding-left: 18px;
    background: url("../images/icon-arrow.png") 0 50% no-repeat;
    background-size: 6px 12px;
    font-weight: bold;
    font-size: 16px;
    font-family: "Playfair Display", "Arial";
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contentPhotosMore {
    margin-bottom: 20px;
    padding: 12px 0;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}

.contentPhotosMore span, .contentPhotosMore a {
    border-bottom: 1px dashed;
    cursor: pointer;
}

.contentPhotosMore a, .contentCelebsMore span a {
    color: #191A1B;
    text-decoration: none;
}

.contentPhotosMore span:hover, .contentPhotosMore a:hover, .contentCelebsMore span a:hover {
    color: #ED4848;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Основной контейнер */
.content-stars {
    display: flex;
    flex-wrap: nowrap;
    gap: 36px 12px;
}

/* Article */
.stars-article {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 24px 0;
}

.stars_info {
    display: flex;
    flex-direction: column;
    gap: 18px 0;
}

.stars_top_wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    padding: 24px 12px 18px;
    border-radius: 0 0 12px 12px;
    background: #fff;
}

.stars_top_title {
    display: grid;
    gap: 0 12px;
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "h1 photo-count"
      "text_update text_update";
}

.stars_top_title h1 {
    grid-area: h1;
    box-sizing: border-box;
}

.stars_top_photo_count {
    position: relative;
    box-sizing: border-box;
    grid-area: photo-count;
}

.stars_top_photo_count span {
    font: 36px/24px "Playfair Display", "Arial";
    position: relative;
    padding: 0 12px;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
    text-transform: uppercase;
}

.stars_top_photo_count span::after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 12px;
    background-color: #f26d85;
    z-index: -1;
}

.stars_top_last_update {
    margin-top: 9px;
    grid-area: text_update;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 0;
    color: #999;
}

.stars_top_last_update span {
    font-weight: bold;
}

/* Основной контейнер страницы звезды */
.stars_biography {
    display: grid;
    gap: 24px;
    background: #f9f9f9;
    padding-top: 6px;
    grid-template-columns: auto 1fr;
    grid-template-areas:
      "image details";
}

.biography__image-like {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0 12px;
    background: linear-gradient(to bottom, #ffffff, rgba(255, 255, 255, 0));
    border-radius: 12px;
}

.biography__image-wrap {
    grid-area: image;
    justify-self: center;
}

.stars_views {
    display: flex;
    justify-content: center;
}

.stars_views span {
    position: relative;
    margin-top: 9px;
    padding: 3px 9px 0 42px;
    font-size: 13px;
    line-height: 1;
    color: #666;
}

.stars_views span::before {
    content: '';
    position: absolute;
    top: 4px;
    left: 9px;
    width: 24px;
    height: 12px;
  /*  background-image: url("../images/eye.png"); */
    background-repeat: no-repeat;
    background-size: cover;
}

/* Блок с изображением */
.biography__image {
    position: relative;
    gap: 12px 0;
    min-width: 161px;
    max-width: 161px;
}

.biography__image-wrap .biography__image:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: "";
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.biography__image.color-1:after {
    box-shadow: inset 0 -5px #DC7777;
}

.biography__image.color-2:after {
    box-shadow: inset 0 -5px #77B2DC;
}

.biography__image-wrap .biography__image img {
    display: block;
    width: 100%;
    border-radius: 50%;
}

.biography__image.rip img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.details__extra {
    font-weight: normal;
}

/* Блок с деталями */
.biography__details {
    grid-area: details;
}

.details {
    display: flex;
    flex-direction: column;
    font-weight: bold;
}

.details__item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 6px 12px;
}

.details__item:first-child {
    border-radius: 12px 12px 0 0;
}

.details__item:last-child {
    border-radius: 0 0 12px 12px;
}

/* Чередование строк */
.details__item:nth-child(odd) {
    background-color: #fff;
}

.details__item:nth-child(even) {
    background-color: #f5f5f5;
}

.details__label {
    color: #999;
    min-width: 150px;
}

.details__value {
    color: #f26d85;
    text-decoration: underline;
    transition: color 0.3s ease;
}

.details__txt-value {
    width: 100%;
    padding: 9px;
    background: #fae9e9;
    border-radius: 6px;
    font-weight: normal;
}

.details__txt-value small {
    display: block;
    margin-top: 12px;
    padding: 9px;
    background: rgba(255, 255, 255, 0.75);
    border-radius: 6px;
    font-weight: bold;
}

.details__txt-value::before {
    content: '!';
    color: red;
    font-weight: bold;
    margin-right: 5px;
}

.details__value:hover {
    text-decoration: none;
}

.biography__social-links {
    padding-left: 12px;
    line-height: 1;
}

.social-network {
    padding-left: 12px;
    max-width: 100%;
    line-height: 1;
}

.social-network__list {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px;
    list-style: none;
}

.social-network__item {
    max-width: calc(33% - 6px);
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(33% - 6px);
    flex: 1 1 calc(33% - 6px);
    border-radius: 5px;
    background-color: #e7e7e7;
    overflow: hidden;
}

.social-network__item:hover {
    background-color: #ffd880;
}

.social-network__link {
    padding: 14px 0 16px 48px;
    position: relative;
    display: inline-block;
    width: 100%;
    color: #000;
    text-decoration: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

.social-network__link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    background-size: cover;
}

.social-network__onlyfans::before {
    background-image: url("../images/of.jpg");
}

.social-network__fansly::before {
    background-image: url("../images/fansly.jpg");
}

.social-network__inst::before {
    background-image: url("../images/insta.jpg");
}

.social-network__linktr::before {
    background-image: url("../images/linktr.jpg");
}

.social-network__patreon::before {
    background-image: url("../images/patreon.jpg");
}

.social-network__youtube::before {
    background-image: url("../images/ytube.jpg");
}

.social-network__tt::before {
    background-image: url("../images/tt.jpg");
}

.social-network__twitch::before {
    background-image: url("../images/twitch.jpg");
}

.social-network__tg::before {
    background-image: url("../images/tg.jpg");
}

.social-network__twitter::before {
    background-image: url("../images/x.jpg");
}

.social-network__x::before {
    background-image: url("../images/x.jpg");
}

.social-network__text {
    margin: 0;
    padding: 2px 12px 0 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.jig-link {
    border-radius: 3px;
}

/* Like / Dislike */

.likedis-wrapper {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0 0.5625rem;
    width: 100%;
    background: transparent;
    overflow: visible;
}

.likedis-wrapper * {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.contentArticle .likedis-wrapper div {
    margin: 0;
    overflow: visible;
}

.likeclass,
.dislikeclass {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 30%;
    -ms-flex: 30% 1 0;
    flex: 30% 1 0;
}

.like-icon,
.dislike-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -12px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #fff;
    border: 0.1875rem solid #f9f9f9;
}

.like-icon {
    left: -2px;
}

.dislike-icon {
    right: -2px;
}

.some-like-icon,
.some-dis-icon {
    width: 18px;
    height: 18px;
    fill: #999;
}

.some-like-icon {
    padding: 1px 0 0 2px;
}

.some-dis-icon {
    padding: 4px 2px 0 0;
}

.like-value,
.dislike-value {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #666;
}

.likeclass.active .like-value {
    background-color: #a0c1ad;
}

.likeclass.active .some-like-icon {
    fill: #a0c1ad;
}

.likeclass.active:hover .some-like-icon {
    fill: #ccc;
}

.likeclass:hover .some-like-icon {
    fill: #a0c1ad;
}

.likeclass:hover {
    cursor: pointer;
}

.dislikeclass.active .dislike-value {
    background-color: #c1a0a0;
}

.dislikeclass.active .some-dis-icon {
    fill: #c1a0a0;
}

.dislikeclass.active:hover .some-dis-icon {
    fill: #ccc;
}

.dislikeclass:hover .some-dis-icon {
    fill: #c1a0a0;
}

.dislikeclass:hover {
    cursor: pointer;
}

.dislike-value {
    border-radius: 0.375rem 0.375rem 40% 0.375rem;
}

.like-value {
    border-radius: 0.375rem 0.375rem 0.375rem 40%;
}

.like-value span,
.dislike-value span {
    height: 0.625rem;
    font-size: 0.75rem;
    line-height: 1;
    color: #fff;
}

.like-value span {
    padding: 0.25rem 0 0.375rem 1.75rem;
}

.dislike-value span {
    padding: 0.25rem 1.75rem 0.375rem 0;
}

/* Адаптивность */
@media (max-width: 1000px) {
    .content-stars {
        flex-direction: column;
    }

    .stars-article,
    .stars-sidebar {
        width: 100%;
    }

    .stars-sidebar {
        border-left: 0;
		display: none;
    }

    .stars_biography, .biography__social-links, .social-rel, .social-network {
        padding-right: 12px;
    }
}

@media (max-width: 768px) {
    /* LIKE / DISLIKE */
    .likedis-wrapper {
        gap: 0 1.125rem;
        max-width: 180px;
    }
}

@media (max-width: 600px) {

    .stars_top_wrapper {
        padding-left: 6px;
        padding-right: 6px;
    }

    .stars_top_title {
        gap: 6px 12px;
    }

    .stars_top_photo_count span {
        font-size: 20px;
        line-height: 0;
        padding: 0 6px;
    }

    .stars_top_photo_count span::after {
        bottom: -11px;
        height: 6px;
    }

    .stars_top_title {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        grid-template-areas:
      "h1 h1"
      "text_update photo-count";
    }

    .stars_top_photo_count {
        justify-self: end;
    }

    .stars_top_last_update {
        margin: 0;
        padding-top: 14px;
    }

    .stars_biography {
        padding-top: 6px;
    }

    .biography__image {
        min-width: 200px;
        max-width: 200px;
    }

    .stars_biography {
        padding: 0 6px;
        grid-template-columns: 1fr;
        grid-template-areas:
		"image"
		"details";
    }

    .biography__social-links {
        padding: 0 6px;
    }

    .social-network {
        padding: 0 6px;
        max-width: 100%;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .social-network__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .social-network__item {
        max-width: calc(50% - 9px);
        -webkit-box-flex: 1;
        -ms-flex: 1 1 calc(50% - 9px);
        flex: 1 1 calc(50% - 9px);
    }

    .social-rel {
        padding: 0 6px;
    }

    .biography__image-like {
        align-items: center;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contentArticleToplist {
    padding: 18px 12px;
    background: #FFF;
    border-radius: 12px;
}

.contentArticleToplist h2, .contentArticleSocToplist h2 {
    margin-bottom: 18px;
}

.contentArticleTopUl {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 12px;
}


.contentArticleTopLi {
    display: flex;
    box-sizing: border-box;
    border-radius: 12px;
}

.contentArticleTopA {
    width: 100%;
    display: flex;
    gap: 12px;
    align-items: center;
    box-sizing: border-box;
    text-decoration: none;
    background-color: #f9f9f9;
    color: #191a1b;
    border-radius: 12px;
}

.contentArticleTopA:hover {
    background-color: #f9f6ec;
}

.contentArticleTopLi.faptop100 {
    position: relative;
    background-color: #f9f7ef;
}

.contentArticleTopLi.faptop100::before {
    content: "";
    position: absolute;
    top: -16px;
    left: 23px;
    width: 28px;
    height: 28px;
    background: url("../images/crown-red.png") no-repeat center;
    background-size: contain;
    border-radius: 50%;
}

.contentArticleTopPlaceWrap {
    display: flex;
    flex-direction: column;
    width: 65px;
    height: 60px;
    justify-content: center;
    align-items: center;
    padding: 0 6px 12px;
    border-radius: 12px 0 0 12px;
    line-height: 1;
    background-color: #f1ead1;
    font-family: 'Playfair Display';
}

.faptop100 .contentArticleTopPlaceWrap {
    background-color: #ffd97f;
}

.contentArticleTopPlace {
    font-size: 28px;
    font-weight: bold;
}

.faptop100_wrap {
    display: flex;
    background: #faf6e6;
    margin-bottom: 18px;
    padding: 12px 0;
    border-bottom: solid 6px #f1ead1;
}

.top100_place_wrap {

}

.top100_place {

}

.top100_place_txt {

}

.top100_link {

}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~
.contentArticleToplist ul {
    overflow: hidden;
    margin: 0 -12px -12px 0;
}

.contentArticleToplist li {
    float: left;
    display: table;
    width: 50%;
    height: 36px;
    margin-bottom: 12px;
}

.contentArticleToplist li span {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    padding: 0 12px 0 110px;
    line-height: 18px;
}

.contentArticleToplist li small {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    border-radius: 6px;
    background: #FFD97F;
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 36px;
}

.contentArticleToplist li a {
    font-weight: bold;
}
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contentArticleSchedule {
    padding: 18px 12px;
    border-radius: 6px;
    background: #e8ddf1 linear-gradient(to right, #e8ddf1, #dcecf7);
    background: #e8ddf1 -moz-linear-gradient(to right, #e8ddf1, #dcecf7);
    background: #e8ddf1 -ms-linear-gradient(to right, #e8ddf1, #dcecf7);
    background: #e8ddf1 -o-linear-gradient(to right, #e8ddf1, #dcecf7);
    background: #e8ddf1 -webkit-linear-gradient(to right, #e8ddf1, #dcecf7);

}

.contentArticleSchedule h2 {
    margin-bottom: 20px;
}

.contentArticleSchedule ul {
    overflow: hidden;
    margin-right: -12px;
}

.contentArticleSchedule li {
    float: left;
    width: 33.33%;
    margin-bottom: 12px;
}

.contentArticleSchedule span {
    display: block;
    position: relative;
    margin-right: 12px;
    font: bold 16px/24px "Playfair Display", "Arial";
    cursor: pointer;
}

.contentArticleSchedule span:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background: #FFFFFF;
    opacity: 0.2;
    content: "";
    -webkit-transition: all 1.5s ease-out 0s;
    -moz-transition: all 1.5s ease-out 0s;
    -o-transition: all 1.5s ease-out 0s;
    transition: all 1.5s ease-out 0s;
}

.contentArticleSchedule span:hover:before {
    opacity: 0;
}

.contentArticleSchedule span img {
    display: block;
    width: 100%;
    border-radius: 6px;
}

.contentArticleSchedule span small {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
}

.contentArticleSchedule span small u {
    position: relative;
    display: flex;
    min-height: 66px;
    padding: 2px 6px;
    background: rgba(255, 255, 255, 0.75);
    flex-direction: column;
    justify-content: center;
    text-align: center;
    text-decoration: none;
}

.contentArticleSchedule span:hover small u {
    color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0.25);
}

.contentArticleSchedule span:after {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    color: #fff;
    margin-top: -12px;
    text-align: center;
    content: "Нажмите, чтобы перейти";
    opacity: 0;
}

.contentArticleSchedule span:hover:after {
    opacity: 1;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contentArticleGallery {
    padding: 18px 6px;
    background: #FFF;
    border-radius: 12px;
}

.contentArticleGallery h2 {
    margin-bottom: 20px;
    text-align: center;
    text-transform: none;
}

.contentArticleGalleryEntry {
    display: flex;
    flex-direction: column; /* Расположение элементов по вертикали */
    gap: 24px; /* Отступы между элементами внутри */
}

.contentArticleGalleryEntry.random_photos {
    padding-bottom: 12px;
}

.contentArticleGalleryShare {
    margin-top: 20px;
    text-align: center;
}

.justified-gallery .jg-entry,
.justified-gallery img {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

/* Сетка галереи */
.justified-gallery {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.justified-gallery > a,
.justified-gallery > div,
.justified-gallery > figure {
    position: absolute;
    display: inline-block;
    overflow: hidden;
    /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */
    filter: "alpha(opacity=10)";
    opacity: 0.1;
    margin: 0;
    padding: 0;
}

.justified-gallery > a > img,
.justified-gallery > div > img,
.justified-gallery > figure > img,
.justified-gallery > a > a > img,
.justified-gallery > div > a > img,
.justified-gallery > figure > a > img,
.justified-gallery > a > svg,
.justified-gallery > div > svg,
.justified-gallery > figure > svg,
.justified-gallery > a > a > svg,
.justified-gallery > div > a > svg,
.justified-gallery > figure > a > svg {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
}

.justified-gallery > a > .jg-caption,
.justified-gallery > div > .jg-caption,
.justified-gallery > figure > .jg-caption {
    display: none;
    position: absolute;
    bottom: 0;
    padding: 5px;
    background-color: #000000;
    left: 0;
    right: 0;
    margin: 0;
    color: white;
    font-size: 12px;
    font-weight: 300;
    font-family: sans-serif;
}

.justified-gallery > a > .jg-caption.jg-caption-visible,
.justified-gallery > div > .jg-caption.jg-caption-visible,
.justified-gallery > figure > .jg-caption.jg-caption-visible {
    display: initial;
    filter: "alpha(opacity=70)";
    opacity: 0.7;
    -webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    -o-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
}

.justified-gallery > .jg-entry-visible {
    filter: "alpha(opacity=100)";
    opacity: 1;
    background: none;
}

.justified-gallery > .jg-entry-visible > img,
.justified-gallery > .jg-entry-visible > a > img,
.justified-gallery > .jg-entry-visible > svg,
.justified-gallery > .jg-entry-visible > a > svg {
    filter: "alpha(opacity=100)";
    opacity: 1;
    -webkit-transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    -o-transition: opacity 500ms ease-in;
    transition: opacity 500ms ease-in;
}

.justified-gallery > .jg-filtered {
    display: none;
}

.justified-gallery > .jg-spinner {
    position: absolute;
    bottom: 0;
    margin-left: -24px;
    padding: 10px 0 10px 0;
    left: 50%;
    filter: "alpha(opacity=100)";
    opacity: 1;
    overflow: initial;
}

.justified-gallery > .jg-spinner > span {
    display: inline-block;
    filter: "alpha(opacity=0)";
    opacity: 0;
    width: 8px;
    height: 8px;
    margin: 0 4px 0 4px;
    background-color: #000;
    border-radius: 6px;
}

/* ~~~ Кнопка со ссылкой на звезду в PhotoSwipe ~~~ */
.pswp__top-bar .pswp__button--post-link {
    width: auto;
    display: inline-block;
    padding: 0 12px;
    color: #fff;
    text-decoration: underline;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    line-height: normal;
    transition: background-color 0.3s ease;
}

.pswp__top-bar .pswp__button--post-link:hover {
    text-decoration: none;
    padding: 0 12px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.contentBottom {
    margin-top: 36px;
    display: flex;
    flex-direction: column;
    gap: 36px 0;
}

.contentArticleTagsbox {
    padding: 18px 12px;
    background: #e8ddf1 linear-gradient(to right, #e8ddf1, #dcecf7);
    background: #e8ddf1 -moz-linear-gradient(to right, #e8ddf1, #dcecf7);
    background: #e8ddf1 -ms-linear-gradient(to right, #e8ddf1, #dcecf7);
    background: #e8ddf1 -o-linear-gradient(to right, #e8ddf1, #dcecf7);
    background: #e8ddf1 -webkit-linear-gradient(to right, #e8ddf1, #dcecf7);
    border-radius: 6px;
}

.contentArticleTagsboxTitle {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 3px;
}

.contentArticleTagsboxTitle:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 12px;
    background: #FFF;
    content: "";
}

.contentArticleTagsboxTitle span {
    position: relative;
    display: block;
    padding: 0 24px;
    text-transform: uppercase;
    font: bold 36px/36px "Playfair Display", "Arial";
}

.contentArticleTagsboxEntry {
    overflow: hidden;
    height: 321px;
}

.contentArticleTagsboxEntry ul {
    overflow: auto;
    padding-bottom: 50px;
    white-space: nowrap;
    font-size: 0;
    line-height: 0;
}

.contentArticleTagsboxEntry li {
    display: inline-block;
    width: 190px;
    margin-left: 12px;
}

.contentArticleTagsboxEntry li:first-child {
    margin: 0;
}

.contentArticleTagsboxEntry a {
    display: block;
    overflow: hidden;
    border-radius: 6px;
    text-decoration: none;
    color: inherit;
}

.contentArticleTagsboxEntry a img {
    display: block;
    width: 190px;
    height: 282px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.contentArticleTagsboxEntry a:hover img {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    filter: none;
}

.contentArticleTagsboxEntry a span {
    display: block;
    background: #FFF;
    text-align: center;
    font: bold 15px/37px "Playfair Display", "Arial";
}

.contentArticleTagsboxEntry a:hover span {
    background: #ED4848;
    color: #FFF;
}

.tg-block {
    border-bottom: 36px solid #f9f9f9;
    background: #f9f9f9;
}

.image-block-tg {
    position: relative;
    font-size: 16px;
    background-color: #dcecf7;
    background-image: -moz-linear-gradient(100deg, #e8ddf1 0%, #dcecf7 100%);
    background-image: -webkit-linear-gradient(100deg, #e8ddf1 0%, #dcecf7 100%);
    background-image: linear-gradient(100deg, #e8ddf1 0%, #dcecf7 100%);
    border-radius: 6px;
    overflow: hidden;
}

.butt-tg a {
    background: #37aee2;
    padding: 12px 24px;
    color: #fff;
    border-radius: 6px;
}

.butt-tg a:hover {
    background: #1e96c8;
}

@media screen and (min-width: 300px) {
    .image-block-tg {
        padding: 152px 12px 24px;
        margin: 0 5px;
        text-align: center;
        font-weight: bold;
    }

    .butt-tg {
        text-align: center;
        margin: 48px 0 12px;
    }

    .image-block-tg:before {
        content: '';
        position: absolute;
        background-image: url('../images/tg-icon.png');
        top: 24px;
        left: 38%;
        background-position: center;
        width: 96px;
        height: 96px;
        background-size: 96px 96px;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width: 641px) {
    .image-block-tg {
        padding: 25px 30px 25px 160px;
        margin: 0 auto;
        text-align: left;
        max-width: 54%;
    }

    .butt-tg {
        margin: 36px 0 12px;
        text-align: right;
    }

    .image-block-tg:before {
        content: '';
        position: absolute;
        background-image: url(../wp-content/uploads/2021/06/tg-icon.png);
        top: calc(50% - 48px);
        left: 30px;
        width: 96px;
        height: 96px;
        background-size: 96px 96px;
        background-position: center;
        background-repeat: no-repeat;
    }
}

@media screen and (max-width: 640px) {
    .image-block {
        padding: 25px 30px;
    }
}

.image-block-tg p:last-of-type {
    margin-bottom: 0;
}

.contentArticle article .tg {
    margin: 0 auto;
    max-width: 728px;
    width: 100%;
    background: rgb(232, 221, 241);
    background: -o-linear-gradient(left, rgba(232, 221, 241, 1) 0%, rgba(220, 236, 247, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(232, 221, 241, 1)), to(rgba(220, 236, 247, 1)));
    background: linear-gradient(90deg, rgba(232, 221, 241, 1) 0%, rgba(220, 236, 247, 1) 100%);
    border-radius: 6px;
    overflow: hidden;
    box-sizing: border-box;
}

.tg-wrapp {
    padding: 12px 6px;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.tg__description {
    margin-bottom: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.tg__description-text {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    text-align: center;
}

.tg__description-text span {
    margin: 0;
    padding: 0;
    font-weight: bold;
}

.tg__description-logo {
    margin: 0 auto;
    margin-bottom: 18px;
    width: 40px;
    height: 40px;
}

.tg__channels {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tg__channel {
    margin-bottom: 24px;
    width: 100%;
    background-color: rgba(249, 249, 249, 0.4);
    border-radius: 6px;
}

.tg__channel:last-child {
    margin-bottom: 0;
}

.tg__channel:hover {
    background-color: rgba(249, 249, 249, 0.9)
}

.tg__channel__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    text-decoration: none;
}

.tg__channel__logo {
    margin: 24px auto 20px;
    width: 96px;
    height: 96px;
}

.tg__channel__info {
    margin-bottom: 24px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
}

.tg__channel__title {
    margin: 0;
    padding: 0;
    margin-bottom: 2px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #4196c9;
}

.tg__channel__description {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    color: #161718;
}

.tg__channel__button {
    margin: 0;
    margin: 0 auto 24px;
    position: relative;
    padding: 12px 24px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: rgb(88, 175, 226);
    background: -o-linear-gradient(225deg, rgba(88, 175, 226, 1) 0%, rgba(65, 150, 201, 1) 100%);
    background: linear-gradient(-135deg, rgba(88, 175, 226, 1) 0%, rgba(65, 150, 201, 1) 100%);
    border: none;
    outline: none;
    border-radius: 6px;
}

.tg__channel__button:hover {
    background: #4196c9;
}

.cam {
    margin: 0 auto;
}

.cam-300 {
    width: 300px;
}

.cam-360 {
    width: 360px;
}

.cam-375 {
    width: 375px;
}

.cam-393 {
    width: 393px;
}

.cam-412 {
    width: 412px;
}

.cam-600 {
    width: 600px;
}

.cam-768 {
    width: 768px;
}

.cam-1024 {
    width: 1024px;
}

#bcov_tool {
    margin: 0 auto 36px;
}

/* Перейти к фото начало */
.photo-anchor {
    position: relative;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}

.photo-anchor__link, .photo-anchor__link2 {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.photo-anchor__link {
    color: #ED4848;
}

/* Перейти к фото конец */

@media (min-width: 530px) {
    .tg__channel__link {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .tg__channel__logo {
        margin-left: 24px;
        margin-right: 24px;
        margin-bottom: 6px;
        display: inline-block;
    }

    .tg__channel__info {
        margin-bottom: 0;
        padding-left: 0;
        width: 60%;
        text-align: left;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .tg__channel__button {
        margin: 0 24px 24px auto;
    }
}

@media (min-width: 796px) {
    .tg-wrapp {
        padding: 24px 24px 36px;
    }

    .tg__description {
        margin-bottom: 28px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .tg__description-text {
        padding-left: 25px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        font-size: 18px;
        line-height: 24px;
        text-align: left;
    }

    .tg__description-logo {
        margin-bottom: 0;
        padding-right: 24px;
        padding-left: 30px;
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 860px) {
    .tg__channel__logo {
        margin: 24px 35px 0 24px;
    }

    .tg__description-logo {
        padding-left: 50px;
    }
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* Aside */
.stars-sidebar {
   /* display: flex; */
    flex: 0 0 276px;
    gap: 24px 0;
    padding: 24px 12px 0;
    background: #FFF;
    border-radius: 0 0 12px 12px;
}

.contentArticleAside.sticky {
    position: sticky;
	top: 42px;
}

/* TOP-100
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.top100_menu {
    font-weight: bold;
    color: #ED4848;
}

.top100_star-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background-color: #fff;
}

.top100_star_wrap {
    display: flex;
    flex-direction: row;
    gap: 18px;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.top100_star_info-wrap {
    display: flex;
    flex-direction: column;
    gap: 12px;
    order: 2;
}

.top100_star_photo-info {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.top100_star_tags {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.top100_title_wrap {
    display: flex;
    flex-direction: column;
    gap: 12px 0;
    margin-bottom: 36px;
    padding: 24px 12px 18px;
    border-radius: 0 0 12px 12px;
    background: #fff;
}

.top100_cards_wrap {
    display: flex;
    flex-direction: column;
    gap: 36px;
}

.star_card_gold {
    background: linear-gradient(to bottom, #f1ead1, #fff);
}

.star_card_silver {
    background: linear-gradient(to bottom, #eee, #fff);
}

.star_card_bronze {
    background: linear-gradient(to bottom, #f0e7db, #fff);
}

.top100_star_info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.top100_star_position {
    order: 1;
    display: flex;
    min-width: 90px;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #f9f9f9;
    font-size: 48px;
    font-family: "Playfair Display", "Arial";
}

.star_card_gold .top100_star_position, .star_card_silver .top100_star_position, .star_card_bronze .top100_star_position {
    background: #fff;
}

.top100_star_position span {
    line-height: 1;
    padding: 0 12px 12px;
}

.top100_star_info h2 {
    text-transform: none;
}

.top100_star_img img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}

.top100_star_age, .top100_star_photos, .top100_star_bust {
    position: relative;
    padding: 3px 9px 3px 39px;
    background: #f9f9f9;
    border-radius: 12px;
}

.top100_star_age::before, .top100_star_photos::before, .top100_star_bust::before {
    content: '';
    position: absolute;
    background-size: 24px;
    background-repeat: no-repeat;
    top: 3px;
    left: 6px;
    width: 100%;
    height: 100%;
}

.top100_star_age::before {
    background-image: url("../images/i-age-tr.png");
}

.top100_star_photos::before {
    background-image: url("../images/i-pic-tr.png");
}

.top100_star_bust::before {
    background-image: url("../images/i-boob-48.png");
}

.star_card_gold .top100_star_age, .star_card_gold .top100_star_photos, .star_card_gold .top100_star_bust,
.star_card_silver .top100_star_age, .star_card_silver .top100_star_photos, .star_card_silver .top100_star_bust,
.star_card_bronze .top100_star_age, .star_card_bronze .top100_star_photos, .star_card_bronze .top100_star_bust {
    background: #fff;
}

.loading-indicator {
    margin: 0 auto;
    width: 50px;
    --b: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    padding: 1px;
    background: conic-gradient(#0000 10%, #ED4848) content-box;
    -webkit-mask: repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
    radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
    animation: l4 1s infinite steps(10);
}

@keyframes l4 {
    to {
        transform: rotate(1turn)
    }
}

@media (max-width: 600px) {

    .top100_star-card {
        margin: 0 6px;
        padding: 0 0 12px;
        gap: 18px;
    }

    .top100_star_wrap, .top100_star_photo-info {
        flex-direction: column;
    }

    .top100_star_wrap, .top100_star_info {
        gap: 18px;
    }

    .top100_star_info-wrap {
        padding: 0 6px;
        gap: 18px;
    }

    .top100_star_position {
        border-radius: 12px 12px 0 0;
        background-color: #fff;
        border-bottom: 1px solid #f1f1f1;
    }

    .star_card_gold .top100_star_position {
        background-color: #f3eacc;
        border-bottom: 1px solid #eadfb9;
    }

    .star_card_silver .top100_star_position {
        background-color: #ebebeb;
        border-bottom: 1px solid #cbcbcb;
    }

    .star_card_bronze .top100_star_position {
        background-color: #f0e4d3;
        border-bottom: 1px solid #e8dccb;
    }

    .top100_star_img {
        display: flex;
        justify-content: center;
    }

    .top100_star_title h2 {
        text-align: center;
    }

    .top100_star_img img {
        width: 200px;
        height: 200px;
    }

    .top100_star_age, .top100_star_photos, .top100_star_bust {
        display: flex;
        padding: 42px 6px 12px 6px;
        flex: 1;
        justify-content: center;
    }

    .top100_star_age::before, .top100_star_photos::before, .top100_star_bust::before {
        top: 12px;
        left: 0;
        background-position-x: center;
    }

    .top100_star_about {
        text-align: justify;
    }
}


/* Footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer {
    overflow: hidden;
    margin-top: 48px;
    padding: 18px;
    background: #191A1B;
    border-radius: 12px 12px 0 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.footerMenu {
    float: left;
    margin-right: 60px;
}

.footerMenu li {
    margin-bottom: 6px;
}

.footerMenu li:last-child {
    margin: 0;
}

.footerMenu a {
    color: #FFF;
}

.footerMenu a:hover {
    color: #FFD97F;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.footerCopy {
    overflow: hidden;
    text-align: center;
    font-size: 12px;
    line-height: 18px;
    color: #FFF;
}

.footerCopy span {
    display: block;
    margin-bottom: 12px;
}

.footerCopy span:last-child {
    margin: 0;
}

/* Filter
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#filter {
    z-index: 9999;
    position: fixed;
    left: -300px;
    top: 0;
    overflow: auto;
    width: 300px;
    height: 100%;
    background: #FFF;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.14);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

#filter.opened {
    left: 0;
}

.filterBlock {
    padding: 30px;
    border-bottom: 1px solid #EBEAE8;
}

.filterBlock div {
    margin-bottom: 20px;
    font: bold 20px/24px "Playfair Display", "Arial";
}

.filterBlock ul {
    margin: 0 -30px;
    font-size: 16px;
    line-height: 20px;
}

.filterBlock li {
    position: relative;
    padding: 8px 30px;
    white-space: nowrap;
    cursor: pointer;
}

.filterBlock li:hover {
    background: #F9F9F9;
    color: #ED4848;
}

.filterBlock li._checked {
    background: #ED4848;
    color: #FFF;
}

.filterBlock li span:before {
    content: "— ";
}

.filterBlock li small {
    position: absolute;
    right: 30px;
    font-size: 13px;
    color: #999;
}

.filterBlock li._checked small {
    color: #FCD6D6;
}

.filterReset {
    padding: 30px;
    text-align: center;
    text-align: center;
    font-size: 16px;
    line-height: 20px;
}

.filterReset span {
    border-bottom: 1px dashed;
    cursor: pointer;
}

.filterReset span:hover {
    color: #ED4848;
}

.filterClose {
    position: fixed;
    left: -42px;
    top: 0;
    width: 42px;
    height: 42px;
    background: #FCD6D6;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

#filter.opened .filterClose {
    left: 300px;
}

.filterClose:after {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    background: url("../images/icon-close.png");
    background-size: 16px 16px;
    content: "";
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.filterClose:hover:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* Responsive (1000px)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media (max-width: 1000px), (max-device-width: 1000px) {
    #wrapper {
        overflow: hidden;
    }

    .contentCelebsBody div {
        width: 20%;
    }

    .contentArticle article {
        margin: 0;
    }

    .contentArticle aside {
        display: none;
    }
}

/* Responsive (780px)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media (max-width: 780px), (max-device-width: 780px) {
    .headerLogo {
        left: 0;
        width: 100%;
        text-align: center;
    }

    .headerMenu {
        z-index: 12;
    }

    .headerMenuOpen {
        display: block;
        position: absolute;
        left: 6px;
        top: 6px;
        overflow: hidden;
        width: 30px;
        height: 30px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
    }

    .headerMenuOpen span {
        position: absolute;
        left: 0;
        top: 50%;
        width: 30px;
        height: 6px;
        margin-top: -3px;
        background: #191A1B;
        text-indent: -9999px;
    }

    .headerMenuOpen span:before, .headerMenuOpen span:after {
        position: absolute;
        left: 0;
        width: 30px;
        height: 6px;
        background: #CCC;
        content: "";
    }

    .headerMenuOpen span:before {
        top: -12px;
    }

    .headerMenuOpen span:after {
        bottom: -12px;
    }

    .headerMenuOpen span:before, .headerMenuOpen span:after {
        -webkit-transition-duration: 0.3s, 0.3s;
        transition-duration: 0.3s, 0.3s;
        -webkit-transition-delay: 0.3s, 0;
        transition-delay: 0.3s, 0;
    }

    .headerMenuOpen span:before {
        -webkit-transition-property: top, -webkit-transform;
        transition-property: top, transform;
    }

    .headerMenuOpen span:after {
        -webkit-transition-property: bottom, -webkit-transform;
        transition-property: bottom, transform;
    }

    .headerMenuOpen:hover span, .headerMenuOpen:hover span:before, .headerMenuOpen:hover span:after,
    .headerMenu.opened .headerMenuOpen span, .headerMenu.opened .headerMenuOpen span:before, .headerMenu.opened .headerMenuOpen span:after {
        background: #191A1B;
    }

    .headerMenu.opened .headerMenuOpen span {
        background: none;
    }

    .headerMenu.opened .headerMenuOpen span:before, .headerMenu.opened .headerMenuOpen span:after {
        -webkit-transition-delay: 0, 0.3s;
        transition-delay: 0, 0.3s;
    }

    .headerMenu.opened .headerMenuOpen span:before, .headerMenu.opened .headerMenuOpen span:after {
        -webkit-transition-delay: 0, 0.3s;
        transition-delay: 0, 0.3s;
    }

    .headerMenu.opened .headerMenuOpen span:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .headerMenu.opened .headerMenuOpen span:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .headerMenuList {
        position: absolute;
        left: 0;
        top: 42px;
        overflow: hidden;
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #EBEAE8;
        background: #FFF;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .headerMenu.opened .headerMenuList {
        visibility: visible;
        opacity: 1;
    }

    .headerMenuList li {
        display: block;
        margin: 0;
        border: 0 !important;
        line-height: 42px;
    }

    .headerMenuList a {
        display: block;
        border-top: 1px solid #EBEAE8;
        padding: 0 12px !important;
    }

    .headerMenuList a:hover {
        background: #F9F9F9;
    }

    .headerMenuList > li.menu-item-has-children > a {
        display: none;
    }

    .headerMenuList ul {
        position: static;
        visibility: inherit !important;
        opacity: inherit !important;
        background: none;
    }

    .headerMenuList ul:after {
        display: none;
    }

    .headerSearch form {
        margin-left: 58px;
    }

    .headerSearch.opened {
        z-index: 11;
    }

    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    .contentCelebsBody div {
        width: 25%;
    }

    .contentArticleToplist li {
        float: none;
        width: auto;
    }

    .contentArticleSchedule div {
        overflow: hidden;
        height: 332px;
    }

    .contentArticleSchedule ul {
        overflow: auto !important;
        padding-bottom: 50px;
        white-space: nowrap;
        font-size: 0;
        line-height: 0;
    }

    .contentArticleSchedule li {
        display: inline-block;
        float: none;
        width: auto;
        margin: 0;
    }

    .contentArticleSchedule span {
        white-space: normal;
        font-size: 16px;
        line-height: 24px;
    }

    .contentArticleSchedule span img {
        width: 260px;
        height: 332px;
    }
}

/* Responsive (600px)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media (max-width: 600px), (max-device-width: 600px) {
    h1 {
        font-size: 28px;
        line-height: 32px;
    }

    .contentCelebsHeadTitle {
        float: none;
        margin-bottom: 12px;
    }

    .contentCelebsHeadTitle span {
        float: right;
    }

    .contentCelebsHeadFilter {
        float: none;
    }

    .contentCelebsHeadFilter span {
        font-size: 16px;
    }

    .contentCelebsHeadFilter div {
        width: 55%;
        margin-right: 12px;
    }

    .contentCelebsHeadFilter > span {
        float: none;
        overflow: hidden;
    }

    .contentCelebsHeadFilter div li {
        font-size: 11px;
    }

    .contentCelebsFilt {
        padding: 20px 12px 60px 12px;
    }

    .contentCelebsBody div {
        width: 33.33%;
    }

    .contentCelebsFilt span {
        right: auto;
        top: auto;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 40px;
    }

    .contentArticle .contentArticleCelebox {
        padding: 0 6px;
    }

    .contentPhotosTab {
        font-size: 14px;
    }

    .contentPhotosTab li {
        padding: 0 12px;
    }

    .contentArticleTagsbox {
        padding-left: 6px;
        padding-right: 6px;
    }

    .contentCelebsName, .contentArticleTagsboxTitle {
        padding-bottom: 1px;
    }

    .contentCelebsName:before, .contentArticleTagsboxTitle:before {
        height: 6px;
    }

    .contentCelebsName span, .contentArticleTagsboxTitle span {
        padding: 0 12px;
        font-size: 24px;
        line-height: 24px;
    }

    .contentSummaryTitle {
        padding: 0;
    }

    .contentSummaryTitle div {
        position: relative;
        display: inline-block;
        margin-top: 12px;
    }

    .contentSummaryTitle div:before {
        height: 6px;
    }

    .contentSummaryTitle span {
        font-size: 24px;
        line-height: 24px;
    }

    .contentArticleCelebox {
        padding: 0 6px;
    }

    .contentArticleCelebox figure {
        float: none;
        margin: 0 auto 36px;
    }

    .contentCelebs {
        padding: 0 6px;
    }

    .xc_line {
        margin: 0 6px;
    }

    /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
    #footer {
        padding: 18px 12px;
    }

    .footerMenu {
        float: none;
        margin: 0 0 24px 0;
        text-align: center;
    }
}

/* Responsive (460px)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@media (max-width: 460px), (max-device-width: 460px) {
    .contentCelebsBody div {
        width: 50%;
    }

    .headerSearch form {
        margin: 0 88px 0 48px;
    }

    .headerSearch input[type="submit"] {
        right: -82px;
    }
}

/* Wordpress
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wpadminbar {
    position: fixed !important;
}

body.wpadmin #header {
    top: 32px;
}

@media (max-width: 780px), (max-device-width: 780px) {
    body.wpadmin #header {
        top: 46px;
    }
}

body.wpadmin .headerSearchResult {
    top: 74px;
}

@media (max-width: 780px), (max-device-width: 780px) {
    body.wpadmin .headerSearchResult {
        top: 88px;
    }
}

body.wpadmin .filterClose {
    top: 32px;
}

@media (max-width: 780px), (max-device-width: 780px) {
    body.wpadmin .filterClose {
        top: 46px;
    }
}

.wp-pagenavi {
    overflow: hidden;
    margin: 30px 0 12px;
}

.wp-pagenavi a, .wp-pagenavi span {
    float: left;
    margin: 0 12px 3px 0;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 3px;
    line-height: 30px;
}

.wp-pagenavi a {
    background: #F2F2F2;
}

.wp-pagenavi span {
    color: #AAA;
}

.wp-pagenavi span.current {
    box-shadow: none;
    background: #ED4848;
    color: #FFF;
}

.pop_wrap a {
    text-decoration: none;
}

.pop_block {
    width: 100%;
    max-width: 400px;
    text-align: center;
    background: #fff;
}

.pop_head {
    padding: 12px 30px;
    color: #fff;
    font-size: 26px;
    line-height: 30px;
    background: linear-gradient(90deg, #fd2c93 0%, #ff505e 100%);
}

.pop_mark {
    color: #faff01;
}

.pop_image {
    display: block;
    width: 100%;
}

.pop_image {
    cursor: pointer;
}

.pop_footer {
    padding-bottom: 24px;
}

.pop_models {
    padding: 6px;
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    text-transform: uppercase;
    background: #f5456f;
}

.pop_ready {
    font-weight: bold;
    color: #191a1b;
    font-size: 22px;
    line-height: 28px;
    margin-top: 6px;
}

.pop_ready ul {
    list-style: circle;
    padding: 16px 0 0 56px;
    text-align: left;
}

.pop_ready li {
    font-size: 16px;
    font-weight: normal;
}

.pop_ready li a {
    color: #c489cb;
}

.pop_ready li a:hover {
    color: #43b6e8;
}

.pop_join {
    display: inline-block;
    max-width: 380px;
    margin-top: 12px;
    padding: 18px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    text-transform: uppercase;
    background: #17ce2e;
    border-radius: 12px;
    overflow: hidden;
    transition: all .2s ease;
    cursor: pointer;
}

.pop_join:hover {
    background: #00e01c;
    box-shadow: 0 8px 20px #60ff74;
}

.pop_join:active {
    background: #13c42a;
}

/* == LIVE ПОИСК == */
.search-onscreen {
    padding: 0 0.375rem;
    position: fixed;
    top: 35%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: clamp(308px, calc(100vw - 12px), 720px);
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

.search-onscreen.open {
    opacity: 1;
    visibility: visible;
    z-index: 4;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.search-onscreen__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1rem;
    height: 3.5rem;
    background-color: #fff;
    border: 0.1rem solid #FFD97F;
    border-radius: 0.8rem;
}

.search-onscreen__close {
    position: absolute;
    top: -10vh;
    right: 0;
    background-color: #f5f5f5;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

/* Крестик (закрытие окон) */

.close-icon {
    position: relative;
    cursor: pointer;
}

.close-icon::before,
.close-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #999;
    border-radius: 0.125rem;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.close-icon::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

.close-icon::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.search-onscreen__close-icon {
    width: 48px;
    height: 48px;
}

.search-onscreen__close-icon::before,
.search-onscreen__close-icon::after {
    width: 24px;
    height: 2px;
}

.search-onscreen__close-icon:hover::before,
.search-onscreen__close-icon:hover::after {
    background-color: #ED4848;
}

.search-onscreen__input {
    padding: 0 0.75rem;
    width: 100%;
    background-color: transparent;
    color: #232323;
    font-size: 1.25rem;
    border-radius: 0.75rem;
}

.search-onscreen__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1rem;
}

.search-onscreen__load {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1rem;
}

.search-onscreen__loading {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    position: relative;
    background: #999;
    -webkit-box-shadow: -16px 0 #999, 16px 0 #999;
    box-shadow: -16px 0 #999, 16px 0 #999;
    -webkit-animation: shadowpulse 1s linear infinite;
    animation: shadowPulse 1s linear infinite;
    opacity: 0;
    visibility: hidden;
}

@-webkit-keyframes shadowPulse {

    33% {
        background: #999;
        -webkit-box-shadow: -16px 0 #ED4848, 16px 0 #999;
        box-shadow: -16px 0 #ED4848, 16px 0 #999;
    }

    66% {
        background: #ED4848;
        -webkit-box-shadow: -16px 0 #999, 16px 0 #999;
        box-shadow: -16px 0 #999, 16px 0 #999;
    }

    100% {
        background: #999;
        -webkit-box-shadow: -16px 0 #999, 16px 0 #ED4848;
        box-shadow: -16px 0 #999, 16px 0 #ED4848;
    }
}

@keyframes shadowPulse {

    33% {
        background: #999;
        -webkit-box-shadow: -16px 0 #ED4848, 16px 0 #999;
        box-shadow: -16px 0 #ED4848, 16px 0 #999;
    }

    66% {
        background: #ED4848;
        -webkit-box-shadow: -16px 0 #999, 16px 0 #999;
        box-shadow: -16px 0 #999, 16px 0 #999;
    }

    100% {
        background: #999;
        -webkit-box-shadow: -16px 0 #999, 16px 0 #ED4848;
        box-shadow: -16px 0 #999, 16px 0 #ED4848;
    }
}

.search-onscreen__loading.show {
    opacity: 1;
    visibility: visible;
}

.search-onscreen__text-reset {
    width: 24px;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.search-onscreen__text-reset.open {
    opacity: 0.3;
    visibility: visible;
}

.search-onscreen__text-reset::before,
.search-onscreen__text-reset::after {
    width: 18px;
    height: 0.1rem;
}

.search-onscreen__text-reset.open:hover {
    opacity: 0.5;
}

.search-onscreen__submit {
    display: none;
    margin: 0.2rem 0.2rem 0.2rem 0;
    padding: 0 1rem;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.5rem;
    font-size: 1rem;
    cursor: pointer;
    color: var(--white);
    background-color: #FFD97F;
}

.search-onscreen__submit.open {
    display: block;
}

.search-onscreen__result-wrapper {
    margin-top: 1rem;
    height: calc(65vh - 7.5rem);
    overflow-y: scroll;
}

.search-onscreen__result-wrapper::-webkit-scrollbar {
    display: none;
}

.search-onscreen__result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    border-radius: 0.75rem;
}

.who-is {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    min-width: 180px;
    max-width: 346px;
    border-radius: 0.75rem;
    background-color: #f5f5f5;
    -webkit-transition: background-color 0.3s ease-in-out;
    -o-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}

.who-is:hover {
    background-color: #FCD6D6;
}

.who-is__link {
    padding: 0.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0.75rem;
    text-decoration: none;
}

.who-is__img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
}

.who-is__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.1rem 0;
    color: #232323;
}

.who-is__info-name {
    font-family: "Playfair Display", Arial, sans-serif;
    font-size: 0.875rem;
    line-height: 1.4;
}

.who-is__info-age {
    font-size: 0.75rem;
}

/* Блок с ошибками */
.error-block {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 12px;
    background: #f6e7e7;
    border-radius: 12px;
}

.error-title {
    font-size: 18px;
    font-weight: bold;
    color: #eb6060;
}

.error-message {
    position: relative;
    background: #fff;
    padding: 6px 6px 6px 12px;
    border-radius: 6px;
}

.error-message::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background-color: #eb6060;
}

.error-message small {
    font-weight: bold;
}





/* teasers основные стили h2 */
.teaser-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: space-between;
    font-family: Arial, sans-serif;
    margin: 20px 0;
}

.teaser-container [class^="teaser-block"], 
.teaser-container [class*=" teaser-block"] {
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    color: inherit;
    text-decoration: none !important;
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: Arial, sans-serif;
}

.teaser-container [class^="teaser-block"]:hover, 
.teaser-container [class*=" teaser-block"]:hover {
    background: rgba(0, 0, 0, 0.05);
    text-decoration: none !important;
}

.teaser-container [class^="teaser-block"] img, 
.teaser-container [class*=" teaser-block"] img {
    width: 220px;
    height: 220px;
    display: block;
    margin: 6px auto;
    object-fit: cover;
    border: none;
    border-radius: 0;
}

.teaser-container [class^="teaser-block"] .teaser-title, 
.teaser-container [class*=" teaser-block"] .teaser-title {
    font-size: 18px;
    font-weight: bold;
    margin: 5px 0;
    color: red;
    text-decoration: none !important;
    font-family: Arial, sans-serif;
}

.teaser-container [class^="teaser-block"]:hover .teaser-title, 
.teaser-container [class*=" teaser-block"]:hover .teaser-title {
    color: black;
    text-decoration: none !important;
}

.teaser-container [class^="teaser-block"] .teaser-subtitle, 
.teaser-container [class*=" teaser-block"] .teaser-subtitle {
    font-size: 18px;
    color: #666;
    margin: 5px 0;
    text-decoration: none !important;
    font-family: Arial, sans-serif;
}

.teaser-container [class^="teaser-block"]:hover .teaser-subtitle, 
.teaser-container [class*=" teaser-block"]:hover .teaser-subtitle {
    color: #666;
    text-decoration: none !important;
}

/* Стационарные устройства - 3x1 */
@media (min-width: 1025px) {
    .teaser-container {
        flex-wrap: nowrap;
    }
    
    .teaser-container [class^="teaser-block"], 
    .teaser-container [class*=" teaser-block"] {
        width: 33.33%;
    }
}

/* Планшеты - 2x1 */
@media (max-width: 1024px) and (min-width: 769px) {
    .teaser-container {
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    
    .teaser-container [class^="teaser-block"], 
    .teaser-container [class*=" teaser-block"] {
        width: 50%;
    }
    
    .teaser-container [class^="teaser-block"]:nth-child(n+3), 
    .teaser-container [class*=" teaser-block"]:nth-child(n+3) {
        display: none;
    }
}

/* Мобильные устройства - 1x2 */
@media (max-width: 768px) {
    .teaser-container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .teaser-container [class^="teaser-block"], 
    .teaser-container [class*=" teaser-block"] {
        width: 100%;
        max-width: 300px;
    }
    
    .teaser-container [class^="teaser-block"]:nth-child(n+3), 
    .teaser-container [class*=" teaser-block"]:nth-child(n+3) {
        display: none;
    }
}

/* Очень маленькие экраны (меньше 300px) */
@media (max-width: 300px) {
    .teaser-container {
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    
    .teaser-container [class^="teaser-block"], 
    .teaser-container [class*=" teaser-block"] {
        width: 100%;
        max-width: 100%;
    }
    
    .teaser-container [class^="teaser-block"] img, 
    .teaser-container [class*=" teaser-block"] img {
        width: 100%; 
        height: auto;
        max-width: 220px;
    }
}



/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  

  --pswp-root-z-index: 100000;
  
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  
  /* defined via js:
  --pswp-transition-duration: 333ms; */
  
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;

  --pswp-error-text-color: var(--pswp-icon-color);
}


/*
	Styles for basic PhotoSwipe (pswp) functionality (sliding area, open/close transitions)
*/

.pswp {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: var(--pswp-root-z-index);
	display: none;
	touch-action: none;
	outline: 0;
	opacity: 0.003;
	contain: layout style size;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Prevents focus outline on the root element,
  (it may be focused initially) */
.pswp:focus {
  outline: 0;
}

.pswp * {
  box-sizing: border-box;
}

.pswp img {
  max-width: none;
}

.pswp--open {
	display: block;
}

.pswp,
.pswp__bg {
	transform: translateZ(0);
	will-change: opacity;
}

.pswp__bg {
  opacity: 0.005;
	background: var(--pswp-bg);
}

.pswp,
.pswp__scroll-wrap {
	overflow: hidden;
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pswp__img,
.pswp__zoom-wrap {
	width: auto;
	height: auto;
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -moz-grab;
	cursor: grab;
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/* :active to override grabbing cursor */
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
	cursor: zoom-out;
}


/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pswp__item {
	/* z-index for fade transition */
	z-index: 1;
	overflow: hidden;
}

.pswp__hidden {
	display: none !important;
}

/* Allow to click through pswp__content element, but not its children */
.pswp__content {
  pointer-events: none;
}
.pswp__content > * {
  pointer-events: auto;
}


/*

  PhotoSwipe UI

*/

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg-container {
  display: grid;
}
.pswp__error-msg {
	margin: auto;
	font-size: 1em;
	line-height: 1;
	color: var(--pswp-error-text-color);
}

/*
class pswp__hide-on-close is applied to elements that
should hide (for example fade out) when PhotoSwipe is closed
and show (for example fade in) when PhotoSwipe is opened
 */
.pswp .pswp__hide-on-close {
	opacity: 0.005;
	will-change: opacity;
	transition: opacity var(--pswp-transition-duration) cubic-bezier(0.4, 0, 0.22, 1);
	z-index: 10; /* always overlap slide content */
	pointer-events: none; /* hidden elements should not be clickable */
}

/* class pswp--ui-visible is added when opening or closing transition starts */
.pswp--ui-visible .pswp__hide-on-close {
	opacity: 1;
	pointer-events: auto;
}

/* <button> styles, including css reset */
.pswp__button {
	position: relative;
	display: block;
	width: 50px;
	height: 60px;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
	background: none;
	border: 0;
	box-shadow: none;
	opacity: 0.85;
	-webkit-appearance: none;
	-webkit-touch-callout: none;
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
  transition: none;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
}

.pswp__button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary);
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none;
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none;
}

.pswp__icn:focus {
	outline: 0;
}

/*
	div element that matches size of large image,
	large image loads on top of it,
	used when msrc is not provided
*/
div.pswp__img--placeholder,
.pswp__img--with-bg {
	background: var(--pswp-placeholder-bg);
}

.pswp__top-bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 60px;
	display: flex;
  flex-direction: row;
  justify-content: flex-end;
	z-index: 10;

	/* allow events to pass through top bar itself */
	pointer-events: none !important;
}
.pswp__top-bar > * {
  pointer-events: auto;
  /* this makes transition significantly more smooth,
     even though inner elements are not animated */
  will-change: opacity;
}


/*

  Close button

*/
.pswp__button--close {
  margin-right: 6px;
}


/*

  Arrow buttons

*/
.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default;
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: none;
  border-radius: 0;
}

.pswp--one-slide .pswp__button--arrow {
  display: none;
}

/* hide arrows on touch screens */
.pswp--touch .pswp__button--arrow {
  visibility: hidden;
}

/* show arrows only after mouse was used */
.pswp--has_mouse .pswp__button--arrow {
  visibility: visible;
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0px;
}

.pswp__button--arrow--next {
  right: 0px;
}
.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  /* flip horizontally */
  transform: scale(-1, 1);
}

/*

  Zoom button

*/
.pswp__button--zoom {
  display: none;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* "+" => "-" */
.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none;
}


/*

  Loading indicator

*/
.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto;
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity 0.2s linear;
  animation: pswp-clockwise 600ms linear infinite;
}

.pswp__preloader--active .pswp__icn {
  opacity: 0.85;
}

@keyframes pswp-clockwise {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/*

  "1 of 10" counter

*/
.pswp__counter {
  height: 30px;
  margin-top: 15px;
  margin-inline-start: 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: 0.85;
}

.pswp--one-slide .pswp__counter {
  display: none;
}

/* Основные стили пагинации */
.navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 1rem 0;
  padding: 0 0.5rem;
  width: 100%;
  max-width: 100%; /* Ограничиваем ширину контейнера */
  box-sizing: border-box; /* Учитываем padding и border в ширине */
}

.navigation nav {
  width: 100%;
  max-width: 100%;
}

.pagination {
  display: flex;
  list-style: none;
  align-items: center;
  justify-content: center;
  gap: clamp(2px, 1vw, 8px);
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}

.page-item {
  display: flex;
  flex-shrink: 0;
}

/* Общие стили для четкости текста на всех устройствах */
.page-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: clamp(32px, 8vw, 48px);
  height: clamp(32px, 8vw, 48px);
  padding: 0 clamp(8px, 2vw, 16px);
  text-decoration: none;
  font-weight: 500;
  font-size: clamp(12px, 3.5vw, 16px);
  border-radius: clamp(6px, 2vw, 12px);
  transition: all 0.2s ease;
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
  
  background: #ffffff;
  color: #a12e43;
  border: 2px solid #fbcbd3;
  box-shadow: 0 2px 4px rgba(161, 46, 67, 0.05);
  
  /* Улучшение четкости текста */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 0;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
}

.page-link:hover {
  background: #fbcbd3;
  border-color: #f26d85;
  color: #a12e43;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(242, 109, 133, 0.15);
}

.page-link:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(242, 109, 133, 0.1);
}

/* Активная страница */
.page-item.active .page-link {
  background: linear-gradient(135deg, #f26d85 0%, #a12e43 100%);
  color: #ffffff;
  border-color: #a12e43;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(242, 109, 133, 0.3);
}

.page-item.active .page-link:hover {
  background: linear-gradient(135deg, #f26d85 0%, #a12e43 100%);
  transform: none;
  color: #ffffff;
}

/* Отключенные элементы (многоточие) */
.page-item.disabled .page-link {
  background: transparent;
  color: #a12e43;
  border: none;
  cursor: default;
  opacity: 0.6;
  font-weight: 600;
  box-shadow: none;
  padding: 0 clamp(4px, 1vw, 8px);
  min-width: clamp(20px, 5vw, 32px);
}

.page-item.disabled .page-link:hover {
  background: transparent;
  transform: none;
  box-shadow: none;
}

/* Стрелки навигации */
.page-link[rel="prev"],
.page-link[rel="next"] {
  font-weight: 600;
  padding: 0 clamp(12px, 3vw, 24px);
  background: #f26d85;
  color: #ffffff;
  border-color: #f26d85;
  min-width: auto;
  max-width: clamp(80px, 20vw, 120px);
  overflow: hidden;
  text-overflow: ellipsis;
}

.page-link[rel="prev"]:hover,
.page-link[rel="next"]:hover {
  background: #a12e43;
  border-color: #a12e43;
  color: #ffffff;
}

/* Мобильные устройства - все элементы всегда видны */
@media (max-width: 600px) {
  .navigation {
    padding: 0 0.5rem;
    width: 100%;
  }
  
  .pagination {
    width: 100%;
    gap: clamp(4px, 2vw, 8px);
    flex-wrap: wrap;
    justify-content: center;
    max-width: 100%;
    align-items: stretch;
    padding: 0.5rem 0;
  }
  
  .page-item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
  }
  
  /* Обычные номера страниц */
  .page-item:not([class*="rel"]):not(.disabled) {
    flex: 0 0 clamp(36px, 10vw, 44px);
  }
  
  .page-link {
    width: 100%;
    min-width: clamp(36px, 10vw, 44px);
    height: clamp(36px, 10vw, 44px);
    font-size: clamp(12px, 4vw, 15px);
    padding: 0;
    border-width: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    
    /* Четкость текста на мобильных */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga" 0;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
  
  /* Стрелки навигации - занимают оставшееся место */
  .page-item:has([rel="prev"]),
  .page-item:has([rel="next"]) {
    flex: 1 1 clamp(80px, 25vw, 120px);
    min-width: clamp(80px, 25vw, 120px);
    max-width: clamp(120px, 30vw, 160px);
  }
  
  .page-link[rel="prev"],
  .page-link[rel="next"] {
    width: 100%;
    min-width: 100%;
    height: clamp(36px, 10vw, 44px);
    font-size: clamp(11px, 3.5vw, 14px);
    font-weight: 700;
    padding: 0 clamp(6px, 2vw, 12px);
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
    /* Четкость текста */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
  
  /* Многоточия */
  .page-item.disabled {
    flex: 0 0 clamp(28px, 8vw, 36px);
  }
  
  .page-item.disabled .page-link {
    min-width: 100%;
    width: 100%;
    height: clamp(36px, 10vw, 44px);
    font-size: clamp(14px, 4vw, 16px);
    padding: 0;
    font-weight: 700;
    
    /* Четкость текста */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    backface-visibility: hidden;
    transform: translateZ(0);
  }
  
  /* Если элементов слишком много, используем более компактную раскладку */
  .pagination:has(.page-item:nth-child(9)) {
    gap: clamp(2px, 1vw, 4px);
  }
  
  .pagination:has(.page-item:nth-child(9)) .page-item:not([class*="rel"]):not(.disabled) {
    flex: 0 0 clamp(32px, 8vw, 36px);
  }
  
  .pagination:has(.page-item:nth-child(9)) .page-link {
    min-width: clamp(32px, 8vw, 36px);
    height: clamp(32px, 8vw, 36px);
    font-size: clamp(11px, 3.5vw, 13px);
  }
  
  .pagination:has(.page-item:nth-child(9)) .page-link[rel="prev"],
  .pagination:has(.page-item:nth-child(9)) .page-link[rel="next"] {
    height: clamp(32px, 8vw, 36px);
    font-size: clamp(10px, 3vw, 12px);
  }
  
  .pagination:has(.page-item:nth-child(9)) .page-item.disabled .page-link {
    height: clamp(32px, 8vw, 36px);
    font-size: clamp(12px, 3.5vw, 14px);
  }
}

/* Очень маленькие экраны */
@media (max-width: 350px) {
  .pagination {
    gap: 1px;
  }
  
  .page-item {
    max-width: calc(100% / 5); /* На малых экранах максимум 5 в ряду */
  }
  
  .page-link {
    min-width: clamp(20px, 15vw, 28px);
    height: clamp(20px, 15vw, 28px);
    font-size: clamp(8px, 4.5vw, 11px);
    border-radius: 4px;
  }
  
  .page-link[rel="prev"],
  .page-link[rel="next"] {
    min-width: clamp(45px, 35vw, 70px);
    font-size: clamp(7px, 3.5vw, 10px);
  }
  
  /* На совсем маленьких экранах прячем многоточия */
  .page-item.disabled {
    display: none;
  }
}

/* Средние экраны */
@media (min-width: 481px) and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
    gap: clamp(4px, 1.5vw, 6px);
  }
}

/* Планшеты */
@media (min-width: 769px) and (max-width: 1024px) {
  .pagination {
    gap: clamp(6px, 1vw, 8px);
  }
}

/* Десктоп и больше */
@media (min-width: 1025px) {
  .navigation {
    margin: 2rem 0;
  }
  
  .pagination {
    gap: 8px;
  }
  
  .page-link:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(242, 109, 133, 0.2);
  }
}

/* Сверхширокие экраны */
@media (min-width: 1440px) {
  .pagination {
    gap: 8px;
  }
}

/* Высота экрана влияет на размер */
@media (max-height: 600px) {
  .page-link {
    min-width: clamp(28px, 6vw, 40px);
    height: clamp(28px, 6vw, 40px);
    font-size: clamp(11px, 3vw, 14px);
  }
}

/* Контейнер запросы для более точной адаптации */
@container (max-width: 300px) {
  .pagination {
    gap: 1px;
  }
  
  .page-link {
    min-width: 24px;
    height: 24px;
    font-size: 10px;
    padding: 0 4px;
  }
}

/* Улучшения для доступности */
.page-link:focus {
  outline: 2px solid rgba(242, 109, 133, 0.5);
  outline-offset: 2px;
}

/* Адаптация для ландшафтной ориентации мобильных */
@media (max-width: 812px) and (orientation: landscape) {
  .page-link {
    min-width: clamp(24px, 6vw, 36px);
    height: clamp(24px, 6vw, 36px);
    font-size: clamp(10px, 2.5vw, 13px);
  }
  
  .page-link[rel="prev"],
  .page-link[rel="next"] {
    padding: 0 clamp(8px, 2vw, 16px);
    max-width: clamp(60px, 15vw, 100px);
  }
}