/* Catalog profile block styles extracted from src/partials/records/rec846522750.html. */
#rec846522750 .city-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
    padding: 20px 20px 0;
    max-width: 1200px;
    margin: 0 auto;
}

#rec846522750 .city-button {
    min-height: 42px;
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border: 1px solid #ffffff;
    background-color: transparent;
    font-family: "Century Gothic", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #ffffff;
    cursor: pointer;
    transition: all 0.3s ease;
}

#rec846522750 .city-button.active {
    background-color: #ffffff;
    color: #4b0000;
    font-weight: 700;
}

#rec846522750 .load-more-btn {
    display: none;
    margin: 40px auto 20px;
    border: 1px solid #fff;
    border-radius: 10px;
    background-color: transparent;
    font-family: "Century Gothic", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 100%;
    cursor: pointer;
    text-align: center;
    color: white;
    transition: background 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

@media screen and (min-width: 769px) {
    #rec846522750 .load-more-btn {
        width: 568px;
        height: 95px;
        font-size: 20px;
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    #rec846522750 .load-more-btn {
        width: 320px;
        height: 77px;
        font-size: 16px;
        padding: 0;
    }
}

#rec846522750 {
    position: relative;
    z-index: 4;
    overflow: hidden;
}

#rec846522750 .catalog-palms {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

#rec846522750 .catalog-palm {
    position: absolute;
    width: 1180px;
    height: auto;
    opacity: 0.26;
    user-select: none;
    filter: blur(1px);
    transform-origin: center;
}

#rec846522750 .catalog-palm.palm-1 {
    top: 40px;
    left: -720px;
    transform: rotate(-8deg);
}

#rec846522750 .catalog-palm.palm-2 {
    top: 300px;
    right: -740px;
    transform: scaleX(-1) rotate(-3deg);
}

#rec846522750 .catalog-palm.palm-3 {
    top: 760px;
    left: -760px;
    transform: rotate(6deg);
}

#rec846522750 .catalog-palm.palm-4 {
    bottom: -60px;
    right: -760px;
    transform: scaleX(-1) rotate(10deg);
}

#rec846522750 > :not(style):not(script) {
    position: relative;
    z-index: 1;
}

#rec846522750 .profile-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
}

#rec846522750 .super-vip-slot {
    display: none;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 36px 20px 4px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

#rec846522750 .super-vip-slot.active {
    display: flex;
}

#rec846522750 .super-vip-divider {
    display: none;
    flex-direction: column;
    gap: 8px;
    width: calc(100% - 40px);
    max-width: 1200px;
    margin: 40px auto 8px;
    padding: 0 20px;
    box-sizing: border-box;
}

#rec846522750 .super-vip-divider.active {
    display: flex;
}

#rec846522750 .super-vip-divider-line {
    width: 100%;
    height: 1px;
    background: linear-gradient(
            90deg,
            rgba(139, 88, 16, 0) 0%,
            rgba(214, 176, 91, 0.78) 14%,
            rgba(255, 243, 203, 0.98) 48%,
            rgba(221, 183, 97, 0.82) 82%,
            rgba(139, 88, 16, 0) 100%
    );
    box-shadow:
            0 0 6px rgba(234, 214, 175, 0.18),
            0 0 12px rgba(205, 151, 54, 0.16);
}

#rec846522750 .super-vip-stage {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    position: relative;
    gap: 28px;
}

#rec846522750 .super-vip-cards {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 28px;
    max-width: 668px;
}

#rec846522750 .super-vip-statue {
    display: none;
    width: 230px;
    max-width: 230px;
    height: auto;
    margin-bottom: -20px;
    object-fit: contain;
    pointer-events: none;
    user-select: none;
    opacity: 0.92;
    filter:
            drop-shadow(0 0 10px rgba(255, 213, 107, 0.24))
            drop-shadow(0 10px 24px rgba(0, 0, 0, 0.28));
}

#rec846522750 .super-vip-statue.right {
    transform: scaleX(-1);
}

