/* =========================================================
   ROMANTIC DATING
   OUR LADIES — MOBILE
   ========================================================= */

.mobile-ladies-page {
    display: none;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px),
       (orientation: landscape) and (max-height: 500px) {

    body.guest-ladies {
        margin: 0;
        background: #fff;
    }

    body.guest-ladies .legacy-topbar,
    body.guest-ladies .legacy-header,
    body.guest-ladies .legacy-menu,
    body.guest-ladies .legacy-online-girls,
    body.guest-ladies .legacy-footer,
    body.guest-ladies .legacy-ladies-page {
        display: none !important;
    }


    /* PAGE */

    .mobile-ladies-page {
        display: block;

        width: 100%;
        max-width: 480px;

        margin: 0 auto;

        background: #fff;

        overflow: hidden;

        font-family: Arial, Helvetica, sans-serif;
    }
@media (orientation: landscape) and (max-height: 500px) {
    .mobile-ladies-page {
        max-width: none;
        width: 100%;
    }
}
@media (orientation: landscape) and (max-height: 500px) {

    .mobile-ladies-page {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .mobile-ladies-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}
    /* =====================================================
       HEADER
       ===================================================== */

    .mobile-ladies-header {
        position: relative;

        width: 100%;
        height: 50px;

        box-sizing: border-box;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 0 12px;

        background:
            linear-gradient(
                90deg,
                #0c0d0f,
                #161719
            );

        z-index: 50;
    }


    /* BURGER */

    .mobile-ladies-header .burger {
        position: absolute;

        left: 15px;
        top: 50%;

        width: 28px;
        height: 27px;

        transform: translateY(-50%);

        padding: 2px 0;

        border: 0;
        background: transparent;

        display: flex;
        flex-direction: column;
        justify-content: space-between;

        cursor: pointer;
    }

    .mobile-ladies-header .burger i {
        display: block;

        width: 27px;
        height: 3px;

        border-radius: 3px;

        background: #fff;
    }


    /* LOGO */

    .mobile-ladies-header .header-brand {
        display: flex;
        flex-direction: column;
        align-items: flex-start;

        color: #fff !important;

        text-decoration: none !important;

        line-height: 1;
    }

    .mobile-ladies-header .brand-main {
        position: relative;

        font-size: 18px;
        font-weight: 400;

        letter-spacing: -1px;

        color: #ff1682;
    }

    .mobile-ladies-header .brand-main span {
        color: #ff1682;
    }

    .mobile-ladies-header .brand-main b {
        position: absolute;

        right: -8px;
        top: -6px;

        color: #ff1682;

        font-size: 12px;
    }

    .mobile-ladies-header .brand-sub {
        margin-top: 2px;

        color: #fff;

        font-size: 7px;
        font-weight: 700;

        letter-spacing: .8px;
    }


    /* AUTH */

    .mobile-ladies-header .header-auth {
        position: absolute;

        right: 10px;
        top: 50%;

        transform: translateY(-50%);

        display: flex;
        align-items: center;

        gap: 7px;

        white-space: nowrap;
    }

    .mobile-ladies-header .forgot-password {
        color: rgba(255,255,255,.68) !important;

        font-size: 8px;

        text-decoration: none !important;
    }

    .mobile-ladies-header .login {
        min-width: 52px;
        height: 28px;

        box-sizing: border-box;

        padding: 0 9px;

        display: flex;
        align-items: center;
        justify-content: center;

        border: 1px solid rgba(255,255,255,.88);
        border-radius: 999px;

        color: #fff !important;

        font-size: 10px;
        font-weight: 600;

        text-decoration: none !important;
    }


    /* =====================================================
       HERO
       ===================================================== */

    .mobile-ladies-hero {
        position: relative;

        height: 118px;

        overflow: hidden;

        background:
            url('/assets/mobile-home/hero-master-clean.jpg')
            center 34% / cover no-repeat;
    }

    .mobile-ladies-hero-overlay {
        position: absolute;
        inset: 0;

        background:
            linear-gradient(
                90deg,
                rgba(0,0,0,.72) 0%,
                rgba(0,0,0,.44) 43%,
                rgba(0,0,0,.08) 76%
            );
    }

    .mobile-ladies-hero-copy {
        position: absolute;

        left: 18px;
        bottom: 17px;

        z-index: 2;

        color: #fff;
    }

    .mobile-ladies-hero-copy h1 {
        margin: 0;

        color: #fff;

        font-size: 30px;
        line-height: 1;

        font-weight: 700;
    }

    .mobile-ladies-hero-copy p {
        margin: 7px 0 0;

        color: rgba(255,255,255,.93);

        font-size: 12px;
        line-height: 1.2;
    }


    /* =====================================================
       SEARCH / FILTER
       ===================================================== */

    .mobile-ladies-tools {
        display: grid;

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

        gap: 8px;

        padding: 10px 12px;

        background: #fff;

        border-bottom:
            1px solid rgba(0,0,0,.05);
    }


    .mobile-ladies-search,
    .mobile-ladies-filter {
        height: 42px;

        box-sizing: border-box;

        display: flex;
        align-items: center;

        border-radius: 10px;

        text-decoration: none !important;
    }


    .mobile-ladies-search {
        padding: 0 12px;

        gap: 9px;

        background: #f5f5f6;

        color: #777 !important;

        font-size: 12px;
    }


    .mobile-ladies-filter {
        padding: 0 11px;

        gap: 6px;

        border: 1px solid #dedee1;

        background: #fff;

        color: #111 !important;

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


    .mobile-ladies-search-icon,
    .mobile-ladies-filter-icon {
        display: flex;
        align-items: center;
        justify-content: center;

        color: #111;
    }


    .mobile-ladies-search-icon svg {
        width: 19px;
        height: 19px;

        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
    }


    .mobile-ladies-filter-icon svg {
        width: 18px;
        height: 18px;

        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
    }


    /* =====================================================
       GRID
       ===================================================== */

    .mobile-ladies-content {
        padding: 2px 12px 18px;

        background: #fff;
    }


   .mobile-ladies-grid {
    display: grid;

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

    gap: 10px 7px;
}


    /* =====================================================
       CARD
       ===================================================== */

    .mobile-lady-card {
        min-width: 0;

        overflow: hidden;

        border: 1px solid #e6e6e8;
        border-radius: 11px;

        background: #fff;

        box-shadow:
            0 2px 7px rgba(0,0,0,.06);
    }


    .mobile-lady-photo {
        position: relative;

        display: block;

        width: 100%;
        aspect-ratio: 0.83;

        overflow: hidden;

        background: #eee;

        color: #fff !important;

        text-decoration: none !important;
    }


    .mobile-lady-photo img {
        width: 100%;
        height: 100%;

        display: block;

        object-fit: cover;

        object-position: center top;
    }


    .mobile-lady-photo::after {
        content: "";

        position: absolute;

        left: 0;
        right: 0;
        bottom: 0;

        height: 44%;

        background:
            linear-gradient(
                to bottom,
                rgba(0,0,0,0),
                rgba(0,0,0,.68)
            );

        pointer-events: none;
    }


    /* STATUS */

    .mobile-lady-status {
        position: absolute;

        left: 8px;
        top: 8px;

        z-index: 3;

        padding: 5px 10px;

        border-radius: 999px;

        color: #fff;

        font-size: 9px;
        font-weight: 700;

        line-height: 1;
    }

    .mobile-lady-status.online {
        background: #078b3c;
    }

    .mobile-lady-status.new {
        background:
            linear-gradient(
                135deg,
                #8c3fd1,
                #b847dc
            );
    }


    /* NAME */

    .mobile-lady-data {
        position: absolute;

        left: 9px;
        right: 8px;
        bottom: 8px;

        z-index: 3;

        display: flex;
        flex-direction: column;

        gap: 2px;

        color: #fff;
    }


    .mobile-lady-data strong {
        overflow: hidden;

        color: #fff;

        font-size: 14px;
        line-height: 1.1;
        font-weight: 700;

        white-space: nowrap;
        text-overflow: ellipsis;
    }


    .mobile-lady-data span {
        color: rgba(255,255,255,.92);

        font-size: 10px;
        line-height: 1.1;
    }


    /* =====================================================
       ACTIONS
       ===================================================== */

    .mobile-lady-actions {
        display: grid;

        grid-template-columns:
            1fr 1fr;

        gap: 6px;

        padding: 6px;
    }


    .mobile-lady-actions a {
        height: 34px;

        min-width: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        gap: 5px;

        border-radius: 8px;

        font-size: 10px;
        font-weight: 600;

        text-decoration: none !important;
    }


    .mobile-lady-chat {
        background:
            linear-gradient(
                135deg,
                #ff2a91,
                #ff0c78
            );

        color: #fff !important;
    }


    .mobile-lady-message {
        background: #f2f2f3;

        color: #111 !important;
    }


    .mobile-lady-chat-icon {
        width: 17px;
        height: 17px;

        display: flex;
        align-items: center;
        justify-content: center;

        border-radius: 50%;

        background: #fff;

        color: #ff1682;

        font-size: 8px;
        font-weight: 900;

        letter-spacing: -1px;
    }


    .mobile-lady-mail-icon {
        font-size: 14px;
        line-height: 1;
    }


    /* =====================================================
       PAGINATION
       ===================================================== */

    .mobile-ladies-pagination {
        display: flex;
        justify-content: center;

        margin: 19px 0 2px;
    }


    .mobile-ladies-pagination .pagination {
        display: flex;

        gap: 5px;

        margin: 0;
        padding: 0;

        list-style: none;
    }


    .mobile-ladies-pagination .pagination > li {
        display: block;
    }


    .mobile-ladies-pagination .pagination > li > a,
    .mobile-ladies-pagination .pagination > li > span {
        width: 34px;
        height: 34px;

        box-sizing: border-box;

        padding: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        border: 0;
        border-radius: 8px;

        background: #f2f2f3;

        color: #111;

        font-size: 12px;

        text-decoration: none;
    }


    .mobile-ladies-pagination
    .pagination > .active > a,
    .mobile-ladies-pagination
    .pagination > .active > span {
        background:
            linear-gradient(
                135deg,
                #ff2a91,
                #ff0c78
            );

        color: #fff;
    }


    .mobile-ladies-pagination
    .pagination > .disabled > a,
    .mobile-ladies-pagination
    .pagination > .disabled > span {
        opacity: .35;
    }


    /* SMALL PHONE */

    @media (max-width: 360px) {

        .mobile-ladies-header .forgot-password {
            display: none;
        }

        .mobile-ladies-grid {
            gap: 10px 8px;
        }

        .mobile-lady-data strong {
            font-size: 13px;
        }

        .mobile-lady-actions {
            gap: 4px;
            padding: 5px;
        }

        .mobile-lady-actions a {
            font-size: 9px;
        }
    }
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 601px) and (min-height: 501px) {

    .mobile-ladies-page {
        display: none !important;
    }

    .legacy-ladies-page {
        display: block;
    }
}
/* =========================================================
   3 COLUMN CARD COMPACT FIX
   ========================================================= */

@media (max-width: 600px) {

    .mobile-ladies-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px 7px;
    }

    .mobile-lady-card {
        border-radius: 9px;
    }

    .mobile-lady-status {
        left: 6px;
        top: 6px;

        padding: 4px 7px;

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

    .mobile-lady-data {
        left: 7px;
        right: 5px;
        bottom: 6px;

        gap: 1px;
    }

    .mobile-lady-data strong {
        font-size: 11px;
        line-height: 1.05;
    }

    .mobile-lady-data span {
        font-size: 8px;
    }

    .mobile-lady-actions {
        gap: 3px;
        padding: 4px;
    }

    .mobile-lady-actions a {
        height: 27px;

        gap: 3px;

        padding: 0 3px;

        border-radius: 6px;

        font-size: 8px;
        font-weight: 600;

        white-space: nowrap;
    }

    .mobile-lady-chat-icon {
        width: 14px;
        height: 14px;

        flex: 0 0 14px;

        font-size: 6px;
    }

    .mobile-lady-mail-icon {
        font-size: 11px;
    }

    .mobile-ladies-pagination {
        margin-top: 15px;
    }

    .mobile-ladies-pagination .pagination {
        gap: 4px;
    }

    .mobile-ladies-pagination .pagination > li > a,
    .mobile-ladies-pagination .pagination > li > span {
        width: 29px;
        height: 29px;

        border-radius: 7px;

        font-size: 10px;
    }
}
/* =========================================================
   LADIES — LANDSCAPE WIDTH
   ========================================================= */
   
/* =========================================================
   AUTHORIZED OUR LADIES
   ========================================================= */

/* Mobile version hidden on desktop */
.member-ladies-page {
    display: none;
}

@media (max-width: 600px),
       (orientation: landscape) and (max-height: 500px) {

    /* Show new mobile version */
    .member-ladies-page {
        display: block !important;
    }

   /* Hide old authorized desktop version */
.member-ladies-desktop {
    display: none !important;
    }
}
/* AUTHORIZED LADIES ONLINE */
.member-online-page {
    display: none;
}

@media (max-width: 600px),
       (orientation: landscape) and (max-height: 500px) {

    .member-online-page {
        display: block !important;
    }

    .member-online-desktop {
        display: none !important;
    }
}
/* LADIES — LANDSCAPE */
@media (orientation: landscape) and (max-height: 500px) {

    .mobile-ladies-page {
        width: 100%;
        max-width: none;
        margin: 0;
    }

    .mobile-ladies-hero {
        height: 118px;
    }

    .mobile-ladies-hero-copy {
        left: 4%;
        bottom: 17px;
    }

    .mobile-ladies-tools {
        padding-left: 4%;
        padding-right: 4%;
    }

    .mobile-ladies-content {
        padding-left: 4%;
        padding-right: 4%;
    }

    .mobile-ladies-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }
}
/* MEMBER CONNECTIONS */
.member-connections-mobile { display: none; }

@media (max-width: 767px) {
    body.member-mobile .legacy-connections-page { display: none !important; }
    body.member-mobile .member-connections-mobile { display: block; padding: 18px 10px 28px; background: #f5f5f7; }
    body.member-mobile .member-connections-title { margin: 0 0 14px; font-size: 18px; line-height: 24px; font-weight: 700; color: #222; text-transform: uppercase; }
}