/* =========================================================
   Fine-Ukraine Dating
   Flat UI v1
   ========================================================= */


/* ---------------------------------------------------------
   TOP DATING TOOLBAR
   --------------------------------------------------------- */

.fdDatingToolbar{
    gap:12px !important;
    margin-bottom:22px !important;
}

.fdDatingToolbar__item{
    min-height:74px !important;
    padding:15px 18px !important;

    border:0 !important;
    border-radius:18px !important;

    background:var(--i-background_1,#fff) !important;

    box-shadow:
        0 4px 18px rgba(15,23,42,.07) !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.fdDatingToolbar__item:hover{
    transform:translateY(-2px);

    box-shadow:
        0 11px 28px rgba(15,23,42,.11) !important;

    text-decoration:none !important;
}

.fdDatingToolbar__item > span{
    display:grid !important;
    place-items:center !important;

    width:44px !important;
    height:44px !important;
    flex:0 0 44px !important;

    border-radius:14px !important;

    background:
        rgba(37,99,235,.09) !important;

    font-size:22px !important;
}

.fdDatingToolbar__item strong{
    font-size:15px !important;
    font-weight:850 !important;
}

.fdDatingToolbar__item em{
    display:grid !important;
    place-items:center !important;

    min-width:29px !important;
    height:29px !important;
    padding:0 8px !important;

    border-radius:10px !important;

    background:#2563eb !important;
    color:#fff !important;

    font-size:12px !important;
    font-style:normal !important;
    font-weight:900 !important;
}


/* ---------------------------------------------------------
   HERO
   --------------------------------------------------------- */

.fdDatingHero{
    position:relative !important;
    overflow:hidden !important;

    padding:44px 48px !important;
    margin-bottom:22px !important;

    border:0 !important;
    border-radius:25px !important;

    background:
        linear-gradient(
            135deg,
            #1d4ed8 0%,
            #2563eb 48%,
            #60a5fa 100%
        ) !important;

    box-shadow:
        0 18px 44px rgba(37,99,235,.18) !important;
}

.fdDatingHero:after{
    content:"❤" !important;

    position:absolute !important;
    right:38px !important;
    top:50% !important;

    transform:
        translateY(-50%)
        rotate(-8deg) !important;

    font-size:165px !important;
    line-height:1 !important;

    color:
        rgba(255,255,255,.09) !important;

    pointer-events:none !important;
}

.fdDatingHero__inner{
    position:relative !important;
    z-index:2 !important;
}

.fdDatingHero h1{
    margin:0 0 10px !important;

    color:#fff !important;

    font-size:39px !important;
    line-height:1.08 !important;

    font-weight:950 !important;
    letter-spacing:-.7px !important;
}

.fdDatingHero p{
    max-width:640px !important;
    margin:0 !important;

    color:
        rgba(255,255,255,.90) !important;

    font-size:16px !important;
    line-height:1.65 !important;
}

.fdDatingHero__button{
    min-height:46px !important;

    padding-left:19px !important;
    padding-right:19px !important;

    border:0 !important;
    border-radius:12px !important;

    background:#fff !important;
    color:#1d4ed8 !important;

    box-shadow:
        0 8px 25px rgba(15,23,42,.14) !important;

    font-weight:850 !important;
}


/* ---------------------------------------------------------
   STATISTICS
   --------------------------------------------------------- */

.fdDatingStats{
    gap:13px !important;
    margin-bottom:23px !important;
}

.fdDatingStat{
    padding:21px 18px !important;

    border:0 !important;
    border-radius:18px !important;

    background:
        var(--i-background_1,#fff) !important;

    box-shadow:
        0 5px 19px rgba(15,23,42,.06) !important;
}

.fdDatingStat strong{
    display:block !important;

    margin-bottom:3px !important;

    color:#2563eb !important;

    font-size:29px !important;
    line-height:1.1 !important;

    font-weight:950 !important;
}

.fdDatingStat span{
    color:
        var(--i-color_soft,#64748b) !important;

    font-size:13px !important;
    font-weight:750 !important;
}


/* ---------------------------------------------------------
   SEARCH
   --------------------------------------------------------- */

.fdDatingFilter{
    padding:27px !important;
    margin:23px 0 !important;

    border:0 !important;
    border-radius:22px !important;

    background:
        var(--i-background_1,#fff) !important;

    box-shadow:
        0 7px 26px rgba(15,23,42,.07) !important;
}

.fdDatingFilter__head{
    padding-bottom:18px !important;
    margin-bottom:20px !important;

    border-bottom:
        1px solid rgba(100,116,139,.12) !important;
}

.fdDatingFilter__head h2{
    margin:0 0 5px !important;

    font-size:24px !important;
    font-weight:950 !important;

    letter-spacing:-.35px !important;
}

.fdDatingFilter__head p{
    margin:0 !important;

    color:
        var(--i-color_soft,#64748b) !important;

    line-height:1.5 !important;
}

.fdDatingFilter__count{
    padding:8px 13px !important;

    border-radius:11px !important;

    background:#eff6ff !important;
    color:#2563eb !important;

    font-size:13px !important;
    font-weight:850 !important;
}


/* Inputs */

.fdDatingFilter__field label{
    display:block !important;

    margin-bottom:7px !important;

    font-size:13px !important;
    font-weight:800 !important;
}

.fdDatingFilter__field input,
.fdDatingFilter__field select{
    width:100% !important;
    min-height:46px !important;

    border:
        1px solid rgba(100,116,139,.20) !important;

    border-radius:11px !important;

    background:
        var(--i-background_1,#fff) !important;

    transition:
        border-color .15s ease,
        box-shadow .15s ease !important;
}

.fdDatingFilter__field input:focus,
.fdDatingFilter__field select:focus{
    border-color:#3b82f6 !important;

    box-shadow:
        0 0 0 3px
        rgba(59,130,246,.11) !important;
}

.fdDatingFilter__actions{
    gap:9px !important;
}

.fdDatingFilter__actions .ipsButton{
    min-height:46px !important;

    border-radius:11px !important;

    font-weight:850 !important;
}


/* ---------------------------------------------------------
   SORT
   --------------------------------------------------------- */

.fdDatingSort{
    padding:4px 0 !important;
    margin-bottom:20px !important;
}

.fdDatingSort__label{
    font-weight:850 !important;
}

.fdDatingSort__items{
    gap:8px !important;
}

.fdDatingSort__item{
    padding:9px 14px !important;

    border:
        1px solid rgba(100,116,139,.16) !important;

    border-radius:11px !important;

    background:
        var(--i-background_1,#fff) !important;

    font-size:13px !important;
    font-weight:800 !important;

    transition:
        background .15s ease,
        color .15s ease,
        border-color .15s ease !important;
}

.fdDatingSort__item:hover{
    border-color:#93c5fd !important;

    background:#eff6ff !important;
    color:#2563eb !important;

    text-decoration:none !important;
}

.fdDatingSort__item.is-active{
    border-color:#2563eb !important;

    background:#2563eb !important;
    color:#fff !important;
}


/* ---------------------------------------------------------
   PROFILES SECTION
   --------------------------------------------------------- */

.fdDatingSection{
    margin-top:24px !important;
}

.fdDatingSection__head{
    margin-bottom:16px !important;
}

.fdDatingSection__head h2{
    margin:0 !important;

    font-size:27px !important;

    font-weight:950 !important;
    letter-spacing:-.45px !important;
}

.fdDatingSection__head p{
    margin:4px 0 0 !important;

    color:
        var(--i-color_soft,#64748b) !important;
}


/* ---------------------------------------------------------
   PROFILE GRID
   --------------------------------------------------------- */

.fdDatingGrid{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:20px !important;
}


/* ---------------------------------------------------------
   PROFILE CARD
   --------------------------------------------------------- */

.fdDatingCard{
    position:relative !important;

    overflow:hidden !important;

    border:0 !important;
    border-radius:20px !important;

    background:
        var(--i-background_1,#fff) !important;

    box-shadow:
        0 6px 22px rgba(15,23,42,.08) !important;

    transition:
        transform .20s ease,
        box-shadow .20s ease !important;
}

.fdDatingCard:hover{
    transform:
        translateY(-4px) !important;

    box-shadow:
        0 15px 38px rgba(15,23,42,.13) !important;
}


/* Photo */

.fdDatingCard__photo{
    position:relative !important;

    display:block !important;

    aspect-ratio:3/4 !important;

    overflow:hidden !important;

    background:#e8eef8 !important;
}

.fdDatingCard__photo:after{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    height:29% !important;

    background:
        linear-gradient(
            to top,
            rgba(15,23,42,.22),
            transparent
        ) !important;

    pointer-events:none !important;
}

.fdDatingCard__photo img{
    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    transition:
        transform .35s ease !important;
}

.fdDatingCard:hover
.fdDatingCard__photo img{
    transform:
        scale(1.025) !important;
}


/* Empty photo */

.fdDatingCard__fallback{
    display:grid !important;
    place-items:center !important;

    width:100% !important;
    height:100% !important;

    background:
        linear-gradient(
            135deg,
            #dbeafe,
            #fce7f3
        ) !important;

    font-size:60px !important;
}


/* Card body */

.fdDatingCard__body{
    padding:
        18px 19px 19px !important;
}

.fdDatingCard h3{
    margin:0 !important;

    font-size:22px !important;
    line-height:1.2 !important;

    font-weight:950 !important;
    letter-spacing:-.3px !important;
}

.fdDatingCard h3 a{
    color:inherit !important;
    text-decoration:none !important;
}

.fdDatingCard h3 a:hover{
    color:#2563eb !important;
}


/* Age/location */

.fdDatingCard__meta{
    display:flex !important;

    flex-wrap:wrap !important;

    gap:7px 11px !important;

    margin-top:9px !important;

    color:#64748b !important;

    font-size:13px !important;
}


/* Purpose */

.fdDatingCard__purpose{
    display:inline-flex !important;

    align-items:center !important;

    min-height:30px !important;

    margin-top:13px !important;

    padding:5px 10px !important;

    border-radius:9px !important;

    background:#f1f5f9 !important;
    color:#475569 !important;

    font-size:12px !important;
    font-weight:850 !important;
}


/* Footer */

.fdDatingCard__footer{
    display:flex !important;

    align-items:center !important;

    justify-content:space-between !important;

    gap:10px !important;

    padding-top:14px !important;
    margin-top:14px !important;

    border-top:
        1px solid rgba(100,116,139,.12) !important;
}

.fdDatingCard__footer > span{
    color:#ef4444 !important;

    font-size:13px !important;
    font-weight:900 !important;
}

.fdDatingCard__footer .ipsButton{
    border-radius:9px !important;

    font-weight:800 !important;
}


/* ---------------------------------------------------------
   EMPTY RESULTS
   --------------------------------------------------------- */

.fdDatingEmpty{
    padding:50px 22px !important;

    border:0 !important;
    border-radius:20px !important;

    background:
        var(--i-background_1,#fff) !important;

    box-shadow:
        0 6px 22px rgba(15,23,42,.06) !important;
}

.fdDatingEmpty__icon{
    font-size:50px !important;
}


/* ---------------------------------------------------------
   PAGINATION
   --------------------------------------------------------- */

.fdDatingPagination{
    gap:8px !important;

    margin-top:32px !important;
}

.fdDatingPagination__item{
    min-width:40px !important;
    height:40px !important;

    border:
        1px solid rgba(100,116,139,.17) !important;

    border-radius:11px !important;

    background:
        var(--i-background_1,#fff) !important;

    font-weight:850 !important;
}

.fdDatingPagination__item:hover{
    border-color:#2563eb !important;

    color:#2563eb !important;

    text-decoration:none !important;
}

.fdDatingPagination__item.is-active{
    border-color:#2563eb !important;

    background:#2563eb !important;

    color:#fff !important;
}


/* ---------------------------------------------------------
   SUB NAVIGATION
   Likes / Matches / Favorites
   --------------------------------------------------------- */

.fdDatingSubnav{
    padding:10px !important;

    margin-bottom:22px !important;

    border:
        1px solid rgba(100,116,139,.13) !important;

    border-radius:16px !important;

    background:
        var(--i-background_1,#fff) !important;

    box-shadow:
        0 4px 16px rgba(15,23,42,.05) !important;
}

.fdDatingSubnav__item{
    min-height:41px !important;

    padding:8px 14px !important;

    border-radius:10px !important;

    font-weight:800 !important;
}

.fdDatingSubnav__item:hover{
    background:
        rgba(37,99,235,.08) !important;

    color:#2563eb !important;

    text-decoration:none !important;
}

.fdDatingSubnav__item.is-active{
    background:#2563eb !important;
    color:#fff !important;
}


/* ---------------------------------------------------------
   FAVORITES / LIKES / MATCHES CARDS
   --------------------------------------------------------- */

.fdFavoriteCard,
.fdLikeCard,
.fdMatchCard{
    border:0 !important;

    border-radius:20px !important;

    box-shadow:
        0 6px 22px rgba(15,23,42,.08) !important;

    transition:
        transform .20s ease,
        box-shadow .20s ease !important;
}

.fdFavoriteCard:hover,
.fdLikeCard:hover,
.fdMatchCard:hover{
    transform:
        translateY(-3px) !important;

    box-shadow:
        0 14px 34px rgba(15,23,42,.12) !important;
}

.fdFavoriteCard__photo,
.fdLikeCard__photo,
.fdMatchCard__photo{
    aspect-ratio:3/4 !important;
}

.fdFavoriteCard__body,
.fdLikeCard__body,
.fdMatchCard__body{
    padding:18px !important;
}

.fdFavoriteCard__actions,
.fdLikeCard__actions,
.fdMatchCard__actions{
    gap:8px !important;
}

.fdFavoriteCard__actions .ipsButton,
.fdLikeCard__actions .ipsButton,
.fdMatchCard__actions .ipsButton{
    border-radius:9px !important;
    font-weight:800 !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:1350px){

    .fdDatingGrid{
        grid-template-columns:
            repeat(3,minmax(0,1fr)) !important;
    }

}


@media(max-width:950px){

    .fdDatingGrid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .fdDatingHero{
        padding:
            34px 30px !important;
    }

}


@media(max-width:700px){

    .fdDatingToolbar,
    .fdDatingStats{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .fdDatingHero__inner{
        display:block !important;
    }

    .fdDatingHero__button{
        margin-top:19px !important;
    }

}


@media(max-width:620px){

    .fdDatingGrid{
        grid-template-columns:
            1fr !important;
    }

    .fdDatingCard{
        width:100% !important;
        max-width:430px !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }

    .fdDatingHero{
        padding:
            28px 22px !important;

        border-radius:19px !important;
    }

    .fdDatingHero h1{
        font-size:31px !important;
    }

    .fdDatingHero:after{
        display:none !important;
    }

    .fdDatingFilter{
        padding:19px !important;
    }

}


@media(max-width:480px){

    .fdDatingToolbar,
    .fdDatingStats{
        grid-template-columns:
            1fr !important;
    }

}


/* =========================================================
   Fine-Ukraine Dating
   FLAT PROFILE V1
   ========================================================= */


/* ---------------------------------------------------------
   PROFILE MAIN LAYOUT
   --------------------------------------------------------- */

.fdProfile{
    display:grid !important;

    grid-template-columns:
        minmax(300px,420px)
        minmax(0,1fr) !important;

    gap:26px !important;

    align-items:start !important;
}


/* ---------------------------------------------------------
   MAIN PHOTO
   --------------------------------------------------------- */

.fdProfilePhoto{
    position:relative !important;

    overflow:hidden !important;

    border:0 !important;

    border-radius:24px !important;

    background:#e8eef8 !important;

    box-shadow:
        0 10px 34px
        rgba(15,23,42,.12) !important;
}

.fdProfilePhoto__image,
.fdProfilePhoto__empty{
    display:block !important;

    width:100% !important;

    aspect-ratio:4/5 !important;
}

.fdProfilePhoto__image{
    object-fit:cover !important;

    transition:
        transform .4s ease !important;
}

.fdProfilePhoto:hover
.fdProfilePhoto__image{
    transform:
        scale(1.015) !important;
}

.fdProfilePhoto__empty{
    display:grid !important;

    place-items:center !important;

    background:
        linear-gradient(
            135deg,
            #dbeafe,
            #fce7f3
        ) !important;

    font-size:92px !important;
}


/* subtle bottom overlay */

.fdProfilePhoto:after{
    content:"" !important;

    position:absolute !important;

    left:0 !important;
    right:0 !important;
    bottom:0 !important;

    height:26% !important;

    background:
        linear-gradient(
            to top,
            rgba(15,23,42,.20),
            transparent
        ) !important;

    pointer-events:none !important;
}


/* ---------------------------------------------------------
   PROFILE BODY
   --------------------------------------------------------- */

.fdProfileBody{
    padding:30px !important;

    border:0 !important;

    border-radius:24px !important;

    background:
        var(--i-background_1,#fff) !important;

    box-shadow:
        0 8px 30px
        rgba(15,23,42,.08) !important;
}


/* Name */

.fdProfileBody h1{
    margin:0 !important;

    font-size:36px !important;

    line-height:1.1 !important;

    font-weight:950 !important;

    letter-spacing:-.7px !important;
}


/* Location */

.fdProfileLocation{
    display:flex !important;

    align-items:center !important;

    gap:5px !important;

    margin-top:9px !important;

    color:#64748b !important;

    font-size:15px !important;

    font-weight:650 !important;
}


/* ---------------------------------------------------------
   MUTUAL MATCH
   --------------------------------------------------------- */

.fdDatingMatch{
    display:flex !important;

    align-items:center !important;

    gap:15px !important;

    margin-top:21px !important;

    padding:17px 19px !important;

    border:
        1px solid
        rgba(236,72,153,.18) !important;

    border-radius:16px !important;

    background:
        linear-gradient(
            135deg,
            rgba(236,72,153,.11),
            rgba(168,85,247,.07)
        ) !important;

    box-shadow:
        0 5px 18px
        rgba(236,72,153,.06) !important;
}

.fdDatingMatch__icon{
    display:grid !important;

    place-items:center !important;

    width:48px !important;
    height:48px !important;

    flex:0 0 48px !important;

    border-radius:14px !important;

    background:
        rgba(236,72,153,.12) !important;

    font-size:27px !important;
}

.fdDatingMatch strong{
    display:block !important;

    margin-bottom:4px !important;

    color:#be185d !important;

    font-size:17px !important;

    font-weight:900 !important;
}

.fdDatingMatch > div:last-child > div{
    color:#64748b !important;

    line-height:1.45 !important;
}


/* ---------------------------------------------------------
   PROFILE FACTS
   --------------------------------------------------------- */

.fdProfileFacts{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:11px !important;

    margin-top:24px !important;
}

.fdProfileFact{
    position:relative !important;

    min-height:88px !important;

    padding:15px !important;

    border:
        1px solid
        rgba(100,116,139,.10) !important;

    border-radius:15px !important;

    background:#f8fafc !important;

    transition:
        transform .18s ease,
        border-color .18s ease !important;
}

.fdProfileFact:hover{
    transform:
        translateY(-2px) !important;

    border-color:
        rgba(37,99,235,.20) !important;
}

.fdProfileFact small{
    display:block !important;

    margin-bottom:6px !important;

    color:#64748b !important;

    font-size:12px !important;

    font-weight:750 !important;
}

.fdProfileFact strong{
    display:block !important;

    color:#0f172a !important;

    font-size:15px !important;

    line-height:1.35 !important;

    font-weight:900 !important;
}


/* ---------------------------------------------------------
   ABOUT / INTERESTS
   --------------------------------------------------------- */

.fdProfileSection{
    position:relative !important;

    margin-top:24px !important;

    padding:20px 21px !important;

    border:
        1px solid
        rgba(100,116,139,.10) !important;

    border-radius:17px !important;

    background:
        var(--i-background_1,#fff) !important;
}

.fdProfileSection h2{
    margin:0 0 11px !important;

    font-size:19px !important;

    font-weight:950 !important;

    letter-spacing:-.2px !important;
}

.fdProfileSection .ipsType_richText,
.fdProfileSection > div{
    color:
        var(--i-color_hard,#334155) !important;

    font-size:15px !important;

    line-height:1.7 !important;
}


/* ---------------------------------------------------------
   PHOTO GALLERY
   --------------------------------------------------------- */

.fdProfileGallery{
    margin-top:26px !important;

    padding-top:2px !important;
}

.fdProfileGallery h2{
    margin:0 0 13px !important;

    font-size:20px !important;

    font-weight:950 !important;
}

.fdProfileGallery__grid{
    display:grid !important;

    grid-template-columns:
        repeat(4,minmax(0,1fr)) !important;

    gap:11px !important;
}

.fdProfileGallery__item{
    position:relative !important;

    display:block !important;

    overflow:hidden !important;

    aspect-ratio:1/1 !important;

    border:0 !important;

    border-radius:14px !important;

    background:#eef2ff !important;

    box-shadow:
        0 3px 12px
        rgba(15,23,42,.06) !important;
}

.fdProfileGallery__item:after{
    content:"🔍" !important;

    position:absolute !important;

    left:50% !important;
    top:50% !important;

    transform:
        translate(-50%,-50%) !important;

    display:grid !important;

    place-items:center !important;

    width:42px !important;
    height:42px !important;

    border-radius:50% !important;

    background:
        rgba(15,23,42,.62) !important;

    color:#fff !important;

    font-size:17px !important;

    opacity:0 !important;

    transition:
        opacity .18s ease !important;

    pointer-events:none !important;
}

.fdProfileGallery__item:hover:after{
    opacity:1 !important;
}

.fdProfileGallery__item img{
    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    transition:
        transform .30s ease,
        filter .20s ease !important;
}

.fdProfileGallery__item:hover img{
    transform:
        scale(1.045) !important;

    filter:
        brightness(.86) !important;
}


/* ---------------------------------------------------------
   PROFILE ACTION BUTTONS
   --------------------------------------------------------- */

.fdProfileActions{
    display:flex !important;

    flex-wrap:wrap !important;

    gap:9px !important;

    padding-top:21px !important;

    margin-top:25px !important;

    border-top:
        1px solid
        rgba(100,116,139,.12) !important;
}

.fdProfileActions .ipsButton{
    min-height:44px !important;

    padding-left:16px !important;
    padding-right:16px !important;

    border-radius:11px !important;

    font-weight:850 !important;

    transition:
        transform .16s ease,
        box-shadow .16s ease !important;
}

.fdProfileActions
.ipsButton:hover{
    transform:
        translateY(-1px) !important;
}

.fdProfileActions
.ipsButton--primary{
    box-shadow:
        0 5px 14px
        rgba(37,99,235,.15) !important;
}


/* Make first important action stand out */

.fdProfileActions
.ipsButton--primary:first-child{
    background:#2563eb !important;

    color:#fff !important;
}


/* ---------------------------------------------------------
   RESPONSIVE PROFILE
   --------------------------------------------------------- */

@media(max-width:1200px){

    .fdProfile{
        grid-template-columns:
            minmax(280px,360px)
            minmax(0,1fr) !important;
    }

    .fdProfileFacts{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


@media(max-width:800px){

    .fdProfile{
        grid-template-columns:
            1fr !important;
    }

    .fdProfilePhoto{
        width:100% !important;

        max-width:480px !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }

    .fdProfileBody{
        padding:24px !important;
    }

    .fdProfileBody h1{
        font-size:31px !important;
    }

}


@media(max-width:600px){

    .fdProfileBody{
        padding:19px !important;

        border-radius:18px !important;
    }

    .fdProfilePhoto{
        border-radius:18px !important;
    }

    .fdProfileFacts{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .fdProfileGallery__grid{
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

    .fdProfileActions{
        display:grid !important;

        grid-template-columns:
            1fr !important;
    }

    .fdProfileActions .ipsButton{
        width:100% !important;

        justify-content:center !important;

        text-align:center !important;
    }

}


@media(max-width:420px){

    .fdProfileFacts{
        grid-template-columns:
            1fr !important;
    }

}


/* =========================================================
   PROFILE POLISH V2
   ========================================================= */

.fdProfile{
    align-items:start !important;
}

.fdProfilePhoto{
    background:#eef2f7 !important;
}

.fdProfilePhoto__image{
    object-position:center center !important;
}

.fdProfileBody{
    position:relative !important;
}


/* Hero-like header inside profile */

.fdProfileBody h1{
    position:relative !important;
    padding-right:10px !important;
}

.fdProfileLocation{
    margin-top:10px !important;
}


/* Facts more modern */

.fdProfileFacts{
    margin-top:26px !important;
}

.fdProfileFact{
    background:#f8fafc !important;
    border:1px solid rgba(100,116,139,.10) !important;
    box-shadow:none !important;
}

.fdProfileFact strong{
    font-size:15px !important;
}


/* About blocks */

.fdProfileSection{
    box-shadow:
        0 3px 14px rgba(15,23,42,.03) !important;
}


/* Gallery cards */

.fdProfileGallery__grid{
    gap:12px !important;
}

.fdProfileGallery__item{
    border-radius:14px !important;
    box-shadow:
        0 4px 14px rgba(15,23,42,.08) !important;
}

.fdProfileGallery__item img{
    transition:
        transform .25s ease !important;
}

.fdProfileGallery__item:hover img{
    transform:
        scale(1.04) !important;
}


/* Buttons */

.fdProfileActions{
    gap:10px !important;
}

.fdProfileActions .ipsButton{
    min-height:46px !important;
    border-radius:12px !important;
}

.fdProfileActions .ipsButton--primary{
    box-shadow:
        0 5px 16px rgba(37,99,235,.16) !important;
}


/* Match card */

.fdDatingMatch{
    box-shadow:
        0 6px 18px rgba(236,72,153,.07) !important;
}


/* Tablet */

@media(max-width:900px){

    .fdProfile{
        gap:20px !important;
    }

}


/* Mobile */

@media(max-width:600px){

    .fdProfileBody{
        padding:18px !important;
    }

    .fdProfileBody h1{
        font-size:30px !important;
    }

}


/* =========================================================
   PROFILE LEFT MEDIA — FLAT V3
   ========================================================= */

.fdProfileMedia{
    min-width:0 !important;
}


/* Main photo */
.fdProfileMedia .fdProfilePhoto{
    width:100% !important;

    margin:0 !important;

    border-radius:22px !important;

    box-shadow:
        0 10px 30px rgba(15,23,42,.10) !important;
}


/* Gallery container under main photo */
.fdProfileMedia .fdProfileGallery{
    margin-top:14px !important;

    padding:14px !important;

    border:0 !important;

    border-radius:18px !important;

    background:
        var(--i-background_1,#fff) !important;

    box-shadow:
        0 6px 20px rgba(15,23,42,.07) !important;
}


/* Gallery title */
.fdProfileMedia .fdProfileGallery h2{
    display:flex !important;

    align-items:center !important;

    gap:7px !important;

    margin:0 0 12px !important;

    font-size:16px !important;

    line-height:1.2 !important;

    font-weight:900 !important;
}

.fdProfileMedia .fdProfileGallery h2:before{
    content:"📸" !important;
}


/* 2 photos in a row */
.fdProfileMedia .fdProfileGallery__grid{
    display:grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap:9px !important;
}


/* Thumbnail */
.fdProfileMedia .fdProfileGallery__item{
    position:relative !important;

    display:block !important;

    overflow:hidden !important;

    width:100% !important;

    aspect-ratio:1/1 !important;

    border-radius:12px !important;

    background:#eef2f7 !important;

    box-shadow:none !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.fdProfileMedia .fdProfileGallery__item:hover{
    transform:
        translateY(-2px) !important;

    box-shadow:
        0 7px 18px rgba(15,23,42,.11) !important;
}


/* Thumbnail image */
.fdProfileMedia .fdProfileGallery__item img{
    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    transition:
        transform .28s ease,
        filter .18s ease !important;
}

.fdProfileMedia .fdProfileGallery__item:hover img{
    transform:
        scale(1.05) !important;

    filter:
        brightness(.88) !important;
}


/* Zoom icon */
.fdProfileMedia .fdProfileGallery__item:after{
    content:"🔍" !important;

    position:absolute !important;

    left:50% !important;
    top:50% !important;

    transform:
        translate(-50%,-50%) !important;

    display:grid !important;

    place-items:center !important;

    width:38px !important;
    height:38px !important;

    border-radius:50% !important;

    background:
        rgba(15,23,42,.62) !important;

    color:#fff !important;

    font-size:15px !important;

    opacity:0 !important;

    pointer-events:none !important;

    transition:
        opacity .18s ease !important;
}

.fdProfileMedia .fdProfileGallery__item:hover:after{
    opacity:1 !important;
}


/* Sticky photo column on desktop */
@media(min-width:901px){

    .fdProfileMedia{
        position:sticky !important;

        top:18px !important;
    }

}


/* Tablet */
@media(max-width:900px){

    .fdProfileMedia{
        position:static !important;

        width:100% !important;

        max-width:480px !important;

        margin-left:auto !important;
        margin-right:auto !important;
    }

}


/* Mobile */
@media(max-width:520px){

    .fdProfileMedia .fdProfileGallery{
        padding:11px !important;
    }

    .fdProfileMedia .fdProfileGallery__grid{
        gap:7px !important;
    }

    .fdProfileMedia .fdProfileGallery__item{
        border-radius:10px !important;
    }

}


/* =========================================================
   PROFILE TOP ACTIONS
   ========================================================= */

.fdProfileTopActions{
    display:flex !important;
    align-items:center !important;
    flex-wrap:wrap !important;
    gap:9px !important;

    margin-top:18px !important;
    margin-bottom:4px !important;
}

.fdProfileTopActions .ipsButton{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:42px !important;

    padding:
        0 17px !important;

    border-radius:12px !important;

    font-size:13px !important;
    font-weight:800 !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease !important;
}

.fdProfileTopActions .ipsButton:hover{
    transform:
        translateY(-1px) !important;
}


/* Primary action */

.fdProfileTopActions .ipsButton--primary{
    box-shadow:
        0 5px 15px rgba(37,99,235,.16) !important;
}


/* Secondary action */

.fdProfileTopActions .ipsButton--secondary{
    background:#f8fafc !important;

    border:
        1px solid rgba(100,116,139,.18) !important;
}


/* Mobile */

@media(max-width:520px){

    .fdProfileTopActions{
        display:grid !important;

        grid-template-columns:
            1fr 1fr !important;
    }

    .fdProfileTopActions .ipsButton{
        width:100% !important;
    }

}
/* ONLINE STATUS */

.fdProfileTitle{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}


.fdProfileTitle h1{
    margin:0;
}


.fdOnline{
    display:inline-flex;

    align-items:center;
    gap:6px;

    padding:5px 11px;

    border-radius:999px;

    background:#f1f5f9;

    color:#64748b;

    font-size:13px;
    font-weight:800;
}


.fdOnline i{
    width:8px;
    height:8px;

    border-radius:50%;

    background:#94a3b8;
}


.fdOnline--yes{
    background:#ecfdf5;
    color:#047857;
}


.fdOnline--yes i{
    background:#22c55e;
}
.fdProfileTitle{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
    margin-bottom:8px;
}

.fdProfileTitle h1{
    margin:0;
}


.fdOnline{
    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:5px 12px;

    border-radius:999px;

    background:#f1f5f9;

    color:#64748b;

    font-size:13px;
    font-weight:800;
}


.fdOnline i{
    width:8px;
    height:8px;

    border-radius:50%;

    background:#94a3b8;
}


.fdOnline--yes{
    background:#dcfce7;
    color:#15803d;
}


.fdOnline--yes i{
    background:#22c55e;
}
/* =========================================================
   PROFILE FACT CARDS
   ========================================================= */

.fdProfileFacts{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin-top:28px;
}

.fdProfileFact{
    display:flex;
    align-items:center;
    gap:14px;

    min-height:82px;
    padding:16px 18px;

    border:1px solid rgba(148,163,184,.22);
    border-radius:16px;

    background:rgba(248,250,252,.82);

    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.fdProfileFact:hover{
    transform:translateY(-2px);
    border-color:rgba(37,99,235,.25);
    box-shadow:0 10px 25px rgba(15,23,42,.06);
}

.fdProfileFact__icon{
    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 46px;

    width:46px;
    height:46px;

    border-radius:14px;

    background:#fff;

    box-shadow:0 3px 12px rgba(15,23,42,.06);

    font-size:21px;
    line-height:1;
}

.fdProfileFact__content{
    min-width:0;
}

.fdProfileFact__content small{
    display:block;

    margin:0 0 5px;

    color:var(--i-color_soft,#64748b);

    font-size:12px;
    font-weight:700;
}

.fdProfileFact__content strong{
    display:block;

    color:var(--i-color_hard,#172033);

    font-size:16px;
    font-weight:800;

    line-height:1.25;
}


/* TABLET */

@media(max-width:1100px){

    .fdProfileFacts{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

}


/* MOBILE */

@media(max-width:560px){

    .fdProfileFacts{
        grid-template-columns:1fr;
        gap:10px;
    }

    .fdProfileFact{
        min-height:72px;
        padding:13px 14px;
    }

    .fdProfileFact__icon{
        flex-basis:42px;
        width:42px;
        height:42px;
    }

}
/* =========================================================
   PROFILE FAVORITE BUTTON FIX
   ========================================================= */

.fdProfileTopActions .ipsButton--secondary{
    background:#ffffff !important;
    color:#334155 !important;

    border:1px solid rgba(100,116,139,.22) !important;

    box-shadow:
        0 4px 12px rgba(15,23,42,.05) !important;
}

.fdProfileTopActions .ipsButton--secondary:hover{
    background:#f8fafc !important;
    color:#1d4ed8 !important;

    border-color:#93c5fd !important;
}


/* when already in favorites */

.fdProfileTopActions .ipsButton--secondary[href*="toggleFavorite"]{
    color:#334155 !important;
}


/* optional stronger star */

.fdProfileTopActions .ipsButton--secondary[href*="toggleFavorite"]{
    font-weight:850 !important;
}

/* =========================================================
   PROFILE ABOUT + INTEREST TAGS
   ========================================================= */

.fdProfileSection{
    padding:22px !important;
}

.fdProfileSection__head{
    display:flex;
    align-items:center;
    gap:13px;

    margin-bottom:17px;
}

.fdProfileSection__icon{
    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 44px;

    width:44px;
    height:44px;

    border-radius:13px;

    background:#eff6ff;

    font-size:20px;
    line-height:1;
}

.fdProfileSection__head h2{
    margin:0 0 3px !important;

    font-size:19px !important;
    font-weight:900 !important;
}

.fdProfileSection__head small{
    display:block;

    color:#64748b;

    font-size:12px;
    font-weight:600;
}

.fdProfileAbout{
    padding-top:3px;

    font-size:15px !important;
    line-height:1.75 !important;
}


/* Interest tags */

.fdInterestTags{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.fdInterestTag{
    display:inline-flex;
    align-items:center;

    min-height:34px;

    padding:6px 12px;

    border:1px solid rgba(37,99,235,.12);
    border-radius:999px;

    background:#eff6ff;

    color:#1d4ed8;

    font-size:13px;
    font-weight:750;

    transition:
        transform .16s ease,
        background .16s ease;
}

.fdInterestTag:before{
    content:"•";

    margin-right:6px;

    color:#60a5fa;

    font-size:17px;
    line-height:1;
}

.fdInterestTag:hover{
    transform:translateY(-1px);

    background:#dbeafe;
}


/* Slight variation for interests section */

.fdProfileSection--interests
.fdProfileSection__icon{
    background:#fdf2f8;
}


/* Mobile */

@media(max-width:560px){

    .fdProfileSection{
        padding:17px !important;
    }

    .fdProfileSection__icon{
        flex-basis:40px;

        width:40px;
        height:40px;
    }

    .fdInterestTags{
        gap:7px;
    }

}

/* =========================================================
   PROFILE DETAILS
   ========================================================= */

.fdProfileDetails{
    margin-top:24px;
    padding:22px;

    border:1px solid rgba(100,116,139,.10);
    border-radius:18px;

    background:var(--i-background_1,#fff);

    box-shadow:
        0 3px 14px rgba(15,23,42,.03);
}

.fdProfileDetails__grid{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:11px;
}

.fdProfileDetail{
    display:flex;
    align-items:center;
    gap:12px;

    min-height:72px;
    padding:13px 14px;

    border:1px solid rgba(100,116,139,.10);
    border-radius:14px;

    background:#f8fafc;
}

.fdProfileDetail__icon{
    display:flex;
    align-items:center;
    justify-content:center;

    flex:0 0 42px;

    width:42px;
    height:42px;

    border-radius:12px;

    background:#fff;

    box-shadow:
        0 3px 10px rgba(15,23,42,.05);

    font-size:19px;
}

.fdProfileDetail small{
    display:block;

    margin-bottom:3px;

    color:#64748b;

    font-size:11px;
    font-weight:700;
}

.fdProfileDetail strong{
    display:block;

    color:var(--i-color_hard,#172033);

    font-size:14px;
    line-height:1.3;

    font-weight:800;
}

@media(max-width:650px){

    .fdProfileDetails__grid{
        grid-template-columns:1fr;
    }

}

/* DATING CONTACTS FINAL */
body[data-pageapp="dating"] #elSearch{display:none!important}
.fdProfileHead{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.fdProfileHead .fdProfileTitle{min-width:0}
.fdProfileContacts{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;max-width:390px}
.fdProfileContact{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(15,23,42,.08);border-radius:14px;background:#fff;color:#334155;box-shadow:0 8px 22px rgba(15,23,42,.08);font-size:21px;font-weight:900;line-height:1;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,color .18s ease,background .18s ease}
.fdProfileContact .fa{font-size:21px;line-height:1}
.fdTikTokIcon{display:block;width:22px;height:22px;fill:currentColor}
.fdProfileContact:hover{transform:translateY(-2px);color:#fff;box-shadow:0 12px 28px rgba(15,23,42,.16);text-decoration:none}
.fdProfileContact--phone:hover{background:#2563eb}.fdProfileContact--telegram:hover{background:#229ed9}.fdProfileContact--viber:hover{background:#7360f2}.fdProfileContact--whatsapp:hover{background:#25d366}.fdProfileContact--instagram:hover{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.fdProfileContact--tiktok:hover{background:#111827}.fdProfileContact--facebook:hover{background:#1877f2}
.fdProfileContactsEmpty{display:inline-flex;align-items:center;min-height:42px;padding:0 16px;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;font-size:13px;font-weight:800;text-decoration:none}
.fdProfileContactsEmpty:hover{border-color:#2563eb;color:#2563eb;text-decoration:none}
.fdProfileContactsLocked{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 15px;border:1px solid #e2e8f0;border-radius:14px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:800;white-space:nowrap}
.fdProfileContactsLocked .fa{color:#f59e0b;font-size:17px}
@media (max-width:900px){.fdProfileHead{flex-direction:column;gap:14px}.fdProfileContacts{justify-content:flex-start;max-width:none}}
@media (max-width:520px){.fdProfileContacts{gap:8px}.fdProfileContact{width:40px;height:40px;border-radius:12px;font-size:19px}.fdProfileContact .fa{font-size:19px}}
/* DATING: HIDE STANDARD IPS SEARCH */
body[data-pageApp="dating"] .ipsSearchPseudo {
    display: none !important;
}

/* COUNTRY FLAGS FINAL */
.fdCountryFlag{
    display:inline-block;
    box-sizing:border-box;
    width:20px;
    height:14px;
    margin-right:5px;
    overflow:hidden;
    border:1px solid rgba(15,23,42,.18);
    border-radius:3px;
    box-shadow:0 1px 3px rgba(15,23,42,.16);
    vertical-align:-2px;
    font-size:0;
    line-height:0;
}

.fdCountryFlag--ua{
    background:
        linear-gradient(
            to bottom,
            #0057b7 0,
            #0057b7 50%,
            #ffd700 50%,
            #ffd700 100%
        );
}



/* COUNTRY FLAG INSIDE PROFILE CARDS FIX */
.fdCountryFlag.fdCountryFlag--ua,
.fdDatingCard .fdCountryFlag.fdCountryFlag--ua,
.fdDatingCard__location .fdCountryFlag.fdCountryFlag--ua {
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: 20px !important;
    min-width: 20px !important;
    height: 14px !important;
    min-height: 14px !important;
    margin: 0 4px 0 2px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.55) !important;
    border-radius: 3px !important;
    background: linear-gradient(
        to bottom,
        #0057b7 0%,
        #0057b7 50%,
        #ffd700 50%,
        #ffd700 100%
    ) !important;
    box-shadow: none !important;
    line-height: 1 !important;
    vertical-align: -2px !important;
}

/* DATING ACTIVE FILTER CHIPS */
.fdDatingActiveFilters{
    margin:0 0 18px;
    padding:13px 15px;
    border:1px solid rgba(37,99,235,.12);
    border-radius:16px;
    background:linear-gradient(
        135deg,
        rgba(239,246,255,.92),
        rgba(255,255,255,.96)
    );
    box-shadow:0 7px 22px rgba(15,23,42,.04);
}

.fdDatingActiveFilters__title{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:10px;
    color:#334155;
    font-size:12px;
    font-weight:900;
}

.fdDatingActiveFilters__title a{
    color:#2563eb;
    font-size:11px;
    font-weight:800;
    text-decoration:none;
}

.fdDatingActiveFilters__items{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.fdDatingActiveFilters__item{
    display:inline-flex;
    align-items:center;
    gap:7px;
    min-height:31px;
    padding:5px 8px 5px 11px;
    border:1px solid rgba(37,99,235,.14);
    border-radius:999px;
    background:#fff;
    color:#334155;
    box-shadow:0 3px 10px rgba(15,23,42,.04);
    font-size:11px;
    font-weight:800;
    line-height:1.2;
    text-decoration:none;
    transition:
        color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.fdDatingActiveFilters__item strong{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:19px;
    height:19px;
    border-radius:50%;
    color:#64748b;
    background:#f1f5f9;
    font-size:15px;
    line-height:1;
}

.fdDatingActiveFilters__item:hover{
    transform:translateY(-1px);
    border-color:#2563eb;
    color:#2563eb;
    text-decoration:none;
}

.fdDatingActiveFilters__item:hover strong{
    color:#fff;
    background:#ef4444;
}

@media(max-width:560px){
    .fdDatingActiveFilters{
        margin-bottom:14px;
        padding:11px;
        border-radius:14px;
    }

    .fdDatingActiveFilters__title{
        align-items:flex-start;
    }

    .fdDatingActiveFilters__item{
        max-width:100%;
    }

    .fdDatingActiveFilters__item span{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
}

/* DATING COMPATIBILITY RECOMMENDATIONS */
.fdCompatibility{
    margin:0 0 22px;
    padding:20px;
    border:1px solid rgba(37,99,235,.12);
    border-radius:22px;
    background:linear-gradient(
        135deg,
        rgba(239,246,255,.98),
        rgba(250,245,255,.96)
    );
    box-shadow:0 12px 32px rgba(15,23,42,.05);
}

.fdCompatibility__head{
    margin-bottom:15px;
}

.fdCompatibility__head span{
    color:#2563eb;
    font-size:10px;
    font-weight:900;
    letter-spacing:.08em;
}

.fdCompatibility__head h2{
    margin:4px 0 2px;
    color:#334155;
    font-size:23px;
    font-weight:900;
}

.fdCompatibility__head p{
    margin:0;
    color:#64748b;
    font-size:12px;
}

.fdCompatibility__grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:13px;
}

.fdCompatibilityCard{
    overflow:hidden;
    border:1px solid rgba(148,163,184,.16);
    border-radius:17px;
    background:#fff;
    box-shadow:0 8px 22px rgba(15,23,42,.05);
    transition:transform .2s ease,box-shadow .2s ease;
}

.fdCompatibilityCard:hover{
    transform:translateY(-3px);
    box-shadow:0 14px 30px rgba(15,23,42,.1);
}

.fdCompatibilityCard > a{
    display:block;
    color:inherit;
    text-decoration:none;
}

.fdCompatibilityCard__photo{
    position:relative;
    height:180px;
    overflow:hidden;
    background:#e2e8f0;
}

.fdCompatibilityCard__photo img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.fdCompatibilityCard__fallback{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    font-size:42px;
}

.fdCompatibilityCard__score{
    position:absolute;
    top:10px;
    right:10px;
    padding:6px 9px;
    border-radius:999px;
    color:#fff;
    background:linear-gradient(135deg,#2563eb,#7c3aed);
    box-shadow:0 5px 14px rgba(37,99,235,.28);
    font-size:12px;
    font-weight:900;
}

.fdCompatibilityCard__body{
    padding:13px;
}

.fdCompatibilityCard__body h3{
    display:flex;
    align-items:center;
    gap:6px;
    margin:0 0 6px;
    color:#1e293b;
    font-size:16px;
    font-weight:900;
}

.fdCompatibilityCard__location{
    margin-bottom:8px;
    color:#64748b;
    font-size:11px;
    font-weight:700;
}

.fdCompatibilityCard__reasons{
    min-height:32px;
    margin-bottom:10px;
    color:#475569;
    font-size:10px;
    line-height:1.45;
}

.fdCompatibilityCard__open{
    display:block;
    padding-top:9px;
    border-top:1px solid #f1f5f9;
    color:#2563eb;
    font-size:11px;
    font-weight:900;
}

@media(max-width:1050px){
    .fdCompatibility__grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:560px){
    .fdCompatibility{
        padding:13px;
        border-radius:17px;
    }

    .fdCompatibility__grid{
        grid-template-columns:1fr;
    }

    .fdCompatibilityCard__photo{
        height:230px;
    }
}

/*
 * DATING RECOMMENDATION HIDE BUTTON
 */
.fdCompatibilityCard{
    position:relative;
}

.fdCompatibilityCard__main{
    display:block;
    height:100%;
    color:inherit;
    text-decoration:none;
}

.fdCompatibilityCard__hide{
    position:absolute;
    top:12px;
    left:12px;
    z-index:8;
    display:flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    padding:0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.72);
    border-radius:50%;
    color:#334155;
    background:rgba(255,255,255,.92);
    box-shadow:
        0 7px 20px rgba(15,23,42,.18),
        inset 0 1px 0 rgba(255,255,255,.9);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    font-size:0;
    line-height:1;
    text-decoration:none;
    cursor:pointer;
    transition:
        color .18s ease,
        background .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.fdCompatibilityCard__hide span{
    display:block;
    margin-top:-2px;
    font-size:25px;
    font-weight:400;
    line-height:1;
}

.fdCompatibilityCard__hide:hover,
.fdCompatibilityCard__hide:focus{
    color:#fff;
    border-color:rgba(255,255,255,.82);
    background:#ef4444;
    box-shadow:
        0 9px 24px rgba(239,68,68,.34),
        inset 0 1px 0 rgba(255,255,255,.25);
    text-decoration:none;
    transform:translateY(-1px) scale(1.04);
}

.fdCompatibilityCard__hide:active{
    transform:scale(.96);
}

@media(max-width:600px){
    .fdCompatibilityCard__hide{
        top:10px;
        left:10px;
        width:34px;
        height:34px;
    }

    .fdCompatibilityCard__hide span{
        font-size:22px;
    }
}

@media(prefers-reduced-motion:reduce){
    .fdCompatibilityCard__hide{
        transition:none;
    }
}

/*
 * DATING RECOMMENDATION HIDE BUTTON FIX
 */
.fdCompatibilityCard >
.fdCompatibilityCard__hide{
    position:absolute !important;
    top:12px !important;
    left:12px !important;
    right:auto !important;
    bottom:auto !important;
    z-index:20 !important;
    display:block !important;
    width:38px !important;
    min-width:38px !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    border:1px solid rgba(255,255,255,.82) !important;
    border-radius:999px !important;
    color:transparent !important;
    background:rgba(255,255,255,.94) !important;
    box-shadow:0 7px 18px rgba(15,23,42,.2) !important;
    font-size:0 !important;
    line-height:0 !important;
    text-indent:-9999px !important;
    transform:none !important;
}

.fdCompatibilityCard >
.fdCompatibilityCard__hide span{
    display:none !important;
}

.fdCompatibilityCard >
.fdCompatibilityCard__hide::before,
.fdCompatibilityCard >
.fdCompatibilityCard__hide::after{
    content:"" !important;
    position:absolute !important;
    top:50% !important;
    left:50% !important;
    display:block !important;
    width:15px !important;
    height:2px !important;
    margin:0 !important;
    border:0 !important;
    border-radius:2px !important;
    background:#475569 !important;
    text-indent:0 !important;
    transform-origin:center !important;
    transition:background .18s ease !important;
}

.fdCompatibilityCard >
.fdCompatibilityCard__hide::before{
    transform:translate(-50%,-50%) rotate(45deg) !important;
}

.fdCompatibilityCard >
.fdCompatibilityCard__hide::after{
    transform:translate(-50%,-50%) rotate(-45deg) !important;
}

.fdCompatibilityCard >
.fdCompatibilityCard__hide:hover,
.fdCompatibilityCard >
.fdCompatibilityCard__hide:focus{
    border-color:#ef4444 !important;
    background:#ef4444 !important;
    box-shadow:0 8px 22px rgba(239,68,68,.32) !important;
}

.fdCompatibilityCard >
.fdCompatibilityCard__hide:hover::before,
.fdCompatibilityCard >
.fdCompatibilityCard__hide:hover::after,
.fdCompatibilityCard >
.fdCompatibilityCard__hide:focus::before,
.fdCompatibilityCard >
.fdCompatibilityCard__hide:focus::after{
    background:#fff !important;
}

@media(max-width:600px){
    .fdCompatibilityCard >
    .fdCompatibilityCard__hide{
        top:10px !important;
        left:10px !important;
        width:34px !important;
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
    }
}

/*
 * DATING COMPATIBILITY EQUAL CARDS
 */
.fdCompatibility__grid{
    align-items:stretch !important;
}

.fdCompatibilityCard{
    align-self:stretch !important;
    display:flex !important;
    flex-direction:column !important;
    height:100% !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.fdCompatibilityCard__main{
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
    height:100% !important;
}

.fdCompatibilityCard__photo{
    flex:0 0 auto !important;
    width:100% !important;
    aspect-ratio:16 / 9 !important;
    overflow:hidden !important;
}

.fdCompatibilityCard__photo img,
.fdCompatibilityCard__fallback{
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
}

.fdCompatibilityCard__body{
    display:flex !important;
    flex:1 1 auto !important;
    flex-direction:column !important;
}

.fdCompatibilityCard__open{
    margin-top:auto !important;
}