@property --vip-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes vip-rotate {
    to {
        --vip-angle: 360deg;
    }
}

@keyframes super-vip-neon {
    from {
        box-shadow:
                0 0 8px rgba(255, 247, 229, 0.88),
                0 0 16px rgba(255, 238, 196, 0.76),
                0 0 26px rgba(255, 219, 133, 0.72),
                0 0 40px rgba(255, 153, 0, 0.7),
                0 0 68px rgba(255, 153, 0, 0.58),
                0 0 92px rgba(255, 153, 0, 0.46);
    }
    to {
        box-shadow:
                0 0 4px rgba(255, 247, 229, 0.82),
                0 0 10px rgba(255, 238, 196, 0.68),
                0 0 16px rgba(255, 219, 133, 0.62),
                0 0 24px rgba(255, 153, 0, 0.56),
                0 0 42px rgba(255, 153, 0, 0.44),
                0 0 60px rgba(255, 153, 0, 0.32);
    }
}

@keyframes super-vip-badge-neon {
    from {
        filter:
                drop-shadow(0 0 4px rgba(255, 247, 229, 0.88))
                drop-shadow(0 0 10px rgba(255, 213, 107, 0.76))
                drop-shadow(0 0 18px rgba(255, 153, 0, 0.72))
                drop-shadow(0 0 30px rgba(255, 153, 0, 0.6));
    }
    to {
        filter:
                drop-shadow(0 0 2px rgba(255, 247, 229, 0.82))
                drop-shadow(0 0 6px rgba(255, 213, 107, 0.68))
                drop-shadow(0 0 12px rgba(255, 153, 0, 0.6))
                drop-shadow(0 0 20px rgba(255, 153, 0, 0.44));
    }
}

#rec846522750 .profile-card {
    width: 272px;
    min-height: auto;
    background-color: #4b0000;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

#rec846522750 .profile-card > * {
    position: relative;
    z-index: 1;
}

#rec846522750 .profile-photo {
    width: 272px;
    height: 272px;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

#rec846522750 .profile-card.vip .profile-photo::before {
    content: "";
    position: absolute;
    inset: -3px;
    padding: 8px;
    filter: blur(10px);
    border-radius: inherit;
    background: conic-gradient(
            from var(--vip-angle),
            #ead6af 0deg,
            #b84b20 90deg,
            #ead6af 180deg,
            #960c0c 270deg,
            #ead6af 360deg
    );
    -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
    mask-composite: exclude;
    animation: vip-rotate 6s linear infinite;
    pointer-events: none;
    z-index: 1;
}

#rec846522750 .profile-card.vip .profile-photo::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 8px;
    width: 68px;
    height: 68px;
    background-image: url('/images/vip.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
}

#rec846522750 .profile-card.super-vip {
    width: 320px;
    gap: 14px;
    overflow: visible;
    isolation: isolate;
}

#rec846522750 .profile-card.super-vip .profile-photo,
#rec846522750 .profile-card.super-vip .profile-button {
    width: 320px;
}

#rec846522750 .profile-card.super-vip .profile-photo {
    height: 320px;
    animation: super-vip-neon 1.5s ease-in-out infinite alternate;
}

#rec846522750 .profile-card.super-vip .profile-photo::before,
#rec846522750 .profile-card.super-vip .profile-button::before {
    content: "";
    position: absolute;
    inset: -4px;
    padding: 10px;
    border-radius: inherit;
    filter: blur(12px);
    background: conic-gradient(
            from var(--vip-angle),
            rgba(255, 242, 193, 0.95) 0deg,
            rgba(240, 184, 71, 0.9) 72deg,
            rgba(255, 246, 212, 0.95) 148deg,
            rgba(216, 146, 31, 0.9) 220deg,
            rgba(255, 232, 163, 0.95) 288deg,
            rgba(255, 249, 229, 0.98) 360deg
    );
    -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
    mask-composite: exclude;
    animation: vip-rotate 4.8s linear infinite;
    pointer-events: none;
    z-index: 1;
}

#rec846522750 .profile-card.super-vip .profile-photo::after {
    content: "";
    position: absolute;
    top: -15px;
    left: -15px;
    width: 120px;
    height: 120px;
    background-image: url('/images/imoerial-vip.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    pointer-events: none;
    z-index: 2;
    animation: super-vip-badge-neon 1.5s ease-in-out infinite alternate;
}

#rec846522750 .profile-card.super-vip .profile-name {
    font-size: 28px;
    text-shadow:
            0 0 10px rgba(255, 221, 132, 0.42),
            0 2px 12px rgba(0, 0, 0, 0.55);
}

#rec846522750 .profile-card.super-vip .profile-button {
    height: 100px;
    background:
            linear-gradient(90deg,
            rgba(183, 116, 10, 0.94) 0%,
            rgba(248, 220, 146, 0.99) 18%,
            rgba(255, 245, 204, 1) 48%,
            rgba(237, 198, 98, 0.98) 74%,
            rgba(171, 108, 18, 0.95) 100%);
    box-shadow:
            0 6px 18px rgba(0, 0, 0, 0.3),
            0 0 30px rgba(234, 194, 94, 0.3);
    animation: super-vip-neon 1.5s ease-in-out infinite alternate;
}

#rec846522750 .profile-card.super-vip .profile-button a {
    color: #7b4a10;
}

#rec846522750 .profile-name {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-family: "Century Gothic", sans-serif;
    font-weight: 700;
    padding-right: 20px;
    font-size: 24px;
    line-height: 1;
    color: white;
    text-align: left;
    pointer-events: none;
}

#rec846522750 .profile-button {
    width: 272px;
    height: 95px;
    padding: 35px 0;
    border-radius: 10px;
    background: linear-gradient(
            93.84deg,
            #dab87c 3.02%,
            #ead6af 33.67%,
            #ead6af 41.24%,
            #ead6af 53.44%,
            #ead6af 68.76%,
            #dab87c 97.92%
    );
    box-shadow: 0px 3px 1.3px 0px #baa071;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Century Gothic", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #916b4d;
    text-align: center;
    text-transform: uppercase;
    box-sizing: border-box;
    cursor: pointer;
    user-select: none;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

#rec846522750 .profile-button a {
    font-family: "Century Gothic", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #916B4D;
    text-decoration: none;
}

#rec846522750 .profile-button a {
    text-decoration: none;
}

#rec846522750 .profile-card.vip .profile-button {
    padding: 35px 32px;
    justify-content: center;
    gap: 16px;
}

#rec846522750 .profile-card.vip .profile-button::before {
    content: "";
    position: absolute;
    inset: -3px;
    padding: 9px;
    filter: blur(10px);
    border-radius: inherit;
    background: conic-gradient(
            from var(--vip-angle),
            #ead6af 0deg,
            #b84b20 90deg,
            #ead6af 180deg,
            #960c0c 270deg,
            #ead6af 360deg
    );
    -webkit-mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask:
            linear-gradient(#000 0 0) content-box,
            linear-gradient(#000 0 0);
    mask-composite: exclude;
    animation: vip-rotate 6s linear infinite;
    pointer-events: none;
    z-index: 1;
}

#rec846522750 .loader-card {
    width: 272px;
    min-height: 420px;
    background-color: #3a0000;
    border-radius: 10px;
    padding: 10px;
    animation: pulse 1.5s infinite ease-in-out;
    opacity: 0.6;
}

@keyframes pulse {
    0% {
        opacity: 0.6;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.6;
    }
}

#rec846522750 .loader-card {
    width: 272px;
    min-height: 420px;
    background-color: #3a0000;
    border-radius: 10px;
    padding: 10px;
    animation: pulse 1.5s infinite ease-in-out;
    opacity: 0.6;
}

@keyframes pulse {
    0% {
        opacity: 0.6;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.6;
    }
}

#rec846522750 .mobile-city-select {
    display: none;
    width: 320px;
    height: 40px;
    border-radius: 10px;
    background-color: #ffffff;
    color: #444444;
    font-family: "Century Gothic", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    padding: 10px 50px 10px 20px;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    text-align: center;
}

#rec846522750 .mobile-city-wrapper {
    position: relative;
    width: 320px;
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#rec846522750 .mobile-city-wrapper::after {
    content: '';
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-right: 2px solid #444;
    border-bottom: 2px solid #444;
    transition: transform 0.3s ease;
    pointer-events: none;
}

#rec846522750 .mobile-city-wrapper.open::after {
    transform: translateY(-50%) rotate(-135deg);
}

#rec846522750 .mobile-city-arrow {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    width: 8px;
    height: 8px;
    pointer-events: none;
    transition: transform 0.3s ease;
}

#rec846522750 .mobile-city-wrapper.open .mobile-city-arrow {
    transform: translateY(-50%) rotate(180deg);
}

@media screen and (max-width: 768px) {
    #rec846522750 .city-filters {
        display: none;
    }

    #rec846522750 .mobile-city-select {
        display: block;
    }
}

@media screen and (min-width: 769px) {
    #rec846522750 .mobile-city-wrapper {
        display: none;
    }

    #rec846522750 .profile-grid {
        justify-content: center;
    }

    #rec846522750 .super-vip-statue {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    #rec846522750 .catalog-palm {
        width: 760px;
        opacity: 0.18;
    }

    #rec846522750 .catalog-palm.palm-1 {
        top: 140px;
        left: -560px;
    }

    #rec846522750 .catalog-palm.palm-2 {
        top: 520px;
        right: -560px;
    }

    #rec846522750 .catalog-palm.palm-3 {
        top: 980px;
        left: -570px;
    }

    #rec846522750 .catalog-palm.palm-4 {
        display: none;
    }

    #rec846522750 .super-vip-slot {
        padding: 28px 14px 0;
    }

    #rec846522750 .super-vip-divider {
        width: calc(100% - 28px);
        margin-bottom: 22px;
        padding: 0 14px;
        gap: 6px;
    }

    #rec846522750 .profile-card.super-vip {
        width: 272px;
        gap: 10px;
    }

    #rec846522750 .profile-card.super-vip .profile-photo,
    #rec846522750 .profile-card.super-vip .profile-button {
        width: 272px;
    }

    #rec846522750 .profile-card.super-vip .profile-photo {
        height: 272px;
    }

    #rec846522750 .profile-card.super-vip .profile-button {
        height: 95px;
    }

    #rec846522750 .profile-card.super-vip .profile-name {
        font-size: 24px;
    }

    #rec846522750 .profile-card.super-vip .profile-photo::after {
        top: -15px;
        left: -15px;
        width: 120px;
        height: 120px;
    }

    #rec846522750 .super-vip-stage {
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    #rec846522750 .super-vip-cards {
        flex-direction: column;
        align-items: center;
        width: 100%;
        gap: 18px;
        max-width: 100%;
    }
}

#rec846522750 .search-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 20px 0;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}

#rec846522750 #profile-search {
    width: 100%;
    max-width: 1200px;
    height: 60px;
    padding: 0 60px 0 20px;
    border-radius: 10px;
    font-size: 20px;
    font-family: "Century Gothic", sans-serif;
    box-sizing: border-box;
    border: none;
    background: linear-gradient(
            93.84deg,
            #dab87c 3.02%,
            #ead6af 33.67%,
            #ead6af 41.24%,
            #ead6af 53.44%,
            #ead6af 68.76%,
            #dab87c 97.92%
    );
    color: #4b0000;
}

#rec846522750 .search-icon,
#rec846522750 .clear-icon {
    position: absolute;
    font-size: 40px;
    cursor: pointer;
    color: #4b0000;
    user-select: none;
    top: 50%;
    transform: translateY(-50%);
}

#rec846522750 .search-icon {
    right: 30px;
    bottom: 30px;
}

#rec846522750 .clear-icon {
    right: 30px;
    bottom: 30px;
}